<?xml version="1.0" encoding="ISO-8859-1"?>

<style name="MASTER STYLE" vbversion="5.5.2" product="vbulletin" type="master" dateline="1555115569">
	<templategroup name="Admin">
		<template name="admin_configuresite" templatetype="template" date="1507248893" username="vBulletin" version="5.3.4 Alpha 4"><![CDATA[<vb:if condition="$user['can_use_sitebuilder']">

	{vb:data stylecache, style, fetchStyles}

	<div class="js-config-site-panel config-site-panel h-hide edit-mode">

		<vb:comment>***** GUTTER *****</vb:comment>
		<div class="config-site-panel-gutter">

		</div>

		<vb:comment>***** PANEL *****</vb:comment>
		<div class="js-panel panel h-clearfix">

			<vb:comment>***** PANEL HEADER *****</vb:comment>
			<div class="panel-header-text h-left">
				<h1 class="header main-header">{vb:phrase configure_site}</h1>
			</div>

			<vb:comment>***** PANEL CONTENT *****</vb:comment>
			<div class="panel-main-content h-left b-config-site__main-content">

				<vb:comment>***** SITE NAME *****</vb:comment>
				<h3 class="b-config-site__title h-margin-bottom-xl">
					{vb:phrase your_current_site}
				</h3>
				<div class="b-config-site__content h-margin-bottom-m">
					{vb:var vboptions.frontendurl}
				</div>

				<div class="divider-container h-clear">
					<hr class="divider-light" />
				</div>

				<vb:comment>***** SELECT THEME *****</vb:comment>
				{vb:data canAdminSettings, user, hasPermissions, adminpermissions, canadminsettings}
				{vb:data canAdminSettingsAll, user, hasPermissions, adminpermissions, canadminsettingsall}
				{vb:data canAdminStyles, user, hasPermissions, adminpermissions, canadminstyles}
				<vb:if condition="$canAdminSettings OR $canAdminSettingsAll OR $canAdminStyles">
					<div class="b-theme-selector__quick-setup-wrapper">
						<div class="js-theme-selector__theme-preview b-theme-selector__theme-preview h-margin-top-s"></div>
					</div>

					<h3 class="b-config-site__title h-margin-bottom-xl">
						{vb:phrase select_a_theme}
					</h3>


					{vb:template admin_sbpanel_style_themelist}

					<div class="divider-container h-clear">
						<hr class="divider-light" />
					</div>

				</vb:if>

				
				<vb:comment>***** SITE LOGO *****</vb:comment>
				<h3 class="b-config-site__title h-margin-bottom-xl">
					{vb:phrase choose_options_site_logo}
				</h3>

				<form action="uploader/upload-logo" method="post" enctype="multipart/form-data" class="js-site-config__file_form">
					<div class="dialog-content">
						<div class="b-config-site__content h-margin-bottom-m">
							<label>
								<input type="radio" class="b-config-site__image-option js-site-config__upload_file" name="logo_from" value="file" checked="checked" />
								{vb:phrase upload_a_logo_image_desc}
							</label>
						</div>
						<div class="js-site-config__fileForm b-config-site__content h-margin-bottom-l">
							<div class="h-clearfix">
								<label class="b-button b-button--primary b-button--sitebuilder b-button--upload js-upload-button" tabindex="0">
									<span class="b-button__upload-label">{vb:phrase browse}</span>
									<input type="file" id="file" name="file" class="b-form-input__file--hidden" />
								</label>
								<span class="b-form-input__upload-progress b-form-input__upload-progress--sitebuilder js-upload-progress h-hide"></span>
								<vb:comment>@TODO show the allowed filetypes here</vb:comment>
							</div>

							<vb:if condition="count($stylecache) > 1">
								<div class="subheader h-margin-top-s">{vb:phrase choose_which_styles_apply_logo}</div>
								<div class="h-margin-bottom-xxl">
									<label><input type="radio" checked="checked" name="styleselection" value="current" class="styleselection h-margin-left-none" />{vb:phrase current_style}</label>
									<label><input type="radio" name="styleselection" value="default" class="styleselection" />{vb:phrase default_style}</label>
									<label><input type="radio" name="styleselection" value="all" class="styleselection" />{vb:phrase all_styles}</label>
								</div>
							<vb:else />
								<label class="h-hide"><input type="radio" checked="checked" name="styleselection" value="current" class="styleselection" />{vb:phrase current_style}</label>
							</vb:if>

						</div>
					</div>
				</form>

				<form action="uploader/upload-logo-url" method="post" enctype="multipart/form-data" class="js-site-config__url_form">
					<div class="dialog-content">
						<div class="b-config-site__content h-margin-bottom-m">
							<label>
								<input type="radio" class="b-config-site__image-option js-site-config__upload_url" name="logo_from" value="url" />
								{vb:phrase image_hosting_site_desc}
							</label>
						</div>
						<div class="js-site-config__urlForm h-hide b-config-site__content">
							<div class="h-clearfix">
								<input type="text" class="js-site-config__url b-form-input__input" dir="ltr" placeholder="http://" />
								<span class="b-button b-button--primary b-button--sitebuilder js-site-config__btn-url" tabindex="0">{vb:phrase upload}</span>
								<span class="b-form-input__upload-progress b-form-input__upload-progress--sitebuilder js-upload-progress h-hide"></span>
							</div>

							<vb:if condition="count($stylecache) > 1">
								<div class="subheader h-margin-top-s">{vb:phrase choose_which_styles_apply_logo}</div>
								<div class="h-margin-bottom-xxl">
									<label><input type="radio" checked="checked" name="styleselection" value="current" class="styleselection h-margin-left-none" />{vb:phrase current_style}</label>
									<label><input type="radio" name="styleselection" value="default" class="styleselection" />{vb:phrase default_style}</label>
									<label><input type="radio" name="styleselection" value="all" class="styleselection" />{vb:phrase all_styles}</label>
								</div>
							<vb:else />
								<label class="h-hide"><input type="radio" checked="checked" name="styleselection" value="current" class="styleselection" />{vb:phrase current_style}</label>
							</vb:if>

						</div>
					</div>
				</form>

				<div class="divider-container h-clear">
					<hr class="divider-light" />
				</div>

				<vb:comment>***** ADD NEW FORUMS *****</vb:comment>
				{vb:data canAdminForums, user, hasPermissions, adminpermissions, canadminforums}
				<vb:if condition="$canAdminForums">
					<h3 class="b-config-site__title h-margin-bottom-xl">
						{vb:phrase add_new_forums}
					</h3>
					<div class="b-config-site__content h-margin-bottom-m">
						{vb:phrase enter_forum_name_and_description}
					</div>

					{vb:set canDelete, {vb:raw canAdminForums}}

					<div class="js-site-config__forum-div b-config-site__content">

						{vb:data rootForums, content_channel, fetchTopLevelChannelIds, null}
						{vb:set options.channel, {vb:raw rootForums.forum}}
						{vb:set options.type, vBForum_Channel}
						<vb:comment>Show top level forums only (directly under the Forum channel)</vb:comment>
						{vb:set options.depth, 1}
						{vb:set sortOptions, {vb:php array}}
						{vb:set sortOptions.displayorder, 'asc'}
						{vb:set options.sort, {vb:raw sortOptions}}
						{vb:data forumList, search, getInitialResults, {vb:raw options}, 999, 1, 0}
						{vb:set forums, {vb:raw forumList.results}}

						<vb:each from="forums" value="channel">
							{vb:set deleteThis, 0}
							<vb:if condition="!(bool)$canDelete">
								{vb:data deleteThis, user, hasPermissions, forumpermissions2, candeletechannel, {vb:raw channel.nodeid}}
							</vb:if>
							{vb:template admin_configuresite_channel,
								channel={vb:raw channel},
								canDelete={vb:raw canDelete},
								deleteThis={vb:raw deleteThis}}
						</vb:each>

					</div>

					<vb:comment>Hidden sample input for adding a new forum (used when clicking "more forums"</vb:comment>
					<div class="js-site-config__more-forums-sample h-hide">
						{vb:template admin_configuresite_channel, canDelete=0, deleteThis=0}
					</div>
					<div class="b-config-site__content">
						<button class="js-site-config__more-forums b-config-site__more-forums b-button b-button--secondary b-button--sitebuilder">+ {vb:phrase more_forums}</button>
					</div>

					<div class="divider-container h-clear">
						<hr class="divider-light" />
					</div>
				</vb:if>

				<vb:comment>***** INVITE MEMBERS *****</vb:comment>
				{vb:data canemail, user, hasPermissions, adminpermissions, canadminusers}
				<vb:if condition="$canemail > 0">
				  <h3 class="b-config-site__title h-margin-bottom-xl">
					  {vb:phrase invite_members_to_forum}
				  </h3>

				  <div class="js-site-config__email-div">

					  <div class="b-config-site__content h-margin-bottom-m">
						  {vb:phrase you_can_send_invites}
					  </div>
					  <textarea class="b-config-site__content b-config-site__email-list js-comment-entry__textbox autogrow" name="chDesc_{vb:raw channel.nodeid}" data-nodeid="{vb:raw channel.nodeid}" placeholder="{vb:phrase type_email_semicolon_separated}"></textarea>
					  <input type="text" class="b-config-site__content b-config-site__email-title textbox" placeholder="{vb:phrase enter_email_subject}" autocomplete="off" />
					  <div class="b-config-site__content h-margin-bottom-m">
						  {vb:phrase enter_email_content_here}
					  </div>
					  <textarea class="b-config-site__content b-config-site__email-content  js-comment-entry__textbox autogrow" name="chDesc_{vb:raw channel.nodeid}" data-nodeid="{vb:raw channel.nodeid}">{vb:phrase default_invite_email_content_at_x_y, {vb:var vboptions.bbtitle}, {vb:var vboptions.frontendurl}}</textarea>
					  <div class="b-config-site__content">
						  <div class="b-button b-button--primary b-button--sitebuilder js-site-config__send-btn b-config-site__send-btn" tabindex="0">{vb:phrase send_email}</div>
					  </div>

				  </div>

				  <div class="divider-container h-clear">
					  <hr class="divider-light" />
				  </div>
				</vb:if>

				<vb:comment>***** BOTTOM BUTTONS *****</vb:comment>
				<div class="h-margin-bottom-xxl">
					<div class="b-button-group">
						<button class="b-button b-button--primary b-button--sitebuilder js-site-config__close-btn">{vb:phrase done}</button>
					</div>
				</div>

			</div><!-- end panel content -->

		</div><!-- end panel -->

	</div><!-- end js-config-site-panel -->

</vb:if>]]></template>
		<template name="admin_configuresite_channel" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[
	<vb:if condition="empty($channel)">
		{vb:set channel, {vb:php array}}
		{vb:set channel.nodeid, ''}
		{vb:set channel.title, ''}
		{vb:set channel.totalcount, ''}
		{vb:set channel.description, ''}
	</vb:if>
	<div class="js-site-config__forum-record">

	<input type="text" class="b-config-site__forum-title textbox h-left" name="chTitle_{vb:raw channel.nodeid}" data-nodeid="{vb:raw channel.nodeid}" value="{vb:raw channel.title}"  placeholder="{vb:phrase enter_forum_title}" autocomplete="off" />

	<div class="b-config-site__delete-link h-left<vb:if condition="!(bool)$canDelete AND !(bool)$deleteThis"> h-hide-imp</vb:if> b-icon b-icon__trash-square--blue" data-nodeid="{vb:raw channel.nodeid}" data-postcount="{vb:raw channel.totalcount}" tabindex="0">
		{vb:phrase delete}
	</div>

	<textarea class="b-config-site__forum-desc  js-comment-entry__textbox autogrow h-clear" name="chDesc_{vb:raw channel.nodeid}" data-nodeid="{vb:raw channel.nodeid}" placeholder="{vb:phrase enter_forum_description}">{vb:var channel.description}</textarea>

</div>]]></template>
		<template name="admin_sbpanel_pagelist" templatetype="template" date="1494903154" username="vBulletin" version="5.3.2 Alpha 2"><![CDATA[<vb:if condition="$user['can_use_sitebuilder']">
	<vb:comment>
		TODO: 
		Which permissions should be required for this?
		page API pageSave() only checks for 'canusesitebuilder', so nothing else?
	</vb:comment>

	<div class="js-sbpanel-pagelist-wrapper sitebuilder-panel h-hide">
		<div class="sitebuilder-panel__panel h-clearfix">

			<div class="sitebuilder-panel__header h-left">
				<h1 class="sitebuilder-panel__main-header">{vb:phrase sbpanel_pagelist_title}</h1>
				<ul class="tabs-list js-tab-select">
					<li class="tab-item"><a href="#sb-pagelist-tab-custom-pages"><span>{vb:phrase sbpanel_pagelist_select_custom_pages}</span></a></li>
					<li class="tab-item"><a href="#sb-pagelist-tab-all"><span>{vb:phrase sbpanel_pagelist_select_all}</span></a></li>
					<li class="tab-item"><a href="#sb-pagelist-tab-orphans"><span>{vb:phrase sbpanel_pagelist_orphans}</span></a></li>
				</ul>
				<p>{vb:phrase sbpanel_pagelist_description}</p>
			</div>

			<div class="sitebuilder-panel__main-content h-left">
				<div class="js-loading-placeholder h-hide">
					<vb:comment>Fake pagenav controls & content wrapper to make the loading icon line up with the content per sprint demo feedback</vb:comment>
					<div class="ui-tabs-panel ui-widget-content ui-corner-bottom">
						<div class="sitebuilder-panel__top-controls h-clearfix">
							<div class="pagenav-controls">
								<div class="pagenav h-left">
									{vb:phrase page} <input type="text" name="page" 
										class="textbox h-padding-horiz-none" 
										value="1"
									> {vb:phrase of_pagination} <span class="pagetotal">1</span>
								</div>
								<div class="horizontal-arrows h-left">
									<div class="arrow left-arrow"><span class="vb-icon vb-icon-arrow-left"></span></div>
									<div class="arrow right-arrow"><span class="vb-icon vb-icon-arrow-right"></span></div>
								</div>
							</div>
						</div>
						<div class="sitebuilder-panel__pages-list-container">
							<ul class="pages-list">
								<div>{vb:phrase sbpanel_pagelist_loading_pages}</div>
								<img src="images/loader-box-blue.gif" alt="{vb:phrase sbpanel_pagelist_loading_pages}" />
							</ul>
						</div>
					</div>
				</div>
				<div class="js-delayed-template-render-insert-here">
				</div>
				<vb:comment>
				Content template is rendered @ request time. See sb_page.js (look for #lnkPageList click listener)
				</vb:comment>

				<div class="sitebuilder-panel__bottom-buttons">
					<div class="b-button-group">
						<button class="b-button b-button--primary b-button--sitebuilder js-button--close-panel" type="button">{vb:phrase sbpanel_pagelist_close_panel}</button>
					</div>
				</div>

			</div>
		</div>
	</div>

</vb:if>]]></template>
		<template name="admin_sbpanel_pagelist_content" templatetype="template" date="1474481189" username="vBulletin" version="5.2.5 Alpha 3"><![CDATA[{vb:set pagination_pages, {vb:raw pagelist_data.paginated}}
{vb:set pagenav, {vb:raw pagelist_data.pagenav}}

<div id="{vb:var tabs_id}" class="js-simple-pagination-wrapper">

	<div class="sitebuilder-panel__top-controls h-clearfix">
		<div class="pagenav-controls">
			<div class="pagenav h-left">
				{vb:phrase page} <input type="text" name="page" 
					class="js-pagenum textbox h-padding-horiz-none" 
					value="{vb:raw pagenav.currentpage}"
				> {vb:phrase of_pagination} <span class="pagetotal">{vb:number {vb:raw pagenav.totalpages}}</span>
			</div>
			<div class="horizontal-arrows h-left">
				<div class="arrow left-arrow js-pagenav-goprev"><span class="vb-icon vb-icon-arrow-left"></span></div>
				<div class="arrow right-arrow js-pagenav-gopost"><span class="vb-icon vb-icon-arrow-right"></span></div>
			</div>
		</div>
	</div>

	<div class="sitebuilder-panel__pages-list-container">
		<ul class="pages-list">

			<vb:if condition="!empty($pagination_pages)">
				<vb:each from="pagination_pages" key="pageNumber" value="pagination_page">
					<div class="js-paginated-page h-hide">
						<vb:each from="pagination_page" value="page">
							<li class="page-item">
								<a href="{vb:var page.url}" title="{vb:var page.label}">{vb:var page.label}</a>{vb:var page.label_after_anchor}
							</li>
						</vb:each>
					</div>
				</vb:each>
			<vb:else />
				<div class="js-paginated-page h-hide">
					<li class="page-item">
						<vb:comment>Just doing vb:pharse vb:raw pagelist_data.empty_phraseid results in Array.empty_phraseid. Pull the var out into unnested var and use that.</vb:comment>
						{vb:set empty_phraseid, {vb:raw pagelist_data.empty_phraseid}}
						{vb:phrase {vb:raw empty_phraseid}}
					</li>
				</div>
			</vb:if>

		</ul>
	</div>

</div>]]></template>
		<template name="admin_sbpanel_pagelist_content_wrapper" templatetype="template" date="1494438951" username="vBulletin" version="5.3.2 Alpha 1"><![CDATA[<vb:if condition="$user['can_use_sitebuilder']">
{vb:data apiReturn, page, getURLs}

{vb:template admin_sbpanel_pagelist_content, 
	tabs_id='sb-pagelist-tab-custom-pages',
	pagelist_data={vb:raw apiReturn.custom_pages}
}

{vb:template admin_sbpanel_pagelist_content, 
	tabs_id='sb-pagelist-tab-all',
	pagelist_data={vb:raw apiReturn.all}
}

{vb:template admin_sbpanel_pagelist_content__orphaned_pagetemplate, 
	tabs_id='sb-pagelist-tab-orphans',
	pagelist_data={vb:raw apiReturn.orphans}
}
</vb:if>]]></template>
		<template name="admin_sbpanel_pagelist_content__orphaned_pagetemplate" templatetype="template" date="1494902546" username="vBulletin" version="5.3.2 Alpha 2"><![CDATA[{vb:set table_headers, {vb:raw pagelist_data.table_headers}}
{vb:set pagination_pages, {vb:raw pagelist_data.paginated}}
{vb:set pagenav, {vb:raw pagelist_data.pagenav}}
{vb:set col_count, {vb:math {vb:php count, {vb:raw table_headers}} + 1}}

<vb:comment>
TODO: add warning that the pagetemplates can show up when another admin is creating a new page,
and removing that template will likely break the said new page creation.
</vb:comment>

<div id="{vb:var tabs_id}" class="js-simple-pagination-wrapper">

	<div class="sitebuilder-panel__top-controls h-clearfix l-row l-row__fixed--right">
		<div class="pagenav-controls l-col__flex-1">
			<div class="pagenav h-left">
				{vb:phrase page} <input type="text" name="page" 
					class="js-pagenum textbox h-padding-horiz-none" 
					value="{vb:raw pagenav.currentpage}"
				> {vb:phrase of_pagination} <span class="pagetotal">{vb:number {vb:raw pagenav.totalpages}}</span>
			</div>
			<div class="horizontal-arrows h-left">
				<div class="arrow left-arrow js-pagenav-goprev"><span class="vb-icon vb-icon-arrow-left"></span></div>
				<div class="arrow right-arrow js-pagenav-gopost"><span class="vb-icon vb-icon-arrow-right"></span></div>
			</div>
		</div>

		<vb:comment>delete</vb:comment>
		<div class="l-col__fixed-1">
			<span class="delete-icon h-right js-delete-orphaned-pagetemplates" alt="delete" data-group-id="{vb:var tabs_id}"></span>
		</div>

	</div>



	<div class="sitebuilder-panel__pages-list-container">
		<ul class="pages-list">
			<li class="l-row page-item--header">
				<div class="l-col__fixed-2">{vb:var table_headers.pagetemplateid}</div>
				<div class="l-col__flex-2">
					<div class="l-row l-row__fixed--right">
						<div class="l-col__fixed-1">
							<input type="checkbox" data-group-id="{vb:var tabs_id}" class="h-right js-checkbox--checkall">
						</div>
						<div class="l-col__flex-1">{vb:var table_headers.title}</div>
					</div>
				</div>
			</li>

			<vb:if condition="!empty($pagination_pages)">
				<vb:each from="pagination_pages" key="pageNumber" value="pagination_page">
					<div class="js-paginated-page h-hide">
						<vb:each from="pagination_page" value="row">
							<li class="page-item l-row">
								<div class="l-col__fixed-2">{vb:var row.pagetemplateid}</div>
								<div class="l-col__flex-2">
									<div class="l-row l-row__fixed--right">
										<div class="l-col__fixed-1">
											<input type="checkbox" data-group-id="{vb:var tabs_id}" name="pagetemplateids[]" value="{vb:var row.pagetemplateid}" class="h-right js-checkbox">
										</div>
										<div class="l-col__flex-1">{vb:var row.title}</div>
									</div>
								</div>
							</li>
						</vb:each>
					</div>
				</vb:each>
			<vb:else />
				<li class="page-item">
					<vb:comment>Just doing vb:pharse vb:raw pagelist_data.empty_phraseid results in Array.empty_phraseid. Pull the var out into unnested var and use that.</vb:comment>
					{vb:set empty_phraseid, {vb:raw pagelist_data.empty_phraseid}}
					{vb:phrase {vb:raw empty_phraseid}}
					
				</li>
			</vb:if>
		</ul>

	</div>

</div>]]></template>
		<template name="admin_sbpanel_style" templatetype="template" date="1525816074" username="vBulletin" version="5.4.3 Alpha 1"><![CDATA[<vb:if condition="$user['can_use_sitebuilder']">

	{vb:data canAdminSettings, user, hasPermissions, adminpermissions, canadminsettings}
	{vb:data canAdminSettingsAll, user, hasPermissions, adminpermissions, canadminsettingsall}
	{vb:data canAdminStyles, user, hasPermissions, adminpermissions, canadminstyles}
	{vb:data canAdminTemplates, user, hasPermissions, adminpermissions, canadmintemplates}

	<div class="js-style-panel sb-style-panel-gutter h-hide">
		<div class="sb-style-panel">
			<div>
				<div class="tabs h-clearfix">
					<div class="tabs-gutter">
						<div class="tabs-list-wrapper">

							<ul class="tabs-list">
								<vb:if condition="$canAdminSettings OR $canAdminSettingsAll OR $canAdminStyles">
									<li class="tab-item"><a href="#admin-stylepanel-themes"><span>{vb:phrase sb_themes}</span></a></li>
								</vb:if>
								<vb:if condition="$canAdminStyles OR $canAdminTemplates">
									<li class="tab-item"><a href="#admin-stylepanel-csseditor"><span>{vb:phrase sb_css_editor}</span></a></li>
								</vb:if>
							</ul>

						</div>
					</div>

					<vb:if condition="$canAdminSettings OR $canAdminSettingsAll OR $canAdminStyles">
						<form id="admin-stylepanel-themes" class="tab h-left">
							<div class="js-panel panel h-clearfix">
								<div class="panel-header-text h-left">
									<h1 class="header main-header">{vb:phrase sb_select_a_theme}</h1>

									{vb:set url, 'admincp/?loc=admincp/template.php'}
									<p>{vb:phrase sb_themes_desc, {vb:var url}}</p>

									<div class="js-theme-selector__theme-preview b-theme-selector__theme-preview h-margin-vert-xxl"></div>

								</div>
								<div class="panel-main-content h-left">

									{vb:template admin_sbpanel_style_themelist}

									<div class="b-button-group">
										<button class="b-button b-button--primary b-button--sitebuilder js-button--save" type="button">{vb:phrase save_changes}</button>
										<button class="b-button b-button--secondary b-button--sitebuilder js-button--cancel" type="button">{vb:phrase cancel}</button>
									</div>

								</div>
							</div>
							<div class="form-gutter-right"></div>
						</form>
					</vb:if>

					<vb:if condition="$canAdminStyles OR $canAdminTemplates">
						<form id="admin-stylepanel-csseditor" class="tab h-left js-admin-stylepanel-csseditor">
							<div class="panel h-clearfix">

								<div class="panel-header-text h-left">
									<h1 class="header main-header">{vb:phrase sb_css_editor_title}</h1>
									<p>{vb:phrase select_style_for_css_editor}</p>
								</div>

								<div class="panel-main-content h-left">
									{vb:set options.themes, 1}
									{vb:data styles, style, fetchStyles, 1, 0, 0, {vb:raw options}}
									<p>

										{vb:phrase select_a_style}
										<select class="js_stylepanel_selectStyle">
											<vb:each from="styles" value="style">
												<option value="{vb:raw style.styleid}"<vb:if condition="$style['styleid'] == $preferred_styleid"> selected="selected"</vb:if>>{vb:var style.title}</option>
											</vb:each>
										<select>

										{vb:phrase select_a_template}
										<select class="js_stylepanel_selectTemplate">
											<option value="css_additional.css">css_additional.css</option>
											<option value="css_sprite_icons_general.css">css_sprite_icons_general.css</option>
										<select>

										<vb:if condition="$canAdminTemplates">
											<label>
												<input type="checkbox" value="1" name="textonly" tabindex="0" class="js-textonly h-align-middle" />
												<span class="h-align-middle">{vb:phrase textonly}</span>
											</label>
											<span class="js-tooltip b-icon b-icon__i-circle--blue h-margin-left-xs h-align-middle" title="{vb:phrase textonly_desc}">(i)</span>
										</vb:if>

									</p>
									<textarea class="sb-style-panel_cssextraedit" id="sb-style-panel_cssextraedit" dir="ltr"></textarea>
									<p class="warning">{vb:phrase warning_css_edits_not_supported}</class>

									<div class="b-button-group">
										<button class="b-button b-button--primary b-button--sitebuilder js-button--save" type="button">{vb:phrase save_changes}</button>
										<button class="b-button b-button--secondary b-button--sitebuilder js-button--cancel" type="button">{vb:phrase cancel_changes}</button>
										<button class="b-button b-button--secondary b-button--sitebuilder js-button--revert" type="button">{vb:phrase revert}</button>
										<button class="b-button b-button--secondary b-button--sitebuilder js-button--close" type="button">{vb:phrase close}</button>
									</div>

									<div class="js-sb-sprite-icon-preview sb-sprite-icon-preview h-margin-top-s h-hide">
										<div class="h-margin-vert-s">
											<span class="sb-sprite-icon-preview-title">{vb:phrase icon_preview}:</span>
											<a href="#" class="js-sb-sprite-icon-preview-bg-btn sb-sprite-icon-preview-bg-btn" data-bgcolor="#FFF"></a>
											<a href="#" class="js-sb-sprite-icon-preview-bg-btn sb-sprite-icon-preview-bg-btn" data-bgcolor="#AAA"></a>
											<a href="#" class="js-sb-sprite-icon-preview-bg-btn sb-sprite-icon-preview-bg-btn" data-bgcolor="#000"></a>
										</div>
										<div class="js-sb-sprite-icon-preview-img-wrapper sb-sprite-icon-preview-img-wrapper h-padding-horiz-l">
											<img src="sprite.php?sprite=sprite_icons_general.svg&styleid={vb:stylevar styleid}&td={vb:stylevar textdirection}&v={vb:var simpleversion}&ts={vb:stylevar cssdate}" class="js-sb-sprite-icon-preview-img" />
										</div>
									</div>

								</div>
							</div>
							<div class="form-gutter-right"></div>
						</form>

						<link rel="stylesheet" href="{vb:raw baseurl_core}/clientscript/codemirror/lib/codemirror.css?v={vb:var vboptions.simpleversion}">
						<script type="text/javascript" src="{vb:raw baseurl_core}/clientscript/codemirror/lib/codemirror.js?v={vb:var vboptions.simpleversion}"> </script>
						<script type="text/javascript" src="{vb:raw baseurl_core}/clientscript/codemirror/mode/css/css.js?v={vb:var vboptions.simpleversion}"> </script>
						<script type="text/javascript" src="{vb:raw baseurl_core}/clientscript/codemirror/addon/hint/css-hint.js?v={vb:var vboptions.simpleversion}"> </script>

					</vb:if>
				</div>
			</div>
		</div>
	</div>
</vb:if>]]></template>
		<template name="admin_sbpanel_style_themelist" templatetype="template" date="1479414490" username="vBulletin" version="5.2.6 Alpha 3"><![CDATA[<vb:comment>This is used in both the quick setup panel and the style panel</vb:comment>
<div class="js-theme-selector__container b-theme-selector__container">

	{vb:template b_vbscroller_open,
		content_class_extra="js-theme-selector__list b-theme-selector__list",
		manual_init=1}

		<vb:comment>List populated via initThemesTab() in admin-sbpanel-style.js</vb:comment>
		<div class="b-theme-selector__message">
			<div>{vb:phrase loading_themes}</div>
			<img src="images/loader-box-blue.gif" alt="{vb:phrase loading_themes}" />
		</div>

	{vb:template b_vbscroller_close}

</div>]]></template>
		<template name="admin_sb__config_module_filter_nodes" templatetype="template" date="1541098332" username="vBulletin" version="5.4.5 Beta 2"><![CDATA[<vb:comment>
 Note, the non-standard input naming/structure are "fixed" downstream of vB_Api_Widget::saveAdminConfig()
 in vB_Api_Widget::cleanWidgetConfigData().
 This template is used by generateConfigInputs__Module_Filter_Nodes() in sb_page.js
</vb:comment>
<vb:comment>search::getChannels() is how vB_Api_Widget::fetchSearchConfig() grabs channels for the search json</vb:comment>
{vb:data channels, search, getChannels, 1}
<div class="h-hide js-sb-module-config--filter_nodes--template js-sb-module-config--filter_nodes">
	<div>
		<label>
			<input type="radio" 
				name="data[module_filter_nodes][key]" 
				value="include" 
				class="js-module_filter_nodes__key" />
			{vb:phrase module_filter_nodes_include}
		</label>
		<label>
			<input type="radio" 
				name="data[module_filter_nodes][key]" 
				value="exclude" 
				class="js-module_filter_nodes__key" />
			{vb:phrase module_filter_nodes_exclude}
		</label>
	</div>

	<div class="h-margin-horiz-s">
		<label>
			<input type="radio" 
				name="data[module_filter_nodes][selection_type]" 
				value="all" 
				data-disable-on="exclude" />
			{vb:phrase all_channels}
		</label><br />
		<label>
			<input type="radio" 
				name="data[module_filter_nodes][selection_type]" 
				value="current" />
			{vb:phrase current_channel}
		</label><br />
		<label>
			<input type="radio" 
				name="data[module_filter_nodes][selection_type]" 
				value="custom" />
			{vb:phrase specific_channels}
		</label><br />

		<select name="data[module_filter_nodes][value][]" class="js-module_filter_nodes-values" multiple="multiple">
			<vb:if condition="!empty($channels)">
				<vb:each from="channels" key="nodeId" value="channel">
					<vb:if condition="$channel['depth'] >= 1">
						{vb:set indent, "&nbsp;&nbsp;&nbsp;"}
						{vb:set depth, {vb:math {vb:raw channel.depth}}}
						{vb:strrepeat indent {vb:raw depth}}
					<vb:else />
						{vb:set indent, ''}
					</vb:if>
					<option value="{vb:var channel.nodeid}">{vb:raw $indent}{vb:raw channel.htmltitle}</option>
				</vb:each>
			</vb:if>
		</select>

		<label>
			<input type="hidden" name="data[module_filter_nodes][include_children]" value="0" />
			<input type="checkbox" 
				name="data[module_filter_nodes][include_children]" 
				value="1" />
			{vb:phrase include_children}
		</label>
	</div>
</div>]]></template>
		<template name="admin_sb__config_module_viewpermissions" templatetype="template" date="1507916791" username="vBulletin" version="5.3.4 Alpha 4"><![CDATA[<vb:comment>
 Note, the non-standard input naming/structure are "fixed" downstream of vB_Api_Widget::saveAdminConfig()
 in vB_Api_Widget::cleanWidgetConfigData().
 This template is used by generateConfigInputs__Module_Viewpermissions() in sb_page.js
</vb:comment>
{vb:data usergroups, usergroup, fetchUsergroupList}
<div class="h-hide js-sb-module-config--viewpermissions--template js-sb-module-config--viewpermissions">
	<div>
		<label>
			<input type="radio" 
				name="data[module_viewpermissions][key]" 
				value="show_all" 
				class="js-module_viewpermissions__key" />
			{vb:phrase show_to_all}
		</label>
		<label>
			<input type="radio" 
				name="data[module_viewpermissions][key]" 
				value="show" 
				class="js-module_viewpermissions__key" />
			{vb:phrase show_to_usergroups}
		</label>
		<vb:comment>
		Removing "hide from" option.
		<label>
			<input type="radio" 
				name="data[module_viewpermissions][key]" 
				value="hide" 
				class="js-module_viewpermissions__key" />
			{vb:phrase hide_from}
		</label>
		</vb:comment>
	</div>
	
	<vb:each from="usergroups" value="usergroup">
		<div class="js-module_viewpermissions_ugchecklist">
			<label>
				<input type="checkbox" 
					name="data[module_viewpermissions][value][{vb:var usergroup.usergroupid}]" 
					value="{vb:var usergroup.usergroupid}" 
					class="js-module_viewpermissions__value" />
				<vb:comment>todo: check if var or raw here</vb:comment>
				{vb:var usergroup.title}
			</label>
		</div>
	</vb:each>
</div>]]></template>
		<template name="admin_sitebuilder" templatetype="template" date="1537923082" username="vBulletin" version="5.4.5 Alpha 3"><![CDATA[<vb:if condition="$user['can_use_sitebuilder']">
	<div id="admin-navbar-strip-gutter" class="h-hide">
		<div id="admin-navbar-strip">
			<div class="prompt-text h-left"></div>
			<ul class="sb-main-button-group h-right">
				<li><div class="lnkSaveChanges admin-button-flat"><span class="icon"></span>{vb:phrase save_changes}</div></li>
				<li><div class="lnkExitWithoutSaving admin-button-flat"><span class="icon"></span>{vb:phrase exit_without_saving}</div></li>
			</ul>
		</div>
		<form id="edit-navbar" class="tab h-hide h-left">
			<div class="panel h-clearfix">
				<div class="panel-header-text h-left" id="panel-header-navbar">
					<h1 class="header main-header">{vb:phrase edit_navigation_bar}</h1>
					<p>{vb:phrase edit_navigation_bar_desc}</p>
				</div>
				<div class="panel-header-text h-left" id="panel-header-footer">
					<h1 class="header main-header">{vb:phrase edit_footer}</h1>
					<p>{vb:phrase edit_footer_desc}</p>
				</div>
				<div class="panel-main-content h-left">
					<div id="navbar-ui-container" class="h-clearfix">
						<div id="navbar-edit-item" class="sb-dialog">
							<div class="dialog-content">
								<div class="blockrow">
									<label>{vb:phrase navigation_item_name}:</label>
									<input autocomplete="off" type="text" name="name" id="navbar-edit-name" class="textbox stretch" />
								</div>
								<div class="blockrow">
									<label>{vb:phrase target_url}:</label>
									<input autocomplete="off" type="text" name="url" id="navbar-edit-url" class="textbox stretch" dir="ltr" placeholder="http://" />
									<label><input type="checkbox" name="newwindow" id="navbar-edit-newwindow" /><span>{vb:phrase open_in_new_window}</span></label>
								</div>
								<div class="blockrow">
									<label>{vb:phrase link_attributes}:</label>
									<input autocomplete="off" type="text" name="name" id="navbar-edit-attr" class="textbox stretch" />
								</div>
								<div class="blockrow">
									<label>{vb:phrase user_groups}:</label>
									<span id="navbar-edit-usergroups" class="b-link js-link" tabindex="0">{vb:phrase edit}</span>
								</div>
							</div>
							<div class="b-button-group">
								<button id="navbar-edit-save" type="button" class="b-button b-button--primary b-button--sitebuilder">{vb:phrase ok}</button>
								<button id="navbar-edit-cancel" type="button" class="b-button b-button--secondary b-button--sitebuilder">{vb:phrase cancel}</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="form-gutter-right"></div>
		</form>
	</div>

	<div id="edit-page-dropdown-gutter" class="h-hide">
		<div id="edit-page-dropdown">
			<div id="edit-content">
				<div class="tabs h-clearfix">
					<div class="tabs-gutter">
						<div class="tabs-list-wrapper">
							<ul class="tabs-list">
								<li class="tab-item"><a href="#add-modules" id="addModulesTab"><span>{vb:phrase add_modules}</span></a></li>
								<li class="tab-item"><a href="#change-layout" id="changeLayoutTab"><span>{vb:phrase change_layout}</span></a></li>
								<li class="tab-item"><a href="#select-template" id="selectTemplateTab"><span>{vb:phrase select_template}</span></a></li>
								<li class="tab-item"><a href="#color-style" id="colorStyleTab"><span>{vb:phrase color_style}</span></a></li>
							</ul>
							<ul class="sb-main-button-group">
								<li><div class="lnkSaveChanges admin-button-flat"><span class="icon"></span><span class="label">{vb:phrase save_page}</span></div></li>
								<li><div class="lnkExitWithoutSaving admin-button-flat"><span class="icon"></span><span class="label">{vb:phrase exit_without_saving}</span></div></li>
								<vb:if condition="$page['pagetype']=='custom'">
									{vb:data routeInfo, page, fetchRouteClass, {vb:var page.pageid}}
									<vb:if condition="$routeInfo['routeclass']=='vB5_Route_Page'">
										<li><div class="lnkDeletePage admin-button-flat"><span class="icon"></span>{vb:phrase delete_page}</div></li>
									</vb:if>
								</vb:if>
							</ul>
						</div>
					</div>
					<div id="add-modules" class="tab h-left">
						<div class="panel h-clearfix">
							<div class="panel-header-text h-left">
								<h1 class="header main-header">{vb:phrase add_modules}</h1>
								<p>{vb:phrase add_modules_desc}</p>
								<p><input type="text" id="search-module-keyword" class="textbox" placeholder="{vb:phrase search_module}" autocomplete="off" /></p>
							</div>
							<div class="module-list-container panel-main-content h-left">

								<div class="scroller">

									{vb:template b_vbscroller_open,
										content_class_extra="module-list",
										manual_init=1}

										<vb:comment><!-- Template for displaying module icons --></vb:comment>
										<div class="canvas-widget default-widget module-icon-template h-hide">
											<div class="widget-header h-clearfix">
												<div class="module-icon"></div>
												<div class="module-title h-left"><span class="main-title"></span></div>
												<div class="module-buttons">
													<vb:if condition="$user['can_use_sitebuilder']">
														<span class="admin-only">
															<span class="move-icon module-button-item" title="{vb:phrase move_module}"><span>{vb:phrase move}</span></span>
															<span class="edit-button js-edit-button module-button-item" title="{vb:phrase edit_module}"><span>{vb:phrase edit}</span></span>
															<span class="close-button module-button-item" title="{vb:phrase remove_module}"><span>{vb:phrase remove}</span></span>
														</span>
													</vb:if>
												</div>
											</div>
										</div>
										<div class="empty-module h-hide">{vb:phrase no_modules_found}</div>

									{vb:template b_vbscroller_close}

								</div>


							</div>
						</div>
						<div class="form-gutter-right"></div>
					</div>
					<form id="change-layout" class="tab h-left">
						<div class="panel h-clearfix">
							<div class="panel-header-text h-left">
								<h1 class="header main-header">{vb:phrase change_layout}</h1>
								<p>{vb:phrase change_layout_desc}</p>
							</div>
							<div class="layout-list-container panel-main-content h-left">
								<div>

									{vb:template b_vbscroller_open,
										content_class_extra="layout-list",
										manual_init=1}


									{vb:data screenlayouts, screenlayout, fetchScreenLayoutList}
									<vb:each from="screenlayouts" value="screenlayout">
										<div class="layout-item">
											{vb:set layout_phrase, {vb:raw screenlayout.title}}
											<input type="radio" name="screenlayoutid" id="layout-{vb:raw screenlayout.varname}" value="{vb:raw screenlayout.screenlayoutid}" data-thumbnail="images/sitebuilder/icon-layout-{vb:raw screenlayout.varname}.png" data-guid="{vb:var screenlayout.guid}"/>
											<label class="layout-label">{vb:phrase {vb:raw layout_phrase}}</label>
										</div>
									</vb:each>

									{vb:template b_vbscroller_close}

								</div>
							</div>
						</div>
						<div class="form-gutter-right"></div>
					</form>
					<form id="select-template" class="tab h-left">
						<div class="panel h-clearfix">
							<div class="panel-header-text h-left">
								<h1 class="header main-header">{vb:phrase select_template}</h1>
								<p>{vb:rawphrase select_template_desc}</p>
								<p><input type="text" id="search-template-keyword" class="textbox" placeholder="{vb:phrase search_template}" autocomplete="off" /></p>
								<p class="note"><span class="header">{vb:phrase note}:</span> {vb:phrase module_layout_changes_affect_all_pages}</p>
							</div>
							<div class="template-list-container panel-main-content h-left">
								<div class="empty-template h-hide">{vb:phrase no_templates_found}</div>
								<div>

									{vb:template b_vbscroller_open,
										content_class_extra="template-list",
										manual_init=1}

										<vb:comment>Content inserted via JS</vb:comment>

									{vb:template b_vbscroller_close}

								</div>

							</div>
						</div>
						<div class="form-gutter-right"></div>
					</form>
					<form id="color-style" class="tab h-left">
					</form>
				</div>
			</div>

			<div id="save-content">
				<form id="save-page-form">
					<input type="hidden" id="pageid" name="pageid" value="{vb:var page.pageid}" />
					<input type="hidden" id="nodeid" name="nodeid" value="{vb:var page.nodeid}" />
					<input type="hidden" id="userid" name="userid" value="{vb:var page.userid}" />
					<input type="hidden" id="screenlayoutid" name="screenlayoutid" />
					<input type="hidden" id="templatetitle" name="templatetitle" value="{vb:var page.templatetitle}" />
					<div id="moduleData"></div>

					<div class="panel h-clearfix">
						<div class="panel-header-text h-left">
							<h1 class="header main-header">{vb:phrase save_page}</h1>
						</div>
						<div class="panel-main-content h-left h-clearfix">
							<div class="form-field">
								<label class="subheader">{vb:phrase save_the_page_name}</label>
								<input type="text" id="pagetitle" name="pagetitle" value="{vb:var page.title}" class="textbox" />
							</div>
							<div class="form-field">
								<label class="subheader">{vb:phrase save_the_page_url}</label>
								<span class="url">{vb:raw baseurl}/</span><input type="text" id="pageurl" name="resturl" value="{vb:var page.rawprefix}" class="textbox" />
							</div>
							<div class="form-field form-field-inline">
								<label class="subheader">
									<span class="field-text">{vb:phrase save_page_make_homepage}</span>
									<input type="checkbox" id='ishomeroute' {vb:if "!empty($page['ishomeroute'])", 'checked disabled'} name="ishomeroute" value="1" class="checkbox"/>
								</label>
								<div>{vb:phrase save_page_make_homepage_desc}</div>
							</div>
							<div class="form-field">
								<label class="subheader">{vb:phrase meta_description}</label>
								<input type="text" id="metadescription" name="metadescription" value="{vb:var page.metadescription}" class="textbox" />
							</div>
							<div class="form-field last">
								<label class="subheader">{vb:phrase template_name}</label>
								<div class="edit-page-template">
									<span>{vb:phrase overwrite_template}</span>
									<input type="radio" id="pagetemplateid-yes" name="pagetemplateid" value="{vb:var page.pagetemplateid}" /><label for="pagetemplateid-yes">{vb:phrase yes}</label>
									<input type="radio" id="pagetemplateid-no" name="pagetemplateid" value="0" /><label for="pagetemplateid-no">{vb:phrase no}</label>
									<span class="template-name h-hide">
										<input type="text" id="templatetitle-edit" name="templatetitle" placeholder="{vb:phrase enter_a_new_template_here}" class="textbox" />
									</span>
									<span class="page-template-name h-hide">
										{vb:phrase page_template_name_id, {vb:raw page.templatetitle}, {vb:raw page.pagetemplateid}}
									</span>
								</div>
								<div class="new-page-template">
									<input type="text" id="templatetitle-new" name="templatetitle" placeholder="{vb:phrase enter_a_new_template_here}" class="textbox" />
									<input type="hidden" id="pagetemplateid-new" name="pagetemplateid" value="0" />
								</div>
							</div>
							<div class="b-button-group">
								<button id="btnOK" type="button" class="b-button b-button--primary b-button--sitebuilder">{vb:phrase ok}</button>
							</div>
						</div>
					</div>
					<div class="form-gutter-right"></div>
				</form>
			</div>
		</div>
	</div>

	<div id="config-dialog" class="sb-dialog">
		<form class="sitebuilder-widget-form" action="ajax/api/widget/saveAdminConfig" method="post">

			<input type="hidden" id="config_widgetid" name="widgetid" />
			<input type="hidden" id="config_pagetemplateid" name="pagetemplateid" />
			<input type="hidden" id="config_widgetinstanceid" name="widgetinstanceid" />

			<div class="widget-name h-left"><h1></h1></div>
			<div class="widget-note h-right"><em>({vb:rawphrase fields_denoted_required})</em></div>
			<div class="dialog-content h-clear">
				<div class="widget-config-container"></div>
				<div class="loader"><img class="loading-icon" src="images/ajax-loader.gif" alt="{vb:phrase loading}..." title="" width="16" height="16" /></div>
			</div>
			<div class="b-button-group h-clear h-margin-vert-xxl">
				<button id="btnSaveConfig" type="submit" class="b-button b-button--primary b-button--sitebuilder js-button">{vb:phrase save}</button>
				<button id="btnCloseConfig" type="button" class="b-button b-button--secondary b-button--sitebuilder js-button">{vb:phrase close}</button>
			</div>
		</form>
	</div>
	{vb:template admin_sb__config_module_viewpermissions}
	{vb:template admin_sb__config_module_filter_nodes}

	<div id="edit-site-logo-dialog" class="sb-dialog">
		<form action="uploader/upload-file" method="post" enctype="multipart/form-data">
			<div class="dialog-content">
				<div class="subheader">{vb:phrase upload_a_logo_image}</div>
				<div class="h-clearfix">
					<span class="body-text">{vb:phrase upload_a_logo_image_desc}</span>
					<label class="b-button b-button--primary b-button--sitebuilder b-button--upload js-upload-button h-right" tabindex="0">
						<span class="b-button__upload-label">{vb:phrase browse}</span>
						<input type="file" id="file" name="file" class="b-form-input__file--hidden" />
					</label>
				</div>
				<div class="h-clearfix">
					<span class="b-form-input__upload-progress b-form-input__upload-progress--sitebuilder js-upload-progress h-hide h-right h-margin-top-m"></span>
				</div>

				<div class="divider-container h-clear">
					<div class="overlap">{vb:phrase or_cap}</div>
					<hr class="divider-light" />
				</div>

				<div class="subheader">{vb:phrase image_hosting_site}</div>
				<div class="body-text">{vb:phrase image_hosting_site_desc}</div>
				<div class="h-clearfix">
					<input type="text" id="imageUrl" class="b-form-input__input" dir="ltr" placeholder="http://" />
					<span id="btnAttachLogo" class="b-button b-button--primary b-button--sitebuilder h-right" tabindex="0">{vb:phrase upload}</span>
				</div>
				<div class="h-clearfix">
					<span class="b-form-input__upload-progress b-form-input__upload-progress--sitebuilder js-upload-progress h-hide h-right h-margin-top-m"></span>
				</div>

				{vb:data stylecache, style, fetchStyles}
				<vb:if condition="count($stylecache) > 1">
				<div class="divider-container h-clear"></div>
				<div class="subheader">{vb:phrase choose_a_style}</div>
				<div class="body-text">{vb:phrase choose_which_styles_apply_logo}</div>
				<div class="h-clear h-clearfix">
					<label><input type="radio" checked="checked" name="styleselection" value="current" class="styleselection" />{vb:phrase current_style}</label>
					<label><input type="radio" name="styleselection" value="default" class="styleselection" />{vb:phrase default_style}</label>
					<label><input type="radio" name="styleselection" value="all" class="styleselection" />{vb:phrase all_styles}</label>
				</div>
				<vb:else />
					<label class="h-hide"><input type="radio" checked="checked" name="styleselection" value="current" class="styleselection" />{vb:phrase current_style}</label>
				</vb:if>
			</div>
			<div class="b-button-group">
				<div id="btnSaveEditSiteLogo" class="b-button b-button--primary b-button--sitebuilder" tabindex="0">{vb:phrase save}</div>
				<div id="btnCancelEditSiteLogo" class="b-button b-button--secondary b-button--sitebuilder" tabindex="0">{vb:phrase cancel}</div>
			</div>
		</form>
	</div>

	<div id="create-new-module-dialog" class="sb-dialog">
		<div class="dialog-content">
			<div>{vb:phrase create_module_based_on}</div>
			<div class="dialog-body"></div>
		</div>
		<div class="b-button-group">
			<div class="b-button b-button--secondary b-button--sitebuilder cancel-button" tabindex="0">{vb:phrase cancel}</div>
		</div>
	</div>

	<div id="navbar-edit-usergroups-dialog" class="sb-dialog">
		<div class="dialog-content">
			<p>{vb:phrase select_usergroups_can_view_link}</p>
			<div class="blockrow"><label><input type="checkbox" class="select_all" value=""><span>{vb:phrase select_all_ginlinemod}</span></label></div>
			<div class="dialog-body"></div>
		</div>
		<div class="b-button-group">
			<div class="b-button b-button--primary b-button--sitebuilder save-button" tabindex="0">{vb:phrase ok}</div>
			<div class="b-button b-button--secondary b-button--sitebuilder cancel-button" tabindex="0">{vb:phrase cancel}</div>
		</div>
	</div>

	<vb:comment>
	/***************************** @TODO: This is not needed until Blog Categories Widget is implemented ***********************************/
 	<div id="blog-category-dialog" class="sb-dialog">
		<form class="save-blog-categories-form" action="ajax/api/widget/saveBlogCategories" method="post">
			<input type="hidden" id="config_widgetid" name="widgetid" />
			<input type="hidden" id="config_pagetemplateid" name="pagetemplateid" />
			<input type="hidden" id="config_widgetinstanceid" name="widgetinstanceid" />

			<div class="dialog-content h-clear">
				<div class="widget-config-container"></div>
				<div class="loader"><img class="loading-icon" src="images/ajax-loader.gif" width="16" height="16" alt="{vb:phrase loading}..." title="" /></div>
			</div>
			<div class="b-button-group">
				<button id="btnSaveCategories" type="submit" class="b-button b-button--primary b-button--sitebuilder">{vb:phrase save}</button>
				<button id="btnNewCategory" type="submit" class="b-button b-button--primary b-button--sitebuilder">{vb:phrase add_new_category}</button>
				<button id="btnCloseCategories" type="button" class="b-button b-button--secondary b-button--sitebuilder">{vb:phrase close}</button>
			</div>
		</form>
	</div>
	</vb:comment>

	{vb:data canAdminForums, user, hasPermissions, adminpermissions, canadminforums}
	<vb:if condition="$canAdminForums">
		<div id="manage-page-dropdown" class="h-hide">
			<div id="manage-page">
				<div class="tabs h-clearfix">
					<div class="tabs-gutter">
						<div class="tabs-list-wrapper">
							<ul class="tabs-list">
								<li class="tab-item"><a href="#manage-pages" id="managePagesTab"><span>{vb:phrase manage_channels}</span></a></li>
							</ul>
							<ul class="sb-main-button-group">
								<li><div class="lnkSaveChanges admin-button-flat"><span class="icon"></span><span class="label">{vb:phrase save_changes}</span></div></li>
								<li><div class="lnkExitWithoutSaving admin-button-flat"><span class="icon"></span><span class="label">{vb:phrase exit_without_saving}</span></div></li>
							</ul>
						</div>
					</div>
					<form id="manage-pages" class="tab h-left">
						<div class="panel">
							<div class="panel-header-text h-left">
								<h1 class="header main-header">{vb:phrase channel_manager}</h1>
								<ul id="top-level-channels" class="tabs-list">
									<li class="tab-item"><a href="#top-level-forum" id="topLevelForum" data-top-level="forum"><span>{vb:phrase forum}</span></a></li>
									<li class="tab-item"><a href="#top-level-blog" id="topLevelBlog" data-top-level="blog"><span>{vb:phrase blogs}</span></a></li>
									<li class="tab-item"><a href="#top-level-groups" id="topLevelGroups" data-top-level="groups"><span>{vb:phrase groups}</span></a></li>
								</ul>
							</div>
							<div id="top-level-forum" class="layout-list-container panel-main-content h-left tab">
								<div class="channel-config-dialog" data-top-level="forum">

									{vb:set adminCpForumUrl, 'admincp/?loc=admincp/forum.php'}
									<div>{vb:phrase create_forum_info, {vb:var adminCpForumUrl}}</div>

									<div class="add-channel-container">
										<span class="form_label h-left">
											<label>{vb:phrase new_forum}</label>
										</span>
										<div class="form_cell h-right">
											<div class="add-channel-fieldset">
												<input type="text" name="channelTitle" id="channelTitle" placeholder="{vb:phrase channel_title_placeholder}" class="textbox" />
												<button id="btnAddBlog" type="button" class="AddMain b-button b-button--primary b-button--sitebuilder add-button">{vb:phrase add}</button>
											</div>
											<div>{vb:phrase create_forum_desc}</div>
										</div>
										<div class="h-clear"></div>
									</div>
									<div class="channel-list"></div>
								</div>
							</div>
							<div id="top-level-blog" class="layout-list-container panel-main-content h-left tab">
								<div class="channel-config-dialog" data-top-level="blog">
								</div>
							</div>
							<div id="top-level-groups" class="layout-list-container panel-main-content h-left">
								<div class="channel-config-dialog" data-top-level="groups">
								</div>
							</div>
							<div class="h-clear"></div>
						</div>
						<div class="form-gutter-right"></div>
					</form>
				</div>
			</div>
		</div>
	</vb:if>

	{vb:data canAdminSettings, user, hasPermissions, adminpermissions, canadminsettings}
	{vb:data canAdminSettingsAll, user, hasPermissions, adminpermissions, canadminsettingsall}
	{vb:data canAdminStyles, user, hasPermissions, adminpermissions, canadminstyles}
	{vb:data canAdminTemplates, user, hasPermissions, adminpermissions, canadmintemplates}
	<vb:if condition="$canAdminSettings OR $canAdminSettingsAll OR $canAdminStyles OR $canAdminTemplates">
		{vb:template admin_sbpanel_style}
	</vb:if>

	{vb:template admin_sbpanel_pagelist}

	<vb:if condition="empty($noSitebuilderJs)">
		{vb:js js/admin-sitebuilder-rollup.js}
		{vb:js js/file-upload-rollup.js}
	</vb:if>

</vb:if>]]></template>
	</templategroup>
	<templategroup name="Article">
		<template name="article_content_pagenav" templatetype="template" date="1399063742" username="vBulletin" version="5.1.2 Alpha 3"><![CDATA[<vb:comment>
	Parameters:
		conversation, the current conversation array
</vb:comment>

{vb:action paging, bbcode, fetchArticlePaging, {vb:var conversation.nodeid}}

{vb:set pageCount, {vb:php count, {vb:raw paging}}}
{vb:set currentPageNumber, {vb:var page.contentpagenum}}
<vb:if condition="$currentPageNumber < 1">
	{vb:set currentPageNumber, 1}
</vb:if>

<vb:if condition="$pageCount > 1">

	{vb:set prevUrl, ''}
	{vb:set nextUrl, ''}
	{vb:set prevUrlAnchor, ''}
	{vb:set nextUrlAnchor, ''}

	<vb:if condition="$currentPageNumber > 1">
		{vb:set idx, {vb:math {vb:raw currentPageNumber} - 1}}
		{vb:set conversation.contentpagenum, {vb:raw idx}}
		{vb:set prevUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:set prevUrlAnchor, {vb:raw paging.$idx}}
	</vb:if>

	<vb:if condition="$currentPageNumber < $pageCount">
		{vb:set idx, {vb:math {vb:raw currentPageNumber} + 1}}
		{vb:set conversation.contentpagenum, {vb:raw idx}}
		{vb:set nextUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:set nextUrlAnchor, {vb:raw paging.$idx}}
	</vb:if>

	{vb:set headlinkModuleName, 'widget_articledisplay'}
	<vb:if condition="$prevUrl">
		{vb:headlink 
			vb_module={vb:raw headlinkModuleName}, 
			rel=prev, 
			href={vb:raw prevUrl}}
	</vb:if>
	<vb:if condition="$nextUrl">
		{vb:headlink 
			vb_module={vb:raw headlinkModuleName}, 
			rel=next, 
			href={vb:raw nextUrl}}
	</vb:if>

	<div class="b-article-content-pagenav h-margin-bottom-xl h-padding-vert-m h-padding-horiz-xxl l-row">

		<div class="l-col__large-4 l-col__small-4">
			<vb:if condition="$prevUrl">
				<a class="b-article-content-pagenav__previous" href="{vb:raw prevUrl}">&larr; {vb:var prevUrlAnchor}</a>
			<vb:else />
				&nbsp;
			</vb:if>
		</div>

		<div class="b-article-content-pagenav__chooser l-col__large-4 l-col__small-4">
			<vb:comment>Show the select menu even when there are only two pages, to provide a consistent, discoverable UI</vb:comment>
			<select class="js-article-content-pagenav js-select-box">
				<vb:each from="paging" key="pageNumber" value="pageTitle">
					{vb:set conversation.contentpagenum, {vb:raw pageNumber}}
					<option<vb:if condition="$currentPageNumber == $pageNumber"> selected="selected"</vb:if> value="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}">{vb:var pageTitle}</option>
				</vb:each>
			</select>
		</div>

		<div class="l-col__large-4 l-col__small-4">
			<vb:if condition="$nextUrl">
				<a class="b-article-content-pagenav__next" href="{vb:raw nextUrl}">{vb:var nextUrlAnchor} &rarr;</a>
			<vb:else />
				&nbsp;
			</vb:if>
		</div>

	</div>

</vb:if>]]></template>
		<template name="article_title_info" templatetype="template" date="1505239375" username="vBulletin" version="5.3.3 Beta 2"><![CDATA[<vb:if condition="!$conversation['hide_title'] AND !$hideTitle">
	<h2>
		<vb:if condition="$conversation['prefixid']">
			<a href="{vb:url 'search'}?searchJSON=%7B%22prefix%22%3A%5B%22{vb:var conversation.prefixid}%22%5D%7D">{vb:raw conversation.prefix_rich}</a>
		</vb:if>
		<vb:if condition="$reportActivity">
			<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="b-post__title js-post-title starter">{vb:raw conversation.startertitle}</a>
		<vb:else />
			{vb:action contentPageTitle, bbcode, fetchPageTitle, {vb:var conversation.nodeid}, {vb:var page.contentpagenum}}
			<span class="b-post__title js-post-title starter">
				{vb:raw conversation.startertitle}<vb:if condition="$contentPageTitle != $conversation['startertitle']">: {vb:var contentPageTitle}</vb:if>
			</span>
		</vb:if>
	</h2>
</vb:if>

	<ul class="b-post__article-meta<vb:if condition="!$displayCompact"> h-margin-top-s<vb:elseif condition="!$isPageTitle" /> h-margin-top-xs</vb:if> h-margin-bottom-l">

		<vb:comment>Author</vb:comment>
		<vb:if condition="!$conversation['hide_author']">
			<li class="b-post__article-meta-item<vb:if condition="$displayCompact"> b-post__article-meta-item--inline</vb:if>">

				<vb:comment>Avatar URL</vb:comment>
				{vb:set avatarUrl, ''}
				<vb:if condition="$user['showavatars']">
					{vb:set avatar, {vb:var conversation.avatar}}
					{vb:strcat avatarUrl, {vb:raw baseurl_corecdn}}
					<vb:if condition="!$conversation['userid']">
						{vb:strcat avatarUrl, '/images/default/default_avatar_thumb.png'}
					<vb:elseif condition="$avatar AND $avatar['avatarpath']" />
						{vb:strcat avatarUrl, '/'}
						{vb:strcat avatarUrl, {vb:raw avatar.avatarpath}}
					</vb:if>
				</vb:if>

				<vb:comment>Username</vb:comment>
				<vb:if condition="$conversation['userid'] > 0">
					{vb:rawphrase created_by_x_avatar, {vb:url 'profile', {vb:raw conversation}}, {vb:raw conversation.authorname}, {vb:raw avatarUrl}}
				<vb:else />
					{vb:phrase created_by_guest_avatar, {vb:raw avatarUrl}}
				</vb:if>

			</li>
		</vb:if>

		<vb:comment>Publish date</vb:comment>
		<vb:if condition="!$conversation['hide_publishdate']">
			{vb:set timenow, {vb:date timenow, U}}
			{vb:set publishDate, {vb:date {vb:raw conversation.publishdate}, U}}
			<vb:comment>Compare timenow and publishDate adjusted for the viewing user's timezone</vb:comment>
			<vb:if condition="$publishDate > $timenow">
				<li class="b-post__article-meta-item b-post__not-published-notice<vb:if condition="$displayCompact"> b-post__article-meta-item--inline</vb:if>">
					<vb:comment>This must use rawphrase so the today/yesterday phrases potentially returned by datetime get replaced</vb:comment>
					{vb:rawphrase not_published_scheduled_for_x, {vb:datetime {vb:raw conversation.publishdate}}}
				</li>
			<vb:elseif condition="$conversation['publishdate'] == 0" />
				<li class="b-post__article-meta-item b-post__not-published-notice<vb:if condition="$displayCompact"> b-post__article-meta-item--inline</vb:if>">
					{vb:phrase not_published}
				</li>
			<vb:else />
				<li class="b-post__article-meta-item<vb:if condition="$displayCompact"> b-post__article-meta-item--inline</vb:if>">
					{vb:phrase published} {vb:datetime {vb:raw conversation.publishdate}}
				</li>
			</vb:if>
		</vb:if>

		<vb:comment>Page views</vb:comment>
		<vb:if condition="$conversation['display_pageviews']">
			<li class="b-post__article-meta-item<vb:if condition="$displayCompact"> b-post__article-meta-item--inline</vb:if>">
				<vb:if condition="$conversation['views'] == 1">
					{vb:phrase 1_view}
				<vb:else />
					{vb:phrase x_views, {vb:var conversation.views}}
				</vb:if>
			</li>
		</vb:if>

		<vb:comment>Comment count</vb:comment>
		<vb:if condition="!$conversation['hide_comment_count']">
			<li class="b-post__article-meta-item<vb:if condition="$displayCompact"> b-post__article-meta-item--inline</vb:if>">
				{vb:set displayCommentCount, {vb:math {vb:raw conversation.startertotalcount} - 1}}
				<vb:if condition="$displayCommentCount == 1">
					{vb:phrase 1_comment_lower}
				<vb:else />
					{vb:rawphrase x_comments_lower, {vb:number {vb:raw displayCommentCount}}}
				</vb:if>
			</li>
		</vb:if>

		<vb:comment>Social sharing</vb:comment>
		<vb:if condition="$isPageTitle">
			<li class="b-post__article-meta-item b-post__article-meta-item--sharing-menu-container<vb:if condition="$displayCompact"> b-post__article-meta-item--inline</vb:if>">
				{vb:template display_sharing, conversation={vb:raw conversation}, horizontal=1}
			</li>
		</vb:if>

	</ul>]]></template>
	</templategroup>
	<templategroup name="BB Code">
		<template name="bbcode_attachment_list" templatetype="template" date="1545178609" username="vBulletin" version="5.5.0 Beta 1"><![CDATA[<vb:if condition="!empty($attachments)">
		<div class="b-post-attachments h-clearfix">
			{vb:rawphrase attached_files}
			<ul>
				<vb:each from="attachments" value="attachment">
					<vb:if condition="!empty($attachment['filename'])">
						{vb:set displayName, {vb:raw attachment.filename}}
					<vb:elseif condition="!empty($attachment['caption'])" />
						{vb:set displayName, {vb:raw attachment.caption}}
					<vb:else />
						{vb:set displayName, {vb:raw attachment.nodeid}}
					</vb:if>
					<li class="b-post-attachments__item h-left<vb:if condition="!$attachment['isImage']"> h-clear</vb:if>">
						<a href="{vb:raw attachurl}{vb:raw attachment.nodeid}">
							<vb:if condition="$attachment['isImage']">
								<vb:if condition="!empty($vboptions['attachmentviewstrack'])">
									{vb:set alttext {vb:phrase 
										'image_larger_version_x_y_z',
										{vb:var attachment.filename},
										{vb:var attachment.counter},
										{vb:var attachment.filesize},
										{vb:var attachment.nodeid}
									}}
								<vb:else />
									{vb:set alttext {vb:phrase 
										'image_larger_version_name_size_id',
										{vb:var attachment.filename},
										{vb:var attachment.filesize},
										{vb:var attachment.nodeid}
									}}
								</vb:if>
								<img src="{vb:raw attachurl}{vb:raw attachment.nodeid}{vb:raw attachment.urlsuffix}" title="{vb:raw alttext}" alt="{vb:raw alttext}"/>
							<vb:else />
								<span class="b-icon b-icon__doc--gray"></span>
								<span class="h-wordwrap">{vb:raw displayName}</span>
								<vb:if condition="$attachment['counter'] == 1">
									{vb:set phrase, 1_view}
								<vb:else />
									{vb:set phrase, x_views}
								</vb:if>
								<span>({vb:raw attachment.filesize}, {vb:phrase {vb:raw phrase}, {vb:raw attachment.counter}})</span>
							</vb:if>
						</a>
					</li>
				</vb:each>
			</ul>
		</div>
</vb:if>]]></template>
		<template name="bbcode_code" templatetype="template" date="1370443944" username="vBulletin" version="5.0.4 Alpha 1"><![CDATA[<vb:if condition="$vboptions['codemaxlines']">
	{vb:set verticalPadding, 12}
	{vb:set horizScrollbarAllowance, 20}
	{vb:set blockCssHeight, {vb:math {vb:raw blockheight} * {vb:stylevar bbcode_code_line_height} + {vb:raw verticalPadding} + {vb:raw horizScrollbarAllowance}}}
</vb:if>
<div class="bbcode_container">
	<div class="bbcode_description">{vb:rawphrase code}:</div>
	<pre class="bbcode_code"<vb:if condition="$vboptions['codemaxlines']"> style="height:{vb:raw blockCssHeight};"</vb:if>>{vb:raw code}</pre>
</div>]]></template>
		<template name="bbcode_html" templatetype="template" date="1370443944" username="vBulletin" version="5.0.4 Alpha 1"><![CDATA[<vb:if condition="$vboptions['codemaxlines']">
	{vb:set verticalPadding, 12}
	{vb:set horizScrollbarAllowance, 20}
	{vb:set blockCssHeight, {vb:math {vb:raw blockheight} * {vb:stylevar bbcode_code_line_height} + {vb:raw verticalPadding} + {vb:raw horizScrollbarAllowance}}}
</vb:if>
<div class="bbcode_container">
	<div class="bbcode_description">{vb:rawphrase html_code}:</div>
	<pre class="bbcode_code"<vb:if condition="$vboptions['codemaxlines']"> style="height:{vb:raw blockCssHeight};"</vb:if>>{vb:raw code}</pre>
</div>]]></template>
		<template name="bbcode_php" templatetype="template" date="1370443944" username="vBulletin" version="5.0.4 Alpha 1"><![CDATA[<vb:if condition="$vboptions['codemaxlines']">
	{vb:set verticalPadding, 12}
	{vb:set horizScrollbarAllowance, 20}
	{vb:set blockCssHeight, {vb:math {vb:raw blockheight} * {vb:stylevar bbcode_code_line_height} + {vb:raw verticalPadding} + {vb:raw horizScrollbarAllowance}}}
</vb:if>
<div class="bbcode_container">
	<div class="bbcode_description">{vb:rawphrase php_code}:</div>
	<div class="bbcode_code"<vb:if condition="$vboptions['codemaxlines']"> style="height:{vb:raw blockCssHeight};"</vb:if>><code>{vb:raw code}</code></div>
</div>]]></template>
		<template name="bbcode_quote" templatetype="template" date="1490999220" username="vBulletin" version="5.3.1 Alpha 2"><![CDATA[<div class="bbcode_container">
	<div class="bbcode_quote">
		<div class="quote_container">
			<div class="bbcode_quote_container b-icon b-icon__ldquo-l--gray"></div>
			<vb:if condition="$show['username']">
				<div class="bbcode_postedby">
					{vb:rawphrase originally_posted_by_x, {vb:raw username}}
					<vb:if condition="!empty($postid)">
						{vb:rawdata post, node, getQuoteFullContent, {vb:raw postid}}
						<vb:if condition="!empty($post) AND empty($post['errors'])">
							{vb:set post, {vb:raw post[$postid]}}
							<vb:comment>If we were using an old id or the nodeid with prefix, we want to switch to nodeid</vb:comment>
							{vb:set postid, {vb:raw post.nodeid}}
							<vb:if condition="$post['contenttypeclass'] == 'PrivateMessage'">
								{vb:set messageInfo.action, 'view'}
								{vb:set messageInfo.messageid, {vb:raw post.starter}}
								{vb:set messageInfo.innerPost, {vb:raw postid}}
								{vb:set qs.folderid, {vb:raw $_GET.folderid}}
								<a href="{vb:url 'privatemessage', {vb:raw messageInfo}, {vb:raw qs}}" rel="nofollow" title="{vb:rawphrase view_post}" class="b-icon b-icon__double-arrow-right--blue animate-scroll">{vb:rawphrase view_post}</a>
							<vb:else />
								{vb:set starterPost.nodeid, {vb:raw post.starter}}
								{vb:set starterPost.innerPost, {vb:raw postid}}
								<vb:if condition="$_GET['view'] == 'stream'">
									{vb:set qs.view, 'stream'}
								</vb:if>
								<vb:if condition="$starterPost">
									<a href="{vb:url {vb:raw post.starterroute}, {vb:raw starterPost}, {vb:raw qs}}" rel="nofollow" title="{vb:rawphrase view_post}" class="b-icon b-icon__double-arrow-right--blue animate-scroll">{vb:rawphrase view_post}</a>
								</vb:if>
							</vb:if>
						</vb:if>
					</vb:if>
				</div>
				<div class="message">{vb:raw message}</div>
			<vb:else />
				{vb:raw message}
			</vb:if>
		</div>
	</div>
</div>]]></template>
	</templategroup>
	<templategroup name="Blog">
		<template name="blogadmin_admincontributors" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[{vb:data node, content_channel, 'getContent', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
{vb:set node, {vb:raw node.{vb:raw nodeid}}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

<div class="blog-admin-content h-clearfix">

	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='manage_moderators', blogperms = {vb:raw blogPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	<div class="blogAdminRight">
		<form onSubmit="return false;">
			<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">

			<div class="blog-form-row">
				<div class="row-title span-columns">{vb:phrase add_a_moderator_to_be_coowner}</div>
			</div>

			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase add_moderator_gforumdisplay}
				</div>
				<div class="row-content">
					<input type="text" class="stretch moderator_input" />
					<button type="button" class="b-button b-button--secondary add_moderator">{vb:phrase add}</button>
					<div>{vb:phrase to_add_a_member_to_coown_this_blog}</div>
				</div>
			</div>

			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase current_list}
				</div>

				<div class="row-content">
					{vb:data contributors, content_channel, getContributors, {vb:raw nodeid}}
					<vb:if condition="isset($contributors) AND !empty($contributors)">
						<table class="contributors-list">
							<tr>
								<th>{vb:phrase members_list}</th>
								<th>{vb:phrase role}</th>
								<th>{vb:phrase status}</th>
								<th>{vb:phrase action}</th>
							</tr>
						<vb:if condition="isset($contributors['active']) AND !empty($contributors['active'])">
							<vb:if condition="isset($contributors['active']['owner'])">
								<vb:each from="contributors.active.owner" value="contributor">
									<tr>
										<td>
											<img src="{vb:raw baseurl_core}/image.php?u={vb:raw contributor.userid}&amp;type=profile" width="24" height="24" class="h-left" alt="{vb:raw user.username}" />&nbsp;
											<a href="{vb:url 'profile', {vb:raw contributor}}">{vb:raw contributor.username}</a>
										</td>
										<td><strong>{vb:phrase owner}</strong></td>
										<td>{vb:phrase active}</td>
									<vb:if condition="isset($contributors['pending']) AND isset($contributors['pending']['owner'])">
										<td>{vb:phrase following_pending}</td>
									<vb:else />
										<td><button class="btnTransferOwnership b-button b-button--secondary">{vb:phrase transfer}</button></td>
									</vb:if>
									</tr>
								</vb:each>
							</vb:if>
							<vb:if condition="isset($contributors['active']['moderator'])">
								<vb:each from="contributors.active.moderator" value="contributor">
									<tr>
										<td>
											<img src="{vb:raw baseurl_core}/image.php?u={vb:raw contributor.userid}&amp;type=profile" width="24" height="24" class="h-left" />&nbsp;
											<a href="{vb:url 'profile', {vb:raw contributor}}">{vb:raw contributor.username}</a>
										</td>
										<td>{vb:phrase moderator}</td>
										<td>{vb:phrase active}</td>
										<td><button userid="{vb:raw contributor.userid}" usergroupid="{vb:raw contributor.usergroupid}" class="btnRemoveContributor b-button b-button--secondary">{vb:phrase remove}</button></td>
									</tr>
								</vb:each>
							</vb:if>
						</vb:if>

						<vb:if condition="isset($contributors['pending']) AND !empty($contributors['pending'])">
							<vb:if condition="isset($contributors['pending']['owner'])">
								<vb:each from="contributors.pending.owner" value="contributor">
									<tr>
										<td>
											<img src="{vb:raw baseurl_core}/image.php?u={vb:raw contributor.userid}&amp;type=profile" width="24" height="24" class="h-left" />&nbsp;
											<a href="{vb:url 'profile', {vb:raw contributor}}">{vb:raw contributor.username}</a>
										</td>
										<td>{vb:phrase owner}</td>
										<td>{vb:phrase following_pending}</td>
										<td><button userid="{vb:raw contributor.userid}" usergroupid="{vb:raw contributor.usergroupid}" class="btnCancelTransfer b-button b-button--secondary">{vb:phrase cancel_transfer}</button></td>
									</tr>
								</vb:each>
							</vb:if>
							<vb:if condition="isset($contributors['pending']['moderator'])">
								<vb:each from="contributors.pending.moderator" value="contributor">
									<tr>
										<td>
											<img src="{vb:raw baseurl_core}/image.php?u={vb:raw contributor.userid}&amp;type=profile" width="24" height="24" class="h-left" />&nbsp;
											<a href="{vb:url 'profile', {vb:raw contributor}}">{vb:raw contributor.username}</a>
										</td>
										<td>{vb:phrase moderator}</td>
										<td>{vb:phrase following_pending}</td>
										<td><button userid="{vb:raw contributor.userid}" usergroupid="{vb:raw contributor.usergroupid}" class="btnRemoveContributor b-button b-button--secondary">{vb:phrase remove}</button></td>
									</tr>
								</vb:each>
							</vb:if>
						</vb:if>
						</table>
					</vb:if>
				</div>
			</div>
		</form>

		<vb:if condition="$blogaction == 'create'">
			<div class="blog-form-row">
				<div class="row-content">
					<form action="create-content/blog" method="post" style="display:inline" class="blogAdminForm">
						<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
						<input type="hidden" name="blogaction" value="{vb:raw blogaction}">

						<div class="b-button-group h-margin-bottom-xxl">
							<button type="submit" id="btnBlogPublish"  name="btnPublish" class="b-button b-button--primary">{vb:phrase publish}</button>
							{vb:set urlInfo.action2, 'sidebar'}
							<a class="b-button b-button--secondary" href="{vb:url 'blogadmin', {vb:raw urlInfo}}"><span class="blogAdminLink">{vb:phrase next}</span></a>
							{vb:set urlInfo.action2, 'permissions'}
							<a class="b-button b-button--secondary" href="{vb:url 'blogadmin', {vb:raw urlInfo}}"><span class="blogAdminLink">{vb:phrase previous}</span></a>
						</div>
					</form>
				</div>
			</div>
		</vb:if>

	</div>
</div>]]></template>
		<template name="blogadmin_admindelete" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[{vb:data node, content_channel, 'getContent', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
{vb:set node, {vb:raw node.{vb:raw nodeid}}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

{vb:set urlInfo.blogaction, 'admin'}

<div class="blog-admin-content h-clearfix">

	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='delete_blog', blogperms = {vb:raw blogPerms}, routeInfo = {vb:raw routeInfo}}

	</div>

	<div class="blogAdminRight">

		<div class="blog-form-row">
			<div class="row-title">{vb:phrase delete_blog}</div>
			<div class="row-content">{vb:phrase permanently_remove_blog_entries}</div>
		</div>

		<div class="blog-form-row">
			<div class="row-content">
				<form action="create-content/blog" method="post" class="blogAdminForm">
					<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
					<div class="b-button-group b-button-group--left h-margin-bottom-xxl">
						<button type="submit" id="btnBlogDelete" name="btnDelete" class="b-button b-button--primary">{vb:phrase delete_blog}</button>
					</div>
				</form>
			</div>
		</div>

	</div>
</div>]]></template>
		<template name="blogadmin_admininvite" templatetype="template" date="1534349740" username="vBulletin" version="5.4.4 Alpha 4"><![CDATA[{vb:data node, content_channel, 'getContent', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
{vb:set node, {vb:raw node.{vb:raw nodeid}}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

{vb:set urlInfo.blogaction, 'admin'}
<vb:if condition="!$blogaction">
	{vb:set blogaction, 'admin'}
</vb:if>

<div class="blog-admin-content h-clearfix">

	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
		{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='invite_members', blogperms = {vb:raw blogPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	<div class="blogAdminRight">
		<form action="create-content/blog" method="post" class="blogAdminForm inviteMembersForm">
			<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">

			<div class="blog-form-row">
				<div class="row-title span-columns">{vb:phrase blogadmin_invite_desc}</div>
			</div>

			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase blogadmin_invite_row_username_title}
				</div>
				<div class="row-content">
					<input placeholder="{vb:phrase type_member_name_here}" class="stretch moderator_members_input" name="invite_usernames" />
					<div class="secondary-text">{vb:phrase blogadmin_invite_row_username_desc}</div>
				</div>
			</div>

			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase blogadmin_invite_row_mysubscribers_title}
				</div>
				<div class="row-content">
					{vb:set followType, 'follow_members'}
					{vb:data subscribers, follow, getFollowingForCurrentUser, {vb:raw followType}}
					<vb:if condition="$subscribers['totalcount'] > 0">
						<input type="checkbox" id="select-all" class="js-select-all-master" data-list=".inviteMembersForm .js-subscriber-checkbox" />
						<label for="select-all">{vb:phrase select_all_ginlinemod}</label>
						{vb:template blogadmin_admininvite_subscriberslist, subscribers = {vb:raw subscribers.results}, subscribersPerRow = 2}
					<vb:else />
						{vb:phrase you_dont_have_any_subscribers_yet}
					</vb:if>
				</div>
			</div>

			<div class="blog-form-row">
				<div class="row-content">
					<div class="b-button-group h-margin-bottom-xxl">
						<vb:if condition="$blogaction == 'create'">
							<button type="submit" name="btnSave" class="btnSave b-button b-button--primary">{vb:phrase save_and_publish}</button>
							<button type="reset" name="btnPrev" class="btnBlogPrev submit b-button b-button--secondary h-hide">{vb:phrase previous}</button>
						<vb:else />
							<input type="hidden" name="blogaction" value="{vb:raw blogaction}" />
							<input type="hidden" name="current_channel_admin_page" value="invite" />
							<button type="submit" id="btnBlogSave" name="btnSave" class="b-button b-button--primary">{vb:phrase save_changes}</button>
						</vb:if>
					</div>
				</div>
			</div>

		</form>
	</div>
</div>]]></template>
		<template name="blogadmin_admininvite_subscriberslist" templatetype="template" date="1472169791" username="vBulletin" version="5.2.5 Alpha 1"><![CDATA[<div class="subscribers-list-container h-left">
<vb:each from="subscribers" key="idx" value="subscriber">
	<vb:if condition="!($idx % $subscribersPerRow)">
		{vb:set subscriberListRow, 1}
	<vb:else />
		{vb:set subscriberListRow, 0}
	</vb:if>
	<vb:if condition="$subscriberListRow">
		<div class="subscribers-list-row stretch h-left">
		{vb:set itemCount, 1}
		{vb:set listRowClosed, 0}
	</vb:if>
	<div class="subscriber-container h-left">
		<input type="checkbox" class="h-left js-subscriber-checkbox" id="subscriber-{vb:raw subscriber.keyval}" name="invite_userids[]" value="{vb:raw subscriber.keyval}" />
		<vb:if condition="$user['showavatars']">
			<label for="subscriber-{vb:raw subscriber.keyval}" class="h-left">
				<img src="{vb:raw baseurl_core}/image.php?u={vb:raw subscriber.keyval}&amp;type=profile" width="32" height="32" alt="{vb:raw subscriber.title}" class="avatar h-left">{vb:raw subscriber.title}</img>
			</label>
		</vb:if>
	</div>
	
	<vb:if condition="$itemCount == $subscribersPerRow">
		</div>
		{vb:set listRowClosed, 1}
	</vb:if>
	{vb:set itemCount, {vb:math {vb:raw itemCount} + 1}}
</vb:each>
<vb:if condition="!$listRowClosed">
	</div>
</vb:if>
</div>]]></template>
		<template name="blogadmin_adminpermissions" templatetype="template" date="1534349740" username="vBulletin" version="5.4.4 Alpha 4"><![CDATA[{vb:data node, node, 'getNode', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
<h3>{vb:raw node.title}</h3>

<div class="blog-admin-content h-clearfix">

	{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}
	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='permission_and_privacy', blogperms = {vb:raw blogPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	{vb:rawdata canConfigChannel, user, hasPermissions, forumpermissions2, canconfigchannel, {vb:raw nodeid}}
	<vb:if condition="($nodeid==0) OR (($blogPerms['canmoderate'] > 0) AND (isset($canConfigChannel) AND ($canConfigChannel > 0)))">
		<div class="blogAdminRight">
			<form action="create-content/blog" method="post" class="blogAdminForm h-clearfix">
				<div class="blog-form-row">
					<div class="row-title span-columns">
						{vb:phrase edit_permission_for_blog}
					</div>
				</div>
				<div class="blog-form-row">
					<div class="row-title">
						{vb:phrase default_entry_options}
					</div>
					<div class="row-content">
						<p>{vb:phrase posting_blog_settings_text}</p>
						<div class="stretch h-clear">
							<label class="checkbox h-left"><input class="cb_blogadminModerate h-left" type="checkbox" name="allow_post" value="1"
								<vb:if condition="$node['allow_post']"> checked="checked"</vb:if> tabindex="0" />{vb:phrase allow_posting_comments}
							</label>
						</div>
						<div class="stretch h-clear">
							<label class="checkbox h-left"><input class="cb_blogadminModerate" type="checkbox" name="moderate_comments" value="1"
								<vb:if condition="$node['moderate_comments']"> checked="checked"</vb:if> tabindex="0" />{vb:phrase moderate_comments_before_displaying}
							</label>
						</div>
						<hr />
					</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">
						{vb:phrase subscriber_requests}
					</div>
					<div class="row-content">
						<div class="stretch h-left">
							<label class="select input h-left"><input class="cb_blogadminApprove" type="checkbox" name="approve_membership" value="1"
								<vb:if condition="$node['approve_membership']"> checked="checked"</vb:if> tabindex="0" />{vb:phrase auto_accept_subscribe_text}
							</label>
						</div>
						<hr />
					</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">
						{vb:phrase permission_and_privacy}
					</div>
					<div class="row-content">
						<div class="stretch">
							{vb:phrase select_who_can_view_blog_text}
						</div>
						<label class="header stretch h-clear select-label">
							{vb:phrase view}
						</label>
						<div class="stretch h-left">
							<select class="blogadminViewPerms h-left" name="viewperms">
								<option value="0" <vb:if condition="$node['viewperms'] == '0'"> selected="selected"</vb:if>>{vb:phrase subscribers}</option>
								<option value="1" <vb:if condition="$node['viewperms'] == '1'"> selected="selected"</vb:if>>{vb:phrase subscribers_and_registered}</option>
								<option value="2" <vb:if condition="$node['viewperms'] == '2'"> selected="selected"</vb:if>>{vb:phrase everyone}</option>
							</select>
						</div>
						<label class="header stretch h-left select-label">
							{vb:phrase leave_a_comment}
						</label>
						<div class="stretch h-left">
							<select class="blogadminCommentPerms h-left" name="commentperms">
								<option value="0" <vb:if condition="$node['commentperms'] == '0'"> selected="selected"</vb:if>>{vb:phrase subscribers}</option>
								<option value="1" <vb:if condition="$node['commentperms'] == '1'"> selected="selected"</vb:if>>{vb:phrase subscribers_and_registered}</option>
								<option value="2" <vb:if condition="$node['commentperms'] == '2'"> selected="selected"</vb:if>>{vb:phrase everyone}</option>
							</select>
						</div>
						<hr />
					</div>
				</div>

				<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
				<input type="hidden" name="blogaction" class="blogAdminblogAction" value="{vb:raw blogaction}">
				<input type="hidden" name="next" class="blogAdminNext" value="contributors">
				<input type="hidden" name="current_channel_admin_page" value="permissions">

				<div class="blog-form-row">
					<div class="row-content">
						<div class="b-button-group h-margin-bottom-xxl">
							<vb:if condition="$blogaction == 'create'">
								<button type="submit" id="btnBlogPublish"  name="btnPublish" class="b-button b-button--primary">{vb:phrase publish}</button>
								<button type="submit" id="btnBlogNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase next}</button>
								<a class="b-button b-button--secondary" href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase previous}</a>
							<vb:else />
								<button type="submit" id="btnBlogSave"  name="btnSave" class="b-button b-button--primary">{vb:phrase save_changes}</button>
								<button type="reset" id="btnBlogNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase reset_fields}</button>
							</vb:if>
						</div>
					</div>
				</div>

			</form>
		</div>
	<vb:else />
		<div class="conversation-empty">{vb:phrase no_permission}</div>
	</vb:if>
</div>]]></template>
		<template name="blogadmin_adminsettings" templatetype="template" date="1548467414" username="vBulletin" version="5.5.1 Alpha 3"><![CDATA[<vb:if condition="$routeInfo['arguments']['nodeid'] > 0">
	{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
	{vb:data node, content_channel, 'getContent', {vb:raw nodeid}}
	{vb:set node, {vb:raw node.{vb:raw nodeid}}}
	<h3 class="h-wordwrap">{vb:raw node.title}</h3>
	{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}
<vb:else />
	{vb:set nodeid, 0}
	<vb:comment>These querystrings may be available if coming from the Create a Blog overlay</vb:comment>
	<vb:if condition="!empty($_GET['blogtitle'])">
		{vb:set node.title, {vb:raw _GET.blogtitle}}
	</vb:if>
	<vb:if condition="!empty($_GET['blogdesc'])">
		{vb:set node.description, {vb:raw _GET.blogdesc}}
	</vb:if>
</vb:if>
<div class="blog-admin-content h-clearfix">

	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='settings', blogperms = {vb:raw blogPerms}, routeinfo={vb:raw routeInfo}}
	</div>

	{vb:rawdata canConfigChannel, user, hasPermissions, forumpermissions2, canconfigchannel, {vb:raw nodeid}}
	<vb:if condition="$nodeid == 0 OR ($blogPerms['canmoderate'] > 0 AND isset($canConfigChannel) AND $canConfigChannel > 0)">
		<div class="blogAdminRight">
			<vb:if condition="$nodeid > 0">
				{vb:set nodeOrBlogChannelId, {vb:raw nodeid}}
			<vb:else />
				{vb:data nodeOrBlogChannelId, blog, getBlogChannel}
			</vb:if>

			<form action="create-content/blog" method="post" class="blogAdminForm h-clearfix" data-nodeid='{vb:var nodeOrBlogChannelId}'>
				<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
				<vb:if condition="$nodeid">
					<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
				</vb:if>
				<input type="hidden" name="blogaction" value="{vb:raw blogaction}">
				<input type="hidden" name="next" class="blogAdminNext" value="permissions">
				<input type="hidden" name="current_channel_admin_page" value="settings">

				<div class="blog-form-row">
					<div class="row-title span-columns">{vb:phrase edit_blog_title_and_description}</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">{vb:phrase title}</div>
					<div class="row-content">
						{vb:data canUseHTML, user, hasPermissions, forumpermissions, canusehtml, {vb:raw nodeOrBlogChannelId}}
						<input type="text" id="title" name="title" placeholder="{vb:phrase create_a_title_here}" class="textbox entry-field stretch" value="{vb:if "isset($canUseHTML) AND ($canUseHTML > 0)", {vb:var node.title}, {vb:raw node.title}}" />
					</div>
					<div class="row-description">{vb:phrase if_blog_title_left_blank}</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">{vb:phrase description}</div>
					<div class="row-content">
						<textarea id="description" name="description" placeholder="{vb:phrase create_a_description_here}" class="textbox entry-field stretch" rows="5">{vb:var node.description}</textarea>
					</div>
					<div class="row-description">{vb:phrase describe_your_blog}</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">{vb:phrase blog_icon}</div>
					<div class="row-content">
						<div class="blogIcon">
							<vb:if condition="$nodeid">
								<vb:if condition="$node['filedataid']">
									<input type="hidden" name="filedataid" class="blogFileDataId" value="{vb:raw node.filedataid}">
									<img src="filedata/fetch?channelid={vb:raw node.nodeid}&amp;lastupdate={vb:raw node.lastupdate}&amp;thumb=1" alt="" class="blogIconImg h-left">
									<span class="blog-icon-controls h-left"><a href="#" class="remove-blog-icon">{vb:phrase remove}</a> | <a href="#" class="edit-blog-icon">{vb:phrase edit}</a></span>
									<input type="hidden" class="blogIconUrl" value="filedata/fetch?channelid={vb:raw node.nodeid}">
									<input type="hidden" class="initFiledataid" value="{vb:raw node.filedataid}">
									<div class="b-file-chooser h-clearfix">
										<label class="b-button b-button--upload h-hide-imp" tabindex="0">
											<span class="b-button__upload-label">{vb:phrase upload}</span>
											<input type="file" name="file" class="b-form-input__file--hidden js-blog-admin__upload-icon" data-url="{vb:raw baseurl}/uploader/uploadSGIcon" />
										</label>
										<span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
									</div>
									<vb:comment>@TODO - Need to display allowed image file types based on usergroup permissions.</vb:comment>
									<div class="b-file-chooser__text b-file-chooser__text--filetypes">{vb:phrase allowed_filetypes}: <span>jpg, jpeg, png, gif</span></div>
								<vb:else />
									<input type="hidden" name="filedataid" class="blogFileDataId" value="">
									<img src="images/clear.gif" alt="" class="h-hide blogIconImg h-left" />
									<span class="blog-icon-controls h-hide"><a href="#" class="remove-blog-icon">{vb:phrase remove}</a> | <a href="#" class="edit-blog-icon">{vb:phrase edit}</a></span>
									<div class="b-file-chooser h-clearfix">
										<label class="b-button b-button--upload" tabindex="0">
											<span class="b-button__upload-label">{vb:phrase upload}</span>
											<input type="file" name="file" class="b-form-input__file--hidden js-blog-admin__upload-icon" data-url="{vb:raw baseurl}/uploader/upload-file" />
										</label>
										<span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
									</div>
									<vb:comment>@TODO - Need to display allowed image file types based on usergroup permissions.</vb:comment>
									<div class="b-file-chooser__text b-file-chooser__text--filetypes">{vb:phrase allowed_filetypes}: <span>jpg, jpeg, png, gif</span></div>
								</vb:if>
							<vb:else />

								<vb:comment>I'm not sure if this else branch is ever used, but it's not something that should be changed in stabilization.</vb:comment>

								<input type="hidden" name="filedataid" class="blogFileDataId" value="">
								<img src="images/clear.gif" alt="" class="h-hide blogIconImg h-left" />
								<span class="blog-icon-controls h-hide"><a href="#" class="remove-blog-icon">{vb:phrase remove}</a> | <a href="#" class="edit-blog-icon">{vb:phrase edit}</a></span>
								<div class="b-file-chooser h-clearfix">
									<label class="b-button b-button--upload" tabindex="0">
										<span class="b-button__upload-label">{vb:phrase upload}</span>
										<input type="file" name="file" class="b-form-input__file--hidden js-blog-admin__upload-icon" data-url="{vb:raw baseurl}/uploader/upload-file" />
									</label>
									<span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
								</div>
								<vb:comment>@TODO - Need to display allowed image file types based on usergroup permissions.</vb:comment>
								<div class="b-file-chooser__text b-file-chooser__text--filetypes">{vb:phrase allowed_filetypes}: <span>jpg, jpeg, png, gif</span></div>
							</vb:if>
						</div>
					</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">{vb:phrase options}</div>
					<div class="row-content">
						<div>
							<label><input type="checkbox" id="autoparselinks" name="autoparselinks" <vb:if condition="$node['autoparselinks']"> checked="checked"</vb:if> tabindex="0" />{vb:phrase automatically_parse_links_in_text}</label>
						</div>
						<div>
							<label><input type="checkbox" id="disablesmilies" name="disablesmilies" <vb:if condition="$node['disablesmilies']"> checked="checked"</vb:if> tabindex="0" />{vb:phrase disable_smilies_in_text}</label>
						</div>
		 			</div>
				</div>

				<div class="blog-form-row">
					<div class="row-content">
						<div class="b-button-group h-margin-bottom-xxl">
							<vb:if condition="$blogaction == 'create'">
								<button type="submit" id="btnBlogPublish" name="btnPublish" class="b-button b-button--primary">{vb:phrase publish}</button>
								<button type="submit" id="btnBlogNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase next}</button>
							<vb:else />
								<button type="submit" id="btnBlogSave" name="btnSave" class="b-button b-button--primary">{vb:phrase save_changes}</button>
								<button type="reset" id="btnBlogNext" name="btnBlogReset" class="b-button b-button--secondary btnBlogReset">{vb:phrase reset_fields}</button>
							</vb:if>
						</div>
					</div>
				</div>

			</form>
		</div>
	<vb:else />
		<div class="conversation-empty">{vb:phrase no_permission}</div>
	</vb:if>
</div>]]></template>
		<template name="blogadmin_adminsidebar" templatetype="template" date="1534349740" username="vBulletin" version="5.4.4 Alpha 4"><![CDATA[{vb:data node, content_channel, 'getContent', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
{vb:set node, {vb:raw node.{vb:raw nodeid}}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

<div class="blog-admin-content h-clearfix">

	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='organize_sidebar', blogperms = {vb:raw blogPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	<div class="blogAdminRight">

		<div class="blog-form-row">
			<div class="row-title span-columns">{vb:phrase organize_sidebar_modules_desc}</div>
		</div>

		<div class="blog-form-row">
			<form class="sidebar-modules-container">
				{vb:data modules, blog, getBlogSidebarModules, {vb:raw nodeid}}
				{vb:set sidebarInfo, '0:hide'}
				<vb:each from="modules" value="widget">

					<div class="widget h-clearfix<vb:if condition="$widget['hidden']"> hidden-widget</vb:if>" data-widget-id="{vb:raw widget.widgetid}" data-widget-instance-id="{vb:raw widget.widgetinstanceid}">
						<div class="module-title h-left">{vb:var widget.title}</div>
						<div class="module-controls h-right">
							<label><input type="checkbox" class="hide-control" value="1"<vb:if condition="$widget['hidden']"> checked="checked"</vb:if> />{vb:phrase hide_module}</label>
						</div>
					</div>

					{vb:strcat sidebarInfo, ','}
					{vb:strcat sidebarInfo, {vb:var widget.widgetinstanceid}}
					{vb:strcat sidebarInfo, ':'}
					<vb:if condition="$widget['hidden']">
						{vb:strcat sidebarInfo, 'hide'}
					<vb:else />
						{vb:strcat sidebarInfo, 'show'}
					</vb:if>

				</vb:each>
			</form>
		</div>

		<form action="create-content/blog" method="post" class="blogAdminForm sidebarForm h-clearfix">
			<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}" />
			<input type="hidden" name="blogaction" class="blogAdminblogAction" value="{vb:raw blogaction}" />
			<input type="hidden" name="next" class="blogAdminNext" value="invite" />
			<input type="hidden" name="current_channel_admin_page" value="sidebar" />
			<input type="hidden" name="sidebarInfo" class="sidebarInfo" value="{vb:var sidebarInfo}" />

			<div class="blog-form-row">
				<div class="b-button-group h-margin-bottom-xxl">
					<vb:if condition="$blogaction == 'create'">
						<button type="submit" id="btnBlogPublish"  name="btnPublish" class="b-button b-button--primary">{vb:phrase publish}</button>
						<button type="submit" id="btnBlogNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase next}</button>
						<a class="b-button b-button--secondary" href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase previous}</a>
					<vb:else />
						<button type="submit" id="btnBlogSave" name="btnSave" class="b-button b-button--primary">{vb:phrase save_changes}</button>
						<button type="reset" id="btnBlogNext" name="btnSubmit" class="submit b-button b-button--secondary btnBlogReset">{vb:phrase reset_fields}</button>
					</vb:if>
				</div>
			</div>

		</form>
	</div>
</div>]]></template>
		<template name="blogadmin_adminsubscribers" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[{vb:data node, node, 'getNode', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
<h3>{vb:raw node.title}</h3>

<div class="blog-admin-content h-clearfix">
	
	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='manage_subscribers', blogperms = {vb:raw blogPerms}, routeInfo = {vb:raw routeInfo}}
	</div>
	
	{vb:data subscribers, blog, 'fetchSubscribers', {vb:raw nodeid}}
	{vb:set pagenav.currentpage, 1}
	{vb:set pagenav.totalpages, {vb:raw subscribers.pagecount}}
	
	<div class="blogAdminRight">
		<div class="blogAdminEditPage h-right stretch" data-pagecount="{vb:raw subscribers.pagecount}" data-nodeid="{vb:raw nodeid}">
			<vb:if condition="$subscribers['pagecount'] > 1">
				<div class="stretch h-right title-bar blogAdminSubscriberPaging" data-pagecount= {vb:raw subscribers.pagecount}>
					{vb:template pagenavnew, pagenav = {vb:raw pagenav}}
				</div>
			</vb:if>
			<div class="manage_moderators_row">
				<div class="moderators_left">
					{vb:phrase blog_subscribers_list}
				</div>
				<div class="moderators_right">
					{vb:phrase action}
				</div>
			</div>

			<div class="subscriberList">
				{vb:template blogadmin_subscriberlist, subscribers={vb:raw subscribers}, nodeid={vb:raw nodeid}}
			</div>
	</div>
</div>]]></template>
		<template name="blogadmin_header" templatetype="template" date="1535761446" username="vBulletin" version="5.4.5 Alpha 1"><![CDATA[<div class="title-bar">
	<a href="{vb:url blog}" class="b-button b-button--secondary h-margin-s js-movable-toolbar-button">
		<span class="b-button__icon b-icon b-icon__arrow-left-m"></span>
		{vb:phrase back_to_blogs}
	</a>
</div>]]></template>
		<template name="blogadmin_sidebar" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[<ul class="groupblog-admin-menu js-groupblog-admin-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive">
	<vb:if condition="!$nodeid">
		<li class="blogAdminActive"><a>{vb:phrase general_settings}</a></li>
		<li><a>{vb:phrase permission_and_privacy}</a></li>
		<li><a>{vb:phrase manage_contributors}</a></li>
		<li><a>{vb:phrase organize_sidebar}</a></li>
		<li><a>{vb:phrase invite_members}</a></li>
	<vb:else />

		{vb:set urlInfo.blogaction, {vb:raw blogaction}}
		{vb:set urlInfo.nodeid, {vb:raw nodeid}}
		<vb:if condition="$blogperms['canconfig']">
			<vb:if condition="$thisStep == 'settings'">
				<li class="blogAdminActive"><a>{vb:phrase general_settings}</a></li>
			<vb:else />
				{vb:set urlInfo.action2, 'settings'}
				<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase general_settings}</a></li>
			</vb:if>

			<vb:if condition="$thisStep == 'permission_and_privacy'">
				<li class="blogAdminActive"><a>{vb:phrase permission_and_privacy}</a></li>
			<vb:else />
				{vb:set urlInfo.action2, 'permissions'}
				<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase permission_and_privacy}</a></li>
			</vb:if>
		</vb:if>

		<vb:if condition="$blogperms['canmanageusers']">
			<vb:if condition="$thisStep == 'manage_moderators'">
				<li class="blogAdminActive"><a>{vb:phrase manage_contributors}</a></li>
			<vb:else />
				{vb:set urlInfo.action2, 'contributors'}
				<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase manage_contributors}</a></li>
			</vb:if>

			<vb:if condition="$blogaction == 'admin'">
				<vb:if condition="$thisStep == 'manage_subscribers'">
					<li class="blogAdminActive"><a>{vb:phrase manage_subscribers}</a></li>
				<vb:else />
					{vb:set urlInfo.action2, 'subscribers'}
					<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase manage_subscribers}</a></li>
				</vb:if>
			</vb:if>
		</vb:if>

		<vb:if condition="$blogperms['canconfig']">
			<vb:if condition="$thisStep == 'organize_sidebar'">
				<li class="blogAdminActive"><a>{vb:phrase organize_sidebar}</a></li>
			<vb:else />
				{vb:set urlInfo.action2, 'sidebar'}
				<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase organize_sidebar}</a></li>
			</vb:if>
		</vb:if>

		<vb:if condition="$blogperms['canmanageusers']">
			<vb:if condition="$thisStep == 'invite_members'">
				<li class="blogAdminActive"><a>{vb:phrase invite_members}</a></li>
			<vb:else />
				{vb:set urlInfo.action2, 'invite'}
				<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase invite_members}</a></li>
			</vb:if>
		</vb:if>
		
		<vb:if condition="$blogperms['canmanagechannel']">
			<vb:if condition="$blogaction == 'admin'">
				<vb:if condition="$thisStep == 'delete_blog'">
					<li class="blogAdminActive"><a>{vb:phrase delete_blog}</a></li>
				<vb:else />
					{vb:set urlInfo.action2, 'delete'}
					<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase delete_blog}</a></li>
				</vb:if>
			</vb:if>
		</vb:if>

	</vb:if>

</ul>]]></template>
		<template name="blogadmin_subscriberlist" templatetype="template" date="1461016373" username="vBulletin" version="5.2.3 Alpha 1"><![CDATA[<vb:if condition="!$subscribers">
{vb:data subscribers, blog, 'fetchSubscribers', {vb:raw nodeid}, {vb:raw pageno}}
</vb:if>
<vb:each from="subscribers.members" value="subscriber">
	<div class="manage_moderators_row">
		<div class="moderators_left">
			<vb:if condition="$subscriber['avatarUrl'] AND $user['showavatars']">
				<a href="{vb:url 'profile', {vb:raw subscriber}}">
				<img src="{vb:raw baseurl_corecdn}/{vb:raw subscriber.avatarUrl}" alt="{vb:raw subscriber.username}" class="avatar h-left"/>
			<vb:else />
				<a href="{vb:url 'profile', {vb:raw subscriber}}" class="h-left">
			</vb:if>
			<span class="h-left">{vb:raw subscriber.username}</span></a>
		</div>

		<div class="moderators_right blogRemoveSubscriber b-link js-link" data-userid="{vb:raw subscriber.userid}" data-nodeid="{vb:raw nodeid}" data-groupid="{vb:raw subscribers.groupid}" tabindex="0">
			{vb:phrase remove}
		</div>
	</div>
</vb:each>]]></template>
		<template name="blogadmin_transferownership" templatetype="template" date="1524240655" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[<form action="ajax/api/node/movePosts" method="post" name="movePostsForm" class="move-posts-form">
	<div class="blockbody">
		<div class="blockrow">
			<p class="description">{vb:rawphrase transfer_blog_ownership_info}</p>
		</div>

		<div class="blockrow widget-tabs widget-tabs--generic">
			{vb:data contributors, content_channel, getContributors, {vb:raw nodeid}}
			<div class="transfer_ownership_tabs widget-tabs-nav">
				<ul>
					<li><a href="#owner_autocomplete">{vb:phrase addowner}</a></li>
				<vb:if condition="isset($contributors['active']['moderator'])">
					<li><a href="#owner_select">{vb:phrase select_moderator}</a></li>
				</vb:if>
				</ul>
				<div id="owner_autocomplete">
					<label for="newowner">{vb:phrase enter_username}</label>
					<input type="text" class="transfer_owner_autocomplete" name="transfer_owner_autocomplete" value="" />
				</div>
			<vb:if condition="isset($contributors['active']['moderator'])">
				<div id="owner_select">
					<label for="select_moderator">{vb:phrase select_a_moderator}</label>
					<select class="transfer_owner_select" name="transfer_owner_select">
					<vb:each from="contributors.active.moderator" value="moderator">
						<option value="{vb:raw moderator.userid}">{vb:raw moderator.username}</option>
					</vb:each>
					</select>
				</div>
			</vb:if>
			</div>
		</div>
	</div>
</form>]]></template>
		<template name="blogmember_tab" templatetype="template" date="1473362847" username="vBulletin" version="5.2.5 Alpha 2"><![CDATA[<vb:if condition="empty($from) OR intval($from) < 1">
	{vb:set from, 1}
</vb:if>
<vb:if condition="empty($perpage) OR intval($perpage) < 1">
	{vb:set perpage, 20}
</vb:if>

<vb:if condition="!empty($my) AND $my == 'show_my'">
	{vb:set authorid, {vb:raw user.userid}}
<vb:else />
	{vb:set authorid, 0}
</vb:if>

{vb:set nodeCount, 0}
{vb:set dataLoadedFlag, ''}
{vb:set paginationInfo, {vb:php array}}
{vb:set showPageNav, 0}
{vb:set showBlogsAll, 0}
{vb:set moduleName, 'blogmember_tab_'}
{vb:strcat moduleName, {vb:raw widgetinstanceid}}
<vb:if condition="empty($fromTemplate) OR $widgetConfig['default_tab'] == '#memberblog-tab'">
	{vb:rawdata nodes, blog, getBlogInfo, {vb:var from}, {vb:var perpage}, {vb:raw authorid}}
	<vb:if condition="!empty($nodes) AND empty($nodes['results']['errors']) AND ($nodeCount = count($nodes['results'])) > 0">
		{vb:set dataLoadedFlag, ' dataLoaded'}

		<vb:if condition="$nodes['totalpages'] > 1">
			{vb:set showPageNav, 1}

			<vb:comment>
			Blog API uses Search API to fetch blogs and the pagination nexturl/prevurl point to Search URLs.
			This does not break the AJAX calls but for UI/UX purposes, we need to generate the correct URLs for the pagination controls with the Blogs homepage URL 
			@TODO: This can be implemented in the Blog API later?
			</vb:comment>
			<vb:if condition="empty($blogChannelId) OR intval($blogChannelId) < 1">
				{vb:data blogChannelId, blog, getBlogChannel}
			</vb:if>
			{vb:set extra.tab, {vb:var page.tab}}
			{vb:set extra.filter_blogs, {vb:var page.filter_blogs}}
			{vb:set paginationInfo, {vb:raw nodes.pagination}}
			<vb:if condition="!empty($paginationInfo['prevurl'])">
				{vb:set blogUrlInfo.pagenum, {vb:math {vb:raw from} - 1}}
				{vb:data blogUrl, route, getNodeUrl, {vb:raw blogChannelId}, {vb:raw blogUrlInfo}, {vb:raw extra}}
				{vb:set url, {vb:raw baseurl}}
				{vb:strcat url, {vb:raw blogUrl}}
				{vb:set paginationInfo.prevurl, {vb:raw url}}
				<vb:if condition="!empty($fromTemplate)">
					{vb:headlink vb_module={vb:raw moduleName}, rel=prev, href={vb:raw paginationInfo.prevurl}}
				</vb:if>
			</vb:if>
			<vb:if condition="!empty($paginationInfo['nexturl'])">
				{vb:set blogUrlInfo.pagenum, {vb:math {vb:raw from} + 1}}
				{vb:data blogUrl, route, getNodeUrl, {vb:raw blogChannelId}, {vb:raw blogUrlInfo}, {vb:raw extra}}
				{vb:set url, {vb:raw baseurl}}
				{vb:strcat url, {vb:raw blogUrl}}
				{vb:set paginationInfo.nexturl, {vb:raw url}}
				<vb:if condition="!empty($fromTemplate)">
					{vb:headlink vb_module={vb:raw moduleName}, rel=next, href={vb:raw paginationInfo.nexturl}}
				</vb:if>
			</vb:if>
		</vb:if>
	</vb:if>
</vb:if>

<vb:if condition="$user['userid']">
	{vb:set showBlogsAll, 1}
</vb:if>

<vb:if condition="empty($widgetConfig) OR empty($widgetConfig['filter_blogs'])">
	{vb:set widgetConfig.filter_blogs, 'show_all'}
</vb:if>

<vb:comment>Removed cancreateblog permission check here as it is already being done in conversation_toolbar before rendering +Blog Entry button</vb:comment>
<vb:if condition="empty($noToolbar) AND ($showPageNav OR $showBlogsAll)">
	{vb:template conversation_toolbar, widgetConfig={vb:raw widgetConfig}, showNewConversationBtn='blogentry', showPageNav={vb:raw showPageNav}, pagingInfo={vb:raw paginationInfo}, showBlogsAll={vb:raw showBlogsAll}, selectedBlogFilter={vb:raw my}, allowHistory=1, accessibleHiddenDefaultFilter=1}
<vb:elseif condition="empty($noToolbar)" />
	<vb:comment>We need the toolbar and the default filters internally.</vb:comment>
	{vb:template conversation_toolbar, widgetConfig={vb:raw widgetConfig}, allowHistory=1, accessibleHiddenDefaultFilter=1, cssClass='h-hide'}
</vb:if>

<vb:if condition="!empty($noToolbar) AND $showPageNav">
	{vb:set paginationJson, {vb:php json_encode, {vb:raw paginationInfo}}}
</vb:if>

<div class="blogmember-list"<vb:if condition="!empty($paginationJson)"> data-pagination="{vb:var paginationJson}"</vb:if>>
	<ul class="conversation-list list-container stream-view stream-view-full-width activity-view h-clearfix{vb:raw dataLoadedFlag}">
		<li class="list-header h-hide-on-xsmall js-subtoolbar-list-header">
			<div class="table stretch">
				<div class="tr">
					<div class="blogChannel-memberblogs td">{vb:phrase blog_memberblogLabel} (<vb:if condition="$authorid">{vb:phrase my_blogs}<vb:else />{vb:phrase all}</vb:if>)</div>
					<div class="blogChannel-statistics td">{vb:phrase blog_statsLabel}</div>
					<div class="blogChannel-last-post td">{vb:phrase blog_lastPostLabel}</div>
				</div>
			</div>
		</li>
		<vb:if condition="$nodeCount > 0">
			{vb:set urlInfo.blogaction, 'create'}
			{vb:set urlInfo.action2, 'settings'}
			{vb:set urlInfo.blogaction, 'admin'}
			<vb:each from="nodes.results" value="node">
				{vb:set urlInfo.nodeid, {vb:raw node.nodeid}}
				{vb:template display_contenttype_conversationreply_BlogChannel, conversation={vb:raw node}, urlInfo={vb:raw urlInfo}}
			</vb:each>
		</vb:if>
	</ul>

	<vb:if condition="isset($nodes['results']) AND !empty($nodes['results']['errors'])">
		<div class="conversation-empty">{vb:phrase error_fetching_blogs}</div>
	<vb:elseif condition="$nodeCount == 0" />
		<div class="conversation-empty">{vb:phrase no_blogs_found}</div>
	</vb:if>

	<vb:if condition="$showPageNav">
		{vb:template pagenav, pagenav={vb:raw paginationInfo}}
	</vb:if>

</div>]]></template>
		<template name="blog_administrative_menu" templatetype="template" date="1472155559" username="vBulletin" version="5.2.4 Alpha 5"><![CDATA[{vb:set urlInfo.nodeid, {vb:raw blog.nodeid}}
{vb:set urlInfo.blogaction, 'admin'}

<vb:if condition="!isset($blogPerms)">
	{vb:data blogPerms, blog, getChannelAdminPerms, {vb:raw blog.nodeid}}
</vb:if>

<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover h-right">

	<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--icon-trigger">
		<span class="b-icon b-icon__gear-s b-comp-menu-dropdown__trigger-icon">
			{vb:phrase administrative}
		</span>
	</div>

	<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--right">

		<vb:if condition="$blogPerms['canconfig']">
			{vb:set urlInfo.action2, 'settings'}
			<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase general_settings}</a></li>

			{vb:set urlInfo.action2, 'permissions'}
			<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase permission_and_privacy}</a></li>
		</vb:if>

		<vb:if condition="$blogPerms['canmanageusers']">
			{vb:set urlInfo.action2, 'contributors'}
			<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase manage_contributors}</a></li>

			{vb:set urlInfo.action2, 'subscribers'}
			<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase manage_subscribers}</a></li>
		</vb:if>

		<vb:if condition="$blogPerms['canconfig']">
			{vb:set urlInfo.action2, 'sidebar'}
			<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase organize_sidebar}</a></li>
		</vb:if>

		<vb:if condition="$blogPerms['canmanageusers']">
			{vb:set urlInfo.action2, 'invite'}
			<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase invite_members}</a></li>
		</vb:if>

	</ul>

</div>]]></template>
		<template name="blog_list" templatetype="template" date="1369243315" username="vBulletin" version="5.0.3 Beta 1"><![CDATA[<div>{vb:phrase create_blog_info}</div>
{vb:data nodes, widget, fetchPageManagerGroups, blog, {vb:raw page}}
<div class="add-channel-container">
	<vb:if condition="count($nodes['nodes']) > 0">
		<table class="page_manager_table blog_table">
			<tr>
				<th>{vb:phrase blogs_name}</th>
				<th>{vb:phrase date_created}</th>
				<th>{vb:phrase blog_owner}</th>
				<th>{vb:phrase nr_of_posts}</th>
			</tr>
			
			<vb:comment>fetch info in batches</vb:comment>
			{vb:set blogIds, {vb:php array}}
			<vb:each from="nodes.nodes" value="blog">
				{vb:set num_elem, {vb:php array_push, {vb:raw blogIds}, {vb:raw blog.nodeid}}}
			</vb:each>
			{vb:data canUseHTMLNodes, user, havePermissions, forumpermissions, canusehtml, {vb:raw blogIds}}
			
			<vb:each from="nodes.nodes" value="blog">
				{vb:set urlInfo.nodeid, {vb:raw blog.nodeid}}
				{vb:set urlInfo.blogaction, 'admin'}
				{vb:set urlInfo.action2, 'settings'}
			<tr class="channel_row" data-nodeid="{vb:var blog.nodeid}">
				<td>
					<span class="h-left channel_name">
						<div class="channel_name_val">{vb:raw blog.htmltitle}</div>
						<vb:if condition="empty($canUseHTMLNodes[$blog['nodeid']]) OR !($canUseHTML = $canUseHTMLNodes[$blog['nodeid']])">
							{vb:set canUseHTML, 0}
						</vb:if>
						<input type="text" value="{vb:if "isset($canUseHTML) AND ($canUseHTML > 0)", {vb:var blog.title}, {vb:raw blog.title}}" name="channeltitle" class="h-hide">
					</span>
					<span class="h-right buttons">
						<span class="edit"><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase edit}</a></span>
						<span class="delete">{vb:phrase delete}</span>
					</span>
				</td>
				<td class="h-align-center">{vb:datetime {vb:raw blog.publishdate}}</td>
				<td class="h-align-center"><a href="{vb:url 'profile', {vb:raw blog}}">{vb:raw blog.authorname}</a></td>
				<td class="h-align-right">{vb:var blog.count}</td>
			</tr>
			</vb:each>
		</table>
		{vb:set pagination {vb:raw nodes.paginationInfo}}
		<vb:if condition="$pagination['totalpages'] > 1">
			{vb:template pagenavnew_client, pagenav={vb:raw pagination}}
		</vb:if>
	<vb:else />
		{vb:phrase no_blogs_found}
	</vb:if>
</div>]]></template>
	</templategroup>
	<templategroup name="Blog Admin">
		<template name="blogadmin_admincontributors" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[{vb:data node, content_channel, 'getContent', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
{vb:set node, {vb:raw node.{vb:raw nodeid}}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

<div class="blog-admin-content h-clearfix">

	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='manage_moderators', blogperms = {vb:raw blogPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	<div class="blogAdminRight">
		<form onSubmit="return false;">
			<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">

			<div class="blog-form-row">
				<div class="row-title span-columns">{vb:phrase add_a_moderator_to_be_coowner}</div>
			</div>

			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase add_moderator_gforumdisplay}
				</div>
				<div class="row-content">
					<input type="text" class="stretch moderator_input" />
					<button type="button" class="b-button b-button--secondary add_moderator">{vb:phrase add}</button>
					<div>{vb:phrase to_add_a_member_to_coown_this_blog}</div>
				</div>
			</div>

			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase current_list}
				</div>

				<div class="row-content">
					{vb:data contributors, content_channel, getContributors, {vb:raw nodeid}}
					<vb:if condition="isset($contributors) AND !empty($contributors)">
						<table class="contributors-list">
							<tr>
								<th>{vb:phrase members_list}</th>
								<th>{vb:phrase role}</th>
								<th>{vb:phrase status}</th>
								<th>{vb:phrase action}</th>
							</tr>
						<vb:if condition="isset($contributors['active']) AND !empty($contributors['active'])">
							<vb:if condition="isset($contributors['active']['owner'])">
								<vb:each from="contributors.active.owner" value="contributor">
									<tr>
										<td>
											<img src="{vb:raw baseurl_core}/image.php?u={vb:raw contributor.userid}&amp;type=profile" width="24" height="24" class="h-left" alt="{vb:raw user.username}" />&nbsp;
											<a href="{vb:url 'profile', {vb:raw contributor}}">{vb:raw contributor.username}</a>
										</td>
										<td><strong>{vb:phrase owner}</strong></td>
										<td>{vb:phrase active}</td>
									<vb:if condition="isset($contributors['pending']) AND isset($contributors['pending']['owner'])">
										<td>{vb:phrase following_pending}</td>
									<vb:else />
										<td><button class="btnTransferOwnership b-button b-button--secondary">{vb:phrase transfer}</button></td>
									</vb:if>
									</tr>
								</vb:each>
							</vb:if>
							<vb:if condition="isset($contributors['active']['moderator'])">
								<vb:each from="contributors.active.moderator" value="contributor">
									<tr>
										<td>
											<img src="{vb:raw baseurl_core}/image.php?u={vb:raw contributor.userid}&amp;type=profile" width="24" height="24" class="h-left" />&nbsp;
											<a href="{vb:url 'profile', {vb:raw contributor}}">{vb:raw contributor.username}</a>
										</td>
										<td>{vb:phrase moderator}</td>
										<td>{vb:phrase active}</td>
										<td><button userid="{vb:raw contributor.userid}" usergroupid="{vb:raw contributor.usergroupid}" class="btnRemoveContributor b-button b-button--secondary">{vb:phrase remove}</button></td>
									</tr>
								</vb:each>
							</vb:if>
						</vb:if>

						<vb:if condition="isset($contributors['pending']) AND !empty($contributors['pending'])">
							<vb:if condition="isset($contributors['pending']['owner'])">
								<vb:each from="contributors.pending.owner" value="contributor">
									<tr>
										<td>
											<img src="{vb:raw baseurl_core}/image.php?u={vb:raw contributor.userid}&amp;type=profile" width="24" height="24" class="h-left" />&nbsp;
											<a href="{vb:url 'profile', {vb:raw contributor}}">{vb:raw contributor.username}</a>
										</td>
										<td>{vb:phrase owner}</td>
										<td>{vb:phrase following_pending}</td>
										<td><button userid="{vb:raw contributor.userid}" usergroupid="{vb:raw contributor.usergroupid}" class="btnCancelTransfer b-button b-button--secondary">{vb:phrase cancel_transfer}</button></td>
									</tr>
								</vb:each>
							</vb:if>
							<vb:if condition="isset($contributors['pending']['moderator'])">
								<vb:each from="contributors.pending.moderator" value="contributor">
									<tr>
										<td>
											<img src="{vb:raw baseurl_core}/image.php?u={vb:raw contributor.userid}&amp;type=profile" width="24" height="24" class="h-left" />&nbsp;
											<a href="{vb:url 'profile', {vb:raw contributor}}">{vb:raw contributor.username}</a>
										</td>
										<td>{vb:phrase moderator}</td>
										<td>{vb:phrase following_pending}</td>
										<td><button userid="{vb:raw contributor.userid}" usergroupid="{vb:raw contributor.usergroupid}" class="btnRemoveContributor b-button b-button--secondary">{vb:phrase remove}</button></td>
									</tr>
								</vb:each>
							</vb:if>
						</vb:if>
						</table>
					</vb:if>
				</div>
			</div>
		</form>

		<vb:if condition="$blogaction == 'create'">
			<div class="blog-form-row">
				<div class="row-content">
					<form action="create-content/blog" method="post" style="display:inline" class="blogAdminForm">
						<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
						<input type="hidden" name="blogaction" value="{vb:raw blogaction}">

						<div class="b-button-group h-margin-bottom-xxl">
							<button type="submit" id="btnBlogPublish"  name="btnPublish" class="b-button b-button--primary">{vb:phrase publish}</button>
							{vb:set urlInfo.action2, 'sidebar'}
							<a class="b-button b-button--secondary" href="{vb:url 'blogadmin', {vb:raw urlInfo}}"><span class="blogAdminLink">{vb:phrase next}</span></a>
							{vb:set urlInfo.action2, 'permissions'}
							<a class="b-button b-button--secondary" href="{vb:url 'blogadmin', {vb:raw urlInfo}}"><span class="blogAdminLink">{vb:phrase previous}</span></a>
						</div>
					</form>
				</div>
			</div>
		</vb:if>

	</div>
</div>]]></template>
		<template name="blogadmin_admindelete" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[{vb:data node, content_channel, 'getContent', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
{vb:set node, {vb:raw node.{vb:raw nodeid}}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

{vb:set urlInfo.blogaction, 'admin'}

<div class="blog-admin-content h-clearfix">

	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='delete_blog', blogperms = {vb:raw blogPerms}, routeInfo = {vb:raw routeInfo}}

	</div>

	<div class="blogAdminRight">

		<div class="blog-form-row">
			<div class="row-title">{vb:phrase delete_blog}</div>
			<div class="row-content">{vb:phrase permanently_remove_blog_entries}</div>
		</div>

		<div class="blog-form-row">
			<div class="row-content">
				<form action="create-content/blog" method="post" class="blogAdminForm">
					<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
					<div class="b-button-group b-button-group--left h-margin-bottom-xxl">
						<button type="submit" id="btnBlogDelete" name="btnDelete" class="b-button b-button--primary">{vb:phrase delete_blog}</button>
					</div>
				</form>
			</div>
		</div>

	</div>
</div>]]></template>
		<template name="blogadmin_admininvite" templatetype="template" date="1534349740" username="vBulletin" version="5.4.4 Alpha 4"><![CDATA[{vb:data node, content_channel, 'getContent', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
{vb:set node, {vb:raw node.{vb:raw nodeid}}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

{vb:set urlInfo.blogaction, 'admin'}
<vb:if condition="!$blogaction">
	{vb:set blogaction, 'admin'}
</vb:if>

<div class="blog-admin-content h-clearfix">

	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
		{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='invite_members', blogperms = {vb:raw blogPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	<div class="blogAdminRight">
		<form action="create-content/blog" method="post" class="blogAdminForm inviteMembersForm">
			<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">

			<div class="blog-form-row">
				<div class="row-title span-columns">{vb:phrase blogadmin_invite_desc}</div>
			</div>

			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase blogadmin_invite_row_username_title}
				</div>
				<div class="row-content">
					<input placeholder="{vb:phrase type_member_name_here}" class="stretch moderator_members_input" name="invite_usernames" />
					<div class="secondary-text">{vb:phrase blogadmin_invite_row_username_desc}</div>
				</div>
			</div>

			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase blogadmin_invite_row_mysubscribers_title}
				</div>
				<div class="row-content">
					{vb:set followType, 'follow_members'}
					{vb:data subscribers, follow, getFollowingForCurrentUser, {vb:raw followType}}
					<vb:if condition="$subscribers['totalcount'] > 0">
						<input type="checkbox" id="select-all" class="js-select-all-master" data-list=".inviteMembersForm .js-subscriber-checkbox" />
						<label for="select-all">{vb:phrase select_all_ginlinemod}</label>
						{vb:template blogadmin_admininvite_subscriberslist, subscribers = {vb:raw subscribers.results}, subscribersPerRow = 2}
					<vb:else />
						{vb:phrase you_dont_have_any_subscribers_yet}
					</vb:if>
				</div>
			</div>

			<div class="blog-form-row">
				<div class="row-content">
					<div class="b-button-group h-margin-bottom-xxl">
						<vb:if condition="$blogaction == 'create'">
							<button type="submit" name="btnSave" class="btnSave b-button b-button--primary">{vb:phrase save_and_publish}</button>
							<button type="reset" name="btnPrev" class="btnBlogPrev submit b-button b-button--secondary h-hide">{vb:phrase previous}</button>
						<vb:else />
							<input type="hidden" name="blogaction" value="{vb:raw blogaction}" />
							<input type="hidden" name="current_channel_admin_page" value="invite" />
							<button type="submit" id="btnBlogSave" name="btnSave" class="b-button b-button--primary">{vb:phrase save_changes}</button>
						</vb:if>
					</div>
				</div>
			</div>

		</form>
	</div>
</div>]]></template>
		<template name="blogadmin_admininvite_subscriberslist" templatetype="template" date="1472169791" username="vBulletin" version="5.2.5 Alpha 1"><![CDATA[<div class="subscribers-list-container h-left">
<vb:each from="subscribers" key="idx" value="subscriber">
	<vb:if condition="!($idx % $subscribersPerRow)">
		{vb:set subscriberListRow, 1}
	<vb:else />
		{vb:set subscriberListRow, 0}
	</vb:if>
	<vb:if condition="$subscriberListRow">
		<div class="subscribers-list-row stretch h-left">
		{vb:set itemCount, 1}
		{vb:set listRowClosed, 0}
	</vb:if>
	<div class="subscriber-container h-left">
		<input type="checkbox" class="h-left js-subscriber-checkbox" id="subscriber-{vb:raw subscriber.keyval}" name="invite_userids[]" value="{vb:raw subscriber.keyval}" />
		<vb:if condition="$user['showavatars']">
			<label for="subscriber-{vb:raw subscriber.keyval}" class="h-left">
				<img src="{vb:raw baseurl_core}/image.php?u={vb:raw subscriber.keyval}&amp;type=profile" width="32" height="32" alt="{vb:raw subscriber.title}" class="avatar h-left">{vb:raw subscriber.title}</img>
			</label>
		</vb:if>
	</div>
	
	<vb:if condition="$itemCount == $subscribersPerRow">
		</div>
		{vb:set listRowClosed, 1}
	</vb:if>
	{vb:set itemCount, {vb:math {vb:raw itemCount} + 1}}
</vb:each>
<vb:if condition="!$listRowClosed">
	</div>
</vb:if>
</div>]]></template>
		<template name="blogadmin_adminpermissions" templatetype="template" date="1534349740" username="vBulletin" version="5.4.4 Alpha 4"><![CDATA[{vb:data node, node, 'getNode', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
<h3>{vb:raw node.title}</h3>

<div class="blog-admin-content h-clearfix">

	{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}
	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='permission_and_privacy', blogperms = {vb:raw blogPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	{vb:rawdata canConfigChannel, user, hasPermissions, forumpermissions2, canconfigchannel, {vb:raw nodeid}}
	<vb:if condition="($nodeid==0) OR (($blogPerms['canmoderate'] > 0) AND (isset($canConfigChannel) AND ($canConfigChannel > 0)))">
		<div class="blogAdminRight">
			<form action="create-content/blog" method="post" class="blogAdminForm h-clearfix">
				<div class="blog-form-row">
					<div class="row-title span-columns">
						{vb:phrase edit_permission_for_blog}
					</div>
				</div>
				<div class="blog-form-row">
					<div class="row-title">
						{vb:phrase default_entry_options}
					</div>
					<div class="row-content">
						<p>{vb:phrase posting_blog_settings_text}</p>
						<div class="stretch h-clear">
							<label class="checkbox h-left"><input class="cb_blogadminModerate h-left" type="checkbox" name="allow_post" value="1"
								<vb:if condition="$node['allow_post']"> checked="checked"</vb:if> tabindex="0" />{vb:phrase allow_posting_comments}
							</label>
						</div>
						<div class="stretch h-clear">
							<label class="checkbox h-left"><input class="cb_blogadminModerate" type="checkbox" name="moderate_comments" value="1"
								<vb:if condition="$node['moderate_comments']"> checked="checked"</vb:if> tabindex="0" />{vb:phrase moderate_comments_before_displaying}
							</label>
						</div>
						<hr />
					</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">
						{vb:phrase subscriber_requests}
					</div>
					<div class="row-content">
						<div class="stretch h-left">
							<label class="select input h-left"><input class="cb_blogadminApprove" type="checkbox" name="approve_membership" value="1"
								<vb:if condition="$node['approve_membership']"> checked="checked"</vb:if> tabindex="0" />{vb:phrase auto_accept_subscribe_text}
							</label>
						</div>
						<hr />
					</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">
						{vb:phrase permission_and_privacy}
					</div>
					<div class="row-content">
						<div class="stretch">
							{vb:phrase select_who_can_view_blog_text}
						</div>
						<label class="header stretch h-clear select-label">
							{vb:phrase view}
						</label>
						<div class="stretch h-left">
							<select class="blogadminViewPerms h-left" name="viewperms">
								<option value="0" <vb:if condition="$node['viewperms'] == '0'"> selected="selected"</vb:if>>{vb:phrase subscribers}</option>
								<option value="1" <vb:if condition="$node['viewperms'] == '1'"> selected="selected"</vb:if>>{vb:phrase subscribers_and_registered}</option>
								<option value="2" <vb:if condition="$node['viewperms'] == '2'"> selected="selected"</vb:if>>{vb:phrase everyone}</option>
							</select>
						</div>
						<label class="header stretch h-left select-label">
							{vb:phrase leave_a_comment}
						</label>
						<div class="stretch h-left">
							<select class="blogadminCommentPerms h-left" name="commentperms">
								<option value="0" <vb:if condition="$node['commentperms'] == '0'"> selected="selected"</vb:if>>{vb:phrase subscribers}</option>
								<option value="1" <vb:if condition="$node['commentperms'] == '1'"> selected="selected"</vb:if>>{vb:phrase subscribers_and_registered}</option>
								<option value="2" <vb:if condition="$node['commentperms'] == '2'"> selected="selected"</vb:if>>{vb:phrase everyone}</option>
							</select>
						</div>
						<hr />
					</div>
				</div>

				<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
				<input type="hidden" name="blogaction" class="blogAdminblogAction" value="{vb:raw blogaction}">
				<input type="hidden" name="next" class="blogAdminNext" value="contributors">
				<input type="hidden" name="current_channel_admin_page" value="permissions">

				<div class="blog-form-row">
					<div class="row-content">
						<div class="b-button-group h-margin-bottom-xxl">
							<vb:if condition="$blogaction == 'create'">
								<button type="submit" id="btnBlogPublish"  name="btnPublish" class="b-button b-button--primary">{vb:phrase publish}</button>
								<button type="submit" id="btnBlogNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase next}</button>
								<a class="b-button b-button--secondary" href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase previous}</a>
							<vb:else />
								<button type="submit" id="btnBlogSave"  name="btnSave" class="b-button b-button--primary">{vb:phrase save_changes}</button>
								<button type="reset" id="btnBlogNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase reset_fields}</button>
							</vb:if>
						</div>
					</div>
				</div>

			</form>
		</div>
	<vb:else />
		<div class="conversation-empty">{vb:phrase no_permission}</div>
	</vb:if>
</div>]]></template>
		<template name="blogadmin_adminsettings" templatetype="template" date="1548467414" username="vBulletin" version="5.5.1 Alpha 3"><![CDATA[<vb:if condition="$routeInfo['arguments']['nodeid'] > 0">
	{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
	{vb:data node, content_channel, 'getContent', {vb:raw nodeid}}
	{vb:set node, {vb:raw node.{vb:raw nodeid}}}
	<h3 class="h-wordwrap">{vb:raw node.title}</h3>
	{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}
<vb:else />
	{vb:set nodeid, 0}
	<vb:comment>These querystrings may be available if coming from the Create a Blog overlay</vb:comment>
	<vb:if condition="!empty($_GET['blogtitle'])">
		{vb:set node.title, {vb:raw _GET.blogtitle}}
	</vb:if>
	<vb:if condition="!empty($_GET['blogdesc'])">
		{vb:set node.description, {vb:raw _GET.blogdesc}}
	</vb:if>
</vb:if>
<div class="blog-admin-content h-clearfix">

	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='settings', blogperms = {vb:raw blogPerms}, routeinfo={vb:raw routeInfo}}
	</div>

	{vb:rawdata canConfigChannel, user, hasPermissions, forumpermissions2, canconfigchannel, {vb:raw nodeid}}
	<vb:if condition="$nodeid == 0 OR ($blogPerms['canmoderate'] > 0 AND isset($canConfigChannel) AND $canConfigChannel > 0)">
		<div class="blogAdminRight">
			<vb:if condition="$nodeid > 0">
				{vb:set nodeOrBlogChannelId, {vb:raw nodeid}}
			<vb:else />
				{vb:data nodeOrBlogChannelId, blog, getBlogChannel}
			</vb:if>

			<form action="create-content/blog" method="post" class="blogAdminForm h-clearfix" data-nodeid='{vb:var nodeOrBlogChannelId}'>
				<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
				<vb:if condition="$nodeid">
					<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
				</vb:if>
				<input type="hidden" name="blogaction" value="{vb:raw blogaction}">
				<input type="hidden" name="next" class="blogAdminNext" value="permissions">
				<input type="hidden" name="current_channel_admin_page" value="settings">

				<div class="blog-form-row">
					<div class="row-title span-columns">{vb:phrase edit_blog_title_and_description}</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">{vb:phrase title}</div>
					<div class="row-content">
						{vb:data canUseHTML, user, hasPermissions, forumpermissions, canusehtml, {vb:raw nodeOrBlogChannelId}}
						<input type="text" id="title" name="title" placeholder="{vb:phrase create_a_title_here}" class="textbox entry-field stretch" value="{vb:if "isset($canUseHTML) AND ($canUseHTML > 0)", {vb:var node.title}, {vb:raw node.title}}" />
					</div>
					<div class="row-description">{vb:phrase if_blog_title_left_blank}</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">{vb:phrase description}</div>
					<div class="row-content">
						<textarea id="description" name="description" placeholder="{vb:phrase create_a_description_here}" class="textbox entry-field stretch" rows="5">{vb:var node.description}</textarea>
					</div>
					<div class="row-description">{vb:phrase describe_your_blog}</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">{vb:phrase blog_icon}</div>
					<div class="row-content">
						<div class="blogIcon">
							<vb:if condition="$nodeid">
								<vb:if condition="$node['filedataid']">
									<input type="hidden" name="filedataid" class="blogFileDataId" value="{vb:raw node.filedataid}">
									<img src="filedata/fetch?channelid={vb:raw node.nodeid}&amp;lastupdate={vb:raw node.lastupdate}&amp;thumb=1" alt="" class="blogIconImg h-left">
									<span class="blog-icon-controls h-left"><a href="#" class="remove-blog-icon">{vb:phrase remove}</a> | <a href="#" class="edit-blog-icon">{vb:phrase edit}</a></span>
									<input type="hidden" class="blogIconUrl" value="filedata/fetch?channelid={vb:raw node.nodeid}">
									<input type="hidden" class="initFiledataid" value="{vb:raw node.filedataid}">
									<div class="b-file-chooser h-clearfix">
										<label class="b-button b-button--upload h-hide-imp" tabindex="0">
											<span class="b-button__upload-label">{vb:phrase upload}</span>
											<input type="file" name="file" class="b-form-input__file--hidden js-blog-admin__upload-icon" data-url="{vb:raw baseurl}/uploader/uploadSGIcon" />
										</label>
										<span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
									</div>
									<vb:comment>@TODO - Need to display allowed image file types based on usergroup permissions.</vb:comment>
									<div class="b-file-chooser__text b-file-chooser__text--filetypes">{vb:phrase allowed_filetypes}: <span>jpg, jpeg, png, gif</span></div>
								<vb:else />
									<input type="hidden" name="filedataid" class="blogFileDataId" value="">
									<img src="images/clear.gif" alt="" class="h-hide blogIconImg h-left" />
									<span class="blog-icon-controls h-hide"><a href="#" class="remove-blog-icon">{vb:phrase remove}</a> | <a href="#" class="edit-blog-icon">{vb:phrase edit}</a></span>
									<div class="b-file-chooser h-clearfix">
										<label class="b-button b-button--upload" tabindex="0">
											<span class="b-button__upload-label">{vb:phrase upload}</span>
											<input type="file" name="file" class="b-form-input__file--hidden js-blog-admin__upload-icon" data-url="{vb:raw baseurl}/uploader/upload-file" />
										</label>
										<span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
									</div>
									<vb:comment>@TODO - Need to display allowed image file types based on usergroup permissions.</vb:comment>
									<div class="b-file-chooser__text b-file-chooser__text--filetypes">{vb:phrase allowed_filetypes}: <span>jpg, jpeg, png, gif</span></div>
								</vb:if>
							<vb:else />

								<vb:comment>I'm not sure if this else branch is ever used, but it's not something that should be changed in stabilization.</vb:comment>

								<input type="hidden" name="filedataid" class="blogFileDataId" value="">
								<img src="images/clear.gif" alt="" class="h-hide blogIconImg h-left" />
								<span class="blog-icon-controls h-hide"><a href="#" class="remove-blog-icon">{vb:phrase remove}</a> | <a href="#" class="edit-blog-icon">{vb:phrase edit}</a></span>
								<div class="b-file-chooser h-clearfix">
									<label class="b-button b-button--upload" tabindex="0">
										<span class="b-button__upload-label">{vb:phrase upload}</span>
										<input type="file" name="file" class="b-form-input__file--hidden js-blog-admin__upload-icon" data-url="{vb:raw baseurl}/uploader/upload-file" />
									</label>
									<span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
								</div>
								<vb:comment>@TODO - Need to display allowed image file types based on usergroup permissions.</vb:comment>
								<div class="b-file-chooser__text b-file-chooser__text--filetypes">{vb:phrase allowed_filetypes}: <span>jpg, jpeg, png, gif</span></div>
							</vb:if>
						</div>
					</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">{vb:phrase options}</div>
					<div class="row-content">
						<div>
							<label><input type="checkbox" id="autoparselinks" name="autoparselinks" <vb:if condition="$node['autoparselinks']"> checked="checked"</vb:if> tabindex="0" />{vb:phrase automatically_parse_links_in_text}</label>
						</div>
						<div>
							<label><input type="checkbox" id="disablesmilies" name="disablesmilies" <vb:if condition="$node['disablesmilies']"> checked="checked"</vb:if> tabindex="0" />{vb:phrase disable_smilies_in_text}</label>
						</div>
		 			</div>
				</div>

				<div class="blog-form-row">
					<div class="row-content">
						<div class="b-button-group h-margin-bottom-xxl">
							<vb:if condition="$blogaction == 'create'">
								<button type="submit" id="btnBlogPublish" name="btnPublish" class="b-button b-button--primary">{vb:phrase publish}</button>
								<button type="submit" id="btnBlogNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase next}</button>
							<vb:else />
								<button type="submit" id="btnBlogSave" name="btnSave" class="b-button b-button--primary">{vb:phrase save_changes}</button>
								<button type="reset" id="btnBlogNext" name="btnBlogReset" class="b-button b-button--secondary btnBlogReset">{vb:phrase reset_fields}</button>
							</vb:if>
						</div>
					</div>
				</div>

			</form>
		</div>
	<vb:else />
		<div class="conversation-empty">{vb:phrase no_permission}</div>
	</vb:if>
</div>]]></template>
		<template name="blogadmin_adminsidebar" templatetype="template" date="1534349740" username="vBulletin" version="5.4.4 Alpha 4"><![CDATA[{vb:data node, content_channel, 'getContent', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
{vb:set node, {vb:raw node.{vb:raw nodeid}}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

<div class="blog-admin-content h-clearfix">

	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='organize_sidebar', blogperms = {vb:raw blogPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	<div class="blogAdminRight">

		<div class="blog-form-row">
			<div class="row-title span-columns">{vb:phrase organize_sidebar_modules_desc}</div>
		</div>

		<div class="blog-form-row">
			<form class="sidebar-modules-container">
				{vb:data modules, blog, getBlogSidebarModules, {vb:raw nodeid}}
				{vb:set sidebarInfo, '0:hide'}
				<vb:each from="modules" value="widget">

					<div class="widget h-clearfix<vb:if condition="$widget['hidden']"> hidden-widget</vb:if>" data-widget-id="{vb:raw widget.widgetid}" data-widget-instance-id="{vb:raw widget.widgetinstanceid}">
						<div class="module-title h-left">{vb:var widget.title}</div>
						<div class="module-controls h-right">
							<label><input type="checkbox" class="hide-control" value="1"<vb:if condition="$widget['hidden']"> checked="checked"</vb:if> />{vb:phrase hide_module}</label>
						</div>
					</div>

					{vb:strcat sidebarInfo, ','}
					{vb:strcat sidebarInfo, {vb:var widget.widgetinstanceid}}
					{vb:strcat sidebarInfo, ':'}
					<vb:if condition="$widget['hidden']">
						{vb:strcat sidebarInfo, 'hide'}
					<vb:else />
						{vb:strcat sidebarInfo, 'show'}
					</vb:if>

				</vb:each>
			</form>
		</div>

		<form action="create-content/blog" method="post" class="blogAdminForm sidebarForm h-clearfix">
			<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}" />
			<input type="hidden" name="blogaction" class="blogAdminblogAction" value="{vb:raw blogaction}" />
			<input type="hidden" name="next" class="blogAdminNext" value="invite" />
			<input type="hidden" name="current_channel_admin_page" value="sidebar" />
			<input type="hidden" name="sidebarInfo" class="sidebarInfo" value="{vb:var sidebarInfo}" />

			<div class="blog-form-row">
				<div class="b-button-group h-margin-bottom-xxl">
					<vb:if condition="$blogaction == 'create'">
						<button type="submit" id="btnBlogPublish"  name="btnPublish" class="b-button b-button--primary">{vb:phrase publish}</button>
						<button type="submit" id="btnBlogNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase next}</button>
						<a class="b-button b-button--secondary" href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase previous}</a>
					<vb:else />
						<button type="submit" id="btnBlogSave" name="btnSave" class="b-button b-button--primary">{vb:phrase save_changes}</button>
						<button type="reset" id="btnBlogNext" name="btnSubmit" class="submit b-button b-button--secondary btnBlogReset">{vb:phrase reset_fields}</button>
					</vb:if>
				</div>
			</div>

		</form>
	</div>
</div>]]></template>
		<template name="blogadmin_adminsubscribers" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[{vb:data node, node, 'getNode', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
<h3>{vb:raw node.title}</h3>

<div class="blog-admin-content h-clearfix">
	
	{vb:template blogadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template blogadmin_sidebar, nodeid={vb:raw nodeid}, blogaction={vb:raw blogaction}, thisStep='manage_subscribers', blogperms = {vb:raw blogPerms}, routeInfo = {vb:raw routeInfo}}
	</div>
	
	{vb:data subscribers, blog, 'fetchSubscribers', {vb:raw nodeid}}
	{vb:set pagenav.currentpage, 1}
	{vb:set pagenav.totalpages, {vb:raw subscribers.pagecount}}
	
	<div class="blogAdminRight">
		<div class="blogAdminEditPage h-right stretch" data-pagecount="{vb:raw subscribers.pagecount}" data-nodeid="{vb:raw nodeid}">
			<vb:if condition="$subscribers['pagecount'] > 1">
				<div class="stretch h-right title-bar blogAdminSubscriberPaging" data-pagecount= {vb:raw subscribers.pagecount}>
					{vb:template pagenavnew, pagenav = {vb:raw pagenav}}
				</div>
			</vb:if>
			<div class="manage_moderators_row">
				<div class="moderators_left">
					{vb:phrase blog_subscribers_list}
				</div>
				<div class="moderators_right">
					{vb:phrase action}
				</div>
			</div>

			<div class="subscriberList">
				{vb:template blogadmin_subscriberlist, subscribers={vb:raw subscribers}, nodeid={vb:raw nodeid}}
			</div>
	</div>
</div>]]></template>
		<template name="blogadmin_header" templatetype="template" date="1535761446" username="vBulletin" version="5.4.5 Alpha 1"><![CDATA[<div class="title-bar">
	<a href="{vb:url blog}" class="b-button b-button--secondary h-margin-s js-movable-toolbar-button">
		<span class="b-button__icon b-icon b-icon__arrow-left-m"></span>
		{vb:phrase back_to_blogs}
	</a>
</div>]]></template>
		<template name="blogadmin_sidebar" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[<ul class="groupblog-admin-menu js-groupblog-admin-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive">
	<vb:if condition="!$nodeid">
		<li class="blogAdminActive"><a>{vb:phrase general_settings}</a></li>
		<li><a>{vb:phrase permission_and_privacy}</a></li>
		<li><a>{vb:phrase manage_contributors}</a></li>
		<li><a>{vb:phrase organize_sidebar}</a></li>
		<li><a>{vb:phrase invite_members}</a></li>
	<vb:else />

		{vb:set urlInfo.blogaction, {vb:raw blogaction}}
		{vb:set urlInfo.nodeid, {vb:raw nodeid}}
		<vb:if condition="$blogperms['canconfig']">
			<vb:if condition="$thisStep == 'settings'">
				<li class="blogAdminActive"><a>{vb:phrase general_settings}</a></li>
			<vb:else />
				{vb:set urlInfo.action2, 'settings'}
				<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase general_settings}</a></li>
			</vb:if>

			<vb:if condition="$thisStep == 'permission_and_privacy'">
				<li class="blogAdminActive"><a>{vb:phrase permission_and_privacy}</a></li>
			<vb:else />
				{vb:set urlInfo.action2, 'permissions'}
				<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase permission_and_privacy}</a></li>
			</vb:if>
		</vb:if>

		<vb:if condition="$blogperms['canmanageusers']">
			<vb:if condition="$thisStep == 'manage_moderators'">
				<li class="blogAdminActive"><a>{vb:phrase manage_contributors}</a></li>
			<vb:else />
				{vb:set urlInfo.action2, 'contributors'}
				<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase manage_contributors}</a></li>
			</vb:if>

			<vb:if condition="$blogaction == 'admin'">
				<vb:if condition="$thisStep == 'manage_subscribers'">
					<li class="blogAdminActive"><a>{vb:phrase manage_subscribers}</a></li>
				<vb:else />
					{vb:set urlInfo.action2, 'subscribers'}
					<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase manage_subscribers}</a></li>
				</vb:if>
			</vb:if>
		</vb:if>

		<vb:if condition="$blogperms['canconfig']">
			<vb:if condition="$thisStep == 'organize_sidebar'">
				<li class="blogAdminActive"><a>{vb:phrase organize_sidebar}</a></li>
			<vb:else />
				{vb:set urlInfo.action2, 'sidebar'}
				<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase organize_sidebar}</a></li>
			</vb:if>
		</vb:if>

		<vb:if condition="$blogperms['canmanageusers']">
			<vb:if condition="$thisStep == 'invite_members'">
				<li class="blogAdminActive"><a>{vb:phrase invite_members}</a></li>
			<vb:else />
				{vb:set urlInfo.action2, 'invite'}
				<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase invite_members}</a></li>
			</vb:if>
		</vb:if>
		
		<vb:if condition="$blogperms['canmanagechannel']">
			<vb:if condition="$blogaction == 'admin'">
				<vb:if condition="$thisStep == 'delete_blog'">
					<li class="blogAdminActive"><a>{vb:phrase delete_blog}</a></li>
				<vb:else />
					{vb:set urlInfo.action2, 'delete'}
					<li><a href="{vb:url 'blogadmin', {vb:raw urlInfo}}">{vb:phrase delete_blog}</a></li>
				</vb:if>
			</vb:if>
		</vb:if>

	</vb:if>

</ul>]]></template>
		<template name="blogadmin_subscriberlist" templatetype="template" date="1461016373" username="vBulletin" version="5.2.3 Alpha 1"><![CDATA[<vb:if condition="!$subscribers">
{vb:data subscribers, blog, 'fetchSubscribers', {vb:raw nodeid}, {vb:raw pageno}}
</vb:if>
<vb:each from="subscribers.members" value="subscriber">
	<div class="manage_moderators_row">
		<div class="moderators_left">
			<vb:if condition="$subscriber['avatarUrl'] AND $user['showavatars']">
				<a href="{vb:url 'profile', {vb:raw subscriber}}">
				<img src="{vb:raw baseurl_corecdn}/{vb:raw subscriber.avatarUrl}" alt="{vb:raw subscriber.username}" class="avatar h-left"/>
			<vb:else />
				<a href="{vb:url 'profile', {vb:raw subscriber}}" class="h-left">
			</vb:if>
			<span class="h-left">{vb:raw subscriber.username}</span></a>
		</div>

		<div class="moderators_right blogRemoveSubscriber b-link js-link" data-userid="{vb:raw subscriber.userid}" data-nodeid="{vb:raw nodeid}" data-groupid="{vb:raw subscribers.groupid}" tabindex="0">
			{vb:phrase remove}
		</div>
	</div>
</vb:each>]]></template>
		<template name="blogadmin_transferownership" templatetype="template" date="1524240655" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[<form action="ajax/api/node/movePosts" method="post" name="movePostsForm" class="move-posts-form">
	<div class="blockbody">
		<div class="blockrow">
			<p class="description">{vb:rawphrase transfer_blog_ownership_info}</p>
		</div>

		<div class="blockrow widget-tabs widget-tabs--generic">
			{vb:data contributors, content_channel, getContributors, {vb:raw nodeid}}
			<div class="transfer_ownership_tabs widget-tabs-nav">
				<ul>
					<li><a href="#owner_autocomplete">{vb:phrase addowner}</a></li>
				<vb:if condition="isset($contributors['active']['moderator'])">
					<li><a href="#owner_select">{vb:phrase select_moderator}</a></li>
				</vb:if>
				</ul>
				<div id="owner_autocomplete">
					<label for="newowner">{vb:phrase enter_username}</label>
					<input type="text" class="transfer_owner_autocomplete" name="transfer_owner_autocomplete" value="" />
				</div>
			<vb:if condition="isset($contributors['active']['moderator'])">
				<div id="owner_select">
					<label for="select_moderator">{vb:phrase select_a_moderator}</label>
					<select class="transfer_owner_select" name="transfer_owner_select">
					<vb:each from="contributors.active.moderator" value="moderator">
						<option value="{vb:raw moderator.userid}">{vb:raw moderator.username}</option>
					</vb:each>
					</select>
				</div>
			</vb:if>
			</div>
		</div>
	</div>
</form>]]></template>
	</templategroup>
	<templategroup name="Color">
		<template name="color_style" templatetype="template" date="1460646597" username="vBulletin" version="5.2.2 Alpha 4"><![CDATA[<div id="sg_canvas" class="h-clearfix">
		<div class="styleaction">
			<div id="tabs-color">
				<ul>
					<li><a id="tab-wheel" class="sel help" href="#">{vb:phrase choose_primary_color}</a></li>
					<li><a id="tab-vars" class="help" href="#">{vb:phrase fine_tune}</a></li>
				</ul>
			</div>
			<div id="pane-wheel" class="pane">
				<div id="wheel">
					<div id="sample" class="bg-pri-0"></div>
					<div id="wh1"></div>
					<div id="wh2"></div>
					<div id="wh3"></div>
					<div id="wh4"></div>
					<img class="dot help" id="dot1" alt="dot1" src="{vb:raw baseurl_cdn}/images/style_generator/e.png" width="1" height="1">
					<img class="dot help" id="dot2" alt="dot2" src="{vb:raw baseurl_cdn}/images/style_generator/e.png" width="1" height="1">
					<img class="dot help" id="dot3" alt="dot3" src="{vb:raw baseurl_cdn}/images/style_generator/e.png" width="1" height="1">
					<div class="val help" id="hue-val">{vb:phrase hue_gstyle} <span>0</span></div>
					<div class="val help" id="dist-val">{vb:phrase angle} <span>0</span></div>
					<table id="rgb-parts" class="help">
						<tr><th>R:</th><td id="rgb-r">100 %</td></tr>
						<tr><th>G:</th><td id="rgb-g">0 %</td></tr>
						<tr><th>B:</th><td id="rgb-b">0 %</td></tr>
					</table>
					<div class="val help" id="rgb-val">{vb:phrase hex} <span>0F4FA8</span></div>
				</div>
			</div>
			<div id="pane-vars" class="pane">
				<div id="tabs-preview">
					<ul>
						<li><a id="tab-light-ps" class="help sel previewtab" href="#" data-type="lps">{vb:phrase color_gstyle}</a></li>
						<li><a id="tab-light-pt" class="help previewtab" href="#" data-type="lpt">{vb:phrase white}</a></li>
						<li><a id="tab-grey" class="help previewtab" href="#" data-type="gry">{vb:phrase grey}</a></li>
						<li><a id="tab-dark" class="help previewtab" href="#" data-type="drk">{vb:phrase dark}</a></li>
					</ul>
				</div>
				<div id="saturation-cover">
					<div id="saturation">
						<div class="slider">
							<img class="dot help" id="dots" alt="dots" src="{vb:raw baseurl_cdn}/images/style_generator/e.png" width="1" height="1">
							<img class="dotv" id="dotv0" alt="dotv0" src="{vb:raw baseurl_cdn}/images/style_generator/e.png" width="1" height="1">
							<img class="dotv" id="dotv1" alt="dotv1" src="{vb:raw baseurl_cdn}/images/style_generator/e.png" width="1" height="1">
							<img class="dotv" id="dotv2" alt="dotv2" src="{vb:raw baseurl_cdn}/images/style_generator/e.png" width="1" height="1">
							<img class="dotv" id="dotv3" alt="dotv3" src="{vb:raw baseurl_cdn}/images/style_generator/e.png" width="1" height="1">
							<img class="dotv" id="dotv4" alt="dotv4" src="{vb:raw baseurl_cdn}/images/style_generator/e.png" width="1" height="1">
						</div>
					</div>
					<div id="colorcomparison">
						<span>{vb:phrase new}</span>
						<div id="currentcolor" class="help currentcolor">&nbsp;</div>
						<div id="originalcolor" class="help originalcolor">&nbsp;</div>
						<span>{vb:phrase current}</span>
					</div>
				</div>
			</div>
		</div>
		<div class="stylereaction">
			<div id="tabs-buttons" class="b-button-group">
				<button id="menu-undo" class="b-button b-button--secondary b-button--sitebuilder" type="button">{vb:phrase undo_gstyle}</button>
				<button id="menu-redo" class="b-button b-button--secondary b-button--sitebuilder h-disabled" type="button">{vb:phrase redo_gstyle}</button>
			</div>
			<div id="palette" class="h-clear h-clearfix">
				<h3>{vb:phrase my_color_palette}</h3>
				<div id="manualvars"></div>
			</div>
			<vb:comment><div id="fps" class="help"></div></vb:comment>
		</div>
	</div>]]></template>
		<template name="color_style.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[@charset "UTF-8";
#jscheck {
	margin: 20%;
	padding: 2em 4em;
	border: 1px dotted #666;
	text-align: center;
}
#jscheck hr {
	display: none;
}

#sg_canvas {
	height:auto;
	margin:0;
	width:900px;
	position:relative;
	border-radius:8px;
}
#edit-page-dropdown #color-style .panel .panel-main-content.layout-list-container
{
	padding:0;
}
#color-style .styleaction{
	margin:0;
}
#sg_canvas .pane {
	position:absolute;
	{vb:stylevar left}:25px;
	width:380px;
	height:380px;
	top:60px;
}

/* @group menu */

#sg_canvas  #menu {
	/*position: absolute; 
	top: 0; 
	{vb:stylevar left}: 440px; */
	z-index: 1;
	width: 540px;
	background: #202020;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.1rem;
	line-height: 1.1;
}
#sg_canvas  #menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: {vb:stylevar left};
	position: relative;
}
#sg_canvas  #menu ul {
	display: none;
	position: absolute;
	{vb:stylevar left}:0;
	/*width: 150px;*/
	margin: 0;
	padding: 0;
}
#sg_canvas  #menu ul {
	border-{vb:stylevar left}: 1px solid black;
	border-{vb:stylevar right}: 2px solid black;
	border-bottom: 2px solid black;
	background: #202020;
}
#sg_canvas  #menu ul ul { {vb:stylevar left}: 145px; }

#sg_canvas  #menu ul li { float: none; }
#sg_canvas  #menu ul ul { top: 3px; }

#sg_canvas #menu li.sep {
	padding: 5px;
	background: #202020;
	font-size: 0.1rem;
}
#sg_canvas #menu hr {
	margin: 0;
	padding: 0;
	height: 1px;
	border: none;
	border-top: 1px solid #404040;
}

#sg_canvas #menu a {
	display: block;
	text-align:center;
	padding: 8px 15px 7px;
	text-decoration: none;
	color: #808080;
	background: #202020;
	border-{vb:stylevar left}: 1px solid #333;
	white-space: nowrap;
	cursor: default;
}
#sg_canvas #menu a:hover {
	background-color: #999;
	color: #000;
}
#sg_canvas #menu ul a {
	padding: 8px 15px;
	text-align: {vb:stylevar left};
	border: none;
	background-color: #202020;
	color: #ccc;
	cursor: pointer;
}
#sg_canvas #menu ul a:hover {
	background-color: #999;
	color: #000;
}
#sg_canvas #menu a.h-disabled {
	color: #404040;
	background: #202020;
	cursor: default;
}
#sg_canvas #menu #colorblind a {
	padding-{vb:stylevar left}: 30px;
}
#sg_canvas #menu #colorblind a.sel {
	color: #fc0;
	background-image: url('images/style_generator/warning.png');
	background-position: 7px 50%;
	background-repeat: no-repeat;
}
#sg_canvas #menu a.sel {
	color: #fc0;
}
/* @end */

/* @group tabs */

#tabs-color, #tabs-buttons {
	height: 27px;
	margin:14px 0;
}
#tabs-color ul{
	display:inline;
}
#tabs-color li{
	display:inline;
	float:{vb:stylevar left};
}
#tabs-color li:first-child {
	margin-{vb:stylevar left}: 20px;
}

#tabs-preview {
	margin: 10px 0 0;
	margin-{vb:stylevar left}: 10px;
	width:100%;
	height: 27px;
}
#tabs-preview ul {
	padding:0;
	margin:0;
}
#tabs-preview li {
	width:85px;
	float:{vb:stylevar left};
	display:block;
	border: 1px solid #cccccc;
	margin: 0;
	margin-{vb:stylevar right}: 6px;
}

#tab-api {
	position: absolute;
	top: 0;
	{vb:stylevar left}: 715px;
	width:265px;
	height: 27px;
}
#sg_canvas #tabs-color a {
	display: block;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	padding:2px 8px;
	border-radius:5px;
}

#sg_canvas #tabs-preview a {
	display: block;
	line-height: 2.1rem;
	background: #434444;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	padding:2px 8px;
	background-color:#666;
}
#sg_canvas #tabs-preview a:hover {
	color: #2F3842;
	background-color:#FFF;
}

#sg_canvas #tabs-preview a.sel {
	background:transparent;
	font-weight:bold;
}
#sg_canvas #tabs-preview a.sel:hover {
	color: #FFF;
}

#tab-api a {
	width: 100%;
	font-size: 0.9rem;
	background: #252525;
	color: #808080;
	overflow: visible;
}
#tab-api a.sel {
	font-size: 1.1rem;
	background: #000;
	color: #999;
}
#tab-api a:hover {
	background: #282828;
	color: #ccc;
}

#sg_canvas .save li {
	display:none;
	width:85px;
}
#sg_canvas .save li.selected {
	display: block;
}

#sg_canvas .save a {
	color:#a8a8a8;
	text-decoration:none;
	padding: 0 10px
}
#sg_canvas .save a:hover {
	color:#fefefe;
	text-decoration:none;
	padding: 0 10px
}
#sg_canvas a.previewing {
	display:none;
}
#sg_canvas a.selected {
	display:inline;
}
/* @end */

#debug {
	position:absolute;
	top:120px;
	{vb:stylevar left}:450px;
}

/* @group Model */

#model {
	position: absolute;
	top: 95px;
	{vb:stylevar left}:25px;
	width:380px;
	border-collapse: collapse;
	border: none;
}
#model td {
	border: none;
	padding: 0;
	text-align: center;
	vertical-align:top;
}
#model a {
	display: block;
	border: none;
	width: 50px;
	margin: auto;
	padding: 55px 0 0 0;
	background: url('images/style_generator/model.png') 0 0 no-repeat;
	font-size: 0.9rem;
	color:#808080;
	text-decoration: none;
}
#model a.sel {
	color:#ccc;
}
#model a:hover {
	color:white;
	text-decoration: underline;
}
#model a.sel:hover {
	color:#ccc;
	text-decoration: none;
}
a#m2 { background-position: -50px 0 }
a#m3 { background-position: -100px 0 }
a#m4 { background-position: -150px 0 }
a#m5 { background-position: -200px 0 }
a#m6 { background-position: -250px 0 }

a#m1.sel, a#m1:hover { background-position: -300px 0 }
a#m2.sel, a#m2:hover { background-position: -350px 0 }
a#m3.sel, a#m3:hover { background-position: -400px 0 }
a#m4.sel, a#m4:hover { background-position: -450px 0 }
a#m5.sel, a#m5:hover { background-position: -500px 0 }
a#m6.sel, a#m6:hover { background-position: -550px 0 }

/* @end */

/* @group Wheel */

#left-pane-container {
	border-radius:8px;
	background:none repeat scroll 0 0 #434444;
}
#pane-wheel {
	width:380px;height:380px;
}

#wheel {
	width:100%;height:100%;
	background: url('images/style_generator/wheel_bkgr.png') center no-repeat;
}
#wh1 {
	position:absolute; top:0; left:0;
	width:190px;height:190px;
	background: url('images/style_generator/wheel1.png') {vb:stylevar right} bottom no-repeat;
}
#wh2 {
	position:absolute; top:0; left:190px;
	width:190px;height:190px;
	background: url('images/style_generator/wheel2.png') {vb:stylevar left} bottom no-repeat;
}
#wh3 {
	position:absolute; top:190px; left:0;
	width:190px;height:190px;
	background: url('images/style_generator/wheel3.png') {vb:stylevar right} top no-repeat;
}
#wh4 {
	position:absolute; top:190px; left:190px;
	width:190px;height:190px;
	background: url('images/style_generator/wheel4.png') {vb:stylevar left} top no-repeat;
}
.dot, .dotv {
	position:absolute;
	width:13px; height:13px;
	background: url('images/style_generator/dot1.png') 0 0 no-repeat;
}
.dot {
	cursor:pointer;
}
#wheel #dot2 { display:none; background-image: url('images/style_generator/dot3.png') }
#wheel #dot3,
#wheel #dot4 { display:none; background-image: url('images/style_generator/dot2.png') }

#sample {
	position:absolute; top:120px; {vb:stylevar left}:120px; z-index:0;
	width:140px; height:140px;
	background: gray;
}
#wheel .val {
	position:absolute; z-index:10;
	font-size: 1.1rem;
	line-height:1;
	color:#808080;
	text-align:{vb:stylevar left};
	cursor: pointer;
}
#wheel .val span { color: #ccc }
#wheel #hue-val { top:5px; {vb:stylevar left}:0 }
#wheel #dist-val { top:5px; {vb:stylevar right}:0; text-align:{vb:stylevar right} }
#wheel #rgb-val { bottom:5px; {vb:stylevar right}:0 }

#rgb-parts {
	position:absolute; z-index:10;
	bottom:10px; {vb:stylevar left}:0;
	border-collapse: collapse;
	border: none;
}
#rgb-parts th, #rgb-parts td {
	padding: 1px 0 0;
	padding-{vb:stylevar right}: 3px;
	text-align: {vb:stylevar right};
	font-weight: normal;
	color: #808080;
	font-size: 0.9rem;
	line-height:1;
}

/* @end */


/* @group Vars */

#pane-vars {
	display: none;
}

.slider .dot {
	background-image: url('images/style_generator/dot3.png');
}
.slider .dotv {
	display: none;
	background-image: url('images/style_generator/dot4.png');
}

#presets {
	position: absolute; top: 25px; {vb:stylevar left}:5px; z-index: 100;
	text-align: {vb:stylevar left};
}
#presets select {
	font-size: 1.2rem;
	line-height: 1.1;
	font-weight: normal;
}

#saturation-cover {
}
#saturation-cover h4 {
	position: absolute; {vb:stylevar left}:0; top: 10px;
	margin: 0; width: 100%;
	font-size: 1.1rem;
	line-height: 1.3rem;
	font-weight: normal;
	text-align: center;
}

#saturation {
	position: absolute; {vb:stylevar left}: 28px; top: 65px;
	width: 140px; height: 140px;
}
#saturation .slider {
	position: absolute; {vb:stylevar left}: -26px; top: -28px;
	width: 190px; height: 190px;
	background: url('images/style_generator/sv_slider_alpha.png') top center no-repeat;
}

#contrast-cover {
	position: absolute; {vb:stylevar left}: 193px; top: 95px;
	width: 190px; height: 240px;
	background: #282828;
}
#tabs-contrast {
	position: absolute; {vb:stylevar left}: 0; top: 0;
}
#tabs-contrast a {
	width:95px;
	height: 2.5rem;
	padding: 6px 0 4px 0;
	font-size: 0.9rem;
	line-height: 1.1rem;
	background: #333;
}
#tab-c1 { {vb:stylevar left}:0 }
#tab-c2 { {vb:stylevar left}:95px }
#tabs-contrast a.sel {
	padding: 10px 0 0 0;
	background: #282828;
	font-size: 1.1rem;
	line-height: 1.3rem;
}
#contrast {
	position: absolute; {vb:stylevar left}: 0; top: 35px;
	width: 190px; height: 190px;
	background: url('images/style_generator/c_slider.png') top center no-repeat;
}
#manualvars {
	width: 100%;
	margin-top:10px;
}
#manualvars a.ttl {
	display: block;
	margin: 0;
	padding: 0px;
	color: #999;
	background: #202020;
	font-weight: normal;
	text-decoration: none;
	display:none;
}
#manualvars a.ttl:hover {
	background: black;
}

#manualvars a.col {
	display: block;
	margin: 1px 0;
	padding: 3px 0;
	color: #999;
	background: transparent;
	text-decoration: none;
	line-height: 2.2rem;
}
#manualvars a.col:hover {
}
#manualvars a.col.sel {
	color: #FFFF00;
}
#manualvars a .cbox {
	border:1px solid #000000;
}
#manualvars a img.cbox{
	float:{vb:stylevar left};
}
#manualvars a.sel .cbox {
	border:1px solid #FFFF00;
}
#manualvars .cbox {
	width: 20px; 
	height: 20px;
	margin-{vb:stylevar right}: 10px;
	border: 1px solid #21282F;
	vertical-align: middle;
}
#manualvars .code { display: none }

/* @end */

/* @group pane-info */

#pane-info {
	display: none;
}
#pane-info h4 {
	margin: 1em 0 1em 0;
	font-size: 1.2rem;
	font-weight: normal;
	color: #ccc;
}

.info-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border: none;
	font-size: 1rem;
	color: #999;
}
.info-table td.cbox {
	width: 20px; height: 25px;
	border: 1px solid #202020;
}
.info-table td.code {
	padding-{vb:stylevar left}: 5px;
	text-align: {vb:stylevar left};
	vertical-align: middle;
}

#export {
	margin-top: 2em;
	padding-top: 0.5em;
	border-top: 1px dotted #666;
	font-size: 115%;
	text-align: center;
}
#export strong {
	margin-{vb:stylevar right}: 1em;
}
#export .smaller {
	font-size: 85%;
}

#sg_canvas .export {
	padding: 1em;
}
#sg_canvas .export pre {
	font: 1.1rem/1.1 monospace;
}

/* @end */

/* @group Palette */
ul.palettedisplay {
	padding:0px;
}
ul.palettedisplay li > ul > li {
	display:block;
	margin-bottom: 5px;
}
ul.palettedisplay li.last{
	float: none;
	height: 1px;
	clear:both;
}

/*#palette {
	padding:15px;
}

#palette td {
	border: 2px solid #333;
	width: 85px; height: 85px;
}*/

#schemeid {
	margin: 0;
	font-size: 0.9rem;
	font-weight: normal;
	text-align: center;
}
#schemeid span {
	color: #ccc;
}
#page-preview {
	position: absolute; top: 160px; {vb:stylevar left}: 465px;
	width: 480px;
	margin: 0;
	font-size: 1.2rem;
	font-weight: normal;
	text-align: center;
}

.colordisplay {
	width:30px;
	float:{vb:stylevar left};
}
.colorinfo {
	width:169px;
	float:{vb:stylevar left};
}
.colorpalette {
	float:{vb:stylevar left};
	width:199px;
}

/* @end */

/* @group preview */

#preview-palette-canvas {
	border-radius: 8px;
	background: url("images/style_generator/uibg.png") repeat-x 0 0 #212121;
	margin: 0 0 20px;
	margin-{vb:stylevar right}: 20px;
	padding:20px;
}

#preview-palette-bg1 {
	position: absolute; top: 0; {vb:stylevar left}:0;
	width:85%; height:80%;
	background: white;
}
#preview-palette-bg2 {
	position: absolute; bottom: 0; {vb:stylevar right}:0;
	width:85%; height:85%;
	background: black;
}
#preview-palette {
	position: absolute; top: 4px; {vb:stylevar left}:4px;
	width:480px;
	border-collapse: collapse;
	border: none;
}
#preview-palette td {
	padding: 0;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	border: none;
}
#preview-palette td.bg-pri-0 { width: 56% }
#preview-palette td.bg-pri-1,
#preview-palette td.bg-pri-3 { width: 22% }

#preview-palette.scheme-m1 tr.pri td { height: 175px }
#preview-palette.scheme-m1 tr.sec td { display: none }
#preview-palette.scheme-m1 tr.compl td { display: none }

#preview-palette.scheme-m2 tr.pri td { height: 141px }
#preview-palette.scheme-m2 tr.sec td { display: none }
#preview-palette.scheme-m2 tr.compl td { height: 34px }

#preview-palette.scheme-m3 tr.pri td { height: 89px }
#preview-palette.scheme-m3 tr.sec td { height: 43px }
#preview-palette.scheme-m3 tr.compl td { display: none }

#preview-palette.scheme-m4 tr.pri td { height: 73px }
#preview-palette.scheme-m4 tr.sec td { height: 35px }
#preview-palette.scheme-m4 tr.compl td { height: 32px }

#preview-palette.scheme-m5 tr.pri td { height: 89px }
#preview-palette.scheme-m5 tr.sec td { height: 43px }
#preview-palette.scheme-m5 tr.compl td { display: none }

#preview-palette.scheme-m6 tr.pri td { height: 73px }
#preview-palette.scheme-m6 tr.sec td { height: 35px }
#preview-palette.scheme-m6 tr.compl td { height: 32px }

#preview-palette .text {
	display: inline;
	padding: 2px 5px;
	font-size: 0.9rem;
	line-height: 1rem;
	white-space: nowrap;
}
#preview-palette .text .row1 { color: white }
#preview-palette .text .row2 { color: gray }
#preview-palette .text .row3 { color: black }

#preview-palette .hilite .text {
	font-size: 1rem;
	border: 1px outset #202020;
}
#showtext {
	position: absolute; top: 575px; {vb:stylevar left}:460px;
	width: 490px;
	text-align: {vb:stylevar right};
	color: #555;
}

/* @end */

#preview-pars {
	position: absolute; top: 603px; {vb:stylevar left}:460px;
	width: 490px;
	white-space: nowrap;
}

#fps {
	position: absolute; top: 7px; {vb:stylevar left}:520px;
	white-space: nowrap;
	font-size: 0.9rem;
	color: #555;
	text-align: {vb:stylevar left};
}

#randomize {
	position: absolute; top: 7px; {vb:stylevar left}: 560px;
	width: 155px;
	margin: 0;
	font-size: 0.9rem;
	text-align: center;
}
#randomize span {
	font-size: 0.9rem;
}

#cb-warning {
	display: none;
	position: absolute; top: 612px; {vb:stylevar left}: 445px;
	width: 15px; height: 15px;
	background: url('images/style_generator/warning.png') center no-repeat;
}
#donate {
	position: absolute; top: 660px; {vb:stylevar left}:10px;
	text-align: {vb:stylevar left};
}
#donate .btn {
	width: 122px; height: 40px;
	background: url('images/style_generator/donate.png') 0 -60px no-repeat;
}
#donate .btn:hover {
	height: 60px;
	background-position: 0 0;
}

#relatedlinks {
	position: absolute; top: 680px; {vb:stylevar right}:10px;
	width: 820px;
	text-align: {vb:stylevar right};
	vertical-align: middle;
	white-space: nowrap;
	color: #555;
	font-size: 100%;
}
#relatedlinks a { color: #555 }
#relatedlinks a:hover { color: #808080 }

.select-replace {
	padding: 5px 10px;
	padding-{vb:stylevar right}: 30px;
	background: url('images/style_generator/ddarrow.png') 98% 50% no-repeat;
	color: #999;
	border: 1px dotted #555;
}

#help {
	display: none;
}
#tooltip {
	position: absolute; z-index: 9999;
	width: 200px;
	padding: 5px 10px;
	opacity: 0.9;
	background: #000;
	color: #ccc;
	border: 1px solid #666;
	font-size: 95%;
	line-height: 1.66;
}
#tooltip.color {
	width: auto;
	text-align: center;
	font-size: 1rem;
	padding: 2px 5px;
}
iframe.sample {
	width: 100%; height: 610px;
	margin: 0 auto;
	border: 1px solid #404040;
}
.sample-info {
	padding: 3px 5px;
	background: black;
	color: #ffcc00;
}
.close-floatbox {
	color: #ffcc00;
}
#prompt {
	padding: 25px 50px;
	border: 1px outset #000;
	background: #202020;
	color: #ccc;
	text-align: center;
	font-size: 1.2rem;
}
#prompt .submit {
	margin-top: 3em;
}
#prompt-input {
	background: #000;
	color: #ccc;
	border: 1px solid #666;
	padding: 5px;
	width: 7em;
	font-size: 1.5rem;
}
#prompt .chkbox {
	margin: 0;
	text-align: {vb:stylevar left};
}
#prompt button {
	margin: 0 0.5em;
	padding: 2px 1em;
	vertical-align: middle;
	font-size: 1.4rem;
	border: 1px outset #000;
}
#prompt-ok {
	background: #333;
	color: #ccc;
	font-weight: bold;
}
#prompt-cancel {
	background: #202020;
	color: #999;
	font-weight: normal;
}
#savestyle {
	margin-top: 32px;
}
#savestyle .styledetails > div {
	margin-top: 10px;
}
#color-style h3{
	color: #F0FDCF;
}
#styleform #allow-user-selection .field_label {
	margin-top: 3px;
}
#allow-user-selection > .field_value > label {
	white-space:nowrap;
}
#allow-user-selection > .field_value > label:first-child {
	margin-{vb:stylevar right}: 15px;
}
.styleaction {
	border: 1px solid #21282F;
	height:450px;
	width:420px;
	float:{vb:stylevar left};
	margin:20px 20px 0;
}
.stylereaction {
	margin-{vb:stylevar left}: 50px;
	width: 425px;
	float:{vb:stylevar left};
}
.styledetails {
	margin-{vb:stylevar right}:20px;
}
#styleform .field_label{
	float:{vb:stylevar left};
	width: 135px;
	margin: 5px 0;
}
#styleform span.field_value{
	/*float:{vb:stylevar left};*/
}

#styleform div.field_value{
	clear:both;
}
#form-displayorder{
	width:30px;
}
.styleoptions {
	float:{vb:stylevar right};
	width:190px;
}

#save-type{
	margin-top:17px !important;
	text-align: {vb:stylevar right};
}

#save-type ul {
	padding:0;
	margin:10px 0 0 0;
}

#save-type li {
	color:#CCCCCC;
	font-size: 1.1rem;
	text-align:center;
	width:100px;
	margin:0 auto;
}
#save-type li.selected {
	border: 1px solid #CCCCCC;
	border:1px solid #CCCCCC;
	font-weight:bold;
	background:#FFFFFF;
}
#save-type li a {
	line-height: 2.1rem;
	color:#000000;
}
#save-type li a:hover {
	color:#333;
}
#colorcomparison {
	float:{vb:stylevar right};
	width:100px;
	margin: 30px 4px 0;
	color:#CCCCCC;
	text-align:center;
	font-size: 1.1rem;
}
#originalcolor, #currentcolor {
	border: 1px solid #CCCCCC;
	padding:10px;
}
#originalcolor {
	border-top: 0px;
}
#currentcolor {
	border-bottom: 0px;
}
.paletteInfo {
	font-size: 1.2rem;
	display:table-cell;
	color: #D3D8E2;
	vertical-align:middle;
}
body.edit-mode #edit-page-dropdown #ctrl_name input {
	width: 100%;
	height: 24px;
	box-sizing: border-box;
}
#display-order input {
	text-align:center;
}

/* Style Generator Preview CSS */

.stylepreviewbackground {
	background: #E9E9E9;
	width: 450px;
	padding: 0 15px 15px 15px;
}

.stylegenpreview div,.stylegenpreview dl,.stylegenpreview dt,.stylegenpreview dd,.stylegenpreview ul,.stylegenpreview ol,.stylegenpreview li,.stylegenpreview h1,.stylegenpreview h2,.stylegenpreview h3,.stylegenpreview h4,.stylegenpreview h5,.stylegenpreview h6,.stylegenpreview pre,.stylegenpreview code,.stylegenpreview form,.stylegenpreview fieldset,.stylegenpreview legend,.stylegenpreview input,.stylegenpreview button,.stylegenpreview textarea,.stylegenpreview p,.stylegenpreview blockquote,.stylegenpreview th,.stylegenpreview td
	{ /*margin:0;*/
	padding: 0;
}

#previewoverride h2 {
	position: inherit;
}

.stylegenpreview h1,.stylegenpreview h2,.stylegenpreview h3 {
	font-size: 100%;
	font-weight: normal;
}

#sg_canvas fieldset,img {
	border: 0 none;
}

.stylegenpreview {
	color: #3E3E3E;
	font-size: 1rem;
	line-height: 1.23;
	font-family: arial, helvetica, clean, sans-serif;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

.stylegenpreview a {
	color: #417394;
	text-decoration: none;
}

#sg_canvas .main-header {
	background-clip: border;
	-moz-background-inline-policy: continuous;
	background-origin: padding;
	border-bottom-{vb:stylevar left}-radius: 5px;
	border-bottom-{vb:stylevar right}-radius: 5px;
	background: #2F4456 url(images/gradients/gradient-grey-down.png)
	repeat-x scroll 0 0;
	margin: 0 0 10px;
	width: 100%;
}

#sg_canvas .main-header img {
	width: 100px;
}

#sg_canvas .navbar {
	background-clip: border;
	-moz-background-inline-policy: continuous;
	background-origin: padding;
	border-bottom-{vb:stylevar left}-radius: 5px;
	border-bottom-{vb:stylevar right}-radius: 5px;
	-x-system-font: none;
	background: #2F4456 none repeat scroll 0 0;
	color: #FFFFFF;
	font-family: Arial, Calibri, Verdana, Geneva, sans-serif;
	font-size: 1.1rem;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 3.5rem;
	line-height: normal;
	padding: 0;
	position: relative;
	margin-top:13px;
}

#sg_canvas .navtabs {
	background-clip: border;
	-moz-background-inline-policy: continuous;
	background-origin: padding;
	background: #7192A8 url(images/buttons/newbtn_middle.png) repeat-x
		scroll 0 0;
	height: 16px;
	padding-{vb:stylevar left}: 20px;
}

#sg_canvas #navtabs {
	margin-{vb:stylevar left}:0;
	padding:0;
}

#sg_canvas .navtabs ul {
	border-bottom-{vb:stylevar left}-radius: 5px;
	border-bottom-{vb:stylevar right}-radius: 5px;
	border-top: 1px solid #5A7F97;
	direction: ltr;
	{vb:stylevar left}: 0;
	margin-{vb:stylevar right}: -80px;
	position: absolute;
	top: 16px;
	width: 100%;
	margin-{vb:stylevar left}:0;
}

#sg_canvas .navtabs ul li {
	border-{vb:stylevar right}: 0 none;
	position: relative;
}

#sg_canvas li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#sg_canvas .navtabs li:first-child {

}

#sg_canvas .navtabs li {
	border-{vb:stylevar right}: 1px solid #5A7F97;
	float: {vb:stylevar left};
}

#sg_canvas .navtabs li.selected {
	color: #111111;
	height: 16px;
}

#sg_canvas .navtabs li span {
	height: 1.6rem;
	line-height: 1.6rem;
	padding: 0 10px;
}

.navtabs li.selected li span {
	color: #FFFFFF;
	padding: 2px 5px;
}

#sg_canvas .navtabs li span.navtab {
	background-clip: border;
	-moz-background-inline-policy: continuous;
	background-origin: padding;
	-x-system-font: none;
	background: #7192A8 url(images/buttons/newbtn_middle.png) repeat-x
		scroll 0 0;
	border-{vb:stylevar left}: 1px solid #CEDFEB;
	border-top: 1px solid #CEDFEB;
	color: #FFFFFF;
	display: block;
	font-family: Arial, Calibri, Verdana, Geneva, sans-serif;
	font-size: 1rem;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 1.6rem;
	min-width: 60px;
	text-align: center;
	text-decoration: none;
	width: auto !important;
}

#sg_canvas .navtabs li.selected span {
	background-clip: border;
	-moz-background-inline-policy: continuous;
	background-origin: padding;
	color: #111111;
	padding-top: 4px;
	position: relative;
	top: -4px;
	z-index: 10;
	font-size: 0.8rem;
}

#sg_canvas .navtabs li.selected span.navtab {
	background-clip: border;
	-moz-background-inline-policy: continuous;
	background-origin: padding;
	background: #7192A8
		url(images/gradients/selected-tab-gradient-with-top-alpha.png)
		repeat-x scroll 0 0;
	color: #111111;
	padding-top: 4px;
	position: relative;
	top: -4px;
	z-index: 10;
	position: relative;
	top: -4px;
	z-index: 10;
	font-size: 1rem;
}

.floatcontainer,.formcontrols .blockrow,dl.stats {
	display: block;
}


/* Preview Classes */ 
/* White */
.bg-wh-sec0 {
	background: #FFF !important;
}
/* Dark */
.bg-dk-pri0 {
	background: #000 !important;
}
.col-dk-sec0 {
	color: #FFF !important;
}
.bg-dk-sec0 {
	background: transparent !important;
}

.bg-dk-sec0-border {
	border: #303030 !important;
}

/* Grey */
.bg-gy-pri0 {
	background: #A6A6A6 !important;
}

.bg-gy-sec0 {
	background: #BBB !important;
}

.bg-gy-sec0-border {
	border: #BBB !important;
}
.bg-gy-sec0 {
	background: transparent !important;
}

.foruminfowrap {
	background: #000 !important;
}

/* End Style Generator Preview CSS */]]></template>
	</templategroup>
	<templategroup name="Content Entry">
		<template name="contententry" templatetype="template" date="1530321578" username="vBulletin" version="5.4.4 Alpha 1"><![CDATA[<vb:comment>
	// Template parameters:
	// @param array page Array of page info for the currently displayed page.
	// @param array channelInfo Array of channel info for the channel this node will be created in.
	// @param int parentid Node ID of the parent node (may or may not be the same as channel id)
	// @param int routeid Route id
	// @param int allowTypeText - indicates if Text content type is allowed (1) or not (0). If not allowed, the toolbar items cannot be unselected and the X buttons for the Photo/Link/Video/Poll panels is not available.
	// @param int allowTypePhoto - indicates if Photo toolbar item is shown (1) or not (0).
	// @param int allowTypeLink - indicates if Link toolbar item is shown (1) or not (0).
	// @param int allowTypePoll - indicates if Poll toolbar item is shown (1) or not (0).
	// @param int allowTypeVideo - indicates if Video toolbar item is shown (1) or not (0).
	// @param int showToggleEditor - indicates if Toggle Advanced Editor toolbar item is shown (1) or not (0).
	// @param int showSmiley - indicates if Smiley toolbar item is shown (1) or not (0).
	// @param int showAttachment - indicates if Attachment toolbar item is shown (1) or not (0).
	// @param int initOnPageLoad - indicates if the ckeditor should be initialized on page load (1) or not (0).
	// @param int focusOnPageLoad - indicates if the title or editor (whichever is available) should be focused on page load (1) or not (0).
	// @param int showTitle - indicates if the title item is shown (1) or not (0).
	// @param int showToolbar - indicates if the toolbar item is shown (1) or not (0).
	// @param int showCkeToolbar - indicates if the advanced ckeditor toolbar item is shown (1) or not (0) (the user preference overrides this param).
	// @param int hideButtonsUntilClick - indicates if the form buttons should be hidden until the editor is focused (1) or not (0).
	// @param int preloadJavascript - indicates if we want to preload the ckeditor javascript on page load (1) or wait until editor initialization to load it dynamically (0).
	// @param int compactButtonSpacing - If set to (1), the spacing between the panels and button row is reduced.
	// @param string defaultContentType - indicates the default Content Type ('Text', 'Gallery', 'Link', 'Video', 'Poll') selected. Default is 'Text'.
	// @param string uploadFrom - indicates where upload is coming from (for Gallery and Attachments panel only).
	// @param int isPrivateMessage - is this a Private message (1), or not (0)
	// @param int noBorders - indicates if the content entry box has borders (0) or not (1).
	// @param int roundedCornersAll - indicates if the content entry box has rounded corners on all sides
	// @param int roundedCornersTop - indicates if the content entry box has rounded corners on top left and top right sides
	// @param int roundedCornersBottom - indicates if the content entry box has rounded corners on bottom left and bottom right sides
	// @param string editorDisabledFeatures - Comma-separated values of disabled features for ckeditor. To disable all features, specify 'all'.
	// @param int allowHumanVerification - indicates if the content entry box is being used in an area where human verification should be used if so configured
	// @param int noActionButtons - indicates if the content entry buttons are rendered (0) or not (1).
	// @param showViewPerms - If set, show the public/friends/private radio buttons
	// @param int disableResize - causes event triggers to disable resize & autogrow features.
</vb:comment>

<vb:comment><!-- ------------- CHECK PERMISSIONS ------------- --></vb:comment>

<vb:comment>createpermissions is already set when we are posting a VM</vb:comment>
<vb:if condition="empty($createpermissions)">
	<vb:if condition="!empty($conversation)">
		{vb:set createpermissions, {vb:raw conversation.createpermissions}}
	<vb:else />
		{vb:data createpermissions, user, getCanCreate, {vb:raw parentid}}
	</vb:if>
</vb:if>

<vb:comment>Override the passed allowType* parameters based on permissions.</vb:comment>
<vb:if condition="$createpermissions['vbforum_text'] < 1">
	{vb:set allowTypeText, 0}
</vb:if>
<vb:if condition="$createpermissions['vbforum_gallery'] < 1">
	{vb:set allowTypePhoto, 0}
</vb:if>
<vb:if condition="$createpermissions['vbforum_poll'] < 1">
	{vb:set allowTypePoll, 0}
</vb:if>
<vb:if condition="$createpermissions['vbforum_video'] < 1">
	{vb:set allowTypeVideo, 0}
</vb:if>
<vb:if condition="$createpermissions['vbforum_link'] < 1">
	{vb:set allowTypeLink, 0}
</vb:if>
<vb:if condition="$createpermissions['vbforum_event'] < 1">
	{vb:set allowTypeEvent, 0}
</vb:if>

<vb:if condition="isset($conversation)">
	{vb:data canUseHTML, user, hasPermissions, forumpermissions2, canusehtml, {vb:raw conversation.nodeid}}
	<vb:if condition="isset($conversation['channeltype'])">
		{vb:set nodeType, {vb:raw conversation.channeltype}}
	</vb:if>
<vb:elseif condition="$channelInfo" />
	{vb:data canUseHTML, user, hasPermissions, forumpermissions2, canusehtml, {vb:raw channelInfo.nodeid}}
</vb:if>

<vb:if condition="$conversation['nodeid']">
	{vb:data canPublish, user, hasPermissions, forumpermissions2, canpublish, {vb:raw conversation.nodeid}}
<vb:elseif condition="$channelInfo['nodeid']" />
	{vb:data canPublish, user, hasPermissions, forumpermissions2, canpublish, {vb:raw channelInfo.nodeid}}
<vb:else />
	{vb:data canPublish, user, hasPermissions, forumpermissions2, canpublish}
</vb:if>

<vb:comment>If user has no permissions to post all content types, then there's no need to further check for SG permissions</vb:comment>
<vb:if condition="$allowTypeText OR $allowTypePhoto OR $allowTypeVideo OR $allowTypeLink OR $allowTypePoll OR $allowTypeEvent">
	<vb:if condition="isset($nodeType)">
		<vb:if condition="$nodeType == 'group'">
			{vb:set isSGChannel, 1}
		<vb:else />
			{vb:set isSGChannel, 0}
		</vb:if>
	<vb:else />
		{vb:data isSGChannel, socialgroup, isSGChannel, {vb:raw parentid}}
	</vb:if>

	<vb:if condition="$isSGChannel">
		{vb:data canCreateDiscussion, user, hasPermissions, socialgrouppermissions, cancreatediscussion}
		<vb:if condition="!$canCreateDiscussion AND ($channelInfo['userid'] != $user['userid'])">
			{vb:set allowTypeText, 0}
			{vb:set allowTypePhoto, 0}
			{vb:set allowTypeVideo, 0}
			{vb:set allowTypeLink, 0}
			{vb:set allowTypePoll, 0}
			{vb:set allowTypeEvent, 0}
		</vb:if>
	</vb:if>
</vb:if>

<vb:if condition="!$allowTypeText AND !$allowTypePhoto AND !$allowTypeVideo AND !$allowTypeLink AND !$allowTypePoll AND !$allowTypeEvent">
	<vb:if condition="!$isSGChannel">{vb:phrase no_permission}</vb:if>
<vb:else />

	<vb:comment><!-- ------------- PREPARE PARAMS AND SET DEFAULT VALUES ------------- --></vb:comment>

	<vb:if condition="!isset($noBorders)">
		{vb:set noBorders, 0} <vb:comment>default off (with borders)</vb:comment>
	</vb:if>

	<vb:if condition="!isset($allowTypeText)">
		{vb:set allowTypeText, 1} <vb:comment>default on</vb:comment>
	</vb:if>

	<vb:if condition="!isset($showTitle)">
		{vb:set showTitle, 1} <vb:comment>default on</vb:comment>
	</vb:if>

	<vb:if condition="!isset($showToolbar)">
		{vb:set showToolbar, 1} <vb:comment>default on</vb:comment>
	</vb:if>

	<vb:if condition="!isset($showCkeToolbar)">
		{vb:set showCkeToolbar, 0} <vb:comment>default off, overridden by user pref</vb:comment>
	</vb:if>

	<vb:if condition="!isset($showSmiley)">
		{vb:set showSmiley, 1} <vb:comment>default on</vb:comment>
	</vb:if>

	<vb:if condition="!isset($compactButtonSpacing)">
		{vb:set compactButtonSpacing, 0}
	</vb:if>

	<vb:comment>show tags should be ON for starters (creating or editing) and only if the user has permission to add tags, and tags are enabled</vb:comment>
	<vb:if condition="!isset($showTags)">
		{vb:set showTags, 0}
	</vb:if>
	<vb:if condition="$showTags">
		{vb:set showTags, 0}
		<vb:if condition="$vboptions['threadtagging']">
			<vb:if condition="$conversation['nodeid']">
				{vb:data canTagOwn, user, hasPermissions, forumpermissions, cantagown, {vb:raw conversation.nodeid}}
				{vb:data canTagOthers, user, hasPermissions, forumpermissions, cantagothers, {vb:raw conversation.nodeid}}
			<vb:elseif condition="$channelInfo['nodeid']" />
				{vb:data canTagOwn, user, hasPermissions, forumpermissions, cantagown, {vb:raw channelInfo.nodeid}}
				{vb:data canTagOthers, user, hasPermissions, forumpermissions, cantagothers, {vb:raw channelInfo.nodeid}}
			<vb:else />
				{vb:data canTagOwn, user, hasPermissions, forumpermissions, cantagown}
				{vb:data canTagOthers, user, hasPermissions, forumpermissions, cantagothers}
			</vb:if>
			<vb:if condition="!empty($conversation['nodeid'])">
				<vb:comment>Editing a topic</vb:comment>
				<vb:if condition="$conversation['userid'] != $user->userid AND $canTagOthers">
					{vb:set showTags, 1}
				<vb:elseif condition="$conversation['userid'] == $user->userid AND $canTagOwn" />
					{vb:set showTags, 1}
				</vb:if>
			<vb:else />
				<vb:comment>New topic</vb:comment>
				<vb:if condition="$canTagOwn">
					{vb:set showTags, 1}
				</vb:if>
			</vb:if>
		</vb:if>
	</vb:if>

	<vb:if condition="!isset($editPost)">
		{vb:set editPost, 0}
	</vb:if>

	<vb:if condition="!isset($isVm)">
		{vb:set isVm, 0}
	</vb:if>

	<vb:if condition="!isset($defaultContentType) OR !in_array($defaultContentType, array('Text', 'Gallery', 'Link', 'Video', 'Poll', 'Event'))">
		{vb:set defaultContentType, 'Text'} <vb:comment>default 'Text'</vb:comment>
	</vb:if>

	<vb:if condition="$defaultContentType == 'Text' AND !$allowTypeText">
		<vb:if condition="$allowTypePhoto">
			{vb:set defaultContentType, 'Gallery'}
		<vb:elseif condition="$allowTypeLink" />
			{vb:set defaultContentType, 'Link'}
		<vb:elseif condition="$allowTypeVideo" />
			{vb:set defaultContentType, 'Video'}
		<vb:elseif condition="$allowTypePoll" />
			{vb:set defaultContentType, 'Poll'}
		<vb:elseif condition="$allowTypeEvent" />
			{vb:set defaultContentType, 'Event'}
		</vb:if>
	</vb:if>

	<vb:if condition="isset($nodeType)">
		<vb:if condition="$nodeType == 'blog'">
			{vb:set isBlogChannel, 1}
		<vb:else />
			{vb:set isBlogChannel, 0}
		</vb:if>
	<vb:elseif condition="isset($channelInfo) AND $channelInfo['nodeid'] > 0" />
		{vb:data isBlogChannel, blog, isBlogNode, {vb:raw channelInfo.nodeid}}
	</vb:if>

	{vb:set showOptionsPanel, 0}
	<vb:if condition="in_array($channelInfo['channeltype'], array('group', 'blog', 'forum', 'article'), true)">
		{vb:set showOptionsPanel, 1}
	<vb:elseif condition="in_array($conversation['channeltype'], array('group', 'blog', 'forum', 'article'), true)" />
		{vb:set showOptionsPanel, 1}
	</vb:if>

	<vb:if condition="$channelInfo['channeltype'] == 'article'">
		{vb:set showSaveDraft, 1}
	</vb:if>

	<vb:if condition="isset($conversation) AND isset($conversation['nodeid'])">
		{vb:set permissionNodeId, {vb:raw conversation.nodeid}}
	<vb:else />
		{vb:set permissionNodeId, {vb:raw parentid}}
	</vb:if>
	{vb:data attachLimit, user, hasPermissions, 'forumpermissions', 'maxattachments', {vb:raw permissionNodeId}}

	<vb:if condition="empty($noJavascriptInclude)">
		{vb:js js/file-upload-rollup.js}
		{vb:js js/content-entry-rollup.js}
		<vb:if condition="isset($preloadJavascript) AND $preloadJavascript">
			{vb:js js/ckeditor-rollup.js}
		<vb:else />
			{vb:js js/content_entry_box.js}
		</vb:if>
	</vb:if>

	<vb:if condition="$showTags OR $editPost OR $showOptionsPanel OR $defaultContentType != 'Text'">
		{vb:set allPanelsHidden, 0}
	<vb:else />
		{vb:set allPanelsHidden, 1}
	</vb:if>

	<vb:if condition="!isset($isPrivateMessage)">
		{vb:set isPrivateMessage, 0}
	</vb:if>

	<vb:if condition="$isPrivateMessage AND $privateMessageAction == 'reply'">
		{vb:set showTitle, 0}
	</vb:if>

	<vb:if condition="$isPrivateMessage">
		{vb:set dataMessageType, "pm-"}
		{vb:strcat dataMessageType, {vb:raw privateMessageAction}}
	<vb:elseif condition="$isVm" />
		{vb:set dataMessageType, "vm"}
	<vb:elseif condition="$contentEntryType == 'reply'" />
		{vb:set dataMessageType, "reply"}
	<vb:else />
		{vb:set dataMessageType, ""}
	</vb:if>

	<vb:if condition="$editPost">
		{vb:set formAction, 'create-content/'}
		{vb:strcat formAction, {vb:raw defaultContentType}}
	<vb:elseif condition="$isPrivateMessage" />
		{vb:set formAction, 'create-content/private-message'}
	<vb:else />
		{vb:set formAction, 'create-content/text'}
	</vb:if>

	<vb:if condition="!empty($roundedCornersAll)">
		{vb:set roundedCornersClass, b-content-entry--rounded-all-corners}
	<vb:else />
		<vb:if condition="!empty($roundedCornersTop)">
			{vb:set roundedCornersClass, b-content-entry--rounded-top-corners}
		</vb:if>
		<vb:if condition="!empty($roundedCornersBottom)">
			{vb:set roundedCornersClass, b-content-entry--rounded-bottom-corners}
		</vb:if>
	</vb:if>

	<vb:if condition="!isset($allowHumanVerification)">
		{vb:set allowHumanVerification, 1}
	</vb:if>

	<vb:comment><!-- ------------- BEGIN TEMPLATE ------------- --></vb:comment>

	<div class="b-content-entry js-content-entry<vb:if condition="isset($roundedCornersClass)"> {vb:raw roundedCornersClass}</vb:if><vb:if condition="!empty($editPost)"> js-content-entry-edit-post</vb:if>" data-default-content-type="{vb:raw defaultContentType}" data-allow-type-text="{vb:raw allowTypeText}" data-current-channelid="{vb:raw channelInfo.nodeid}">

		<form action="{vb:raw formAction}/" method="post" data-content-type="<vb:if condition="empty($editPost)">text<vb:else />{vb:php strtolower, {vb:raw defaultContentType}}</vb:if>" data-message-type="{vb:raw dataMessageType}"<vb:if condition="isset($conversation['channeltype'])"> data-current-channeltype="{vb:raw conversation.channeltype}"</vb:if>>
			<input type="hidden" name="securitytoken" value="{vb:raw user.securitytoken}" />

			<vb:comment><!-- ***** Private Message "To" ***** --></vb:comment>
			<vb:if condition="$isPrivateMessage">
				<vb:if condition="$privateMessageAction == 'reply'">
					<input type="hidden" name="msgtype" value="message" />
					<input type="hidden" name="respondto" value="{vb:raw privateMessageRespondTo}" />
				<vb:else />
					<div class="js-wrapper-contententry__msgRecipients">
						<input type="text" class="privatemessage_author" name="msgRecipients"
							<vb:if condition="$page['userid']">
								{vb:set userids[0], {vb:var page.userid}}
								{vb:data userInfo, user, fetchUsernames, {vb:raw userids}}
								data-value="<vb:each from="userInfo" value="thisuser">{vb:raw thisuser.username},</vb:each>"
							<vb:elseif condition="!empty($prefillMsgRecipients)"/>
								data-value="{vb:var prefillMsgRecipients},"
							</vb:if>
						/>
						<div class="recipient-desc h-margin-top-xs h-margin-bottom-xl">{vb:rawphrase add_pm_recipient_instruction}</div>
					</div>
				</vb:if>
			</vb:if>

			<vb:comment><!-- ***** Title Group ***** --></vb:comment>
			<vb:if condition="$showTitle">
				{vb:template contententry_title,
					channelid={vb:raw channelInfo.nodeid},
					channelInfo={vb:raw channelInfo},
					focusOnPageLoad={vb:raw focusOnPageLoad},
					isPrivateMessage={vb:raw isPrivateMessage},
					privateMessageAction={vb:raw privateMessageAction},
					prefillTitle={vb:raw prefillTitle},
					editPost={vb:raw editPost},
					conversation={vb:raw conversation},
					canUseHTML={vb:raw canUseHTML},
					showPostIcons={vb:raw showPostIcons}
				}
			</vb:if>

			<vb:comment><!-- ***** Toolbar ***** --></vb:comment>
			<vb:if condition="$showToolbar">
				{vb:template contententry_toolbar,
					allowTypePhoto={vb:raw allowTypePhoto},
					allowTypeLink={vb:raw allowTypeLink},
					allowTypeVideo={vb:raw allowTypeVideo},
					allowTypePoll={vb:raw allowTypePoll},
					allowTypeEvent={vb:raw allowTypeEvent},
					showToggleEditor={vb:raw showToggleEditor},
					showSmiley={vb:raw showSmiley},
					showAttachment={vb:raw showAttachment},
					noBorders={vb:raw noBorders},
					canUseHTML={vb:raw canUseHTML},
					channelInfo={vb:raw channelInfo}}
			</vb:if>

			<vb:comment><!-- ***** Editor ***** --></vb:comment>
			{vb:template contententry_editor,
				initOnPageLoad={vb:raw initOnPageLoad},
				focusOnPageLoad={vb:raw focusOnPageLoad},
				showCkeToolbar={vb:raw showCkeToolbar},
				editPost={vb:raw editPost},
				conversation={vb:raw conversation},
				parentid={vb:raw parentid},
				defaultText={vb:raw prefillEditor},
				nodeid={vb:raw nodeid},
				noBorders={vb:raw noBorders},
				editorDisabledFeatures={vb:raw editorDisabledFeatures},
				channelInfo={vb:raw channelInfo},
				canUseHTML={vb:raw canUseHTML},
				disableResize={vb:raw disableResize}}

			<vb:comment><!-- ***** Panels ***** --></vb:comment>
			<div class="b-content-entry-panel js-content-entry-panel{vb:if "$allPanelsHidden", " h-hide"}{vb:if "!empty($noBorders)", " h-border-left-none h-border-bottom-none h-border-right-none"}">
				{vb:hook editor_additional_panels}
				<vb:if condition="$showSmiley">
					{vb:template contententry_panel_smilies, previewOnly=1}
				</vb:if>

				<vb:if condition="$showAttachment">
					{vb:template contententry_panel_attachments,
						uploadFrom={vb:raw uploadFrom},
						conversation={vb:raw conversation},
						editPost={vb:raw editPost}}
				</vb:if>

				<vb:if condition="$allowTypePhoto OR ($editPost AND $conversation['contenttypeclass'] == 'Gallery')">
					{vb:template contententry_panel_gallery,
						attachLimit={vb:raw attachLimit},
						uploadFrom={vb:raw uploadFrom},
						allowTypeText={vb:raw allowTypeText},
						conversation={vb:raw conversation},
						editPost={vb:raw editPost},
						canUseHTML={vb:raw canUseHTML},
						showViewPerms = {vb:raw showViewPerms}}
				</vb:if>

				<vb:if condition="$editPost">
					<vb:if condition="$conversation['contenttypeclass'] == 'Link'">
						{vb:template contententry_panel_link,
							contentType=link,
							allowTypeText={vb:raw allowTypeText},
							conversation={vb:raw conversation},
							editPost=1}
					</vb:if>
					<vb:if condition="$conversation['contenttypeclass'] == 'Video'">
						{vb:template contententry_panel_link,
							contentType=video,
							allowTypeText={vb:raw allowTypeText},
							conversation={vb:raw conversation},
							editPost=1}
					</vb:if>
				<vb:else />
					<vb:if condition="$allowTypeLink">
						{vb:template contententry_panel_link,
							contentType=link,
							allowTypeText={vb:raw allowTypeText}}
					<vb:elseif condition="$allowTypeVideo" />
						{vb:template contententry_panel_link,
							contentType=video,
							allowTypeText={vb:raw allowTypeText}}
					</vb:if>
				</vb:if>

				<vb:if condition="$allowTypePoll OR ($editPost AND $conversation['contenttypeclass'] == 'Poll')">
					{vb:template contententry_panel_poll,
						allowTypeText={vb:raw allowTypeText},
						conversation={vb:raw conversation},
						editPost={vb:raw editPost}}
				</vb:if>

				<vb:if condition="$allowTypeEvent OR ($editPost AND $conversation['contenttypeclass'] == 'Event')">
					{vb:template contententry_panel_event,
						allowTypeText={vb:raw allowTypeText},
						conversation={vb:raw conversation},
						editPost={vb:raw editPost}}
				</vb:if>

				<vb:if condition="$showTags">
					{vb:template contententry_panel_tags,
						editPost={vb:raw editPost},
						nodeid={vb:raw nodeid},
						tagList={vb:raw tagList},
						parentid={vb:raw parentid}}
				</vb:if>

				<vb:if condition="$showOptionsPanel">
					{vb:template contententry_panel_advancedoptions,
						conversation={vb:raw conversation},
						editPost={vb:raw editPost},
						canUseHTML={vb:raw canUseHTML},
						channelInfo={vb:raw channelInfo},
						canPublish={vb:raw canPublish}}
				</vb:if>

				<vb:if condition="$editPost">
					{vb:template contententry_panel_editreason}
				</vb:if>
			</div>

			<vb:comment><!-- ***** Human Verification ***** --></vb:comment>
			<vb:if condition="$allowHumanVerification">
				<div class="js-human-verification{vb:if "$hideButtonsUntilClick", " h-hide"}">
					{vb:template humanverify, action="post"}
				</div>
			</vb:if>

			<vb:comment><!-- ***** Hidden Fields ***** --></vb:comment>
			<vb:if condition="isset($page['channelid']) AND $page['channelid']">
				<input type="hidden" name="channelid" value="{vb:var page.channelid}" />
			</vb:if>
			<vb:if condition="!empty($nodeid)">
				<input type="hidden" name="nodeid" value="{vb:raw nodeid}" />
			</vb:if>
			<vb:if condition="$channelInfo['channeltype'] != 'article'">
				<vb:comment>When creating an article, the parentid will be set from the options panel, where you can set the "Category"</vb:comment>
				<input type="hidden" name="parentid" value="{vb:raw parentid}" />
			</vb:if>

			<vb:if condition="$hiddenVars">
				<vb:each from="hiddenVars" key="varname" value="fieldVal">
					<input type="hidden" id="hiddenVar_{vb:raw varname}" name="{vb:raw varname}" value="{vb:raw fieldVal}" />
				</vb:each>
			</vb:if>

			<vb:if condition="!empty($routeid) AND (!empty($conversation) OR !empty($channelInfo))">
				<vb:if condition="$page['channelid'] != $parentid AND !empty($conversation)">
					<vb:if condition="isset($page['view']) AND ($page['view'] == 'stream' OR $page['view'] == 'thread')">
						{vb:set extra.view, {vb:var page.view}}
					</vb:if>
					<input type="hidden" name="ret" value="{vb:url {vb:raw routeid}, {vb:raw conversation}, {vb:raw extra}}<vb:if condition="$pagenum > 1">/page{vb:raw pagenum}</vb:if>" />
				<vb:elseif condition="!empty($channelInfo)" />
					<input type="hidden" name="ret" value="{vb:url {vb:raw routeid}, {vb:raw channelInfo}}<vb:if condition="$pagenum > 1">/page{vb:raw pagenum}</vb:if>" />
				</vb:if>
			</vb:if>

			<vb:if condition="isset($isVm) AND $isVm">
				<input type="hidden" name="setfor" value="{vb:var page.userid}" />
			</vb:if>

			<vb:if condition="empty($noActionButtons)">
				<vb:comment><!-- ***** Button Group ***** --></vb:comment>
				<vb:if condition="$channelInfo['channeltype'] == 'article' AND !$canPublish">
					{vb:set showSubmit, 0}
				</vb:if>
				{vb:template contententry_buttons,
					hideButtonsUntilClick={vb:raw hideButtonsUntilClick},
					editPost={vb:raw editPost},
					conversation={vb:raw conversation},
					submitButtonLabel={vb:raw submitButtonLabel},
					showCancel={vb:raw showCancel},
					showDelete={vb:raw showDelete},
					showPreview={vb:raw showPreview},
					showSaveDraft={vb:raw showSaveDraft},
					showSubmit={vb:raw showSubmit},
					compactButtonSpacing={vb:raw compactButtonSpacing},
					channelInfo={vb:raw channelInfo},
					disableFacebookPublish={vb:raw isPrivateMessage},
					canPublish={vb:raw canPublish}}
			</vb:if>
		</form>
	</div>

	<vb:if condition="$conversation['nodeid']">
		{vb:data attachPerms, content_attach, getGenericChannelAttachmentPermissions, {vb:raw conversation.nodeid}}
	<vb:elseif condition="$channelInfo['nodeid']" />
		{vb:data attachPerms, content_attach, getGenericChannelAttachmentPermissions, {vb:raw channelInfo.nodeid}}
	<vb:else />
		{vb:set attachPerms, ''}
	</vb:if>

	{vb:template contententry_jsdata,
		channelInfo={vb:raw channelInfo},
		attachLimit={vb:raw attachLimit},
		conversation={vb:raw conversation},
		attachPerms={vb:raw attachPerms}}

</vb:if>]]></template>
		<template name="contententry_basic" templatetype="template" date="1396646897" username="vBulletin" version="5.1.1 Alpha 9"><![CDATA[<vb:comment>
	// Template parameters:
	// @param int showToggleEditor - indicates if Toggle Advanced Editor toolbar item is shown (1) or not (0).
	// @param int showSmiley - indicates if Smiley toolbar item is shown (1) or not (0).
	// @param int showAttachment - indicates if Attachment toolbar item is shown (1) or not (0).
	// @param int initOnPageLoad - indicates if the ckeditor should be initialized on page load (1) or not (0).
	// @param int focusOnPageLoad - indicates if the title or editor (whichever is available) should be focused on page load (1) or not (0).
	// @param int showToolbar - indicates if the toolbar item is shown (1) or not (0).
	// @param int preloadJavascript - indicates if we want to preload the ckeditor javascript on page load (1) or wait until editor initialization to load it 
	// @param string uploadFrom - indicates where upload is coming from (for Attachments panel only).
	// @param string defaultText - indicates the default editor text.
	// @param int noBorders - indicates if the content entry box has borders (0) or not (1).
	// @param int roundedCornersAll - indicates if the content entry box has rounded corners on all sides
	// @param int roundedCornersTop - indicates if the content entry box has rounded corners on top left and top right sides
	// @param int roundedCornersBottom - indicates if the content entry box has rounded corners on bottom left and bottom right sides
	// @param string editorDisabledFeatures - Comma-separated values of disabled features for ckeditor. To disable all features, specify 'all'.
</vb:comment>

<vb:comment><!-- ------------- PREPARE PARAMS AND SET DEFAULT VALUES ------------- --></vb:comment>

<vb:if condition="!isset($noBorders)">
	{vb:set noBorders, 0} <vb:comment>default off (with borders)</vb:comment>
</vb:if>

<vb:if condition="!isset($showToolbar)">
	{vb:set showToolbar, 1} <vb:comment>default on</vb:comment>
</vb:if>

<vb:if condition="!isset($showSmiley)">
	{vb:set showSmiley, 1} <vb:comment>default on</vb:comment>
</vb:if>

<vb:if condition="!empty($preloadJavascript)">
	{vb:js js/ckeditor-rollup.js}
</vb:if>

<vb:if condition="!empty($roundedCornersAll)">
	{vb:set roundedCornersClass, b-content-entry--rounded-all-corners}
<vb:else />
	<vb:if condition="!empty($roundedCornersTop)">
		{vb:set roundedCornersClass, b-content-entry--rounded-top-corners}			
	</vb:if>
	<vb:if condition="!empty($roundedCornersBottom)">
		{vb:set roundedCornersClass, b-content-entry--rounded-bottom-corners}			
	</vb:if>
</vb:if>

<vb:comment><!-- ------------- BEGIN TEMPLATE ------------- --></vb:comment>

<div class="b-content-entry js-content-entry js-content-entry-basic<vb:if condition="isset($roundedCornersClass)"> {vb:raw roundedCornersClass}</vb:if>">

	<vb:comment><!-- ***** Toolbar ***** --></vb:comment>
	<vb:if condition="$showToolbar">
		{vb:template contententry_toolbar,
			allowTypePhoto=0,
			allowTypeLink=0,
			allowTypeVideo=0,
			allowTypePoll=0,
			showToggleEditor={vb:raw showToggleEditor},
			showSmiley={vb:raw showSmiley},
			showAttachment={vb:raw showAttachment},
			noBorders={vb:raw noBorders}}
	</vb:if>

	<vb:comment><!-- ***** Editor ***** --></vb:comment>
	{vb:template contententry_editor,
		initOnPageLoad={vb:raw initOnPageLoad},
		focusOnPageLoad={vb:raw focusOnPageLoad},
		defaultText={vb:raw defaultText},
		editorFieldName=message,
		noBorders={vb:raw noBorders},
		editorDisabledFeatures={vb:raw editorDisabledFeatures}}

	<vb:comment><!-- ***** Panels ***** --></vb:comment>
	<div class="b-content-entry-panel js-content-entry-panel{vb:if "!empty($noBorders)", " h-border-left-none h-border-bottom-none h-border-right-none"} h-hide">				
		{vb:hook editor_additional_panels}
		<vb:if condition="$showSmiley">
			{vb:template contententry_panel_smilies, previewOnly=1}
		</vb:if>

		<vb:if condition="$showAttachment">
			{vb:template contententry_panel_attachments, uploadFrom={vb:raw uploadFrom}}
		</vb:if>
	</div>
</div>

{vb:template contententry_jsdata,
	channelInfo=0,
	attachLimit=0}]]></template>
		<template name="contententry_buttons" templatetype="template" date="1533170728" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[<vb:comment>
	// Template parameters:
	// @param array conversation - Conversation object if viewing a topic
	// @param int editPost - Whether or not you are editing a post (0 or 1)
	// @param int hideButtonsUntilClick - indicates if the form buttons should be hidden until the 
	// @param string submitButtonLabel - Label for the submit button.
	// @param int compactButtonSpacing - Shows less distance between the panels and the button row
	// @param int disableFacebookPublish - Hide the "Publish to Facebook" UI (0 or 1, optional)

</vb:comment>

<vb:comment>default values for params</vb:comment>
<vb:if condition="!isset($hideButtonsUntilClick)">
	{vb:set hideButtonsUntilClick, 0}
</vb:if>
<vb:if condition="!isset($submitButtonLabel)">
	<vb:if condition="isset($editPost) AND $editPost">
		{vb:set submitButtonLabel, {vb:phrase save}}
	<vb:else />
		{vb:set submitButtonLabel, {vb:phrase post_verb}}
	</vb:if>
</vb:if>
<vb:if condition="!isset($showSubmit)">
	{vb:set showSubmit, 1}
</vb:if>
<vb:if condition="!isset($showSaveDraft)">
	{vb:set showSaveDraft, 0}
</vb:if>
<vb:if condition="!isset($showPreview)">
	{vb:set showPreview, 1}
</vb:if>
<vb:if condition="!isset($showDelete)">
	{vb:set showDelete, 0}
</vb:if>
<vb:if condition="!isset($showCancel)">
	{vb:set showCancel, 1}
</vb:if>
<vb:if condition="isset($editPost) AND $editPost AND (!isset($conversation['canedit']) OR ($conversation['canedit'] < 1))">
	{vb:set showPreview, 0}
	{vb:set showSubmit, 0}
</vb:if>
<vb:if condition="!isset($compactButtonSpacing)">
	{vb:set compactButtonSpacing, 0}
</vb:if>

<vb:comment>Hide save draft button for already-published content : VBV-11827
	Instead, show an Unpublish button if they can publish : VBV-11851, VBV-17278
</vb:comment>
{vb:set showUnpublish, 0}
<vb:if condition="$showSaveDraft AND $conversation['publishdate'] > 0">
	{vb:set showSaveDraft, 0}
	<vb:if condition="$canPublish">
		{vb:set showUnpublish, 1}
	</vb:if>
</vb:if>

<vb:if condition="$compactButtonSpacing">
	{vb:set buttonTopMarginClass, "h-margin-top-xl"}
<vb:else />
	{vb:set buttonTopMarginClass, "h-margin-top-xxl"}
</vb:if>

<div class="h-clearfix{vb:if "$hideButtonsUntilClick", " h-hide"} js-contententry-buttons" data-hide-buttons-until-click="{vb:if "$hideButtonsUntilClick", "1", "0"}">

	<vb:comment><!-- This class will be added to the first button displayed, then set to empty,
	allowing us to have a button other than "post" be the primary button, when it's not
	available. --></vb:comment>
	{vb:set primaryButtonClass, ' b-button--primary'}

	<vb:if condition="$showSubmit OR $showSaveDraft OR $showPreview OR $showDelete OR $showCancel">

		<div class="b-button-group js-button-group {vb:var buttonTopMarginClass}">
			<vb:if condition="$showSubmit">
				<button type="submit" class="b-button js-button{vb:raw primaryButtonClass} js-content-entry-submit">{vb:raw submitButtonLabel}</button>
				{vb:set primaryButtonClass, ''}
			</vb:if>
			<vb:if condition="$showSaveDraft">
				<button type="submit" class="b-button js-button{vb:raw primaryButtonClass} js-content-entry-save-draft" name="save_draft" value="1">{vb:phrase save_draft}</button>
				{vb:set primaryButtonClass, ''}
			</vb:if>
			<vb:if condition="$showUnpublish">
				<button type="submit" class="b-button js-button{vb:raw primaryButtonClass} js-content-entry-save-draft" name="save_draft" value="1">{vb:phrase unpublish}</button>
				{vb:set primaryButtonClass, ''}
			</vb:if>
			<vb:if condition="$showPreview">
				<button type="button" class="b-button js-button{vb:raw primaryButtonClass} js-content-entry-preview">{vb:phrase preview}</button>
				{vb:set primaryButtonClass, ''}
			</vb:if>
			<vb:if condition="$showDelete">
				<button type="button" class="b-button js-button{vb:raw primaryButtonClass} js-content-entry-delete" data-userid="{vb:raw conversation.userid}">{vb:phrase delete}</button>
				{vb:set primaryButtonClass, ''}
			</vb:if>
			<vb:if condition="$showCancel">
				<button type="button" class="b-button js-button{vb:raw primaryButtonClass} js-content-entry-cancel">{vb:phrase cancel}</button>
				{vb:set primaryButtonClass, ''}
			</vb:if>

			<vb:comment>
				Currently used for debug only, but no reason we couldn't add this to core
			<button type="button" class="b-button js-content-entry-loadnewposts">Load New Posts</button>
			</vb:comment>
		</div>

	</vb:if>

</div>]]></template>
		<template name="contententry_editor" templatetype="template" date="1482373277" username="vBulletin" version="5.2.6 Alpha 5"><![CDATA[<vb:comment>
	// Template parameters:
	// @param int initOnPageLoad - indicates whether the ckeditor should be initialized on page load (1) or not (0).
	// @param int parentid - Parentid of the node that this content will be published to
	// @param int nodeid - Nodeid of the node that his content pertains to, only set on "Edit"
	// @param string editorDisabledFeatures - Comma-separated values of disabled features for ckeditor. To disable all features, specify 'all'.
</vb:comment>
<div class="b-content-entry-panel b-content-entry-panel--autosave h-hide{vb:if "!empty($noBorders)", " h-border-left-none h-border-right-none"}">
	<div class="b-content-entry-panel__content b-content-entry-panel__content--first b-content-entry-panel__content-lesspadding">
		{vb:rawphrase previously_entered_content}
	</div>
</div>
<div class="b-editor{vb:if "!empty($noBorders)", " h-border-none"}">
	<vb:if condition="empty($defaultText) AND !empty($editPost)">
		<vb:if condition="$conversation['disable_bbcode'] == 1">
			{vb:set defaultText, {vb:raw conversation.rawtext}}
		<vb:else />
			{vb:action defaultText, bbcode, parseWysiwyg, {vb:raw conversation.rawtext}, {vb:php array}, {vb:raw conversation.attachments}}
		</vb:if>
	</vb:if>
	<vb:if condition="!empty($defaultText)">
		<div class="js-editor-parsed-text h-hide">{vb:raw defaultText}</div>
	</vb:if>
	<vb:if condition="empty($editorDisabledFeatures)">
		{vb:set editorDisabledFeatures, 0}
	</vb:if>

	<textarea 
		placeholder="{vb:phrase write_something_here}" 
		class="js-editor b-form-textarea__textarea b-form-textarea__textarea--full b-form-textarea__textarea--ckeditor{vb:if "$focusOnPageLoad", " js-focus-on-page-load"}{vb:if "$initOnPageLoad", " js-ckeditor-init-on-page-load", " js-ckeditor-init-on-focus"} b-form-textarea__textarea--v-resize" 
		rows="2" 
		name="<vb:if condition="empty($editorFieldName)">text<vb:else />{vb:raw editorFieldName}</vb:if>"
		<vb:if condition="$editorDisabledFeatures">
			data-disable-features="{vb:raw editorDisabledFeatures}"
		</vb:if>
		<vb:if condition="!empty($disableResize)">
			data-disable-resize="true"
		<vb:else />
			data-disable-resize="false"
		</vb:if>
	></textarea>
	{vb:set autoloadParentid, {vb:raw parentid}}
	<vb:if condition="$channelInfo['channeltype'] == 'article'">
		{vb:data autoloadParentid, node, fetchArticleChannel}
	</vb:if>
	{vb:data autoLoadData, editor, fetchAutoLoadText, {vb:raw autoloadParentid}, {vb:raw nodeid}}
	<vb:if condition="!empty($autoLoadData)"><span class="h-hide ckeditor-auto-load">{vb:var autoLoadData.pagetext}</span></vb:if>
	<span class="autosave-indicator h-hide">{vb:rawphrase auto_saved}</span>
</div>]]></template>
		<template name="contententry_jsdata" templatetype="template" date="1546999642" username="vBulletin" version="5.5.0 Release Candidate 2"><![CDATA[{vb:data customBbcode, editor, fetchCustomBbcode}
{vb:data editorPhrases, phrase, fetchByGroup, "ckeditor"}
{vb:data limitInfo, editor, fetchContentEntryLimits, {vb:raw channelInfo},  {vb:raw conversation}}
<script type="text/javascript">
(function(){

	<vb:literal>
		window.vBulletin = window.vBulletin || {};
		window.vBulletin.contentEntryBox = window.vBulletin.contentEntryBox || {};
	</vb:literal>

	<vb:comment>Use of vb:raw here is intentional, because we don't want to mess up the
		custom bbcodes/phrases, and because any user input would come from users with
		admin level access whom we're going to have to trust.
		NOTE: we loop to create these two objects manually, since json_encode can't
		handle non-UTF-8 data.
	</vb:comment>
	<vb:if condition="$customBbcode">
		window.vBulletin.customBbcode = {'': ''<vb:each from="customBbcode" key="bbcodetag" value="bbcode">, '{vb:escapejs {vb:raw bbcodetag}}': {'title': '{vb:escapejs {vb:raw bbcode.title}}', 'twoparams': '{vb:escapejs {vb:raw bbcode.twoparams}}', 'buttonimage': '{vb:escapejs {vb:raw bbcode.buttonimage}}'}</vb:each>};
	</vb:if>
	<vb:if condition="$editorPhrases">
		window.vBulletin.ckeditorPhrases = {'':''<vb:each from="editorPhrases" key="phrase" value="value">, '{vb:escapejs {vb:raw phrase}}' : '{vb:escapejs {vb:raw value}}'</vb:each>};
	</vb:if>
	<vb:comment>End use of intentional vb:raw</vb:comment>

	pageData.pageView = "{vb:if "!empty($page['view'])", {vb:var page.view}}";

	<vb:comment>css_additional loaded last so it overrides other CSS</vb:comment>
	pageData.ckeditorCss = [
		"{vb:csspath css_editor.css}",
		"{vb:csspath editor.css}",
		"{vb:csspath css_additional.css}"
	];

	<vb:if condition="!empty($channelInfo['channeltype'])">
		pageData.channelType = "{vb:var channelInfo.channeltype}";
	</vb:if>
	<vb:if condition="!empty($attachLimit)">
		vBulletin.contentEntryBox.ATTACHLIMIT = Number("{vb:var attachLimit}");
	</vb:if>
	<vb:if condition="!empty($attachPerms) AND isset($attachPerms['createpermissions'])">
		vBulletin.contentEntryBox.image2_showuploadcheckbox = Boolean("{vb:var attachPerms.createpermissions}");
	</vb:if>
	<vb:comment>todo: usermentions limit (UGP) </vb:comment>
	vBulletin.contentEntryBox.bbcode_enabled = <vb:literal>{}</vb:literal>;
	<vb:if condition="!empty($limitInfo['enabled']['bbcode_user'])">
		vBulletin.contentEntryBox.bbcode_enabled.user = true;
	<vb:else />
		vBulletin.contentEntryBox.bbcode_enabled.user = false;
	</vb:if>

	pageData.ckeditor_image_path = "{vb:stylevar ckeditor_image_path}";

})();
</script>]]></template>
		<template name="contententry_panel_advancedoptions" templatetype="template" date="1533170728" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[<vb:comment>
	// Template parameters:
	@param array conversation Standard array of conversation info
	@param bool  editPost     True if the user is editing an existing post
	@parma bool  canUseHTML   True if the user has permission to post HTML
	@param array channelInfo  Standard array of channel info
	@param bool  canPublish   True if the user can publish an article
</vb:comment>


<vb:comment>
	Set flags to show the various sections and options
	in this template depending on the channel type
</vb:comment>

<vb:if condition="!empty($channelInfo)">
	{vb:set channeltype, {vb:raw channelInfo.channeltype}}
<vb:else />
	{vb:set channeltype, {vb:raw conversation.channeltype}}
</vb:if>

<vb:if condition="$editPost">
	<vb:if condition="$conversation['starter'] == $conversation['nodeid']">
		{vb:set createtype, 'starter'}
	<vb:elseif condition="$conversation['starter'] == $conversation['parentid']" />
		{vb:set createtype, 'reply'}
	<vb:else />
		{vb:set createtype, 'comment'}
	</vb:if>
<vb:else />
	<vb:if condition="!empty($channelInfo) AND empty($conversation)">
		{vb:set createtype, 'starter'}
	<vb:elseif condition="!empty($conversation) AND $conversation['starter'] == $conversation['nodeid']" />
		{vb:set createtype, 'reply'}
	<vb:else />
		{vb:set createtype, 'comment'}
	</vb:if>
</vb:if>

<vb:if condition="!$editPost">
	<vb:comment>Unset conversation when not editing an existing post, so that 
	replies won't have the advanced options pre-set to the *parent* node's 
	current values</vb:comment>
	{vb:set conversation, {vb:php array}}
</vb:if>

<vb:comment>Set affix for collapse IDs, since we may have more than one editor
on the page, edit and quick reply, for example (VBV-14758)</vb:comment>
<vb:if condition="$editPost">
	{vb:set collapseIdAffix, '_edit'}
<vb:else />
	{vb:set collapseIdAffix, '_new'}
</vb:if>

<vb:if condition="$createtype === 'starter'">

	<vb:if condition="$channeltype === 'article'">

		{vb:set show.lite,                                   0}
		{vb:set show.columns,                                1}
		{vb:set show.section.url.urlident,                   1}
		{vb:set show.section.meta.htmltitle,                 1}
		{vb:set show.section.meta.description,               1}
		{vb:set show.section.rendering.htmlstate,            1}
		{vb:set show.section.rendering.disable_bbcode,       1}
		{vb:set show.section.publishing.publish_now,         1}
		{vb:set show.section.category.parentid,              1}
		{vb:set show.section.display.allow_post,             1}
		{vb:set show.section.display.public_preview,         1}
		{vb:set show.section.display.hide_title,             1}
		{vb:set show.section.display.hide_author,            1}
		{vb:set show.section.display.hide_publishdate,       1}
		{vb:set show.section.display.display_fullincategory, 0}
		{vb:set show.section.display.display_pageviews,      1}
		{vb:set show.section.display.hide_comment_count,     1}

	<vb:elseif condition="$channeltype === 'blog'" />

		{vb:set show.lite,                                   1}
		{vb:set show.columns,                                0}
		{vb:set show.section.url.urlident,                   0}
		{vb:set show.section.meta.htmltitle,                 0}
		{vb:set show.section.meta.description,               0}
		{vb:set show.section.rendering.htmlstate,            1}
		{vb:set show.section.rendering.disable_bbcode,       0}
		{vb:set show.section.publishing.publish_now,         0}
		{vb:set show.section.category.parentid,              0}
		{vb:set show.section.display.allow_post,             {vb:if "$channelInfo['canreply']", "1", "0"}}
		{vb:set show.section.display.public_preview,         0}
		{vb:set show.section.display.hide_title,             0}
		{vb:set show.section.display.hide_author,            0}
		{vb:set show.section.display.hide_publishdate,       0}
		{vb:set show.section.display.display_fullincategory, 0}
		{vb:set show.section.display.display_pageviews,      0}
		{vb:set show.section.display.hide_comment_count,     0}

	<vb:elseif condition="$channeltype === 'forum'" />

		{vb:set show.lite,                                   1}
		{vb:set show.columns,                                0}
		{vb:set show.section.url.urlident,                   0}
		{vb:set show.section.meta.htmltitle,                 0}
		{vb:set show.section.meta.description,               0}
		{vb:set show.section.rendering.htmlstate,            1}
		{vb:set show.section.rendering.disable_bbcode,       0}
		{vb:set show.section.publishing.publish_now,         0}
		{vb:set show.section.category.parentid,              0}
		{vb:set show.section.display.allow_post,             0}
		{vb:set show.section.display.public_preview,         0}
		{vb:set show.section.display.hide_title,             0}
		{vb:set show.section.display.hide_author,            0}
		{vb:set show.section.display.hide_publishdate,       0}
		{vb:set show.section.display.display_fullincategory, 0}
		{vb:set show.section.display.display_pageviews,      0}
		{vb:set show.section.display.hide_comment_count,     0}

	<vb:elseif condition="$channeltype === 'group'" />

		{vb:set show.lite,                                   1}
		{vb:set show.columns,                                0}
		{vb:set show.section.url.urlident,                   0}
		{vb:set show.section.meta.htmltitle,                 0}
		{vb:set show.section.meta.description,               0}
		{vb:set show.section.rendering.htmlstate,            1}
		{vb:set show.section.rendering.disable_bbcode,       0}
		{vb:set show.section.publishing.publish_now,         0}
		{vb:set show.section.category.parentid,              0}
		{vb:set show.section.display.allow_post,             0}
		{vb:set show.section.display.public_preview,         0}
		{vb:set show.section.display.hide_title,             0}
		{vb:set show.section.display.hide_author,            0}
		{vb:set show.section.display.hide_publishdate,       0}
		{vb:set show.section.display.display_fullincategory, 0}
		{vb:set show.section.display.display_pageviews,      0}
		{vb:set show.section.display.hide_comment_count,     0}

	</vb:if>

<vb:elseif condition="$createtype === 'reply'" />

	<vb:comment>All channel types are currently the same for replies </vb:comment>
	{vb:set show.lite,                                   1}
	{vb:set show.columns,                                0}
	{vb:set show.section.url.urlident,                   0}
	{vb:set show.section.meta.htmltitle,                 0}
	{vb:set show.section.meta.description,               0}
	{vb:set show.section.rendering.htmlstate,            1}
	{vb:set show.section.rendering.disable_bbcode,       0}
	{vb:set show.section.publishing.publish_now,         0}
	{vb:set show.section.category.parentid,              0}
	{vb:set show.section.display.allow_post,             0}
	{vb:set show.section.display.public_preview,         0}
	{vb:set show.section.display.hide_title,             0}
	{vb:set show.section.display.hide_author,            0}
	{vb:set show.section.display.hide_publishdate,       0}
	{vb:set show.section.display.display_fullincategory, 0}
	{vb:set show.section.display.display_pageviews,      0}
	{vb:set show.section.display.hide_comment_count,     0}

</vb:if>


<vb:comment>Turn off any flags the user doesn't have permission to use.</vb:comment>
<vb:if condition="!$canUseHTML">
	{vb:set show.section.rendering.htmlstate,  0}
</vb:if>
<vb:if condition="!$canPublish">
	{vb:set show.section.publishing,  0}
</vb:if>

<vb:comment>Hide section if no options in section are used</vb:comment>
{vb:set show.panel, 0}
<vb:each from="show.section" key="sectionName" value="section">
	{vb:set showSection, 0}
	<vb:each from="section" key="itemName" value="item">
		<vb:if condition="$item">
			{vb:set showSection, 1}
			{vb:set show.panel, 1}
		</vb:if>
	</vb:each>
	<vb:if condition="!$showSection">
		{vb:set show.section.$sectionName, 0}
	</vb:if>
</vb:each>

<vb:comment>TODO: remove collapseClassIcon & collapseClassBody completely </vb:comment>
<vb:comment>
<vb:if condition="!empty($editPost)">
	{vb:set collapseClassIcon, ' js-collapse--collapsed'}
	{vb:set collapseClassBody, ' h-hide'}
<vb:else />
	{vb:set collapseClassIcon, ''}
	{vb:set collapseClassBody, ''}
</vb:if>
</vb:comment>
{vb:set collapseClassIcon, ''}
{vb:set collapseClassBody, ''}

<vb:if condition="$show['lite']">
	{vb:set addSectionTitleClass, ' b-content-entry-panel__section-title--lite'}
	{vb:set addSectionClass, ' b-content-entry-panel__section--lite'}
<vb:else />
	{vb:set addSectionTitleClass, ''}
	{vb:set addSectionClass, ''}
</vb:if>

<vb:if condition="$show['columns']">
	{vb:set leftColumnClasses, 'l-col__large-8 l-col__small--full h-padding-right-xl'}
	{vb:set rightColumnClasses, 'l-col__large-4 l-col__small--full'}
<vb:else />
	{vb:set leftColumnClasses, 'l-col__large-12 l-col__small--full'}
	{vb:set rightColumnClasses, 'l-col__large-12 l-col__small--full'}
</vb:if>


<vb:if condition="$show['panel']">
	<div class="b-content-entry-panel__content b-content-entry-panel__content--advanced-options h-clearfix{vb:if "$createtype == 'reply'", " b-content-entry-panel__content--first"}" data-class="b-content-entry-panel__content--advanced-options">

		<div class="">
			<span class="js-collapse__link h-align-middle text-bold" data-collapse-id="collapse_advoptionspanel{vb:var collapseIdAffix}" tabindex="0">{vb:phrase advanced_options}</span>
			<span class="js-collapse__icon js-collapse--collapsed h-align-middle" data-collapse-id="collapse_advoptionspanel{vb:var collapseIdAffix}"></span>
		</div>

		<div class="js-collapse__body h-margin-top-xl h-hide" data-collapse-id="collapse_advoptionspanel{vb:var collapseIdAffix}">

			<vb:comment>---------- START COLUMNS ----------</vb:comment>

			<div class="l-row l-row__fixed--left">
				<div class="{vb:var leftColumnClasses}">

					<vb:comment>---------- START LEFT COLUMN ----------</vb:comment>
					{vb:set sectionNeedsTopMargin, 0}

					<vb:comment>********** SECTION 1 COL 1 (URL) **********</vb:comment>
					<vb:if condition="$show['section']['url']">
						<vb:comment><!-- this section doesn't have the titlebar --></vb:comment>
						{vb:set sectionNeedsTopMargin, 1}
						<vb:if condition="$show['section']['url']['urlident']">
							<div>
								<div class="b-form-input__label h-margin-bottom-xs">
									<label for="urlident">{vb:phrase seo_url_alias}</label>
								</div>
								<input type="text" name="urlident" id="urlident" class="b-form-input__input b-form-input__input--full js-content-entry-url-alias" value="{vb:var conversation.urlident}" />
							</div>
						</vb:if>
					</vb:if>

					<vb:comment>********** SECTION 2 COL 1 (META) **********</vb:comment>
					<vb:if condition="$show['section']['meta']">
						<div class="b-content-entry-panel__section-title{vb:var addSectionTitleClass}{vb:if "$sectionNeedsTopMargin", " h-margin-top-xl"}">
							<span class="js-collapse__icon h-right{vb:raw collapseClassIcon}" data-collapse-id="collapse_advoptionspanel_meta{vb:var collapseIdAffix}"></span>
							{vb:phrase meta_information}
						</div>
						{vb:set sectionNeedsTopMargin, 1}
						<div class="js-collapse__body{vb:raw collapseClassBody} b-content-entry-panel__section{vb:var addSectionClass}" data-collapse-id="collapse_advoptionspanel_meta{vb:var collapseIdAffix}">

							<vb:if condition="$show['section']['meta']['htmltitle']">
								<div class="h-margin-bottom-xl">
									<div class="b-form-input__label h-margin-bottom-xs">
										<label for="htmltitle">{vb:phrase html_title_tag}</label>
									</div>
									<input type="text" name="htmltitle" id="htmltitle" class="b-form-input__input b-form-input__input--full js-content-entry-html-title" value="{vb:var conversation.htmltitle}" />
								</div>
							</vb:if>

							<vb:if condition="$show['section']['meta']['description']">					
								<div>
									<div class="b-form-input__label h-margin-bottom-xs">
										<label for="description">{vb:phrase meta_description}</label>
									</div>
									<textarea name="description" id="description" class="b-form-textarea__textarea b-form-textarea__textarea--full b-form-textarea__textarea--v-resize js-meta-description">{vb:var conversation.description}</textarea>
								</div>
							</vb:if>
						</div>
					</vb:if>

					<vb:comment>********** SECTION 3 COL 1 (RENDERING) **********</vb:comment>
					<vb:if condition="$show['section']['rendering']">
						<div class="b-content-entry-panel__section-title{vb:var addSectionTitleClass}{vb:if "$sectionNeedsTopMargin", " h-margin-top-xl"} js-htmlstate-container-title">
							<span class="js-collapse__icon h-right{vb:raw collapseClassIcon}" data-collapse-id="collapse_advoptionspanel_rendering{vb:var collapseIdAffix}"></span>
							{vb:phrase rendering_options}
						</div>
						{vb:set sectionNeedsTopMargin, 1}
						<div class="js-collapse__body{vb:raw collapseClassBody} b-content-entry-panel__section{vb:var addSectionClass} js-htmlstate-container" data-collapse-id="collapse_advoptionspanel_rendering{vb:var collapseIdAffix}">

							<vb:if condition="$show['section']['rendering']['htmlstate']">
								<div class="l-row l-row__fixed--left h-padding-bottom-l js-htmlstate-row">
									<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
										<label for="htmlstate" class="b-form-input__label">{vb:phrase html}</label>
									</div>
									<div class="l-col__flex-3 l-col__small--full">
										<select name="htmlstate" class="js-select-box js-htmlstate">
											<option value="off"<vb:if condition="!isset($conversation['htmlstate']) OR $conversation['htmlstate'] == 'off'"> selected="selected"</vb:if>>{vb:phrase htmlstate_off}</option>
											<option value="on_nl2br"<vb:if condition="isset($conversation['htmlstate']) AND $conversation['htmlstate'] == 'on_nl2br'"> selected="selected"</vb:if>>{vb:phrase htmlstate_on_nl2br}</option>
											<option value="on"<vb:if condition="isset($conversation['htmlstate']) AND $conversation['htmlstate'] == 'on'"> selected="selected"</vb:if>>{vb:phrase htmlstate_on}</option>
										</select>
									</div>
								</div>
							</vb:if>

							<vb:if condition="$show['section']['rendering']['disable_bbcode']">
								<div class="l-row l-row__fixed--left">
									<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
										<label for="disable_bbcode" class="b-form-input__label">{vb:phrase disable_bbcode}</label>
									</div>
									<div class="l-col__flex-3 l-col__small--full">
										<vb:if condition="$editPost AND $conversation['disable_bbcode']">
											{vb:set checked, 'yes'}
										<vb:else />
											{vb:set checked, 'no'}
										</vb:if>
										{vb:template toggle_slider, name='disable_bbcode', checked={vb:raw checked}}
									</div>
								</div>
							</vb:if>

						</div>
					</vb:if>

					<vb:comment>---------- END LEFT COLUMN ----------</vb:comment>

				</div>
				<div class="{vb:var rightColumnClasses}">

					<vb:comment>---------- START RIGHT COLUMN ----------</vb:comment>
					{vb:set sectionNeedsTopMargin, 0}

					<vb:comment>********** SECTION 1 COL 2 (PUBLISHING) **********</vb:comment>
					<vb:if condition="$show['section']['publishing']">
						<div class="b-content-entry-panel__section-title{vb:var addSectionTitleClass}{vb:if "$sectionNeedsTopMargin", " h-margin-top-xl"}">
							<span class="js-collapse__icon h-right{vb:raw collapseClassIcon}" data-collapse-id="collapse_advoptionspanel_publishing{vb:var collapseIdAffix}"></span>
							{vb:phrase publishing_options}
						</div>
						{vb:set sectionNeedsTopMargin, 1}
						<div class="js-collapse__body{vb:raw collapseClassBody} b-content-entry-panel__section{vb:var addSectionClass}" data-collapse-id="collapse_advoptionspanel_publishing{vb:var collapseIdAffix}">

							<vb:if condition="$show['section']['publishing']['publish_now']">
								<div class="l-row l-row__fixed--left">
									<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
										<label class="b-form-input__label">{vb:phrase publish_now}</label>
									</div>
									<div class="l-col__flex-3 l-col__small--full">
										<vb:if condition="!empty($conversation['publishdate'])">
											{vb:set checked, 'no'}
										<vb:else />
											{vb:set checked, 'yes'}
										</vb:if>

										{vb:template toggle_slider, name='publish_now', checked={vb:raw checked}}
									</div>
								</div>
								<vb:comment>Toggle slider dependent box</vb:comment>
								{vb:set publish, {vb:php array}}
								<vb:if condition="$editPost AND ($conversation['publishdate'] > 0)">
									{vb:set publish.month, {vb:date {vb:raw conversation.publishdate}, n}}
									{vb:set publish.day, {vb:date {vb:raw conversation.publishdate}, j}}
									{vb:set publish.year, {vb:date {vb:raw conversation.publishdate}, Y}}
									{vb:set publish.hour, {vb:date {vb:raw conversation.publishdate}, g}}
									{vb:set publish.minute, {vb:date {vb:raw conversation.publishdate}, i}}
									{vb:set publish.ampm, {vb:date {vb:raw conversation.publishdate}, a}}
								<vb:else />
									{vb:set publish.month, {vb:date timenow, n}}
									{vb:set publish.day, {vb:date timenow, j}}
									{vb:set publish.year, {vb:date timenow, Y}}
									{vb:set publish.hour, {vb:date timenow, g}}
									{vb:set publish.minute, {vb:date timenow, i}}
									{vb:set publish.ampm, {vb:date timenow, a}}
								</vb:if>
								<div class="js-toggle-slider__dependent h-margin-top-xs <vb:if condition="$checked=='yes'"> h-hide</vb:if>">
									<div class="h-margin-bottom-xxs">{vb:phrase publish_date}</div>
									<div class="h-margin-bottom-s">
										<select name="publish_month" class="js-select-box b-form-select__select h-margin-right-xxs">
											{vb:set months, {vb:php array, january, february, march, april, may, june, july, august, september, october, november, december}}
											<vb:each from="months" index="monthNum" value="monthName">
												<option value="{vb:math {vb:raw monthNum} + 1}"<vb:if condition="$monthNum == $publish['month']"> selected="selected"</vb:if>>{vb:phrase {vb:var monthName}}</option>
											</vb:each>
										</select>
										<select name="publish_day" class="js-select-box b-form-select__select h-margin-right-xxs">
											{vb:set days, {vb:php range, 1, 31}}
											<vb:each from="days" value="day">
												<option value="{vb:var day}"<vb:if condition="$day == $publish['day']"> selected="selected"</vb:if>>{vb:var day}</option>
											</vb:each>
										</select>
										<input type="text" name="publish_year" class="b-form-input__input b-form-input__input--year" value="{vb:var publish.year}" maxlength="4" />
									</div>
									<div class="h-margin-bottom-xxs">{vb:phrase publish_time}</div>
									<div>
										<input type="text" name="publish_hour" class="b-form-input__input b-form-input__input--year h-margin-right-xxs" value="{vb:var publish.hour}" /> :
										<input type="text" name="publish_minute" class="b-form-input__input b-form-input__input--year h-margin-right-xxs" value="{vb:var publish.minute}" />
										<select name="publish_ampm" class="js-select-box b-form-select__select">
											<option value="am"<vb:if condition="$publish['ampm'] == 'am'"> selected="selected"</vb:if>>{vb:phrase am}</option>
											<option value="pm"<vb:if condition="$publish['ampm'] == 'pm'"> selected="selected"</vb:if>>{vb:phrase pm}</option>
										</select>
									</div>
								</div>

								<div class="b-form-input__hint">{vb:phrase use_save_draft_button}</div>
							</vb:if>

						</div>

					</vb:if><vb:comment><!-- end if show.section.publishing --></vb:comment>

					<vb:comment>********** SECTION 2 COL 2 **********</vb:comment>
					<vb:if condition="$show['section']['category']">
						<div class="b-content-entry-panel__section-title{vb:var addSectionTitleClass}{vb:if "$sectionNeedsTopMargin", " h-margin-top-xl"}">
							<span class="js-collapse__icon h-right{vb:raw collapseClassIcon}" data-collapse-id="collapse_advoptionspanel_category{vb:var collapseIdAffix}"></span>
							{vb:phrase category}
						</div>
						{vb:set sectionNeedsTopMargin, 1}
						<vb:if condition="$show['lite']">
							<div class="b-form-input__label h-margin-bottom-xs">
								{vb:phrase category}
							</div>
						</vb:if>
						<div class="js-collapse__body{vb:raw collapseClassBody} b-content-entry-panel__section{vb:var addSectionClass}" data-collapse-id="collapse_advoptionspanel_category{vb:var collapseIdAffix}">

							<vb:if condition="$show['section']['category']['parentid']">
								{vb:data articleChannelId, node, fetchArticleChannel}
								{vb:data nodes, search, getChannels, 0, 0, 0, {vb:raw articleChannelId}}
								<ul class="b-channel-nav b-channel-nav--radio-buttons">
								<vb:each from="nodes" key="nodeid" value="node">
									{vb:template channel_radio_item, 
										nodeid={vb:raw nodeid}, 
										node={vb:raw node}, 
										selectednodeid={vb:raw channelInfo.nodeid}}
								</vb:each>
								</ul>
							</vb:if>

						</div>
					</vb:if>

					<vb:comment>********** SECTION 3 COL 2 **********</vb:comment>
					<vb:if condition="$show['section']['display']">
						<div class="b-content-entry-panel__section-title{vb:var addSectionTitleClass}{vb:if "$sectionNeedsTopMargin", " h-margin-top-xl"}">
							<span class="js-collapse__icon h-right{vb:raw collapseClassIcon}" data-collapse-id="collapse_advoptionspanel_display{vb:var collapseIdAffix}"></span>
							{vb:phrase display_settings}
						</div>
						{vb:set sectionNeedsTopMargin, 1}
						<div class="js-collapse__body{vb:raw collapseClassBody} b-content-entry-panel__section{vb:var addSectionClass}" data-collapse-id="collapse_advoptionspanel_display{vb:var collapseIdAffix}">

							{vb:set optionNeedsTopMargin, 0}

							<vb:if condition="$show['section']['display']['allow_post']">
								<div class="l-row l-row__fixed--left{vb:if "$optionNeedsTopMargin", " h-margin-top-l"}">
									<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
										<label class="b-form-input__label">{vb:phrase enable_comments}</label>
									</div>
									<div class="l-col__flex-3 l-col__small--full">
										<vb:if condition="$editPost AND !$conversation['allow_post']">
											{vb:set checked, 'no'}
										<vb:else />
											{vb:set checked, 'yes'}
										</vb:if>
										{vb:template toggle_slider, name='allow_post', checked={vb:raw checked}}
									</div>
								</div>
								{vb:set optionNeedsTopMargin, 1}
							</vb:if>

							<vb:if condition="$show['section']['display']['public_preview']">
								<div class="l-row l-row__fixed--left{vb:if "$optionNeedsTopMargin", " h-margin-top-l"}">
									<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
										<label class="b-form-input__label">{vb:phrase public_preview}</label>
									</div>
									<div class="l-col__flex-3 l-col__small--full">
										<vb:if condition="$editPost AND $conversation['public_preview']">
											{vb:set checked, 'yes'}
										<vb:else />
											{vb:set checked, 'no'}
										</vb:if>
										{vb:template toggle_slider, name='public_preview', checked={vb:raw checked}}
									</div>
								</div>
								{vb:set optionNeedsTopMargin, 1}
							</vb:if>

							<vb:if condition="$show['section']['display']['hide_title']">
								<div class="l-row l-row__fixed--left{vb:if "$optionNeedsTopMargin", " h-margin-top-l"}">
									<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
										<label class="b-form-input__label">{vb:phrase display_title}</label>
									</div>
									<div class="l-col__flex-3 l-col__small--full">
										<vb:if condition="$editPost AND $conversation['hide_title']">
											{vb:set checked, 'no'}
										<vb:else />
											{vb:set checked, 'yes'}
										</vb:if>
										{vb:template toggle_slider, name='hide_title', checked={vb:raw checked}, yesValue=0, noValue=1}
									</div>
								</div>
								{vb:set optionNeedsTopMargin, 1}
							</vb:if>

							<vb:if condition="$show['section']['display']['hide_author']">
								<div class="l-row l-row__fixed--left{vb:if "$optionNeedsTopMargin", " h-margin-top-l"}">
									<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
										<label class="b-form-input__label">{vb:phrase display_author}</label>
									</div>
									<div class="l-col__flex-3 l-col__small--full">
										<vb:if condition="$editPost AND $conversation['hide_author']">
											{vb:set checked, 'no'}
										<vb:else />
											{vb:set checked, 'yes'}
										</vb:if>
										{vb:template toggle_slider, name='hide_author', checked={vb:raw checked}, yesValue=0, noValue=1}
									</div>
								</div>
								{vb:set optionNeedsTopMargin, 1}
							</vb:if>

							<vb:if condition="$show['section']['display']['hide_publishdate']">
								<div class="l-row l-row__fixed--left{vb:if "$optionNeedsTopMargin", " h-margin-top-l"}">
									<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
										<label class="b-form-input__label">{vb:phrase display_published_date}</label>
									</div>
									<div class="l-col__flex-3 l-col__small--full">
										<vb:if condition="$editPost AND $conversation['hide_publishdate']">
											{vb:set checked, 'no'}
										<vb:else />
											{vb:set checked, 'yes'}
										</vb:if>
										{vb:template toggle_slider, name='hide_publishdate', checked={vb:raw checked}, yesValue=0, noValue=1}
									</div>
								</div>
								{vb:set optionNeedsTopMargin, 1}
							</vb:if>

	<vb:comment>
							<vb:if condition="$show['section']['display']['display_fullincategory']">
								<div class="l-row l-row__fixed--left{vb:if "$optionNeedsTopMargin", " h-margin-top-l"}">
									<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
										<label class="b-form-input__label">{vb:phrase full_display_on_category_page}</label>
									</div>
									<div class="l-col__flex-3 l-col__small--full">
										<vb:if condition="$editPost AND $conversation['display_fullincategory']">
											{vb:set checked, 'yes'}
										<vb:else />
											{vb:set checked, 'no'}
										</vb:if>
										{vb:template toggle_slider, name='display_fullincategory', checked={vb:raw checked}}
									</div>
								</div>
								{vb:set optionNeedsTopMargin, 1}
							</vb:if>
	</vb:comment>

							<vb:if condition="$show['section']['display']['display_pageviews']">
								<div class="l-row l-row__fixed--left{vb:if "$optionNeedsTopMargin", " h-margin-top-l"}">
									<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
										<label class="b-form-input__label">{vb:phrase display_pageviews}</label>
									</div>
									<div class="l-col__flex-3 l-col__small--full">
										<vb:if condition="$editPost AND !$conversation['display_pageviews']">
											{vb:set checked, 'no'}
										<vb:else />
											{vb:set checked, 'yes'}
										</vb:if>
										{vb:template toggle_slider, name='display_pageviews', checked={vb:raw checked}}
									</div>
								</div>
								{vb:set optionNeedsTopMargin, 1}
							</vb:if>

							<vb:if condition="$show['section']['display']['hide_comment_count']">
								<div class="l-row l-row__fixed--left{vb:if "$optionNeedsTopMargin", " h-margin-top-l"}">
									<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
										<label class="b-form-input__label">{vb:phrase display_comment_count}</label>
									</div>
									<div class="l-col__flex-3 l-col__small--full">
										<vb:if condition="$editPost AND $conversation['hide_comment_count']">
											{vb:set checked, 'no'}
										<vb:else />
											{vb:set checked, 'yes'}
										</vb:if>
										{vb:template toggle_slider, name='hide_comment_count', checked={vb:raw checked}, yesValue=0, noValue=1}
									</div>
								</div>
								{vb:set optionNeedsTopMargin, 1}
							</vb:if>

						</div>
					</vb:if>

					<vb:comment>---------- END RIGHT COLUMN -----------</vb:comment>

				</div>
			</div>

			<vb:comment>---------- END COLUMNS ----------</vb:comment>

		</div><!-- END js collapse body -->

	</div>
</vb:if>]]></template>
		<template name="contententry_panel_attachments" templatetype="template" date="1481755840" username="vBulletin" version="5.2.6 Alpha 4"><![CDATA[<vb:comment>
	// Template parameters:
	// @todo - document all parameters this template accepts
	@param string uploadFrom - indicates where upload is coming from (for Gallery and Attachments panel only).
</vb:comment>

<vb:if condition="empty($editPost) OR empty($conversation['attachcount'])">
	{vb:set hideAttachments, 1}
<vb:else />
	{vb:set hideAttachments, 0}
</vb:if>

<vb:if condition="empty($editPost) OR empty($conversation['attachcount'])">
	{vb:set attachCount, 0}
<vb:else />
	{vb:set attachCount, {vb:raw conversation.attachcount}}
</vb:if>

<div class="b-content-entry-panel__content b-content-entry-panel__content--attachment h-clearfix h-hide" data-class="b-content-entry-panel__content--attachment">	

	<div class="b-file-chooser">
		<label class="b-button b-button--upload js-button" tabindex="0">
			<span class="b-button__upload-label js-upload-label">{vb:phrase upload_attachments}</span>
			<input type="file" name="files" multiple="multiple" class="b-form-input__file--hidden" />
		</label>
		<button type="button" class="b-button js-upload-from-url">{vb:phrase upload_from_url}</button>
		<span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
		<vb:comment>@TODO: no way to fetch the list of valid filetypes per usergroup yet <span class="b-file-chooser__text b-file-chooser__text--filetypes h-margin-left-l">{vb:phrase allowed_filetypes}: </span></vb:comment>
	</div>

	<div class="js-attach-postdata"></div>
	<div class="js-attach-list{vb:if "$hideAttachments", " h-hide"}" data-attach-count="{vb:raw attachCount}">
			{vb:template contententry_panel_attachments_item, isSample=1}
			<vb:if condition="!empty($editPost)">
				<vb:each from="conversation.attach" value="attachment">
					{vb:template contententry_panel_attachments_item, attachment={vb:raw attachment}}
				</vb:each>
			</vb:if>
	</div>
	<input type="hidden" name="uploadFrom" value="{vb:raw uploadFrom}" class="js-uploadFrom" />	
	<span class="b-icon b-icon__x-circle--dark js-contententry-panel-x js-link" tabindex="0">x</span>
</div>]]></template>
		<template name="contententry_panel_attachments_item" templatetype="template" date="1537307433" username="vBulletin" version="5.4.5 Alpha 3"><![CDATA[<div class="b-attach-item js-attach-item h-margin-top-xl{vb:if "$isSample", " h-hide js-attach-item-sample"}" data-fileext="{vb:raw attachment.extension}" data-filename="{vb:raw attachment.filename}" data-filedataid="{vb:raw attachment.filedataid}" data-attachnodeid="{vb:raw attachment.nodeid}">
	<div class="b-attach-item__thumb js-attach-item-image h-margin-right-xl h-left">
		<vb:if condition="!empty($attachment['filedataid'])">
			<vb:comment>Keep this code in sync with the fileupload.js attachDone method</vb:comment>
			{vb:set extensionLower, {vb:php strtolower, {vb:raw attachment.extension}}}
			<vb:if condition="in_array($extensionLower, array('gif', 'jpg', 'jpeg', 'jpe', 'png', 'bmp'))">
				{vb:set isImage, 1}
			<vb:else />
				{vb:set isImage, 0}
			</vb:if>
			<vb:if condition="$isImage">
				<img class="b-attach-item__image" src="filedata/fetch?filedataid={vb:raw attachment.filedataid}&amp;type=thumb&amp;attachmentnodeid={vb:var attachment.nodeid}" />
			<vb:else />
				<span class="b-icon b-icon__doc--gray h-margin-bottom-m"></span>
			</vb:if>
		</vb:if>
	</div>
	<div class="b-attach-item__controls">
		<vb:if condition="$isImage OR $isSample">
			<span data-action="insert_label" class="js-attach-ctrl h-margin-right-s h-left">{vb:phrase insert}:</span>
			<span data-action="insert" class="b-link js-attach-ctrl h-margin-right-m h-left" tabindex="0">{vb:phrase insert_thumbnail}</span>
			<span data-action="insert_image" data-imagesize="small" class="b-link js-attach-ctrl h-margin-right-m h-left" tabindex="0">{vb:phrase insert_small}</span>
			<span data-action="insert_image" data-imagesize="medium" class="b-link js-attach-ctrl h-margin-right-m h-left" tabindex="0">{vb:phrase insert_medium}</span>
			<span data-action="insert_image" data-imagesize="large" class="b-link js-attach-ctrl h-margin-right-m h-left" tabindex="0">{vb:phrase insert_large}</span>
			<span data-action="insert_image" data-imagesize="full" class="b-link js-attach-ctrl h-margin-right-m h-left" tabindex="0">{vb:phrase insert_fullsize}</span>
		<vb:else />
			<span data-action="insert" class="b-link js-attach-ctrl h-margin-right-m h-left" tabindex="0">{vb:phrase insert}</span>
		</vb:if>
		<span data-action="remove" class="b-link js-attach-ctrl h-margin-right-m h-left" tabindex="0">{vb:phrase remove}</span>
		&nbsp;
	</div>
	<div class="b-attach-item__filename js-attach-item-filename">{vb:var attachment.filename}</div>
	<div class="h-clearfix"></div>
	<vb:if condition="!$isSample">
		<vb:comment>If we add these here the attachments will be attached twice.
		<input type="hidden" name="filedataids[]" value="{vb:raw attachment.filedataid}" />
		<input type="hidden" name="filenames[]" value="{vb:raw attachment.filename}" />
		</vb:comment>
	</vb:if>
</div>]]></template>
		<template name="contententry_panel_editreason" templatetype="template" date="1364604779" username="vBulletin" version="5.0.2 Alpha 2"><![CDATA[<vb:comment>
	// Template parameters:
	// @todo - document all parameters this template accepts
</vb:comment>

<div class="b-content-entry-panel__content b-content-entry-panel__content--edit-reason h-clearfix" data-class="b-content-entry-panel__content--edit-reason">

	<input type="text" name="reason" placeholder="{vb:phrase tell_people_reason_for_editing}" class="b-form-input__input b-form-input__input--full" autocomplete="off" />

</div>]]></template>
		<template name="contententry_panel_event" templatetype="template" date="1548439163" username="vBulletin" version="5.5.1 Alpha 3"><![CDATA[<vb:comment>
	// Template parameters:
	// @param int allowTypeText 
	// @param array conversation
	// @param int editPost
</vb:comment>
		
		
<div class="b-content-entry-panel__content b-content-entry-panel__content--event js-content-entry-panel__content--event h-clearfix h-hide" data-class="b-content-entry-panel__content--event">
	<div class="">
		<vb:comment>
			If allday is not set, it's going to be a new post, where we want allday on 
			by default.
			Similarly, we want ignoreDST to be ON by default if not set.
		</vb:comment>
		<vb:if condition="isset($conversation['allday']) AND !$conversation['allday']">
			{vb:set isAllDay, 0}
		<vb:else />
			{vb:set isAllDay, 1}
		</vb:if>

		<vb:if condition="isset($conversation['ignoredst']) AND !$conversation['ignoredst']">
			{vb:set ignoreDST, 0}
		<vb:else />
			{vb:set ignoreDST, 1}
		</vb:if>

		<vb:comment>
			eventstartdate block
		</vb:comment>
		<vb:if condition="!empty($conversation['eventstartdate'])">
			{vb:data inputvalue, content_event, splitUnixtimestamp,
				{vb:raw conversation.eventstartdate},
				null,
				null,
				null,
				{vb:raw ignoreDST}
			}
		<vb:else />
			{vb:data defaultTimestamps, content_event, getDefaultEventTimestamps}
			{vb:data inputvalue, content_event, splitUnixtimestamp,
				{vb:raw defaultTimestamps.start_timestamp},
				null,
				null,
				null,
				{vb:raw ignoreDST}
			}
		</vb:if>
		{vb:set inputvalue, {vb:raw inputvalue.datetime}}
		<div class="l-row l-row__fixed--left h-margin-vert-s">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m l-column-xsmall l-column-small">
				<label class="b-form-input__label">{vb:phrase start_time}</label>
			</div>
			<div class="l-col__flex-3 l-col__small--full l-column-xsmall l-column-small">
				{vb:template contententry_panel_event_dateinput, 
					inputname="eventstartdate", 
					inputvalue={vb:raw inputvalue},
					isAllDay={vb:raw isAllDay}
				}
			</div>
		</div>

		<vb:comment>
			eventenddate block
		</vb:comment>
		<vb:if condition="!empty($conversation['eventenddate'])">
			{vb:data inputvalue, content_event, splitUnixtimestamp,
				{vb:raw conversation.eventenddate},
				null,
				null,
				null,
				{vb:raw ignoreDST}
			}
		<vb:else />
			<vb:if condition="!empty($conversation['eventstartdate'])">
				<vb:comment>Default event length is 1 hour. Keep in sync with getDefaultEventTimestamps() and vBulletin.contentEntryBox.handleEventStartEndTimeChanges()</vb:comment>
				{vb:data inputvalue, content_event, splitUnixtimestamp,
					{vb:math {vb:raw conversation.eventstartdate} + 3600},
					null,
					null,
					null,
					{vb:raw ignoreDST}
				}
			<vb:else />
				{vb:data inputvalue, content_event, splitUnixtimestamp,
					{vb:raw defaultTimestamps.end_timestamp},
					null,
					null,
					null,
					{vb:raw ignoreDST}
				}
			</vb:if>
		</vb:if>
		{vb:set inputvalue, {vb:raw inputvalue.datetime}}
		<div class="l-row l-row__fixed--left h-margin-vert-s">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m l-column-xsmall l-column-small">
				<label class="b-form-input__label">{vb:phrase all_day}</label>
			</div>
			<div class="l-col__flex-3 l-col__small--full l-column-xsmall l-column-small">
				{vb:template toggle_slider, name="is_all_day", checked={vb:raw isAllDay}}
			</div>
		</div>
		
		<div class="l-row l-row__fixed--left h-margin-vert-s">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m l-column-xsmall l-column-small">
				<label class="b-form-input__label">{vb:phrase end_time}</label>
			</div>
			<div class="l-col__flex-3 l-col__small--full l-column-xsmall l-column-small">
				{vb:template contententry_panel_event_dateinput, 
					inputname="eventenddate", 
					inputvalue={vb:raw inputvalue},
					isAllDay={vb:raw isAllDay}
				}
			</div>
		</div>
		<vb:comment>Ignore DST</vb:comment>
		<div class="l-row l-row__fixed--left h-margin-vert-s">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m l-column-xsmall l-column-small">
				<label class="b-form-input__label">{vb:phrase event_ignore_dst_label}</label>
				<span class="js-tooltip b-icon b-icon__i-circle--blue h-margin-left-xs h-align-middle" title="{vb:phrase event_ignore_dst_description}">(i)</span>
			</div>
			<div class="l-col__flex-3 l-col__small--full l-column-xsmall l-column-small">
				{vb:template toggle_slider, name="ignoredst", checked={vb:raw ignoreDST}}
			</div>
		</div>


		<vb:comment>
			location block
		</vb:comment>
		<div class="l-row l-row__fixed--left h-margin-vert-s">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m l-column-xsmall l-column-small">
				<label class="b-form-input__label">{vb:phrase location}</label>
			</div>
			<div class="l-col__flex-3 l-col__small--full l-column-xsmall l-column-small">
				<input type="text" name="location" class="b-form-input__input js-event-location" value="{vb:var conversation.location}" />
				<vb:if condition="!empty($vboptions['googlemapsapikey']) AND !empty($vboptions['enableeventmaps'])">
					<button type='button' class="b-button js-event-previewmap"  {vb:if "empty($conversation['location'])", disabled="disabled"}>{vb:phrase preview_map}</button>
				</vb:if>
			</div>
			<vb:if condition="!empty($vboptions['googlemapsapikey']) AND !empty($vboptions['enableeventmaps'])">
			<div class="l-col__flex-3 l-col__small--full l-column-xsmall l-column-small">
				<label class="b-form-control__label">
					<input class="b-form-control__control" name='showmap' type="checkbox" {vb:if "!isset($conversation) OR !empty($conversation['maplocation'])", checked="checked"} value="1"/>
					<span class="b-form-control__text">{vb:phrase show_map_of_location}</span>
				</label>
			</div>
			</vb:if>
		</div>
	</div>
	<vb:if condition="!empty($allowTypeText)">
		<span class="b-icon b-icon__x-circle--dark js-contententry-panel-x js-link" tabindex="0">x</span>
	</vb:if>
</div>]]></template>
		<template name="contententry_panel_event_dateinput" templatetype="template" date="1508214836" username="vBulletin" version="5.3.5 Alpha 1"><![CDATA[<vb:comment>
	// Template parameters:
	// @param string  inputname  e.g. "eventstartdate"
	// @param array   inputvalue e.g. array('month' => 'january', 'day' => 15, 'year' => 2017);
</vb:comment>
{vb:set pickerType, {vb:if "!empty($isAllDay)", "js-datepicker", "js-datetimepicker"}}
<div class="{vb:var inputname}-dateinput-wrapper js-dateinput-wrapper">
	<label class="b-datepicker">
		<input type="text" name="{vb:var inputname}" class="b-datepicker__input b-datepicker__input--datetime b-datepicker__input--s b-form-input__input js-event-dateinput {vb:raw pickerType}" value="{vb:raw inputvalue.datepickerstr}" readonly="readonly" data-initial-value="{vb:raw inputvalue.datepickerstr}" />
	</label>
</div>]]></template>
		<template name="contententry_panel_gallery" templatetype="template" date="1481755840" username="vBulletin" version="5.2.6 Alpha 4"><![CDATA[<vb:comment>
	// Template parameters:
	// @todo - document all parameters this template accepts
	// @param string uploadFrom - indicates where upload is coming from (for Gallery and Attachments panel only).
	// @param int allowTypeText - indicates if Text content type is allowed (1) or not (0). If not allowed, the toolbar items cannot be unselected and the X buttons for the Photo/Link/Video/Poll panels is not available.
	// @param showViewPerms  if set, show the viewperms buttons	
</vb:comment>

<div class="b-content-entry-panel__content b-content-entry-panel__content--gallery h-clearfix h-hide" data-class="b-content-entry-panel__content--gallery">

	<div class="b-file-chooser">
		<label class="b-button b-button--upload" tabindex="0">
			<span class="b-button__upload-label js-upload-label">{vb:phrase upload}</span>
			<input type="file" name="file" multiple="multiple" class="b-form-input__file--hidden" />
		</label>
		<span class="b-file-chooser__text b-file-chooser__text--or">{vb:phrase or}</span>
		<button type="button" class="b-button js-photo-selector-button">{vb:phrase select_from_photo_album}</button>
		<span class="b-file-chooser__text b-file-chooser__text--filetypes h-margin-left-l">{vb:phrase allowed_filetypes}: jpg, jpeg, png, gif</span>
	</div>

	<vb:if condition="!empty($showViewPerms)">
		<div class="js-viewperms">{vb:phrase set_visible_to}&nbsp;
			<input type="radio" name ="viewperms" value="2" <vb:if condition="empty($conversation['nodeid']) OR ($conversation['viewperms'] == 2)">checked="checked"</vb:if>/>{vb:phrase public}&nbsp;
			<input type="radio" name="viewperms" value="1" <vb:if condition="!empty($conversation['nodeid']) AND ($conversation['viewperms'] == 1)">checked="checked" </vb:if>/>{vb:phrase registered_users}&nbsp;
			<input type="radio" name="viewperms" value="0" <vb:if condition="!empty($conversation['nodeid']) AND ($conversation['viewperms'] == 0)">checked="checked" </vb:if>/>{vb:phrase followers}&nbsp;
		</div>
	</vb:if>
	<div class="js-gallery-content{vb:if "empty($editPost)", " h-hide"}">
		<div class="js-panel-content h-clearfix">
			<vb:if condition="!empty($editPost)">
				{vb:template editor_gallery_photoblock, photos={vb:raw conversation.photo}, photocount={vb:raw conversation.photocount}}
			</vb:if>
		</div>		
		
		<div class="js-photo-postdata">
			<vb:if condition="!empty($editPost)">
				<vb:each from="conversation.photo" value="photo">
					<input type="hidden" name="filedataid[]" value="{vb:raw photo.filedataid}" />
					<input type="hidden" name="title_{vb:raw photo.filedataid}" value="{vb:if "isset($canUseHTML) AND ($canUseHTML > 0)", {vb:var photo.title}, {vb:raw photo.title}}" />
				</vb:each>
			</vb:if>
		</div>

		<input type="hidden" name="uploadFrom" value="{vb:raw uploadFrom}" class="js-uploadFrom" />

		{vb:template dialog_photo_display, conversation={vb:raw conversation}, editPost={vb:raw editPost}, attachLimit={vb:raw attachLimit}}

		<div class="js-dialog-body js-photo-selector-container photo-selector-container gallery-wrapper sb-dialog">
			<div class="js-photo-counter h-margin-bottom-s"></div>
			<div class="h-clearfix photo-selector-galleries photoSelectorTabs dialog-content gallery-wrapper">
				<ul class="photo-selector-tabs tabs-list"></ul>
			</div>
			<div class="h-clearfix"></div>
			<div class="b-button-group h-margin-top-l">
				<button type="button" class="b-button b-button--primary js-photo-selector-continue" disabled="disabled">{vb:phrase continue}</button>
				<button type="button" class="b-button js-photo-selector-cancel">{vb:phrase cancel}</button>
			</div>
		</div>
	</div>
	<vb:if condition="!empty($allowTypeText)">
		<span class="b-icon b-icon__x-circle--dark js-contententry-panel-x js-link" tabindex="0">x</span>
	</vb:if>
</div>]]></template>
		<template name="contententry_panel_link" templatetype="template" date="1480538819" username="vBulletin" version="5.2.6 Alpha 3"><![CDATA[<vb:comment>
	// Template parameters:
	// @todo - document all parameters this template accepts
	// @param contentType - indicates if content type is 'link' or 'video'. Default is 'link'.
</vb:comment>

<vb:if condition="!isset($contentType) OR !in_array($contentType, array('link', 'video'))">
	{vb:set contentType, 'link'}
</vb:if>

<div class="b-content-entry-panel__content b-content-entry-panel__content--{vb:raw contentType} h-clearfix h-hide" data-class="b-content-entry-panel__content--{vb:raw contentType}">
	<div class="b-link-input">
		<input type="text" class="b-form-input__input b-link-input__url" placeholder="http://" dir="ltr" /><button type="button" class="b-button js-attach-button h-margin-left-l"><vb:if condition="$contentType == 'video'">{vb:phrase add_video}<vb:else />{vb:phrase add_link}</vb:if></button>
	</div>
	<div class="b-link-content js-panel-content h-clearfix">
		<vb:if condition="!empty($editPost)">
			<vb:if condition="$contentType == 'link'">
				{vb:data url_page, content_link, parsePage, {vb:raw conversation.url}}
				{vb:set url_images, {vb:raw url_page.images}}
				{vb:template link_edit, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}, images={vb:raw url_images}}
			<vb:else />
				<vb:each from="conversation.items" value="video">
					{vb:template video_edit, video={vb:raw video}, existing=1, editMode=1, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}}
				</vb:each>
			</vb:if>
		</vb:if>
	</div>
	<vb:if condition="!empty($allowTypeText)">
		<span class="b-icon b-icon__x-circle--dark js-contententry-panel-x js-link" tabindex="0">x</span>
	</vb:if>
</div>]]></template>
		<template name="contententry_panel_poll" templatetype="template" date="1501641815" username="vBulletin" version="5.3.3 Alpha 3"><![CDATA[<vb:comment>
	// Template parameters:
	// @todo - document all parameters this template accepts
</vb:comment>

<div class="b-content-entry-panel__content b-content-entry-panel__content--poll h-clearfix h-hide" data-class="b-content-entry-panel__content--poll">
	<div class="b-poll-fieldset">
		<ul class="b-poll-fieldset__poll-answers">
			<vb:if condition="isset($conversation['options'])">
				<vb:each from="conversation.options" value="option">
					<li class="h-margin-bottom-l">
						<input type="text" name="polloptions[{vb:raw option.polloptionid}]" value="{vb:var option.title}" placeholder="{vb:phrase add_a_poll_answer_here}" class="b-form-input__input h-margin-right-l js-poll-option" /><button type="button" class="b-button js-remove-button">{vb:phrase remove}</button>
					</li>
				</vb:each>
			<vb:else />
				{vb:set defaultPollOptions, 3}
				<vb:if condition="$vboptions['maxpolloptions'] AND $vboptions['maxpolloptions'] < $defaultPollOptions">
					{vb:set defaultPollOptions, {vb:raw vboptions.maxpolloptions}}
				</vb:if>
				{vb:set lastIndex, {vb:math {vb:raw defaultPollOptions} - 1}}
				{vb:set pollOptions, {vb:php range, 0, {vb:raw lastIndex}}}
				<vb:each from="pollOptions" value="option">
					<li class="h-margin-bottom-l">
						<input type="text" name="polloptions[new][]" placeholder="{vb:phrase add_a_poll_answer_here}" class="b-form-input__input h-margin-right-l js-poll-option" /><button type="button" class="b-button js-remove-button">{vb:phrase remove}</button>
					</li>
				</vb:each>
			</vb:if>
		</ul>
		<span class="b-poll-fieldset__add-more b-link h-left<vb:if condition="(isset($defaultPollOptions) AND $vboptions['maxpolloptions'] AND $defaultPollOptions == $vboptions['maxpolloptions']) OR (isset($conversation['options']) AND $vboptions['maxpolloptions'] AND count($conversation['options']) >= $vboptions['maxpolloptions'])"> h-hide</vb:if>" tabindex="0">{vb:phrase add_more_answer}</span>
		<h4 class="h-left h-clear">{vb:phrase poll_options}</h4>
		<div class="h-left">
			<div class="b-poll-fieldset__poll-options">
				<label class="b-form-control__label"><input type="checkbox" name="timeout" class="b-form-control__control js-poll-timeout" value="1"<vb:if condition="$conversation['timeout']"> checked="checked"</vb:if> tabindex="0" /><span class="b-form-control__text">{vb:phrase set_poll_timeout}<span class="js-tooltip b-icon b-icon__i-circle--blue h-margin-left-s" title="{vb:rawphrase poll_set_timeout_help}">(i)</span></span></label>
				<label class="b-form-control__label"><input type="checkbox" name="multiple" class="b-form-control__control" value="1"<vb:if condition="$conversation['multiple']"> checked="checked"</vb:if> tabindex="0" /><span class="b-form-control__text">{vb:phrase allow_multiple_choice}</span></label>
				<label class="b-form-control__label"><input type="checkbox" name="public" class="b-form-control__control" value="1"<vb:if condition="$conversation['public']"> checked="checked"</vb:if> tabindex="0" /><span class="b-form-control__text">{vb:phrase make_votes_public}</span></label>
				{vb:hook editor_input_polls_options}
			</div>
			<vb:comment>@TODO: Datepicker block is not defined yet</vb:comment>
			<label class="b-datepicker b-poll-fieldset__datepicker-container<vb:if condition="!$conversation['timeout']"> h-hide</vb:if>">
				<input type="text" name="timeout" class="b-datepicker__input b-datepicker__input--datetime b-datepicker__input--s b-form-input__input js-datetimepicker" value="{vb:raw conversation.timeoutstr}" />
			</label>
		</div>
	</div>
	<vb:if condition="!empty($allowTypeText)">
		<span class="b-icon b-icon__x-circle--dark js-contententry-panel-x js-link" tabindex="0">x</span>
	</vb:if>
</div>]]></template>
		<template name="contententry_panel_smilies" templatetype="template" date="1459454680" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<vb:comment>
	// Template parameters:
	// @param int previewOnly - Show only the preview smilies (1) or show all smilies (0).
</vb:comment>

<vb:if condition="!isset($previewOnly)">
	{vb:set previewOnly, 0}
</vb:if>

<div class="b-content-entry-panel__content b-content-entry-panel__content--smiley h-clearfix h-hide" data-class="b-content-entry-panel__content--smiley">

	{vb:data smilieInfo, editor, fetchAllSmilies}
	<vb:if condition="$smilieInfo">
		<div class="b-smilie__container js-smilie-container">
			<div class="b-smilie__category h-clearfix js-smilie-category-preview">
				<vb:each from="smilieInfo.previewSmilies" key="smilieid" value="smilie">
					<a href="#" class="b-smilie__button h-left js-smilie-button" title="{vb:raw smilie.description}"><img src="<vb:if condition="preg_match('/^https?:\/\//', $smilie['image'])">{vb:raw smilie.image}<vb:else />core/{vb:raw smilie.image}</vb:if>" alt="{vb:raw smilie.description}" title="{vb:raw smilie.description}" data-smilieid="{vb:raw smilieid}" /></a>
				</vb:each>
				<vb:if condition="$smilieInfo['moreSmilies']">
					<a href="#" class="b-link h-left h-margin-top-xs js-toggle-more-smilies" tabindex="0">{vb:phrase more_smilies}</a>
				</vb:if>
			</div>
			<vb:if condition="!$previewOnly">
				<a href="#" class="b-link h-right h-hide h-margin-right-l js-toggle-more-smilies" tabindex="0">{vb:phrase fewer_smilies}</a>
				<vb:each from="smilieInfo.categories" key="category" value="smilies">
					<div class="b-smilie__category h-clearfix h-hide js-smilie-category">
						<div class="b-smilie__category-title js-smilie-category-title">{vb:var category}</div>
						<vb:each from="smilies" key="smilieid" value="smilie">
							<a href="#" class="b-smilie__button h-left js-smilie-button" title="{vb:raw smilie.description}"><img src="<vb:if condition="preg_match('/^https?:\/\//', $smilie['image'])">{vb:raw smilie.image}<vb:else />core/{vb:raw smilie.image}</vb:if>" alt="{vb:raw smilie.description}" title="{vb:raw smilie.description}" data-smilieid="{vb:raw smilieid}" /></a>
						</vb:each>
					</div>
				</vb:each>
			</vb:if>
		</div>
	<vb:else />
		There are no smilies :(
	</vb:if>

	<span class="b-icon b-icon__x-circle--dark js-contententry-panel-x js-link" tabindex="0">x</span>
</div>]]></template>
		<template name="contententry_panel_tags" templatetype="template" date="1364002058" username="vBulletin" version="5.0.2 Alpha 2"><![CDATA[<vb:comment>
	// Template parameters:
	// @param int editPost - indicates if we are editing a post (1) or not (0)
	// @param int nodeid - node id of the node being edited (if editing)
	// @param array tagList - list of current tags on the node being edited (if editing)
	// @param int parentid - parent id of the node being created (if creating a new post)
</vb:comment>

<div class="b-content-entry-panel__content b-content-entry-panel__content--tags b-content-entry-panel__content--first b-content-entry-panel__content--not-separated h-clearfix" data-class="b-content-entry-panel__content--tags">

	<vb:if condition="!isset($conversationType) OR $conversationType != 'comment'">
		<vb:if condition="$editPost AND !empty($tagList)">
			{vb:template tag_editor, nodeid={vb:raw nodeid}, editorClass="js-content-entry-tag-editor", tagList={vb:raw tagList}}
		<vb:else />
			{vb:template tag_editor, nodeid={vb:raw parentid}, editorClass="js-content-entry-tag-editor"}
		</vb:if>
	</vb:if>

</div>]]></template>
		<template name="contententry_title" templatetype="template" date="1470943034" username="vBulletin" version="5.2.4 Alpha 4"><![CDATA[<vb:comment>
	// Template parameters:
	// @param bool showPostIcons Whether or not to show the post icon menu
	// @param int channelid Channel ID for the channel the created content will be in
	// @param int focusOnPageLoad - indicates if the title element should be focused on page load (1) or not (0).
</vb:comment>

<vb:if condition="!isset($showPostIcons)">
	{vb:set showPostIcons, 1}<vb:comment><!-- default to on --></vb:comment>
	<vb:if condition="$conversation['channeltype'] == 'article' OR $channelInfo['channeltype'] == 'article'">
		{vb:set showPostIcons, 0}
	</vb:if>
</vb:if>
<vb:if condition="$showPostIcons">
	{vb:data postIcons, icon, fetchAll}
	<vb:if condition="empty($postIcons)">
		{vb:set showPostIcons, 0}
	</vb:if>
</vb:if>


<vb:if condition="empty($channelid)">
	<vb:if condition="!empty($conversation['channelid'])">
		{vb:set channelid, {vb:raw conversation.channelid}}
	<vb:else />
		{vb:set channelid, 0}
	</vb:if>
</vb:if>

<div class="b-table b-table--full h-margin-bottom-xxl js-wrapper-contententry_title">

	<vb:comment><!-- prefix sets --></vb:comment>
	<vb:if condition="$channelid > 0">
		{vb:data prefixsets, prefix, fetch, {vb:raw channelid}}
		<vb:if condition="$prefixsets">
			<div class="b-table__cell b-table__cell--align-top h-padding-right-l">
				<select name="prefixid" class="js-content-entry-prefixes">
					<option value=""<vb:if condition="empty($conversation['prefixid'])"> selected="selected"</vb:if>>{vb:phrase no_prefix_meta}</option>
					<vb:if condition="count($prefixsets) > 1">
						<vb:each from="prefixsets" key="prefixsetid" value="prefixset">
							{vb:set prefixsetvarname, 'prefixset_'}
							{vb:strcat prefixsetvarname, {vb:raw prefixsetid}}
							{vb:strcat prefixsetvarname, '_title'}
							<optgroup label="{vb:phrase {vb:raw prefixsetvarname}}">
								<vb:each from="prefixset" key="prefixid" value="prefix">
									{vb:set prefixvarname, 'prefix_'}
									{vb:strcat prefixvarname, {vb:raw prefixid}}
									{vb:strcat prefixvarname, '_title_plain'}
									<option value="{vb:raw prefixid}"<vb:if condition="$prefixid == $conversation['prefixid']"> selected="selected"</vb:if>>{vb:phrase {vb:raw prefixvarname}}</option>
								</vb:each>
							</optgroup>
						</vb:each>
					<vb:else />
						<vb:each from="prefixsets" key="prefixsetid" value="prefixset">
							<vb:each from="prefixset" key="prefixid" value="prefix">
								{vb:set prefixvarname, 'prefix_'}
								{vb:strcat prefixvarname, {vb:raw prefixid}}
								{vb:strcat prefixvarname, '_title_plain'}
								<option value="{vb:raw prefixid}"<vb:if condition="$prefixid == $conversation['prefixid']"> selected="selected"</vb:if>>{vb:phrase {vb:raw prefixvarname}}</option>
							</vb:each>
						</vb:each>
					</vb:if>
				</select>
			</div>
		</vb:if>
	</vb:if>

	<vb:comment><!-- title input --></vb:comment>
	<div class="b-table__cell b-table__cell--align-top b-table__cell--full{vb:if "$showPostIcons", " h-padding-right-l"}">
		{vb:set editTitle, {vb:raw conversation.title}}

		<vb:if condition="$editTitle">
			{vb:set defaultTitle, {vb:raw editTitle}}
		<vb:elseif condition="$isPrivateMessage AND $privateMessageAction == 'forward'" />
			{vb:set defaultTitle, {vb:rawphrase fwd_x, {vb:raw prefillTitle}}}
		<vb:elseif condition="$isPrivateMessage AND !empty($prefillTitle)" />
			{vb:set defaultTitle, {vb:var prefillTitle}}
		<vb:else />
			{vb:set defaultTitle, ""}
		</vb:if>
		<vb:if condition="$isPrivateMessage">
			{vb:set titlePlaceholder, {vb:phrase enter_subject}}
		<vb:else />
			{vb:set titlePlaceholder, {vb:phrase enter_title}}
		</vb:if>

		<input type="text" name="title" placeholder="{vb:raw titlePlaceholder}" class="b-form-input__input b-form-input__input--full{vb:if "$focusOnPageLoad", " js-focus-on-page-load"} js-content-entry-title" value="{vb:raw defaultTitle}" <vb:if condition="$conversation AND !$conversation['canedittitle']"> readonly="readonly" </vb:if> tabindex="0" />
	</div>

	<vb:comment><!-- post icons --></vb:comment>
	<vb:if condition="$showPostIcons">
		<div class="b-table__cell b-table__cell--align-top">
			<select name="iconid" class="js-content-entry-post-icons b-content-entry__title-item-post-icons">
				<option value="0"<vb:if condition="empty($conversation['iconid'])"> selected="selected"</vb:if>>{vb:phrase no_icon}</option>
				<vb:each from="postIcons" value="postIcon">
					<option value="{vb:var postIcon.iconid}" data-icon-url="{vb:var baseurl_core}/{vb:var postIcon.iconpath}"<vb:if condition="$postIcon['iconid'] == $conversation['iconid']"> selected="selected"</vb:if>>{vb:var postIcon.title}</option>
				</vb:each>
			</select>
		</div>
	</vb:if>
</div>]]></template>
		<template name="contententry_titleedit" templatetype="template" date="1416433337" username="vBulletin" version="5.1.6 Alpha 2"><![CDATA[<form action="" method="post" class="js-topic-title-edit-form h-inline">
	<input class="js-topic-title-edit b-form-input__input b-form-input__input--full" type="text" name="title" value="{vb:raw node.title}" />
	<input class="js-node-id" type="hidden" name="nodeid" value="{vb:var node.nodeid}" />
</form>]]></template>
		<template name="contententry_toolbar" templatetype="template" date="1484356131" username="vBulletin" version="5.2.6 Alpha 6"><![CDATA[<vb:comment>
	// Template parameters:
	// @param int allowTypePhoto - indicates if Photo toolbar item is shown (1) or not (0).
	// @param int allowTypeLink - indicates if Link toolbar item is shown (1) or not (0).
	// @param int allowTypeVideo - indicates if Video toolbar item is shown (1) or not (0). (This is usually turned on in Media tab where we allow user to upload Photos and Videos (not Links)
	// @param int allowTypePoll - indicates if Poll toolbar item is shown (1) or not (0).
	// @param int allowTypeEvent - indicates if Event toolbar item is shown (1) or not (0).
	// @param int showToggleEditor - indicates if Toggle Advanced Editor toolbar item is shown (1) or not (0).
	// @param int showSmiley - indicates if Smiley toolbar item is shown (1) or not (0).
	// @param int showAttachment - indicates if Attachment toolbar item is shown (1) or not (0).
</vb:comment>

<!-- contententry_toolbar -->
<vb:if condition="!empty($allowTypePhoto) OR !empty($allowTypeLink) OR !empty($allowTypeVideo) OR !empty($allowTypePoll) OR !empty($allowTypeEvent) OR !empty($showToggleEditor) OR !empty($showSmiley) OR !empty($showAttachment)">	
	<div class="b-toolbar h-clearfix{vb:if "!empty($noBorders)", " h-border-left-none h-border-top-none h-border-right-none"}">
	<vb:if condition="!empty($allowTypePhoto) OR !empty($allowTypeLink) OR !empty($allowTypeVideo) OR !empty($allowTypePoll) OR !empty($allowTypeEvent)">
		<ul class="js-toolbar-primary h-left">
		<vb:if condition="!empty($allowTypePhoto)">
			<li class="b-toolbar__item js-button" title="{vb:phrase share_photos}" data-panel="b-content-entry-panel__content--gallery" tabindex="0">
				<span class="b-icon b-icon__tool-camera"></span>
			</li>
		</vb:if>
		<vb:if condition="!empty($allowTypeLink)">
			<li class="b-toolbar__item js-button" title="{vb:phrase post_link}" data-panel="b-content-entry-panel__content--link" tabindex="0">
				<span class="b-icon b-icon__tool-link"></span>
			</li>
		</vb:if>
		<vb:if condition="!empty($allowTypeVideo)">
			<li class="b-toolbar__item js-button" title="{vb:phrase post_video}" data-panel="b-content-entry-panel__content--video" tabindex="0">
				<span class="b-icon b-icon__tool-video"></span>
			</li>
		</vb:if>
		<vb:if condition="!empty($allowTypePoll)">
			<li class="b-toolbar__item js-button" title="{vb:phrase insert_poll}" data-panel="b-content-entry-panel__content--poll" tabindex="0">
				<span class="b-icon b-icon__tool-poll"></span>
			</li>
		</vb:if>
		<vb:if condition="!empty($allowTypeEvent)">
			<li class="b-toolbar__item js-button" title="{vb:phrase post_event}" data-panel="b-content-entry-panel__content--event" tabindex="0">
				<span class="b-icon b-icon__tool-event"></span>
			</li>
		</vb:if>
		{vb:hook editor_after_primary_toolbar_icons}
		</ul>
	</vb:if>
	<vb:if condition="!empty($showToggleEditor) OR !empty($showSmiley) OR !empty($showAttachment)">
		<ul class="js-toolbar-secondary h-right">
		<vb:if condition="!empty($showAttachment)">
			<li class="b-toolbar__item b-toolbar__item--secondary js-button" title="{vb:phrase upload_attachments}" data-panel="b-content-entry-panel__content--attachment" tabindex="0">
				<span class="b-icon b-icon__tool-attachment"></span>
			</li>
		</vb:if>
		<vb:if condition="!empty($showToggleEditor)">
			<li class="b-toolbar__item b-toolbar__item--secondary js-button" title="{vb:phrase toggle_advanced_editor}" data-panel="b-content-entry-panel__content--toggle-editor" tabindex="0">
				<span class="b-icon b-icon__tool-advanced"></span>
			</li>
		</vb:if>
		<vb:if condition="!empty($showSmiley)">
			<li class="b-toolbar__item b-toolbar__item--secondary js-button" title="{vb:phrase add_smilies}" data-panel="b-content-entry-panel__content--smiley" tabindex="0">
				<span class="b-icon b-icon__tool-smiley"></span>
			</li>
		</vb:if>
		{vb:hook editor_after_secondary_toolbar_icons}
		</ul>
	</vb:if>
	</div>
</vb:if>]]></template>
	</templategroup>
	<templategroup name="Conversation">
		<template name="conversation_comment_item" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<li data-node-id="{vb:raw conversation.nodeid}" class="b-post b-comment js-comment js-post js-comment-entry__parent h-padding-l OLD__list-item h-left h-clear {vb:if "!empty($parentNodeIsBlog)", 'b-comment--blog'} {vb:if "!empty($parentNodeIsArticle)", 'b-comment--article'} {vb:if "$conversation['approved'] == 0", "unapproved b-post--unapproved"} {vb:if "$conversation['unpublishdate']", "deleted b-post--deleted"}<vb:if condition="$enableInlineMod"> inlinemod-item</vb:if>">
	<a id="post{vb:raw conversation.nodeid}" class="anchor"></a>

	<vb:if condition="$conversation['unpublishdate']">
		<div class="b-media b-post__unpublish-info h-padding-bottom-l">
			<div class="b-media__img--rev">
				<label class="js-post__manage b-link js-link OLD__manage" tabindex="0">{vb:phrase manage}</label>
				| <label class="js-post__show-hide js-post__show-hide--show b-link" data-toggle-text="{vb:phrase hide}" tabindex="0">{vb:phrase show}</label>
			</div>

			<div class="b-media__body">
			
				<div class="b-post__date OLD__post-date">
					{vb:datetime {vb:raw conversation.unpublishdate}}
				</div>

				<vb:if condition="!empty($conversation['deleteuserid'])">
					{vb:set deleteuserlink, {vb:url 'profile', {vb:raw deleteUserInfo}}}
					{vb:set deleteusername, {vb:raw deleteUserInfo.username}}
				<vb:else />
					{vb:set deleteusername, {vb:rawphrase unknown}}
					{vb:set deleteuserlink, '#'}
				</vb:if>

				<div class="b-post__delete-note OLD__delete-note">
					{vb:rawphrase this_comment_by_x_has_been_deleted_by_y_link, {vb:raw conversation.authorname}, {vb:raw deleteuserlink}, {vb:raw deleteusername}}
				</div>
				
				<vb:if condition="!empty($conversation['deletereason'])">
					<div class="b-post__delete-reason OLD__delete-reason"><label>{vb:phrase reason}:</label> {vb:var conversation.deletereason}</div>
				</vb:if>
			</div>
		</div>
	</vb:if>

	<div class="b-post__hide-when-deleted">
		<hr class="b-divider--section OLD__section-divider" />

		<div class="b-media OLD__list-item-header h-margin-bottom-l">
			<vb:if condition="$user['showavatars']">
				<div class="b-media__img">
					<vb:if condition="!$conversation['userid']">
						<span class="b-avatar h-left x-small h-margin-right-l"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:phrase guest_avatar}" /></span>
					<vb:elseif condition="$avatar AND $avatar['avatarpath']" />
						<a href="{vb:url 'profile', {vb:raw conversation}}" class="b-avatar x-small h-left h-margin-right-l"><img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" alt="{vb:raw conversation.authorname}" /></a>
					<vb:elseif condition="$conversation['avatar'] AND $conversation['avatar']['avatarpath']" />
						<a href="{vb:url 'profile', {vb:raw conversation}}" class="b-avatar x-small h-left h-margin-right-l"><img src="{vb:raw baseurl_corecdn}/{vb:raw conversation.avatar.avatarpath}" alt="{vb:raw conversation.authorname}" /></a>
					<vb:else />
						<a href="{vb:url 'profile', {vb:raw conversation}}" class="b-avatar x-small h-left h-margin-right-l"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:raw conversation.authorname}" title="{vb:raw conversation.authorname}" /></a>
					</vb:if>
				</div>
			</vb:if>

			<div class="b-media__img--rev">
				<div class="comment-count">
					{vb:set starterRoute, {vb:raw conversation.starterroute}}
					{vb:set starterPost.nodeid, {vb:raw conversation.starter}}
					{vb:set starterPost.innerPost, {vb:raw conversation.nodeid}}
					{vb:set postidurl, {vb:url {vb:raw starterRoute}, {vb:raw starterPost}}}
					<vb:if condition="empty($parentNodeIsBlog) AND empty($parentNodeIsArticle)">
						<vb:if condition="$conversationIndex">
							<a class="b-post__count" href="{vb:raw postidurl}">#{vb:number {vb:raw conversationIndex}}.<span>{vb:raw commentIndex}</span></a>
						<vb:elseif condition="!$hidePostIndex AND isset($postIndex) AND intval($postIndex) >= 0 AND !empty($pagingInfo)" />
							<a class="b-post__count" href="{vb:raw postidurl}">#{vb:math ({vb:var postIndex} + ({vb:var pagingInfo.currentpage} - 1) * {vb:var pagingInfo.perpage}) + 1}.<span>{vb:raw commentIndex}</span></a>
						</vb:if>
					<vb:else />
						<a class="b-post__count" href="{vb:raw postidurl}">#<span>{vb:raw commentIndex}</span></a>
					</vb:if>
					<vb:if condition="!empty($enableInlineMod)">
						<span class="b-inlinemod__checkbox OLD__checkbox">
							<vb:if condition="$conversation['approved'] == 0">
								<span class="js-unapprove-label b-inlinemod__checkbox-text">{vb:phrase unapproved}</span>
							</vb:if>
							<input class="cb_inlinemod b-form-control__control" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
						</span>
					</vb:if>
				</div>
			</div>

			<div class="b-media__body">
				<div class="OLD__author h-margin-bottom-xs">
					<vb:if condition="$conversation['userid'] > 0">
						<a class="b-comment__author" href="{vb:url 'profile', {vb:raw conversation}}"><vb:if condition="!empty($conversation['musername'])">{vb:raw conversation.musername}<vb:else />{vb:raw conversation.authorname}</vb:if></a>
					<vb:else />
						{vb:phrase guest}
					</vb:if>
					<span>{vb:phrase commented}</span>
				</div>
				<div class="b-post__timestamp OLD__post-date">{vb:datetime {vb:raw conversation.created}}</div>
				<div class="b-comment__edit-header"><strong>{vb:phrase editing_a_comment}</strong></div>
			</div>
		</div>
		<div>
			{vb:set textSchema.itemprop, commentText}
			<div class="OLD__post-content js-post__content h-clear h-wordwrap" {vb:schema {vb:raw textSchema}}>
				{vb:set bbcodeOptions.allowimages, 0}
				{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, {vb:raw bbcodeOptions}}
				{vb:raw parsedText}
			</div>

			{vb:template conversation_posthistory, conversation={vb:raw conversation}}

			{vb:set footerControls, {vb:php array_fill_keys, {vb:php array, showEditCtrl, showFlagCtrl, showInfractionCtrl}, 1}}
			{vb:set footerControls.showDivider,0}
			{vb:template conversation_footer, conversation={vb:raw conversation}, controls={vb:raw footerControls}}
		</div>



		<div class="edit-conversation-container"></div>
	</div>
</li>]]></template>
		<template name="conversation_footer" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="empty($showNoControls) AND empty($controls['showNoControls'])">
<div class="b-post__footer h-hide--on-preview h-clear h-padding-bottom-m h-margin-horiz-xl">

	<div class="h-clearfix">
	<vb:if condition="!empty($controls['showTagList']) AND !empty($conversation['nodeid'])">
			{vb:template taglist_display, nodeid={vb:raw conversation.nodeid}, taglist={vb:raw conversation.taglist}}
		</vb:if>

		<vb:if condition="!isset($showDivider) OR (isset($showDivider) AND $showDivider)">
			<hr class="b-divider b-divider--post-controls" />
		</vb:if>

		<ul class="h-left js-post-info">

			<vb:if condition="!empty($conversation['sticky'])">
				<li id="sticky-{vb:var conversation.nodeid}" class="b-post__label"><span class="label">{vb:phrase stuck_gposting}</span></li>
			</vb:if>
			<vb:if condition="(!$conversation['approved'])">
				<li id="unapproved-{vb:var conversation.nodeid}" class="b-post__label"><span class="label">{vb:phrase unapproved}</span></li>
			</vb:if>

			<vb:if condition="($conversation['featured'])">
				<li id="featured-{vb:var conversation.nodeid}" class="b-post__label"><span class="label">{vb:phrase featured}</span></li>
			</vb:if>

			{vb:hook 'conversation_footerleft'}
		</ul>

		<ul class="h-margin-top-s h-right js-post-controls b-comp-menu-horizontal js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive" data-node-id="{vb:var conversation.nodeid}" data-dropdown-icon-classes="b-icon b-icon__ellipsis" data-dropdown-content-classes="b-comp-menu-dropdown__content--right">
			{vb:hook 'conversation_footerright'}

			<vb:if condition="!empty($controls['showIp'])">
				<li id="IP-{vb:var conversation.nodeid}" class="h-margin-top-xs b-post-control b-post-control--responsive js-post-control__ip-address js-link" tabindex="0" data-post-ip="{vb:raw conversation.ipaddress}" title="{vb:raw conversation.ipaddress}"><span class="b-icon b-icon__ip--gray b-post-control__icon"></span><span class="b-post-control__label h-hide-on-large">{vb:phrase ip}</span></li>
			</vb:if>

			<vb:if condition="$conversation['channeltype'] == 'infraction'">
				{vb:set controls.showInfractionCtrl, 0}
			</vb:if>

			<vb:if condition="!empty($controls['showInfractionCtrl']) OR !empty($showAll)">

				<vb:if condition="!empty($conversation['infraction'])">

					<vb:if condition="!empty($conversation['canviewnodeinfraction'])">
							{vb:set infractionType, 'neutral'}

						<vb:if condition="$conversation['infraction'] == 2">
							{vb:set warningClass, ' infraction-warning'}
							{vb:set infractionType, 'warned'}
							{vb:set phraseId, 'received_warning'}
						<vb:else />
							{vb:set warningClass, ''}
							{vb:set infractionType, 'infracted'}
							{vb:set phraseId, 'received_infraction'}
						</vb:if>

						<li class="h-margin-top-xs b-post-control b-post-control--responsive js-post-control__infraction js-infraction-received js-link" tabindex="0" data-userid="{vb:raw conversation.userid}" title="{vb:phrase {vb:raw phraseId}}"><span class="b-icon b-icon__tickets--{vb:raw infractionType} b-post-control__icon"></span><span class="b-post-control__label h-hide-on-large">{vb:phrase infraction}</span></li>
					</vb:if>

				<vb:else />

					<vb:if condition="!empty($conversation['caninfract'])">
						<li class="h-margin-top-xs b-post-control b-post-control--responsive js-post-control__infraction js-link" tabindex="0" data-userid="{vb:raw conversation.userid}" title="{vb:phrase give_infraction_ginfraction}"><span class="b-icon b-icon__tickets--neutral b-post-control__icon"></span><span class="b-post-control__label h-hide-on-large">{vb:phrase infraction}</span></li>
					</vb:if>

				</vb:if>

			</vb:if>

			<vb:if condition="$conversation['channeltype'] == 'infraction' AND $conversation['nodeid'] == $conversation['starter']">
				{vb:set controls.showEditCtrl, 0}
			</vb:if>

			<vb:if condition="(!empty($controls['showEditCtrl']) OR !empty($showAll)) AND $conversation['canedit'] > 0">
				<li id="edit-{vb:var conversation.nodeid}" class="h-margin-top-xs b-post-control b-post-control--responsive js-post-control__edit js-link" tabindex="0"><span class="b-icon b-icon__pencil--gray b-post-control__icon"></span><span class="b-post-control__label">{vb:phrase edit}</span></li>
			</vb:if>

			<vb:if condition="(!empty($controls['showQuoteCtrl']) OR !empty($showAll)) AND $conversation['can_use_multiquote'] > 0">
				<li id="quote-{vb:var conversation.nodeid}" class="h-margin-top-xs b-post-control b-post-control--responsive js-post-control__quote b-post-control__quote js-link" tabindex="0">
					<span class="b-icon b-icon__rdquo b-post-control__icon"></span>
					<span class="b-post-control__label">{vb:phrase quote}</span>
				</li>
			</vb:if>

			<vb:if condition="(!empty($controls['showCommentCtrl']) OR !empty($showAll)) AND $conversation['can_comment'] > 0">
				<li id="comment-{vb:var conversation.nodeid}" class="h-margin-top-xs b-post-control b-post-control--responsive js-post-control__comment js-link" tabindex="0">
					<span class="b-icon b-icon__speech-single--gray b-post-control__icon"></span>
					<span class="b-post-control__label">{vb:phrase comment}</span>
				</li>
			</vb:if>

			<vb:if condition="(!empty($controls['showFlagCtrl']) OR !empty($showAll)) AND $conversation['can_flag'] > 0">
				<li id="flag-{vb:var conversation.nodeid}" class="h-margin-top-xs b-post-control b-post-control--responsive js-post-control__flag js-link" tabindex="0">
					<span class="b-icon b-icon__flag b-post-control__icon"></span>
					<span class="b-post-control__label">{vb:phrase flag}</span>
				</li>
			</vb:if>

			<vb:if condition="!empty($controls['showVoteCtrl']) OR !empty($showAll)">
				<vb:if condition="$conversation['permissions']['canuserep']">
					<li id="vote-{vb:var conversation.nodeid}" class="h-margin-top-xs b-post-control b-post-control--responsive b-post-control__bubble-flyout-container js-post-control__vote js-comp-menu--exclude-from-dropdown {vb:if "$conversation['nodeVoted']", voted} js-link" tabindex="0">
						<span class="b-icon b-icon__like b-post-control__icon"></span><span class="b-post-control__label"><vb:if condition="$conversation['nodeVoted']">{vb:phrase unvote_cap}<vb:else />{vb:phrase vote_cap}</vb:if></span>
						<span class="bubble-flyout js-bubble-flyout b-post-control__bubble-flyout">
							<i></i>
							<u></u>
							<span class="bubble-content votecount {vb:if "!$conversation['canseewholiked']", novotepopup}">{vb:number {vb:raw conversation.votes}}</span>
						</span>
					</li>

				<vb:elseif condition="$conversation['votes'] > 0" />

					<li id="votecount-{vb:var conversation.nodeid}" class="h-margin-top-xs b-post-control b-post-control--disabled votecount">
						<span class="b-post-control__icon"></span>
						<span class="b-post-control__label">{vb:number {vb:raw conversation.votes}} <vb:if condition="$conversation['votes'] > 1">{vb:phrase likes_lower}<vb:else />{vb:phrase like_lower}</vb:if></span>
					</li>

				</vb:if>

			</vb:if>

		</ul>


	</div>
</div>

</vb:if>]]></template>
		<template name="conversation_posthistory" templatetype="template" date="1371677275" username="vBulletin" version="5.0.4 Alpha 2"><![CDATA[<vb:if condition="isset($conversation['edit_userid']) AND !$conversation['unpublishdate']">
	{vb:set editUserInfo.userid, {vb:var conversation.edit_userid}}
	{vb:set edituserlink, {vb:url 'profile', {vb:raw editUserInfo}}}
	{vb:set editusername, {vb:raw conversation.edit_username}}
	<div class="b-post__edit OLD__post-edit h-margin-vert-l">
		<vb:comment>see vB_Api_Posthistory::canViewPostHistory</vb:comment>
		<vb:if condition="$vboptions['postedithistory'] AND !empty($conversation['hashistory']) AND !empty($conversation['canedit'])">
			<span id="post-history-{vb:raw conversation.nodeid}" class="b-post__history js-post__history OLD__post-history">{vb:rawphrase last_edited_link_by_x_on_y_at_z_nodeid, {vb:raw conversation.edit_username}, {vb:datetime {vb:raw conversation.edit_dateline}}}</span>
		<vb:else />
			{vb:rawphrase last_edited_by_x_on_y_at_z, {vb:raw conversation.edit_username}, {vb:raw edituserlink}, {vb:datetime {vb:raw conversation.edit_dateline}}}
		</vb:if>
		<vb:if condition="isset($conversation['edit_reason']) AND !empty($conversation['edit_reason'])">
			<span class="b-post__edit-reason">{vb:rawphrase reason}:</span> {vb:raw conversation.edit_reason}
		</vb:if>

	</div>
</vb:if>]]></template>
		<template name="conversation_signature" templatetype="template" date="1371866498" username="vBulletin" version="5.0.4 Alpha 3"><![CDATA[<vb:if condition="!empty($conversation['userid']) AND $vboptions['allow_signatures'] AND $user['showsignatures'] AND (($type == 'collapsed' AND !$vboptions['showsignaturesinline']) OR ($type == 'inline' AND $vboptions['showsignaturesinline']))">
	<vb:if condition="!empty($conversation['parsedSignature'])">
		<vb:if condition="$type == 'collapsed'">
			<li class="js-userinfo__signature<vb:if condition="!empty($collapsedClass)"}> {vb:raw collapsedClass}</vb:if>">
				<span class="b-icon b-icon__signature">
					<div class="user-signature h-hide restore">{vb:raw conversation.parsedSignature}</div>
				</span>
			</li>
		<vb:else />
			<div class="post-signature restore">{vb:raw conversation.parsedSignature}</div>
		</vb:if>
	</vb:if>
</vb:if>]]></template>
		<template name="conversation_toolbar" templatetype="template" date="1553297356" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="!isset($position) OR !in_array($position, array('top', 'bottom'))">
	{vb:set position, 'top'}
</vb:if>

<vb:if condition="empty($resultsPerPage) AND (isset($widgetConfig['resultsPerPage']) OR isset($user['maxposts']))">
	<vb:if condition="isset($user['maxposts']) AND $user['maxposts'] != -1">
		{vb:set resultsPerPage, {vb:raw user.maxposts}}
	<vb:else />
		{vb:set resultsPerPage, {vb:raw widgetConfig.resultsPerPage}}
	</vb:if>
</vb:if>

<vb:if condition="empty($allowHistory)">
	{vb:set allowHistory, 0}
<vb:else />
	{vb:set allowHistory, 1}
</vb:if>

<vb:if condition="!isset($nodeid)">{vb:set nodeid, 0}</vb:if>

<vb:comment>Visitor Message Create Permission is set by widget_profile template</vb:comment>
<vb:if condition="!isset($vm_createpermissions)">{vb:set vm_createpermissions, 0}</vb:if>

<vb:comment>Show the article title when on the article detail page</vb:comment>
{vb:set showArticleTitle, 0}
<vb:if condition="!empty($conversation) AND $conversation['channeltype'] == 'article' AND $conversation['nodeid'] == $conversation['starter']">
	{vb:action articlePageTitle, bbcode, fetchPageTitle, {vb:var conversation.nodeid}, {vb:var page.contentpagenum}}
	<vb:if condition="$conversation['startertitle'] != $articlePageTitle">
		{vb:set showArticleTitle, 1}
	</vb:if>
</vb:if>

<div class="conversation-toolbar-wrapper <vb:if condition="isset($cssClass)">{vb:raw cssClass}</vb:if> {vb:raw position} h-clear hide-on-editmode
	<vb:if condition="isset($floating) AND $floating">
		scrolltofixed-floating
		scrolltofixed-<vb:if condition="isset($floatLocation) AND in_array($floatLocation, array('top', 'bottom'))">{vb:raw floatLocation}<vb:else />top</vb:if>
	</vb:if>
" data-allow-history="{vb:raw allowHistory}">
	<div class="conversation-toolbar js-shrink-event-parent">


		<vb:comment>***** LEFT TOOL SET *****</vb:comment>

		<vb:if condition="!empty($blogStats) OR (isset($memberBlogs) AND $memberBlogs) OR (isset($blogPostsAll) AND $blogPostsAll) OR
			(isset($createSG) AND $createSG) OR (isset($showSgAll) AND $showSgAll) OR isset($showNewConversationBtn) OR
			(isset($showVmBtn) AND $showVmBtn AND $userInfo['vm_enable']) OR
			(isset($showEditSubscribedLink) AND $showEditSubscribedLink AND !empty($subscribedRouteInfo)) OR
			(isset($showSortBy) AND $showSortBy) OR (isset($showSortOrder) AND $showSortOrder) OR
			(isset($profileSubscribeButtonInfo) AND is_array($profileSubscribeButtonInfo) AND count($profileSubscribeButtonInfo) > 0) OR
			(isset($showBackToProfileButton) AND $showBackToProfileButton AND !empty($userInfo)) OR
			(isset($showGotoIgnoreList) AND $showGotoIgnoreList) OR
			(isset($showReplyBtn) AND $showReplyBtn) OR
			(isset($showJoinForReplyBtn) AND $showJoinForReplyBtn) OR
			!empty($accessibleHiddenDefaultFilter) OR
			!empty($showInfractionBtn) OR
			(isset($showAll) AND $showAll) OR
			$showArticleTitle">

			<ul class="toolset-left js-shrink-event-child <vb:if condition="$conversation['canmoderate']">display-button</vb:if>">
				<vb:if condition="!empty($showInfractionBtn)">
					{vb:data canInfractUser, content_infraction, canInfractUser, {vb:raw userInfo.userid}}
					<vb:if condition="$canInfractUser">
					<li><button type="button" class="infractionCtrl b-button b-button--secondary" data-userid="{vb:raw userInfo.userid}">{vb:phrase give_infraction_ginfraction}</button></li>
					</vb:if>
				</vb:if>
				<vb:if condition="!empty($blogStats)">
					<li>
						<div class="button-set h-left js-button-filters">
							<span class="b-button__text-primary js-button__text-primary">{vb:phrase blog_blogshow}</span>
							<button class="b-button b-button--{vb:if $interval != 'monthly', primary, secondary} js-button-filter showDaily js-movable-toolbar-button">
								<span class="b-button__text-primary js-button__text-primary">{vb:phrase blog_daily}</span>
							</button>
							<button class="b-button b-button--{vb:if $interval == 'monthly', primary, secondary} js-button-filter showMonthly js-movable-toolbar-button">
								<span class="b-button__text-primary js-button__text-primary">{vb:phrase blog_monthly}</span>
							</button>
						</div>
					</li>
				</vb:if>
				<vb:if condition="(isset($memberBlogs) AND $memberBlogs)">
					{vb:set urlInfo.blogaction, 'create'}
					{vb:set urlInfo.action2, 'settings'}
					<li>
						<button class="b-button b-button--primary-light add-blog js-movable-toolbar-button">{vb:phrase blog_addBlog}</button>
					</li>
					{vb:set urlInfo.blogaction, 'admin'}
				</vb:if>
				<vb:if condition="(isset($blogPostsAll) AND $blogPostsAll)">
					<li>
						<div class="button-set h-left js-button-filter">
							<span class="b-button__text-primary js-button__text-primary">{vb:phrase blog_blogshow}</span>
							<button class="b-button b-button--secondary showAll js-button-filter js-movable-toolbar-button">
								<span class="b-button__text-primary js-button__text-primary">{vb:phrase blog_allblogposts}</span>
							</button>
							<button class="b-button b-button--secondary showMy js-button-filter js-movable-toolbar-button">
								<span class="b-button__text-primary js-button__text-primary">{vb:phrase blog_myblogposts}</span>
							</button>
						</div>
					</li>
				</vb:if>

				<vb:comment>Groups tab start</vb:comment>
				<vb:if condition="(isset($createSG) AND $createSG)">
					{vb:set urlInfo.sgaction, 'create'}
					{vb:set urlInfo.action2, 'settings'}
					<li>
						<button class="b-button b-button--primary-light add-sg js-movable-toolbar-button">
							<span class="b-button__icon b-button__icon--plus"></span>
							{vb:phrase social_group_create}
						</button>
					</li>
					{vb:set urlInfo.blogaction, 'admin'}
				</vb:if>
				<vb:if condition="!empty($showSgAll) OR !empty($accessibleHiddenDefaultFilter)">
					<vb:if condition="empty($showSgAll) AND !empty($accessibleHiddenDefaultFilter)">
						{vb:set setHiddenDefaultFilter, 1}
					</vb:if>
					<li<vb:if condition="!empty($setHiddenDefaultFilter)"> class="h-hide"</vb:if>>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_groups}}
						{vb:set defaultGroupDisplayValue, {vb:raw widgetConfig.display_groups}}
						<vb:if condition="empty($setHiddenDefaultFilter)">
							<div class="button-set h-left js-button-filters">
								<label>{vb:phrase blog_blogshow}</label>

								{vb:set filterGroupsStates.show_all.checked, ''}
								{vb:set filterGroupsStates.show_all.defaultChecked, ''}
								{vb:set filterGroupsStates.show_my.checked, ''}
								{vb:set filterGroupsStates.show_my.defaultChecked, ''}
								{vb:set filterGroupsStates.display_list.checked, ''}
								{vb:set filterGroupsStates.display_list.defaultChecked, ''}
								{vb:set filterGroupsStates.display_grid.checked, ''}
								{vb:set filterGroupsStates.display_grid.defaultChecked, ''}
								<vb:if condition="isset($widgetConfig['url_default_filters']['filter_groups'])">
									{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_groups}}
								<vb:elseif condition="isset($selectedGroupFilter)" />
									{vb:set filterValue, {vb:raw selectedGroupFilter}}
								<vb:else />
									{vb:set filterValue, {vb:raw widgetConfig.filter_groups}}
								</vb:if>
								{vb:set filterGroupsStates.$filterValue.checked, ' js-checked'}
								{vb:set filterGroupsStates.$defaultFilterValue.defaultChecked, ' js-default-checked'}
								<vb:if condition="isset($widgetConfig['url_default_filters']['display_groups'])">
									{vb:set groupDisplayValue, {vb:raw widgetConfig.url_default_filters.display_groups}}
								<vb:elseif condition="isset($selectedGroupDisplay)" />
									{vb:set groupDisplayValue, {vb:raw selectedGroupDisplay}}
								<vb:else />
									{vb:set groupDisplayValue, {vb:raw widgetConfig.display_groups}}
								</vb:if>
								{vb:set filterGroupsStates.$groupDisplayValue.checked, ' js-checked'}
								{vb:set filterGroupsStates.$defaultGroupDisplayValue.defaultChecked, ' js-default-checked'}

								<button type="button" class="js-button-filter js-button-filter-my b-button b-button--secondary{vb:raw filterGroupsStates.show_all.defaultChecked}{vb:raw filterGroupsStates.show_all.checked} js-movable-toolbar-button" data-filter-name="filter_groups" data-filter-value="show_all">{vb:phrase all}</button>
								<button type="button" class="js-button-filter js-button-filter-my b-button b-button--secondary{vb:raw filterGroupsStates.show_my.defaultChecked}{vb:raw filterGroupsStates.show_my.checked} js-movable-toolbar-button" data-filter-name="filter_groups" data-filter-value="show_my">{vb:phrase your_groups}</button>

								&nbsp; &nbsp;

								<button type="button" class="js-button-filter js-button-filter-display-groups b-button b-button--secondary{vb:raw filterGroupsStates.display_list.defaultChecked}{vb:raw filterGroupsStates.display_list.checked} js-movable-toolbar-button b-button--icon" data-filter-name="display_groups" data-filter-value="display_list" title="{vb:phrase list}"><span class="b-icon b-icon__list"></span></button>
								<button type="button" class="js-button-filter js-button-filter-display-groups b-button b-button--secondary{vb:raw filterGroupsStates.display_grid.defaultChecked}{vb:raw filterGroupsStates.display_grid.checked} js-movable-toolbar-button b-button--icon" data-filter-name="display_groups" data-filter-value="display_grid" title="{vb:phrase grid}"><span class="b-icon b-icon__grid"></span></button>

							</div>
						<vb:else />
							<vb:comment>this is hidden but needed to determine the default filter</vb:comment>
							<span class="js-button-filters"><span class="js-button-filter js-default-checked js-checked" data-filter-name="filter_groups" data-filter-value="{vb:var defaultFilterValue}"></span></span>
						</vb:if>
					</li>
				</vb:if>
				<vb:comment>Groups tab end</vb:comment>

				<!-- new conversation button -->
				{vb:set showBlogNewEntryButton, 0}
				<vb:if condition="isset($showNewConversationBtn) AND $showNewConversationBtn == 'blog'">
					{vb:data blogAdminPerms, blog, getChannelAdminPerms, {vb:raw nodeid}}
					<vb:if condition="$blogAdminPerms['canstats'] > 0 OR $blogAdminPerms['canstats'] > 0">
						{vb:set showBlogNewEntryButton, 1}
					</vb:if>
				</vb:if>
				<vb:if condition="isset($showNewConversationBtn) AND $showNewConversationBtn == 'blogentry'">
					{vb:data createPermission, user, canCreateBlogEntry, {vb:raw nodeid}}
					<vb:if condition="$createPermission">
						{vb:set showBlogNewEntryButton, 1}
					</vb:if>
				</vb:if>
				{vb:set showSGNewTopicButton, 0}
				<vb:if condition="isset($showNewConversationBtn) AND $showNewConversationBtn == 'sg'">
					{vb:rawdata canAlwaysCreateDiscussion, user, hasPermissions, forumpermissions2, canalwayspostnew, {vb:var page.channelid}}
					<vb:if condition="(($user['is_admin']) OR ($channelInfo['userid'] == $user['userid']) OR
						(((isset($hasJoined) AND ($hasJoined == 1)) OR (!empty($canAlwaysCreateDiscussion) AND empty($canAlwaysCreateDiscussion['errors']) AND $canAlwaysCreateDiscussion))
						AND isset($canCreateDiscussion) AND $canCreateDiscussion))">
						{vb:set showSGNewTopicButton, 1}
					<vb:else />
						{vb:set showSGNewTopicButton, 0}
					</vb:if>
				</vb:if>
				<vb:if condition="$showBlogNewEntryButton OR $showSGNewTopicButton OR (isset($showNewConversationBtn) AND $showNewConversationBtn AND $showNewConversationBtn != 'sg' AND $showNewConversationBtn != 'blog' AND $showNewConversationBtn != 'blogentry') OR (isset($showAll) AND $showAll)">
					<li>
						<button type="button" class="b-button b-button--primary-light new-conversation-btn js-movable-toolbar-button">
							<span class="b-button__icon b-button__icon--plus"></span>
							<span class="b-button__text-primary js-button__text-primary"><vb:if condition="$showBlogNewEntryButton">{vb:phrase plus_new_blog_post}<vb:elseif condition="$showSGNewTopicButton" />{vb:phrase plus_new_sg_post}<vb:elseif condition="$showNewConversationBtn == 'article'" />{vb:phrase plus_new_article}<vb:else />{vb:phrase plus_new_conversation}</vb:if></span>
						</button>
					</li>
				</vb:if>
				<!-- /new conversation button -->

				<vb:if condition="!empty($showBlogsAll) OR !empty($accessibleHiddenDefaultFilter)">
					<vb:if condition="empty($showBlogsAll) AND !empty($accessibleHiddenDefaultFilter)">
						{vb:set setHiddenDefaultFilter, 1}
					</vb:if>
					<li<vb:if condition="!empty($setHiddenDefaultFilter)"> class="h-hide"</vb:if>>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_blogs}}
						<vb:if condition="empty($setHiddenDefaultFilter)">
							<div class="button-set h-left js-button-filters">
								<label>{vb:phrase blog_blogshow}</label>

								{vb:set filterBlogsStates.show_all.checked, ''}
								{vb:set filterBlogsStates.show_all.defaultChecked, ''}
								{vb:set filterBlogsStates.show_my.checked, ''}
								{vb:set filterBlogsStates.show_my.defaultChecked, ''}
								<vb:if condition="isset($widgetConfig['url_default_filters']['filter_blogs'])">
									{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_blogs}}
								<vb:elseif condition="isset($selectedBlogFilter)" />
									{vb:set filterValue, {vb:raw selectedBlogFilter}}
								<vb:else />
									{vb:set filterValue, {vb:raw widgetConfig.filter_blogs}}
								</vb:if>
								{vb:set filterBlogsStates.$filterValue.checked, ' js-checked'}
								{vb:set filterBlogsStates.$defaultFilterValue.defaultChecked, ' js-default-checked'}

								<button type="button" class="js-button-filter b-button b-button--secondary{vb:raw filterBlogsStates.show_all.defaultChecked}{vb:raw filterBlogsStates.show_all.checked} js-movable-toolbar-button" data-filter-name="filter_blogs" data-filter-value="show_all">{vb:phrase all}</button>
								<button type="button" class="js-button-filter b-button b-button--secondary{vb:raw filterBlogsStates.show_my.defaultChecked}{vb:raw filterBlogsStates.show_my.checked} js-movable-toolbar-button" data-filter-name="filter_blogs" data-filter-value="show_my">{vb:phrase my_blogs}</button>
							</div>
						<vb:else />
							<vb:comment>this is hidden but needed to determine the default filter</vb:comment>
							<span class="js-button-filters"><span class="js-button-filter js-default-checked js-checked" data-filter-name="filter_blogs" data-filter-value="{vb:var defaultFilterValue}"></span></span>
						</vb:if>
					</li>
				</vb:if>

				<vb:if condition="isset($showVmBtn) AND $showVmBtn AND $userInfo['vm_enable'] AND $userInfo['showVM']">
					{vb:set showVmBtn, 1}
				<vb:else />
					{vb:set showVmBtn, 0}
				</vb:if>
				<vb:if condition="(isset($showReplyBtn) AND $showReplyBtn) OR (isset($showAll) AND $showAll) OR $showVmBtn">
					<li>
						<button id="btnPostReply-{vb:raw position}" type="button" class="b-button b-button--primary-light post-reply-btn js-movable-toolbar-button">
							<span class="b-button__text-primary js-button__text-primary"><vb:if condition="$showVmBtn">{vb:phrase visitor_message}<vb:else />{vb:phrase post_reply}</vb:if></span>
							<span class="b-button__text-secondary js-button__text-secondary"></span>
						</button>
					</li>
				</vb:if>
				<vb:if condition="isset($showJoinForReplyBtn) AND $showJoinForReplyBtn">
					<li>
						<button type="button" data-node-id="{vb:var channelid}" data-owner-id="{vb:var $sgOwner}" class="b-button b-button--secondary join-to-post-btn uppercase h-left <vb:if condition="$hasJoined == 2">b-button--special is-pending</vb:if> js-movable-toolbar-button">
							<span class="b-button__icon"></span>
							<span class="b-button__text-primary js-button__text-primary">
								<vb:if condition="$hasJoined == 2">{vb:phrase following_pending}<vb:else />{vb:phrase join_to_post}</vb:if>
							</span>
						</button>
					</li>
				</vb:if>

				<vb:if condition="isset($showEditSubscribedLink) AND $showEditSubscribedLink AND !empty($subscribedRouteInfo)">
					<li><a href="{vb:url 'subscription', {vb:raw subscribedRouteInfo}}" class="edit-subscribed b-button b-button--secondary js-movable-toolbar-button">{vb:phrase edit_following}</a></li>
				</vb:if>
				<vb:if condition="(isset($showSortBy) AND $showSortBy) OR (isset($showSortOrder) AND $showSortOrder)">
					{vb:set sortfield, "lastcontent"}
					{vb:set sortdir, ""}
					<vb:if condition="!empty($searchJSONStructure['sort'])">
						<vb:if condition="is_array($searchJSONStructure['sort'])">
							<vb:each from="searchJSONStructure.sort" value="dir" key="sort">
								{vb:set sortfield, {vb:raw sort}}
								{vb:set sortdir, {vb:raw dir}}
							</vb:each>
						<vb:else />
							{vb:set sortfield, {vb:raw searchJSONStructure.sort}}
						</vb:if>
					</vb:if>
					<vb:if condition="isset($showSortBy) AND $showSortBy">
						<li class="sort-controls h-invisible">
							<label>{vb:phrase sort_by}</label>
							<select name="searchFields[order][field]" class="searchFields_order_field custom-dropdown">
								<option value="relevance"<vb:if condition="$sortfield == 'relevance'"> selected="selected"</vb:if>>{vb:phrase relevance}</option>
								<option value="title"<vb:if condition="$sortfield == 'title'"> selected="selected"</vb:if>>{vb:phrase title}</option>
								<option value="author"<vb:if condition="$sortfield == 'author'"> selected="selected"</vb:if>>{vb:phrase members}</option>
								<option value="created"<vb:if condition="$sortfield == 'created'"> selected="selected"</vb:if>>{vb:phrase date_started_post}</option>
								<option value="lastcontent"<vb:if condition="$sortfield == 'lastcontent'"> selected="selected"</vb:if>>{vb:phrase date_last_update}</option>
								<option value="replies"<vb:if condition="$sortfield == 'replies'"> selected="selected"</vb:if>>{vb:phrase replies}</option>
								<option value="votes"<vb:if condition="$sortfield == 'votes'"> selected="selected"</vb:if>>{vb:phrase likes}</option>
								<option value="eventstartdate"<vb:if condition="$sortfield == 'eventstartdate'"> selected="selected"</vb:if>>{vb:phrase eventstartdate}</option>
							</select>
						</li>
					</vb:if>
					<vb:if condition="isset($showSortOrder) AND $showSortOrder">
						<li class="sort-controls h-invisible">
							<label>{vb:phrase order}</label>
							<select name="searchFields[order][direction]" class="searchFields_order_direction custom-dropdown">
								<option value="desc"<vb:if condition="$sortdir == 'DESC'"> selected="selected"</vb:if>>{vb:phrase descending}</option>
								<option value="asc"<vb:if condition="$sortdir == 'ASC'"> selected="selected"</vb:if>>{vb:phrase ascending}</option>
							</select>
						</li>
					</vb:if>
				</vb:if>
				<vb:if condition="!empty($showPmBtn) AND !empty($userInfo) AND !empty($userInfo['userid']) AND !empty($user['userid']) AND $user['userid'] != $userInfo['userid']">
					{vb:data canUsePmSystem, content_privatemessage, canUsePmSystem}
					<vb:if condition="$canUsePmSystem">
						<li><a href="{vb:raw baseurl}/privatemessage/new/{vb:raw userInfo.userid}" class="pm_button b-button b-button--secondary js-movable-toolbar-button">{vb:phrase group_private_message}</a></li>
					</vb:if>
				</vb:if>
				<vb:if condition="isset($profileSubscribeButtonInfo) AND is_array($profileSubscribeButtonInfo) AND count($profileSubscribeButtonInfo) > 0">
					<vb:if condition="!empty($profileSubscribeButtonInfo['showSubscribeButton'])">
						<li><button class="action_button {vb:raw profileSubscribeButtonInfo.buttonType}_button subscribe-btn b-button {vb:raw profileSubscribeButtonInfo.buttonCSS} js-movable-toolbar-button" data-userid="{vb:raw profileSubscribeButtonInfo.userid}" id="add_{vb:raw profileSubscribeButtonInfo.userid}"{vb:raw profileSubscribeButtonInfo.buttonState}>{vb:phrase {vb:raw profileSubscribeButtonInfo.buttonLabelPhraseId}}</button></li>
					</vb:if>
				</vb:if>
				<vb:if condition="isset($showBackToProfileButton) AND $showBackToProfileButton AND !empty($userInfo)">
					<li>
						<a href="{vb:url 'profile', {vb:raw userInfo}}" class="b-button b-button--secondary back-button js-movable-toolbar-button"><span class="b-button__icon b-icon b-icon__arrow-left-m"></span>{vb:phrase back_to_profile}</a>
					</li>
				</vb:if>
				<vb:if condition="isset($showSubscriptionCount) AND $showSubscriptionCount">
					<li class="h-hide-on-xsmall"><span class="subscriptions-totalcount">
						<vb:if condition="isset($pagingInfo) AND $pagingInfo">
						<vb:if condition="$pagingInfo['totalcount'] != 1">
							{vb:phrase showing_x_subscriptions, {vb:raw pagingInfo.totalcount}}
						<vb:else />
							{vb:phrase showing_1_subscription}
						</vb:if>
						</vb:if>
					</span></li>
				</vb:if>
				<vb:if condition="isset($showSubscriberCount) AND $showSubscriberCount">
					<li class="h-hide-on-xsmall"><span class="subscribers-totalcount">
						<vb:if condition="isset($pagingInfo) AND $pagingInfo">
						<vb:if condition="$pagingInfo['totalcount'] != 1">
							{vb:phrase showing_x_subscribers, {vb:raw pagingInfo.totalcount}}
						<vb:else />
							{vb:phrase showing_1_subscriber}
						</vb:if>
						</vb:if>
					</span></li>
				</vb:if>
				<vb:if condition="isset($showGotoIgnoreList) AND $showGotoIgnoreList AND ($userInfo['userid'] == $user['userid'])">
					{vb:set settingsRoute.tab, 'account'}
					<li><a href="{vb:url 'settings', {vb:raw settingsRoute}}#ignore_list" class="rx-ignore js-movable-toolbar-button">{vb:phrase go_to_ignore_list}</a></li>
				</vb:if>

				<vb:comment>Show the article title when on the article detail page</vb:comment>
				<vb:if condition="$showArticleTitle">
					<li>
						<b>{vb:raw articlePageTitle}</b>
					</li>
				</vb:if>

			</ul>
		<vb:else />
			<vb:comment>We always need a "toolset-left" element of some sort so that the flex layout will
			display "toolset-right" on the right side.</vb:comment>
			<div class="toolset-left"></div>
		</vb:if>
		

		<vb:comment>***** RIGHT TOOL SET *****</vb:comment>

		<ul class="toolset-right js-shrink-event-child">

			<vb:if condition="(isset($showSearch) AND $showSearch) OR (isset($showAll) AND $showAll)">
				<li class="toolbar-search h-hide-on-small">
					<form name="toolbar-search-form" action="activity/get" method="post" class="toolbar-search-form">
						<input type="hidden" name="nodeid" value="{vb:raw nodeid}" />
						<input type="hidden" name="view" value="{vb:raw view}" />
						<vb:if condition="isset($resultsPerPage)">
							<input type="hidden" name="per-page" value="{vb:raw resultsPerPage}" />
							<input type="hidden" name="pagenum" value="1" />
						</vb:if>

						<div class="js-toolbar-search-inner b-form-input__input-with-button-container b-form-input__input-with-button-container--full">

							<input type="text" name="q" value="{vb:if "!empty($page['q'])", {vb:var page.q}}" class="b-form-input__input b-form-input__input--with-button b-form-input__input--shadow js-filter-search" placeholder="{vb:phrase search}" data-filter-name="{vb:phrase search}" />

							<button type="submit" name="btnSearch" id="btnSearch-{vb:raw position}" class="b-form-input__inside-button"><span class="b-form-input__inside-button-icon b-icon b-icon__search-gray-s">{vb:phrase search}</span></button>

						</div>

					</form>
				</li>
				<li class="h-hide-on-small">
					<div class="toolbar-divider">
						<span class="toolbar-divider-inner"></span>
					</div>
				</li>
			</vb:if>

			<vb:comment>Set flag for filter here, so we only show the divider after pagenav if
			the filter is also present. We can do the same for the other dividers if and when
			that is needed.</vb:comment>
			<vb:if condition="(isset($showFilter) AND $showFilter) OR (isset($showAll) AND $showAll)">
				{vb:set doShowFilter, 1}
			<vb:else />
				{vb:set doShowFilter, 0}
			</vb:if>

			<vb:if condition="(isset($showPageNavClient) AND $showPageNavClient)">
				<li class="toolbar-pagenav js-toolbar-pagenav h-hide-on-xsmall">
					<div class="toolbar-pagenav-wrapper">
						{vb:template pagenavnew_client, pagenav={vb:raw pagingInfo}}
					</div>
				</li>
				<vb:if condition="$doShowFilter">
					<li class="h-hide-on-xsmall">
						<div class="toolbar-divider">
							<span class="toolbar-divider-inner"></span>
						</div>
					</li>
				</vb:if>
			</vb:if>
			<vb:if condition="(isset($showPageNav) AND $showPageNav) OR (isset($showAll) AND $showAll)">
				<li class="toolbar-pagenav js-toolbar-pagenav h-hide-on-xsmall">
					<div class="toolbar-pagenav-wrapper">
						{vb:template pagenavnew, pagenav={vb:raw pagingInfo}}
					</div>
				</li>
				<vb:if condition="$doShowFilter">
					<li class="h-hide-on-xsmall">
						<div class="toolbar-divider">
							<span class="toolbar-divider-inner"></span>
						</div>
					</li>
				</vb:if>
			</vb:if>

			<vb:if condition="$doShowFilter">
				<li class="toolbar-filter toolbar-filter-{vb:raw position}">
					<div class="filter-wrapper h-clearfix js-button" tabindex="0">
						<div class="label h-left">{vb:phrase filter}</div>
						<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon vb-icon-triangle-down-wide"></span></div>
					</div>
				</li>
			</vb:if>

			<vb:if condition="isset($permTopics)">
				<vb:each from="permTopics" key="permid" value="perm">
					<vb:if condition="$perm > 0 AND (!isset($modPerms[$permid]) OR $modPerms[$permid] == 0)">
						{vb:set modPerms[$permid],{vb:raw perm}}
					</vb:if>
				</vb:each>
			</vb:if>

			<vb:if condition="(isset($showInlineMod) AND $showInlineMod)">
				{vb:template inlinemod_menu, view={vb:raw view}, conversation={vb:raw conversation}, modPerms={vb:raw modPerms}, includeLI=1}
			</vb:if>
		</ul>
	</div>


	<vb:if condition="!empty($showSubscriberFilter)">
		<vb:comment>
			This form will be hidden and will not be shown at all but this will be programmatically used for paginating and sorting the Subscriber header 'Last Activity' in Subscription widget.
		</vb:comment>
		<form action="{vb:raw filterFormAction}" method="post" class="toolbar-filter-overlay h-hide">
			<input type="hidden" name="follower" value="{vb:raw filterOptions.follower}" />
			<input type="hidden" name="pagenum" value="{vb:raw filterOptions.page}" />
			<input type="hidden" name="perpage" value="{vb:raw filterOptions.perpage}" />

			<ul class="filter-options-list">
				<li>
					<div class="filter-header"></div>
					<div class="filter-options">
						{vb:set filterSortStatesProfileSubscriptions.mostactive.checked, ''}
						{vb:set filterSortStatesProfileSubscriptions.mostactive.defaultChecked, ''}
						{vb:set filterSortStatesProfileSubscriptions.leastactive.checked, ''}
						{vb:set filterSortStatesProfileSubscriptions.leastactive.defaultChecked, ''}
						{vb:set filterSortStatesProfileSubscriptions.all.checked, ''}
						{vb:set filterSortStatesProfileSubscriptions.all.defaultChecked, ''}
						<vb:if condition="isset($widgetConfig['url_default_filters_profile_subscription']['filter_sort'])">
							{vb:set filterValue, {vb:raw widgetConfig.url_default_filters_profile_subscription.filter_sort}}
						<vb:else />
							{vb:set filterValue, {vb:raw widgetConfig.filter_sort}}
						</vb:if>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_sort}}
						{vb:set filterSortStatesProfileSubscriptions.$filterValue.checked, ' checked="checked"'}
						{vb:set filterSortStatesProfileSubscriptions.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

						<label><input type="radio" name="filter_sort" value="mostactive"{vb:raw filterSortStatesProfileSubscriptions.mostactive.checked}{vb:raw filterSortStatesProfileSubscriptions.mostactive.defaultChecked} data-bypass-filter-display="1" /><span></span></label>
						<label><input type="radio" name="filter_sort" value="leastactive"{vb:raw filterSortStatesProfileSubscriptions.leastactive.checked}{vb:raw filterSortStatesProfileSubscriptions.leastactive.defaultChecked} data-bypass-filter-display="1" /><span></span></label>
						<label><input type="radio" name="filter_sort" value="all"{vb:raw filterSortStatesProfileSubscriptions.all.checked}{vb:raw filterSortStatesProfileSubscriptions.all.defaultChecked} data-bypass-filter-display="1" /><span></span></label>
					</div>
				</li>
			</ul>
		</form>
	</vb:if>

	<vb:if condition="(isset($showFilter) AND $showFilter) OR (isset($showAll) AND $showAll)">
		<vb:if condition="!isset($widgetConfig['url_default_filters'])">
			{vb:set widgetConfig.url_default_filters, {vb:php array}}
		</vb:if>
		<vb:if condition="!isset($filterFormAction) OR !$filterFormAction">{vb:set filterFormAction, 'activity/get'}</vb:if>
		<form action="{vb:raw filterFormAction}" method="post" class="toolbar-filter-overlay h-clearfix">
			<input type="hidden" name="nodeid" value="{vb:raw nodeid}" />
			<input type="hidden" name="view" value="{vb:raw view}" />
			<vb:if condition="!empty($filterExcludeTypes)">
				<vb:each from="filterExcludeTypes" value="excludetype">
					<input type="hidden" name="exclude_type[]" value="{vb:raw excludetype}" />
				</vb:each>
			</vb:if>
			<vb:if condition="!empty($hiddenFields)">
				<vb:each from="hiddenFields" value="hiddenField" key="key">
					<input type="hidden" name="{vb:raw key}" value="{vb:raw hiddenField}" />
				</vb:each>
			</vb:if>
			<vb:if condition="!empty($excludeVM)">
				<input type="hidden" name="exclude_visitor_messages" value="1" />
			</vb:if>
			<vb:if condition="!empty($noLimit)">
				<input type="hidden" name="nolimit" value="1" />
			</vb:if>
			<vb:if condition="isset($resultsPerPage)">
				<input type="hidden" name="per-page" value="{vb:raw resultsPerPage}" />
				<input type="hidden" name="pagenum" value="<vb:if condition="!empty($pagingInfo) AND !empty($pagingInfo['currentpage'])">{vb:raw pagingInfo.currentpage}<vb:else />1</vb:if>" />
			</vb:if>
			<vb:if condition="isset($widgetConfig['maxpages'])">
				<input type="hidden" name="maxpages" value="{vb:raw widgetConfig.maxpages}" />
			</vb:if>
			<vb:if condition="isset($widgetConfig['showResultId'])">
				<input type="hidden" name="result-id" value="0" />
			</vb:if>
			<vb:if condition="!empty($userInfo) AND isset($userInfo['userid'])">
				<input type="hidden" name="userid" value="{vb:raw userInfo.userid}" />
			<vb:else />
				<input type="hidden" name="userid" value="0" />
			</vb:if>
			<vb:if condition="isset($setFollowerId) AND $setFollowerId">
				<input type="hidden" name="followerid" value="{vb:raw user.userid}" />
			</vb:if>
			<vb:if condition="!isset($showChannelInfo)">{vb:set showChannelInfo, 1}</vb:if>
			<input type="hidden" name="showChannelInfo" value="{vb:raw showChannelInfo}" />
			<ul class="filter-options-list">
				<vb:if condition="isset($showBlogsFilter) AND $showBlogsFilter">
				<li>
					<div class="filter-header">{vb:phrase blogs}</div>
					<div class="filter-options">
						{vb:set filterBlogsStates.show_all.checked, ''}
						{vb:set filterBlogsStates.show_all.defaultChecked, ''}
						{vb:set filterBlogsStates.show_my.checked, ''}
						{vb:set filterBlogsStates.show_my.defaultChecked, ''}
						<vb:if condition="isset($widgetConfig['url_default_filters']['filter_blogs'])">
							{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_blogs}}
						<vb:else />
							{vb:set filterValue, {vb:raw widgetConfig.filter_blogs}}
						</vb:if>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_blogs}}
						{vb:set filterBlogsStates.$filterValue.checked, ' checked="checked"'}
						{vb:set filterBlogsStates.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

						<label><input type="radio" name="userid" value="0"{vb:raw filterBlogsStates.show_all.checked}{vb:raw filterBlogsStates.show_all.defaultChecked} /><span>{vb:phrase blog_allblogposts}</span></label>
						<label><input type="radio" name="userid" value="{vb:raw user.userid}"{vb:raw filterBlogsStates.show_my.checked}{vb:raw filterBlogsStates.show_my.defaultChecked} /><span>{vb:phrase blog_myblogposts}</span></label>
					</div>
				</li>
				</vb:if>
				<vb:if condition="(isset($showTimeFilter) AND $showTimeFilter) OR (isset($showAllFilters) AND $showAllFilters)">
				<li>
					<div class="filter-header">{vb:phrase time}</div>
					<div class="filter-options">
						{vb:set filterTimeStates.time_all.checked, ''}
						{vb:set filterTimeStates.time_all.defaultChecked, ''}
						{vb:set filterTimeStates.time_today.checked, ''}
						{vb:set filterTimeStates.time_today.defaultChecked, ''}
						{vb:set filterTimeStates.time_lastweek.checked, ''}
						{vb:set filterTimeStates.time_lastweek.defaultChecked, ''}
						{vb:set filterTimeStates.time_lastmonth.checked, ''}
						{vb:set filterTimeStates.time_lastmonth.defaultChecked, ''}
						<vb:if condition="isset($widgetConfig['url_default_filters']['filter_time'])">
							{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_time}}
						<vb:else />
							{vb:set filterValue, {vb:raw widgetConfig.filter_time}}
						</vb:if>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_time}}
						{vb:set filterTimeStates.$filterValue.checked, ' checked="checked"'}
						{vb:set filterTimeStates.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

						<vb:if condition="empty($hideTimeFilterAll)">
							<label><input type="radio" name="filter_time" value="time_all"{vb:raw filterTimeStates.time_all.checked}{vb:raw filterTimeStates.time_all.defaultChecked} /><span>{vb:phrase all_time}</span></label>
						</vb:if>
						<label><input type="radio" name="filter_time" value="time_today"{vb:raw filterTimeStates.time_today.checked}{vb:raw filterTimeStates.time_today.defaultChecked} /><span>{vb:phrase today}</span></label>
						<label><input type="radio" name="filter_time" value="time_lastweek"{vb:raw filterTimeStates.time_lastweek.checked}{vb:raw filterTimeStates.time_lastweek.defaultChecked} /><span>{vb:phrase last_week}</span></label>
						<label><input type="radio" name="filter_time" value="time_lastmonth"{vb:raw filterTimeStates.time_lastmonth.checked}{vb:raw filterTimeStates.time_lastmonth.defaultChecked} /><span>{vb:phrase last_month}</span></label>
					</div>
				</li>
				</vb:if>
				<vb:if condition="(isset($showShowFilter) AND $showShowFilter) OR (isset($showAllFilters) AND $showAllFilters)">
				<li>
					<div class="filter-header">{vb:phrase show}</div>
					<div class="filter-options">
						{vb:set filterShowStates.show_all.checked, ''}
						{vb:set filterShowStates.show_all.defaultChecked, ''}
						{vb:set filterShowStates.vBForum_Text.checked, ''}
						{vb:set filterShowStates.vBForum_Text.defaultChecked, ''}
						{vb:set filterShowStates.vBForum_Gallery.checked, ''}
						{vb:set filterShowStates.vBForum_Gallery.defaultChecked, ''}
						{vb:set filterShowStates.vBForum_Video.checked, ''}
						{vb:set filterShowStates.vBForum_Video.defaultChecked, ''}
						{vb:set filterShowStates.vBForum_Link.checked, ''}
						{vb:set filterShowStates.vBForum_Link.defaultChecked, ''}
						{vb:set filterShowStates.vBForum_Poll.checked, ''}
						{vb:set filterShowStates.vBForum_Poll.defaultChecked, ''}
						{vb:set filterShowStates.vBForum_Event.checked, ''}
						{vb:set filterShowStates.vBForum_Event.defaultChecked, ''}
						<vb:if condition="isset($widgetConfig['url_default_filters']['filter_show'])">
							{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_show}}
						<vb:else />
							{vb:set filterValue, {vb:raw widgetConfig.filter_show}}
						</vb:if>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_show}}
						{vb:set filterShowStates.$filterValue.checked, ' checked="checked"'}
						{vb:set filterShowStates.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

						<label><input type="radio" name="filter_show" value="show_all"{vb:raw filterShowStates.show_all.checked}{vb:raw filterShowStates.show_all.defaultChecked} /><span>{vb:phrase all}</span></label>
						<label><input type="radio" name="filter_show" value="vBForum_Text"{vb:raw filterShowStates.vBForum_Text.checked}{vb:raw filterShowStates.vBForum_Text.defaultChecked} /><span>{vb:phrase discussions_only}</span></label>
						<label><input type="radio" name="filter_show" value="vBForum_Gallery"{vb:raw filterShowStates.vBForum_Gallery.checked}{vb:raw filterShowStates.vBForum_Gallery.defaultChecked} /><span>{vb:phrase photos_only}</span></label>
						<label><input type="radio" name="filter_show" value="vBForum_Video"{vb:raw filterShowStates.vBForum_Video.checked}{vb:raw filterShowStates.vBForum_Video.defaultChecked} /><span>{vb:phrase videos_only}</span></label>
						<label><input type="radio" name="filter_show" value="vBForum_Link"{vb:raw filterShowStates.vBForum_Link.checked}{vb:raw filterShowStates.vBForum_Link.defaultChecked} /><span>{vb:phrase links_only}</span></label>
						<label><input type="radio" name="filter_show" value="vBForum_Poll"{vb:raw filterShowStates.vBForum_Poll.checked}{vb:raw filterShowStates.vBForum_Poll.defaultChecked} /><span>{vb:phrase polls_only}</span></label>
						<label><input type="radio" name="filter_show" value="vBForum_Event"{vb:raw filterShowStates.vBForum_Event.checked}{vb:raw filterShowStates.vBForum_Event.defaultChecked} /><span>{vb:phrase events_only}</span></label>
					</div>
				</li>
				</vb:if>
				<vb:if condition="isset($showSourceFilter) AND $showSourceFilter">
					<li>
						<div class="filter-header">{vb:phrase source}</div>
						<div class="filter-options">
							{vb:set filterSourceStates.source_all.checked, ''}
							{vb:set filterSourceStates.source_all.defaultChecked, ''}
							{vb:set filterSourceStates.source_user.checked, ''}
							{vb:set filterSourceStates.source_user.defaultChecked, ''}
							{vb:set filterSourceStates.source_vm.checked, ''}
							{vb:set filterSourceStates.source_vm.defaultChecked, ''}
							<vb:if condition="isset($widgetConfig['url_default_filters']['filter_source'])">
								{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_source}}
							<vb:else />
								{vb:set filterValue, {vb:raw widgetConfig.filter_source}}
							</vb:if>
							{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_source}}
							{vb:set filterSourceStates.$filterValue.checked, ' checked="checked"'}
							{vb:set filterSourceStates.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

							<vb:if condition="!empty($userInfo['showActivities'])">
								<label><input type="radio" name="filter_source" value="source_all"{vb:raw filterSourceStates.source_all.checked}{vb:raw filterSourceStates.source_all.defaultChecked} /><span>{vb:phrase all}</span></label>
								<label><input type="radio" name="filter_source" value="source_user"{vb:raw filterSourceStates.source_user.checked}{vb:raw filterSourceStates.source_user.defaultChecked} /><span>{vb:phrase x_only, {vb:raw userInfo.username}}</span></label>
							</vb:if>
							<vb:if condition="!empty($userInfo['vm_enable']) AND !empty($userInfo['showVM'])">
								<label><input type="radio" name="filter_source" value="source_vm"{vb:raw filterSourceStates.source_vm.checked}{vb:raw filterSourceStates.source_vm.defaultChecked} /><span>{vb:phrase visitor_messages_only}</span></label>
							</vb:if>
							<label class="no-filter-option"><a href="{vb:raw baseurl}/advanced_search">{vb:phrase advanced}</a></label>
						</div>
					</li>
				</vb:if>
				<vb:if condition="isset($showFollowFilter) AND $showFollowFilter">
					<vb:if condition="!isset($filterFollowAllValue) OR !$filterFollowAllValue">{vb:set filterFollowAllValue, 'follow_all'}</vb:if>
					<li>
						<div class="filter-header">{vb:phrase subscribed}</div>
						<div class="filter-options">
							{vb:set filterFollowStates.$filterFollowAllValue.checked, ''}
							{vb:set filterFollowStates.$filterFollowAllValue.defaultChecked, ''}
							{vb:set filterFollowStates.follow_members.checked, ''}
							{vb:set filterFollowStates.follow_members.defaultChecked, ''}
							{vb:set filterFollowStates.follow_contents.checked, ''}
							{vb:set filterFollowStates.follow_contents.defaultChecked, ''}
							{vb:set filterFollowStates.follow_channel.checked, ''}
							{vb:set filterFollowStates.follow_channel.defaultChecked, ''}
							<vb:if condition="isset($widgetConfig['url_default_filters']['filter_follow'])">
								{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_follow}}
							<vb:else />
								{vb:set filterValue, {vb:raw widgetConfig.filter_follow}}
							</vb:if>
							{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_follow}}
							{vb:set filterFollowStates.$filterValue.checked, ' checked="checked"'}
							{vb:set filterFollowStates.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

							<label><input type="radio" name="filter_follow" value="{vb:raw filterFollowAllValue}"{vb:raw filterFollowStates.$filterFollowAllValue.checked}{vb:raw filterFollowStates.$filterFollowAllValue.defaultChecked} /><span>{vb:phrase all}</span></label>
							<vb:if condition="!isset($hideFollowMembersFilter) OR !$hideFollowMembersFilter">
								<label><input type="radio" name="filter_follow" value="follow_members"{vb:raw filterFollowStates.follow_members.checked}{vb:raw filterFollowStates.follow_members.defaultChecked} /><span>{vb:phrase members_only}</span></label>
							</vb:if>
							<label><input type="radio" name="filter_follow" value="follow_contents"{vb:raw filterFollowStates.follow_contents.checked}{vb:raw filterFollowStates.follow_contents.defaultChecked} /><span>{vb:phrase contents_only}</span></label>
							<label><input type="radio" name="filter_follow" value="follow_channel"{vb:raw filterFollowStates.follow_channel.checked}{vb:raw filterFollowStates.follow_channel.defaultChecked} /><span>{vb:phrase channel_only}</span></label>
							<label class="no-filter-option"><a href="{vb:raw baseurl}/advanced_search">{vb:phrase advanced}</a></label>
						</div>
					</li>
				</vb:if>
				<vb:if condition="!empty($showNewTopicsFilter) OR (isset($showAllFilters) AND $showAllFilters)">
				<li>
					<div class="filter-header">{vb:phrase new_topics}</div>
					<div class="filter-options">
						{vb:set filterNewTopicsStates.0.checked, ''}
						{vb:set filterNewTopicsStates.0.defaultChecked, ''}
						{vb:set filterNewTopicsStates.1.checked, ''}
						{vb:set filterNewTopicsStates.1.defaultChecked, ''}
						<vb:if condition="isset($widgetConfig['url_default_filters']['filter_new_topics'])">
							{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_new_topics}}
						<vb:else />
							{vb:set filterValue, {vb:raw widgetConfig.filter_new_topics}}
						</vb:if>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_new_topics}}
						{vb:set filterNewTopicsStates.$filterValue.checked, ' checked="checked"'}
						{vb:set filterNewTopicsStates.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

						<label><input type="radio" name="filter_new_topics" value="1"{vb:raw filterNewTopicsStates.1.checked}{vb:raw filterNewTopicsStates.1.defaultChecked} /><span>{vb:phrase on}</span></label>
						<label><input type="radio" name="filter_new_topics" value="0"{vb:raw filterNewTopicsStates.0.checked}{vb:raw filterNewTopicsStates.0.defaultChecked} /><span>{vb:phrase off}</span></label>
					</div>
				</li>
				</vb:if>
				<vb:if condition="isset($showSubscribedFilter) AND $showSubscribedFilter">
				<li>
					<div class="filter-header">{vb:phrase subscribed}</div>
					<div class="filter-options">
						{vb:set filterTypeStates.follow_all.checked, ''}
						{vb:set filterTypeStates.follow_all.defaultChecked, ''}
						{vb:set filterTypeStates.follow_members.checked, ''}
						{vb:set filterTypeStates.follow_members.defaultChecked, ''}
						<vb:if condition="isset($widgetConfig['url_default_filters']['type'])">
							{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.type}}
						<vb:else />
							{vb:set filterValue, {vb:raw widgetConfig.type}}
						</vb:if>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.type}}
						{vb:set filterTypeStates.$filterValue.checked, ' checked="checked"'}
						{vb:set filterTypeStates.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

						<label><input type="radio" name="type" value="follow_all"{vb:raw filterTypeStates.follow_all.checked}{vb:raw filterTypeStates.follow_all.defaultChecked} /><span>{vb:phrase all}</span></label>
						<label><input type="radio" name="type" value="follow_members"{vb:raw filterTypeStates.follow_members.checked}{vb:raw filterTypeStates.follow_members.defaultChecked} /><span>{vb:phrase members_only}</span></label>
					</div>
				</li>
				<vb:comment>
					This will be hidden and will not be shown at all but this will be programmatically used for sorting the Subscription header 'Last Activity' in Subscription widget.
				</vb:comment>
				<li class="ui-helper-hidden-accessible">
					<div class="filter-header"></div>
					<div class="filter-options">
						{vb:set filterSortStatesProfileSubscriptions.mostactive.checked, ''}
						{vb:set filterSortStatesProfileSubscriptions.mostactive.defaultChecked, ''}
						{vb:set filterSortStatesProfileSubscriptions.leastactive.checked, ''}
						{vb:set filterSortStatesProfileSubscriptions.leastactive.defaultChecked, ''}
						{vb:set filterSortStatesProfileSubscriptions.all.checked, ''}
						{vb:set filterSortStatesProfileSubscriptions.all.defaultChecked, ''}
						<vb:if condition="isset($widgetConfig['url_default_filters_profile_subscription']['filter_sort'])">
							{vb:set filterValue, {vb:raw widgetConfig.url_default_filters_profile_subscription.filter_sort}}
						<vb:else />
							{vb:set filterValue, {vb:raw widgetConfig.filter_sort}}
						</vb:if>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_sort}}
						{vb:set filterSortStatesProfileSubscriptions.$filterValue.checked, ' checked="checked"'}
						{vb:set filterSortStatesProfileSubscriptions.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

						<label><input type="radio" name="filter_sort" value="mostactive"{vb:raw filterSortStatesProfileSubscriptions.mostactive.checked}{vb:raw filterSortStatesProfileSubscriptions.mostactive.defaultChecked} data-bypass-filter-display="1" /><span></span></label>
						<label><input type="radio" name="filter_sort" value="leastactive"{vb:raw filterSortStatesProfileSubscriptions.leastactive.checked}{vb:raw filterSortStatesProfileSubscriptions.leastactive.defaultChecked} data-bypass-filter-display="1" /><span></span></label>
						<label><input type="radio" name="filter_sort" value="all"{vb:raw filterSortStatesProfileSubscriptions.all.checked}{vb:raw filterSortStatesProfileSubscriptions.all.defaultChecked} data-bypass-filter-display="1" /><span></span></label>
					</div>
				</li>
				</vb:if>
				<vb:if condition="isset($showDepthFilter) AND $showDepthFilter">
				<li>
					<div class="filter-header">{vb:phrase show_sub_forum}</div>
					<div class="filter-options">
						{vb:set filterDepthStates.0.checked, ''}
						{vb:set filterDepthStates.0.defaultChecked, ''}
						{vb:set filterDepthStates.1.checked, ''}
						{vb:set filterDepthStates.1.defaultChecked, ''}
						<vb:if condition="isset($widgetConfig['url_default_filters']['filter_depth'])">
							{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_depth}}
						<vb:else />
							{vb:set filterValue, {vb:raw widgetConfig.filter_depth}}
						</vb:if>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_depth}}
						{vb:set filterDepthStates.$filterValue.checked, ' checked="checked"'}
						{vb:set filterDepthStates.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

						<label><input type="radio" name="filter_depth" value="0"{vb:raw filterDepthStates.0.checked}{vb:raw filterDepthStates.0.defaultChecked} /><span>{vb:phrase on}</span></label>
						<label><input type="radio" name="filter_depth" value="1"{vb:raw filterDepthStates.1.checked}{vb:raw filterDepthStates.1.defaultChecked} /><span>{vb:phrase off}</span></label>
					</div>
				</li>
				</vb:if>
				<vb:if condition="isset($showSortFilter) AND $showSortFilter">
				<li>
					<div class="filter-header">{vb:phrase sort_by}</div>
					<div class="filter-options">
						{vb:set filterSortStates.lastcontent.checked, ''}
						{vb:set filterSortStates.lastcontent.defaultChecked, ''}
						{vb:set filterSortStates.created.checked, ''}
						{vb:set filterSortStates.created.defaultChecked, ''}
						{vb:set filterSortStates.replies.checked, ''}
						{vb:set filterSortStates.replies.defaultChecked, ''}
						{vb:set filterSortStates.title.checked, ''}
						{vb:set filterSortStates.title.defaultChecked, ''}
						{vb:set filterSortStates.author.checked, ''}
						{vb:set filterSortStates.author.defaultChecked, ''}
						{vb:set filterSortStates.votes.checked, ''}
						{vb:set filterSortStates.votes.defaultChecked, ''}
						<vb:if condition="isset($widgetConfig['url_default_filters']['filter_sort'])">
							{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_sort}}
						<vb:else />
							{vb:set filterValue, {vb:raw widgetConfig.filter_sort}}
						</vb:if>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_sort}}
						{vb:set filterSortStates.$filterValue.checked, ' checked="checked"'}
						{vb:set filterSortStates.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

						<label><input type="radio" name="filter_sort" value="lastcontent"{vb:raw filterSortStates.lastcontent.checked}{vb:raw filterSortStates.lastcontent.defaultChecked} /><span>{vb:phrase date_last_update}</span></label>
						<label><input type="radio" name="filter_sort" value="created"{vb:raw filterSortStates.created.checked}{vb:raw filterSortStates.created.defaultChecked} /><span>{vb:phrase date_started_post}</span></label>
						<label><input type="radio" name="filter_sort" value="replies"{vb:raw filterSortStates.replies.checked}{vb:raw filterSortStates.replies.defaultChecked} /><span>{vb:phrase replies}</span></label>
						<label><input type="radio" name="filter_sort" value="title"{vb:raw filterSortStates.title.checked}{vb:raw filterSortStates.title.defaultChecked} /><span>{vb:phrase title}</span></label>
						<label><input type="radio" name="filter_sort" value="author"{vb:raw filterSortStates.author.checked}{vb:raw filterSortStates.author.defaultChecked} /><span>{vb:phrase members}</span></label>
						<label><input type="radio" name="filter_sort" value="votes"{vb:raw filterSortStates.votes.checked}{vb:raw filterSortStates.votes.defaultChecked} /><span>{vb:phrase likes}</span></label>
					</div>
				</li>
				<li>
					<div class="filter-header">{vb:phrase order}</div>
					<div class="filter-options">
						{vb:set filterOrderStates.desc.checked, ''}
						{vb:set filterOrderStates.desc.defaultChecked, ''}
						{vb:set filterOrderStates.asc.checked, ''}
						{vb:set filterOrderStates.asc.defaultChecked, ''}
						<vb:if condition="isset($widgetConfig['url_default_filters']['filter_order'])">
							{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_order}}
						<vb:else />
							{vb:set filterValue, {vb:raw widgetConfig.filter_order}}
						</vb:if>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_order}}
						{vb:set filterOrderStates.$filterValue.checked, ' checked="checked"'}
						{vb:set filterOrderStates.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

						<label><input type="radio" name="filter_order" value="desc"{vb:raw filterOrderStates.desc.checked}{vb:raw filterOrderStates.desc.defaultChecked} /><span>{vb:phrase descending}</span></label>
						<label><input type="radio" name="filter_order" value="asc"{vb:raw filterOrderStates.asc.checked}{vb:raw filterOrderStates.asc.defaultChecked} /><span>{vb:phrase ascending}</span></label>
					</div>
				</li>
				</vb:if>

				{vb:data prefixsets, prefix, fetch, {vb:raw nodeid}}
				<vb:if condition="$prefixsets">
				<li>
					<div class="filter-header">{vb:phrase prefix}</div>
					<div class="filter-options">
						{vb:set filterPrefixStates.''.checked, ''}
						{vb:set filterPrefixStates.''.defaultChecked, ''}
						{vb:set filterPrefixStates.-1.checked, ''}
						{vb:set filterPrefixStates.-1.defaultChecked, ''}
						{vb:set filterPrefixStates.-2.checked, ''}
						{vb:set filterPrefixStates.-2.defaultChecked, ''}
						<vb:if condition="isset($widgetConfig['url_default_filters']['filter_prefix'])">
							{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_prefix}}
						<vb:else />
							{vb:set filterValue, {vb:raw widgetConfig.filter_prefix}}
						</vb:if>
						{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_prefix}}

						<vb:comment>Reset prefix if value is an invalid prefix</vb:comment>
						<vb:if condition="!in_array($filterValue, array('', -1, -2))">
						  <vb:each from="prefixsets" key="prefixsetid" value="prefixset">
							  <vb:if condition="!isset($prefixset[$filterValue])">
									{vb:set filterValue, ''}
									{vb:set defaultFilterValue, ''}
									{vb:set invalidPrefix, 1}
							  </vb:if>
						  </vb:each>
						</vb:if>

						<vb:if condition="empty($filterValue)">
							{vb:set filterValue, ''}
							{vb:set defaultFilterValue, ''}
						</vb:if>
						{vb:set filterPrefixStates.$filterValue.checked, ' checked="checked"'}
						{vb:set filterPrefixStates.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

						<label><input type="radio" name="filter_prefix" value=""{vb:raw filterPrefixStates.''.checked}{vb:raw filterPrefixStates.''.defaultChecked} /><span><em>{vb:phrase any_topic_meta}</em></span></label>
						<label><input type="radio" name="filter_prefix" value="-1"{vb:raw filterPrefixStates.-1.checked}{vb:raw filterPrefixStates.-1.defaultChecked} /><span><em>{vb:phrase no_prefix_meta}</em></span></label>
						<label><input type="radio" name="filter_prefix" value="-2"{vb:raw filterPrefixStates.-2.checked}{vb:raw filterPrefixStates.-2.defaultChecked} /><span><em>{vb:phrase any_prefix_meta}</em></span></label>

						{vb:set prefixes, {vb:php array}}
						<vb:if condition="count($prefixsets) > 1">
							<vb:each from="prefixsets" key="prefixsetid" value="prefixset">
								{vb:set prefixsetvarname, 'prefixset_'}
								{vb:strcat prefixsetvarname, {vb:raw prefixsetid}}
								{vb:strcat prefixsetvarname, '_title'}
								<div class="filter-header">{vb:phrase {vb:raw prefixsetvarname}}</div>
								<vb:each from="prefixset" key="prefixid" value="prefix">
									{vb:set prefixvarname, 'prefix_'}
									{vb:strcat prefixvarname, {vb:raw prefixid}}
									{vb:strcat prefixvarname, '_title_plain'}
									{vb:set prefixes.$prefixid, {vb:raw prefixvarname}}
									<label><input type="radio" name="filter_prefix" value="{vb:raw prefixid}"<vb:if condition="isset($filterPrefixStates[$prefixid])"> checked="checked" data-default-checked="1"</vb:if> tabindex="0" /><span>{vb:phrase {vb:raw prefixvarname}}</span></label>
								</vb:each>
							</vb:each>
						<vb:else />
							<vb:each from="prefixsets" key="prefixsetid" value="prefixset">
								<vb:each from="prefixset" key="prefixid" value="prefix">
									{vb:set prefixvarname, 'prefix_'}
									{vb:strcat prefixvarname, {vb:raw prefixid}}
									{vb:strcat prefixvarname, '_title_plain'}
									{vb:set prefixes.$prefixid, {vb:raw prefixvarname}}
									<label><input type="radio" name="filter_prefix" value="{vb:raw prefixid}"<vb:if condition="isset($filterPrefixStates[$prefixid])"> checked="checked" data-default-checked="1"</vb:if> tabindex="0" /><span>{vb:phrase {vb:raw prefixvarname}}</span></label>
								</vb:each>
							</vb:each>
						</vb:if>
					</div>
				</li>
				</vb:if><!-- end if prefixsets -->
			</ul>
		</form>

		<vb:if condition="!empty($page['q']) AND !empty($showSearch)">
			{vb:set hasSearchKeyword, 1}
		</vb:if>

		<div class="filtered-by h-clearfix<vb:if condition="(empty($widgetConfig['url_default_filters']) AND empty($hasSearchKeyword)) OR (!empty($invalidPrefix) AND count($widgetConfig['url_default_filters']) == 1)"> h-hide</vb:if>">
			<label>{vb:phrase filtered_by}:</label>
			<div class="filter-text-wrapper h-left">
				<vb:if condition="!empty($hasSearchKeyword)">
					<div class="filter-text" data-filter-name="q" data-filter-value="{vb:var page.q}" data-filter-type="text" data-filter-js-selector="js-filter-search">
						<span title="{vb:phrase search}: &quot;{vb:var page.q}&quot;">&quot;{vb:var page.q}&quot;</span>
						<span class="b-icon b-icon__x-circle"></span>
					</div>
				</vb:if>
				{vb:set validFilters, 0}
				<vb:each from="widgetConfig.url_default_filters" value="filterValue" key="filterName">
					{vb:set filterText, ''}
					<vb:if condition="$filterName == 'filter_time'">
						{vb:set filterTextTooltip, {vb:phrase time}}
						{vb:strcat filterTextTooltip, ' - '}
						<vb:if condition="$filterValue == 'time_all'">
							{vb:set filterText, {vb:rawphrase all_time}}
						<vb:elseif condition="$filterValue == 'time_today'" />
							{vb:set filterText, {vb:rawphrase today}}
						<vb:elseif condition="$filterValue == 'time_lastweek'" />
							{vb:set filterText, {vb:rawphrase last_week}}
						<vb:elseif condition="$filterValue == 'time_lastmonth'" />
							{vb:set filterText, {vb:rawphrase last_month}}
						</vb:if>
					<vb:elseif condition="$filterName == 'filter_show'" />
						{vb:set filterTextTooltip, {vb:phrase show}}
						{vb:strcat filterTextTooltip, ' - '}
						<vb:if condition="$filterValue == 'show_all'">
							{vb:set filterText, {vb:phrase show}}
							{vb:strcat filterText, ' - '}
							{vb:strcat filterText, {vb:phrase all}}
						<vb:elseif condition="$filterValue == 'vBForum_Text'" />
							{vb:set filterText, {vb:rawphrase discussions_only}}
						<vb:elseif condition="$filterValue == 'vBForum_Gallery'" />
							{vb:set filterText, {vb:rawphrase photos_only}}
						<vb:elseif condition="$filterValue == 'vBForum_Video'" />
							{vb:set filterText, {vb:rawphrase videos_only}}
						<vb:elseif condition="$filterValue == 'vBForum_Link'" />
							{vb:set filterText, {vb:rawphrase links_only}}
						<vb:elseif condition="$filterValue == 'vBForum_Poll'" />
							{vb:set filterText, {vb:rawphrase polls_only}}
						<vb:elseif condition="$filterValue == 'vBForum_Event'" />
							{vb:set filterText, {vb:rawphrase events_only}}
						</vb:if>
					<vb:elseif condition="$filterName == 'filter_sort'" />
						{vb:set filterTextTooltip, {vb:phrase sort_by}}
						{vb:strcat filterTextTooltip, ' - '}
						<vb:if condition="$filterValue == 'lastcontent'">
							{vb:set filterText, {vb:phrase date_last_update}}
						<vb:elseif condition="$filterValue == 'created'" />
							{vb:set filterText, {vb:rawphrase date_started_post}}
						<vb:elseif condition="$filterValue == 'replies'" />
							{vb:set filterText, {vb:rawphrase replies}}
						<vb:elseif condition="$filterValue == 'title'" />
							{vb:set filterText, {vb:rawphrase title}}
						<vb:elseif condition="$filterValue == 'author'" />
							{vb:set filterText, {vb:rawphrase members}}
						<vb:elseif condition="$filterValue == 'votes'" />
							{vb:set filterText, {vb:rawphrase likes}}
						</vb:if>
					<vb:elseif condition="$filterName == 'filter_order'" />
						{vb:set filterTextTooltip, {vb:phrase order}}
						{vb:strcat filterTextTooltip, ' - '}
						<vb:if condition="$filterValue == 'desc'">
							{vb:set filterText, {vb:rawphrase descending}}
						<vb:elseif condition="$filterValue == 'asc'" />
							{vb:set filterText, {vb:rawphrase ascending}}
						</vb:if>
					<vb:elseif condition="$filterName == 'filter_new_topics'" />
						{vb:set filterTextTooltip, {vb:phrase new_topics}}
						{vb:strcat filterTextTooltip, ' - '}
						{vb:set filterText, {vb:phrase new_topics}}
						{vb:strcat filterText, ' - '}
						<vb:if condition="empty($filterValue)">
							{vb:strcat filterText, {vb:phrase off}}
						<vb:else />
							{vb:strcat filterText, {vb:phrase on}}
						</vb:if>
					<vb:elseif condition="$filterName == 'filter_blogs'" />
						{vb:set filterTextTooltip, {vb:phrase blogs}}
						{vb:strcat filterTextTooltip, ' - '}
						<vb:if condition="$filterValue == 'show_my'">
							{vb:set filterText, {vb:rawphrase blog_myblogposts}}
						<vb:elseif condition="$filterValue == 'show_all'" />
							{vb:set filterText, {vb:phrase blogs}}
							{vb:strcat filterText, ' - '}
							{vb:strcat filterText, {vb:phrase blog_allblogposts}}
						</vb:if>
					<vb:elseif condition="$filterName == 'filter_follow'" />
						{vb:set filterTextTooltip, {vb:phrase subscribed}}
						{vb:strcat filterTextTooltip, ' - '}
						<vb:if condition="$filterValue == 'follow_all_activity' OR $filterValue == 'follow_all'">
							{vb:set filterText, {vb:phrase subscribed}}
							{vb:strcat filterText, ' - '}
							{vb:strcat filterText, {vb:phrase all}}
						<vb:elseif condition="$filterValue == 'follow_members'" />
							{vb:set filterText, {vb:rawphrase members_only}}
						<vb:elseif condition="$filterValue == 'follow_channel'" />
							{vb:set filterText, {vb:rawphrase channel_only}}
						<vb:elseif condition="$filterValue == 'follow_contents'" />
							{vb:set filterText, {vb:rawphrase contents_only}}
						</vb:if>
					<vb:elseif condition="$filterName == 'type'" />
						{vb:set filterTextTooltip, {vb:phrase subscribed}}
						{vb:strcat filterTextTooltip, ' - '}
						<vb:if condition="$filterValue == 'follow_all'">
							{vb:set filterText, {vb:phrase subscribed}}
							{vb:strcat filterText, ' - '}
							{vb:strcat filterText, {vb:phrase all}}
						<vb:elseif condition="$filterValue == 'follow_members'" />
							{vb:set filterText, {vb:rawphrase members_only}}
						</vb:if>
					<vb:elseif condition="$filterName == 'filter_source'" />
						{vb:set filterTextTooltip, {vb:phrase source}}
						{vb:strcat filterTextTooltip, ' - '}
						<vb:if condition="$filterValue == 'source_all'">
							{vb:set filterText, {vb:phrase source}}
							{vb:strcat filterText, ' - '}
							{vb:strcat filterText, {vb:phrase all}}
						<vb:elseif condition="$filterValue == 'source_user'" />
							{vb:set filterText, {vb:raw userInfo.username}}
							{vb:strcat filterText, ' '}
							{vb:strcat filterText, {vb:phrase only}}
						<vb:elseif condition="$filterValue == 'source_vm'" />
							{vb:set filterText, {vb:rawphrase visitor_messages_only}}
						</vb:if>
					<vb:elseif condition="$filterName == 'filter_prefix'" />
						<vb:if condition="empty($invalidPrefix)">
							{vb:set filterTextTooltip, {vb:phrase prefix}}
							{vb:strcat filterTextTooltip, ' - '}
							<vb:if condition="$filterValue == -1">
								{vb:set filterText, {vb:rawphrase no_prefix_meta}}
							<vb:elseif condition="$filterValue == -2" />
								{vb:set filterText, {vb:rawphrase any_prefix_meta}}
							<vb:elseif condition="$filterValue == ''" />
								{vb:set filterText, {vb:rawphrase any_topic_meta}}
							<vb:else />
								{vb:set prefixName, {vb:raw prefixes.$filterValue}}
								{vb:set filterText, {vb:phrase {vb:raw prefixName}}}
							</vb:if>
						</vb:if>
					</vb:if>

					<vb:if condition="$filterText">
						{vb:set validFilters, {vb:math {vb:raw validFilters} + 1}}
						<div class="filter-text" data-filter-name="{vb:raw filterName}" data-filter-value="{vb:var filterValue}">
							{vb:strcat filterTextTooltip, {vb:raw filterText}}
							<span title="{vb:raw filterTextTooltip}">{vb:raw filterText}</span>
							<span class="b-icon b-icon__x-circle"></span>
						</div>
					</vb:if>
				</vb:each>
			</div>
			<a href="#" class="clear-all<vb:if condition="!isset($widgetConfig['url_default_filters']) OR $validFilters < 2"> h-hide</vb:if>">{vb:phrase clear_all}</a>
		</div>
		<div class="new-conversations-strip"><span></span> {vb:phrase conversation_new_posts}</div>
	</vb:if>
</div>

<vb:comment>Show pagination under toolbar in .l-xsmall</vb:comment>
<vb:if condition="!empty($showPageNav) OR !empty($showPageNavClient)">
	<div class="h-show-on-xsmall h-right h-margin-top-l js-under-toolbar-pagenav h-margin-bottom-m">
		{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1, removeMargin=1}
	</div>
</vb:if>]]></template>
		<template name="conversation_userinfo" templatetype="template" date="1506015934" username="vBulletin" version="5.3.4 Alpha 3"><![CDATA[{vb:set schemaAuthor.itemprop, author}
{vb:set schemaAuthor.itemscope, 1}
{vb:set schemaAuthor.itemtype, http://schema.org/Person}

<div class="userinfo b-userinfo b-post__hide-when-deleted" {vb:schema {vb:raw schemaAuthor}}>
	<vb:if condition="$user['showavatars']">
		{vb:set avatarbase, ''}
		<vb:if condition="empty($conversation['avatar']['isfullurl'])">
			{vb:set avatarbase, {vb:raw baseurl_corecdn}}
			{vb:strcat {vb:raw avatarbase}, "/"}
		</vb:if>

		<vb:if condition="!$conversation['userid'] AND $conversation['avatar']['avatarpath'] AND $conversation['avatar']['hascustom']">
			<span class="b-avatar b-avatar--m b-avatar--thread h-margin-bottom-l"><img src="{vb:raw avatarbase}{vb:raw conversation.avatar.avatarpath}" alt="{vb:raw conversation.authorname}" title="{vb:raw conversation.authorname}" /></span>
		<vb:elseif condition="!$conversation['userid']" />
			<span class="b-avatar b-avatar--m b-avatar--thread h-margin-bottom-l"><img src="{vb:raw avatarbase}images/default/default_avatar_medium.png" width="64" height="64" alt="{vb:phrase guest_avatar}" title="{vb:phrase guest_avatar}" /></span>
		<vb:elseif condition="!empty($conversation['senderAvatar']) AND !empty($conversation['senderAvatar']['avatarpath']) AND !empty($conversation['senderAvatar']['hascustom'])" />
			<a href="{vb:url 'profile', {vb:raw conversation}}" class="b-avatar b-avatar--m b-avatar--thread h-margin-bottom-l"><img src="{vb:raw avatarbase}{vb:raw conversation.senderAvatar.avatarpath}" alt="{vb:raw conversation.authorname}" title="{vb:raw conversation.authorname}" /></a>
		<vb:elseif condition="$conversation['avatar'] AND $conversation['avatar']['avatarpath'] AND $conversation['avatar']['hascustom']" />
			<a href="{vb:url 'profile', {vb:raw conversation}}" class="b-avatar b-avatar--m b-avatar--thread h-margin-bottom-l"><img src="{vb:raw avatarbase}{vb:raw conversation.avatar.avatarpath}" alt="{vb:raw conversation.authorname}" title="{vb:raw conversation.authorname}" /></a>
		<vb:else />
			<a href="{vb:url 'profile', {vb:raw conversation}}" class="b-avatar b-avatar--m b-avatar--thread h-margin-bottom-l"><img src="{vb:raw avatarbase}images/default/default_avatar_medium.png" width="64" height="64" alt="{vb:raw conversation.authorname}" title="{vb:raw conversation.authorname}" /></a>
		</vb:if>
	</vb:if>
	<!-- responsive alteration: Added userinfo-details wrapper in order to
	support left floated avatar with all other information on the right. -->
	{vb:set userInfo, {vb:raw conversation.userinfo}}
	<div class="b-userinfo__details">
		{vb:set schemaAuthor.itemprop, name}
		<div class="author h-text-size--14">
			<strong><vb:if condition="$conversation['userid'] > 0"><a href="{vb:url 'profile', {vb:raw conversation}}" {vb:schema schemaAuthor}></vb:if><vb:if condition="isset($conversation['musername'])">{vb:raw conversation.musername}<vb:elseif condition="isset($conversation['authorname'])" />{vb:raw conversation.authorname}<vb:else />{vb:phrase guest}</vb:if><vb:if condition="$conversation['userid'] > 0"></a></vb:if></strong>
			{vb:template pmchat_userinfo_link, conversation={vb:raw conversation}}
		</div>
		{vb:hook 'conversation_above_usertitle'}
		<vb:if condition="!empty($userInfo['usertitle'])">
			<vb:comment>usertitle is already html escaped in the userInfo array, if it's required</vb:comment>
			<div class="usertitle">{vb:raw userInfo.usertitle}</div>
		</vb:if>
		{vb:set reputationimglevel {vb:raw conversation.reputationimg.level}}

		<div class="b-meter h-margin-top-m {vb:raw conversation.reputationimg.type}" title="{vb:rawphrase {vb:raw reputationimglevel}}">
			{vb:set counter, {vb:php range, 1,5}}
			<vb:each from="counter" value="nr">
				<div class="b-meter__bar<vb:if condition="$conversation['reputationimg']['bars'] >= $nr"> b-meter__bar--selected</vb:if>"></div>
				<div class="b-meter__bar<vb:if condition="$conversation['reputationimg']['bars'] >= $nr"> b-meter__bar--selected</vb:if>"></div>
			</vb:each>
		</div>
		
		<div class="b-userinfo__rank h-margin-top-s{vb:if "empty($userInfo['rank'])", ' h-hide'}">{vb:raw userInfo.rank}</div>
		
		<ul class="b-userinfo__additional-info-block h-margin-top-xl">
			<vb:if condition="$conversation['userid'] > 0">
				<li class="b-userinfo__additional-info"><label>{vb:phrase join_date}:</label> <span>{vb:date {vb:raw userInfo.joindate}, 'registered'}</span></li>
				<li class="b-userinfo__additional-info"><label>{vb:phrase posts}:</label> <span>{vb:raw userInfo.posts}</span></li>
				<vb:if condition="isset($conversation['postelements']) AND $conversation['postelements'] == 4">
					<li class="b-userinfo__additional-info"><label>{vb:phrase infractions}:</phrase><span>{vb:raw conversation.warnings}/{vb:raw conversation.infractions} ({vb:raw conversation.ipoints})</span></li>
				</vb:if>
			</vb:if>
			{vb:hook 'conversation_userstats'}
		</ul>
		<ul class="b-userinfo__icons h-margin-none OLD__userinfo-extra OLD__icons">
			<vb:if condition="$conversation['online'] == 'online'">
				{vb:set olstatus, ' online'}
			<vb:else />
				{vb:set olstatus, ' offline'}
			</vb:if>
			<li class="b-userinfo__icon h-left OLD__online-status{vb:raw olstatus}" title="<vb:if condition="$olstatus == ' online'">{vb:rawphrase x_is_online_now, {vb:raw conversation.authorname}}<vb:else />{vb:rawphrase x_is_offline, {vb:raw conversation.authorname}}</vb:if>"><span class="b-icon b-icon__status--<vb:if condition="$conversation['online']=='online'">green<vb:else />gray</vb:if>"></span></li>

			{vb:template conversation_signature, type=collapsed, conversation={vb:raw conversation}, collapsedClass="b-userinfo__icon h-left"}
		</ul>
	</div>
</div>]]></template>
	</templategroup>
	<templategroup name="CSS">
		<template name="css_additional.css" templatetype="template" date="1461273700" username="vBulletin" version="5.0.0 Alpha 34" />
		<template name="css_blogs_groups.css" templatetype="template" date="1552697468" username="vBulletin" version="5.5.2 Alpha 2"><![CDATA[/* CSS rules specifically for blogs and groups. */

#blog-subscribers-list .avatar{
	height:34px;
}
.groupAvatars .avatar,
.blogAvatars .avatar {
	margin-{vb:stylevar right}: 5px;
	margin-bottom: 5px;
	max-width: 64px;
	max-heihgt: 64px;
	display:block;
}
.groupAvatarsSm .avatar,
.blogAvatarsSm .avatar {
	max-width: 32px;
	max-heihgt: 32px;
}
.blogAvatars .avatar img{
	border: {vb:stylevar activity_stream_avatar_border};
	display:block;
}
#blog-subscribers-list .author{
	margin-{vb:stylevar left}: 10px;
	margin-top: 10px;
	padding-bottom: 15px;
}
#blog-subscribers-list .subscriber{
	border-bottom: {vb:stylevar activity_stream_avatar_border};
	padding: 5px;
}
.blog-summary-details .blogIconImg {
	max-width:100%;
	width:auto;
}
.blogIcon .blog-icon-controls  {
	margin-{vb:stylevar left}: 3px;
}

.groupSummaryContainer .sg-icon-wrapper,
.blogSummaryContainer .blog-icon-wrapper {
	position: relative;
	max-width: 330px;
	max-height:330px;
	width:100%;
	height:100%;
	margin: 10px 0 0 0;
}


<vb:comment> BlogAdmin START</vb:comment>
.title-bar {
	background: {vb:stylevar toolbar_background};
	border: {vb:stylevar toolbar_border} !important;
	height: 36px;
}
.view-mode .canvas-layout-container .canvas-widget.blogadmin-widget .widget-content {
	padding: 0;
}
.blogadmin-widget .widget-content > h3 {
	margin-bottom: 8px;
}
.blogAdminLeft {
	float:{vb:stylevar left};
	width: 20%;
	margin: 0;
	padding:0;
	background: {vb:stylevar side_nav_background};
	border-{vb:stylevar right}: {vb:stylevar side_nav_border};
}
.blogAdminRight {
	width: 78.9%;
	float:{vb:stylevar right};
	margin: 0;
	padding:0;
}
.blogAdminLeft li {
	border-top: {vb:stylevar side_nav_item_border_top};
	border-bottom: {vb:stylevar side_nav_item_border_bottom};
	font-weight: bold;
}
.blogAdminLeft li a[href]:hover,
.blogAdminLeft li a[href]:active {
	background: {vb:stylevar side_nav_background_hover};
	color: {vb:stylevar side_nav_text_color_hover};
}
.blogAdminLeft li.blogAdminActive,
.blogAdminLeft li.blogAdminActive a,
.blogAdminLeft li.sgAdminActive,
.blogAdminLeft li.sgAdminActive a {
	background: {vb:stylevar side_nav_background_active};
	color: {vb:stylevar side_nav_text_color_active};
}
.blogAdminLeft li {
	color: {vb:stylevar side_nav_text_color};
}
.blogAdminLeft li a {
	display:block;
	padding: 8px;
	color: {vb:stylevar side_nav_text_color};
	cursor: default;
}
.blogAdminLeft li span {
	padding: 8px;
	display: block;
}
.blogAdminLeft li a[href] {
	cursor:pointer;
}
.blogAdminEditLeft {
	float: {vb:stylevar left};
	width: 30%;
	margin: 0;
	padding: 0 10px;
}
.blogAdminEditRight {
	float: {vb:stylevar right};
	width: 65%;
	margin: 0;
	padding: 0 10px;
}
.canvas-widget.blogadmin-widget .title-bar {
	border-width: 1px 0 !important;
}
.canvas-widget.blogadmin-widget .widget-content .blog-admin-content {
	border: {vb:stylevar module_content_border};
	border-top: 0;
}
.canvas-widget.blogadmin-widget .add_moderator {
	margin: 0 0 5px 0;
}
.sidebar-modules-container .widget {
	background:{vb:stylevar module_header_background};
	border: {vb:stylevar module_content_border};
	height: 3rem;
	line-height: 3rem;
	margin-top: 15px;
	padding: 0 10px;
	cursor:move;
	border-radius:3px;
}
.sidebar-modules-container .widget.hidden-widget {
	border-color: #E2E5E8;
}
.sidebar-modules-container .widget.module-drag-highlight {
	border-style:dashed;
	background:#FFF;
}
.sidebar-modules-container .widget:first-child {
	margin-top: 0;
}
.sidebar-modules-container .widget .module-title {
	margin: 0;
	margin-{vb:stylevar right}:10px;
	color:{vb:stylevar module_header_text_color};
	font: {vb:stylevar module_header_font};
	width: auto;
	line-height: 3rem;
}
.sidebar-modules-container .widget.hidden-widget .module-title {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.sidebar-modules-container .widget .module-controls label input {
	margin: 0;
	margin-{vb:stylevar right}:6px;
	margin-bottom: 0.3rem;
	vertical-align: middle;
	line-height: 3rem;
}
<vb:comment> BlogAdmin END</vb:comment>

.blog-form-row {
	clear: {vb:stylevar left};
	margin: 25px 35px 0 35px;
}
.b-content-entry-panel .blog-form-row {
	margin: 0; /* temporary rule during the CSS revamp transition */
}
.blog-form-row .row-title {
	float: {vb:stylevar left};
	font-weight: bold;
	width: 20%;
	margin: 0 0 0 0;
	text-align: {vb:stylevar left};
}
.blog-form-row .row-content {
	<vb:comment>/*float: {vb:stylevar left};*/
</vb:comment>
	width: 75%;
	margin: 0;
	margin-{vb:stylevar left}: 22%;
}
.blog-form-row .row-content hr {
	clear: both;
	visibility: hidden;
}
.blog-form-row .row-content label.header {
	display: block;
	font-weight: bold;
	margin-top: 10px;
}
.blog-form-row .row-content label input {
	margin-{vb:stylevar left}: 0;
	margin-{vb:stylevar right}: 7px;
	margin-top: 1px;
}
.blog-form-row .row-content label + label > input {
	margin-{vb:stylevar left}: 15px;
}
.blog-form-row .row-content .autocomplete-container {
	margin-bottom: 5px;
}
.blog-form-row .row-description {
	clear: both;
	width: 75%;
	margin: 5px 0 0;
	margin-{vb:stylevar left}: 22%;
	font-size: 1.1rem;
	color: #777;
}
.blog-form-row .span-columns {
	width: 100%;
	float: none;
	margin: 0;
	padding-bottom:25px;
}
.blogAdminForm .blogIcon .blogIconImg {
	max-width:350px;
	width:auto;
	margin-bottom:10px;
	margin-{vb:stylevar right}: 7px;
}


<vb:comment>must match the height of the paired avatar</vb:comment>
.blog-admin-member-name {
	line-height: 3.2rem;
}
<vb:comment> BlogAdmin END</vb:comment>


<vb:comment> BlogHome START</vb:comment>
#memberblog-tab .blogChannel-memberblogs {
	width:50%;
}
#memberblog-tab .blogChannel-statistics {
	width:20%;
}
#memberblog-tab .blogChannel-last-post {
	width:30%;
}
#memberblog-tab .list-container .list-header + .list-item {
	border-top:0;
}
#memberblog-tab .list-header .blogChannel-memberblogs {
	padding-{vb:stylevar left}: 10px;
}
#memberblog-tab .blogChannel-table {
	margin-bottom: 10px;
	table-layout: fixed;
	width: 100%;
}
#memberblog-tab .list-container {
	border-bottom:0;
}
#memberblog-tab .list-container.dataLoaded {
	border-bottom:{vb:stylevar form_dropdown_border};
}
<vb:comment> BlogHome END</vb:comment>

<vb:comment> Blog moderators START</vb:comment>
.manage_moderators_row {
	padding-{vb:stylevar left}: 20px;
	float: none;
	clear: both;
	padding-top: 15px;
}

.manage_moderators_row .moderators_left {
	float: {vb:stylevar left};
	width: 20%;
	font-weight: bold;
}

.manage_moderators_row .moderators_right {
	float: {vb:stylevar right};
	width: 79%;
}

table.contributors-list {
	width:100%;
}
.contributors-list th {
	text-transform:uppercase;
	border-bottom:{vb:stylevar popup_border};
	font-size: 1.2rem;
	text-align: {vb:stylevar left};
}
.contributors-list tr {
	border-bottom:{vb:stylevar popup_border};
	border-bottom-style:dotted;
}
.contributors-list tr:last-child {
	border-bottom:{vb:stylevar popup_border};
}
.contributors-list tr td img + a {
	display: inline-block;
	height: 2.4rem;
	line-height: 2.4rem;
}
<vb:comment> Blog moderators END</vb:comment>


<vb:comment> Invite member page START </vb:comment>
.blogadmin-widget .blogAdminRight .subscribers-list-container {
	padding: 5px;
	border: 2px solid #CACFD3;
	max-height: 300px;
	overflow-y: auto;
}

.blogadmin-widget .blogAdminRight .subscribers-list-container .subscribers-list-row .subscriber-container {
	padding: 5px;
	min-width: 150px;
}

<vb:comment> Invite member page END</vb:comment>



<vb:comment>Conversation START</vb:comment>
.blog-conversation-content-widget.conversation-content-widget .list-container > .list-item.deleted {
	border:0;
}
.blog-conversation-content-widget .conversation-list.stream-view .list-item .list-item-header .avatar {
	margin-{vb:stylevar left}:0;
	margin-{vb:stylevar right}:10px;
	padding:0;
}
.blog-conversation-content-widget .list-container .list-item .list-item-body {
	padding-{vb:stylevar left}:0;
	padding-{vb:stylevar right}:0;
}
.blog-conversation-content-widget .post-footer .content-tags {
	margin-{vb:stylevar left}:0;
	margin-{vb:stylevar right}:0;
}
.blog-conversation-content-widget .conversation-list .comment-entry-box {
	margin-bottom:0;
	margin-{vb:stylevar left}:0;
	margin-{vb:stylevar right}:0;
}
.blog-conversation-content-widget .conversation-list.stream-view .list-item-header .post-header {
	width: auto;
	margin-{vb:stylevar left}: 42px;
	<vb:comment>Room on right for inline mod checkbox and sharing menu trigger</vb:comment>
	margin-{vb:stylevar right}: 82px;
	float: none;
}
.blog-conversation-content-widget .post-header .post-date {
	margin-top:3px;
}
.blog-conversation-content-widget .inlinemod-item .checkbox {
	margin-{vb:stylevar right}: 9px;
	position: absolute;
	top: 0;
	{vb:stylevar right}: 0;
	z-index: 1;
}
.blog-conversation-content-widget .conversation-list .list-item-header .checkbox.h-right {
	padding: 0;
	float: none;
	width: auto;
}
.blog-conversation-content-widget .conversation-list.stream-view {
	border-width: 0;
}
<vb:comment>Unfortunately, until other CSS can be refactored, we need
some pretty long and ugly selectors here to override other rules.</vb:comment>
.l-small .blog-conversation-content-widget .b-comp-menu-dropdown.b-sharing-menu--inline-on-small {
	position: absolute;
	top: 2px;
	{vb:stylevar right}: 0;
}
.l-small .blog-conversation-content-widget .inlinemod-item .b-comp-menu-dropdown.b-sharing-menu--inline-on-small {
	{vb:stylevar right}: 32px;
}
.l-small .blog-conversation-content-widget.conversation-content-widget .conversation-list.stream-view .list-item-header .post-header.table .post-action-wrapper.td {
	padding-top: 0;
}
<vb:comment>Conversation END</vb:comment>



.sgIconUploader
{
	width:600px;
}


#groupSubscribersAll .pagenav-controls,
#blogSubscribersAll .pagenav-controls{
	float:{vb:stylevar left};
}
#groupSubscribersAll .group-subscribers-close,
#blogSubscribersAll .blog-subscribers-close{
	float:{vb:stylevar right};
}

<vb:comment></vb:comment>
.sgIconPreview {
	padding-top:10px;
}
.sg-contributors .avatar {
	margin:0;
	margin-{vb:stylevar right}: 3px;
}

.blogChannel-contributors .avatar {
	margin:0;
	margin-{vb:stylevar left}: 5px;
	margin-{vb:stylevar right}: 3px;
}
.sg-table {
	width:100%;
	table-layout: fixed;
	margin-bottom:10px;
}
.sg-table .sg-groups {
	overflow-wrap: break-word;
	word-wrap: break-word;
	overflow: hidden;
}
.sg-item-footer .sg-contributors {
	vertical-align: middle;
	width:50%;
}
.sg-item-footer .sg-category {
	width:50%;
}
.blogChannel-table .blogChannel-memberblogs {
	padding-{vb:stylevar left}: 0;
}
.sg-table .viewer,
.blogChannel-table .viewer {
	color: {vb:stylevar content_list_secondary_text_color};
}
.sg-table .sg-last-topics,
.blogChannel-table .blogChannel-last-post {
	padding-{vb:stylevar right}: 0;
}
.sg-item-footer,
.blogChannel-contributors {
	width:100%;
	margin-bottom:10px;
}
.sg-contributors,
.blogChannel-contributors {
	line-height: 1.8rem;
}
.groups-tab .conversation-list .list-item,
#memberblog-tab .conversation-list .list-item {
	padding-top:15px;
}
.groups-tab .sg-groups {
	width:50%;
}
.groups-tab .list-header .sg-groups {
	padding-{vb:stylevar left}: 10px;
}
.groups-tab .sg-statistics {
	width:20%;
}
.groups-tab .sg-last-topics {
	width:30%;
}
.groups-tab .list-container{
	border-bottom:0;
}
.groups-tab .sg-groups-list-container.dataLoaded {
	border-bottom:{vb:stylevar form_dropdown_border};
}


<vb:comment>
	*** GROUP LISTING *** LIST VIEW ***
</vb:comment>

.group-display-list {
	/* placeholder */
}

.group-display-list-container {
	/* placeholder */
}

.group-display-list-item {
	/* placeholder */
}


<vb:comment>
	*** GROUP LISTING *** GRID VIEW ***
</vb:comment>

.group-display-grid {
	/* placeholder */
}

.group-display-grid .sg-header {
	display: none;

}

.groups-tab .group-display-grid .sg-groups-list-container.dataLoaded {
	border-bottom: 0 none;
}

.group-display-grid-container {
	/* placeholder */
}

.group-display-grid-item {
	/* placeholder */
}]]></template>
		<template name="css_b_ajax_loading_indicator.css" templatetype="template" date="1540415861" username="vBulletin" version="5.4.6 Alpha 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		The indicator that shows when loading something via AJAX. Currently it's pretty simple, so there's no modifiers or elements used. But it can be extended to use them in the future.
		Note that we're manually overriding the style so it'll display in the examples page. It's also missing the &quot;js-loading-indicator&quot; and &quot;h-hide&quot; classes to prevent
		the example getting hidden by css or javascript. <em>Please include &quot;js-loading-indicator&quot; &amp; &quot;h-hide&quot; and don't override the style via the style attribute in the actual code.</em>
	</p>
	<div class="h-margin-bottom-l" style="position: relative; height: 50px;">
		<!-- This is just a container div to show the example. The real indicator is this div with the class b-ajax-loading-indicator. -->
		<div class="b-ajax-loading-indicator" id="loading-indicator" style="position: absolute;">
			<span>{vb:phrase working_ellipsis}</span>
		</div>
	</div>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
/* The Loading Indicator */

<vb:comment>
	TODO: .b-ajax-loading-indicator should be renamed, now that we're using
	it more as a generic message container instead.
</vb:comment>

.b-ajax-loading-indicator {
	box-sizing: border-box;
	min-width: 180px;
	position: fixed;
	top: 10px;
	{vb:stylevar left}: 50%;
	<vb:comment>Margin-left is half of min width to center it.</vb:comment>
	margin-{vb:stylevar left}: -90px;
	background: {vb:stylevar ajax_loading_background};
	border: {vb:stylevar ajax_loading_border};
	border-radius: 3px;
	padding: 7px;
	color: {vb:stylevar ajax_loading_text_color};
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	z-index: 99999;
}

.b-ajax-loading-indicator--medium {
	min-width: 300px;
	<vb:comment>Margin-left is half of min width to center it.</vb:comment>
	margin-{vb:stylevar left}: -150px;
	padding: 10px 20px;
	font-size: 1.4rem;
	font-weight: normal;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_article_content_pagenav.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>

<div class="h-margin-bottom-xxl">
	<p>This is used for the pagenav box for paging article content.</p>
</div>

<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-article-content-pagenav {
	background: {vb:stylevar comment_background};
	border-top: 1px solid {vb:stylevar comment_divider_color};
	border-bottom: 1px solid {vb:stylevar comment_divider_color};
}

.b-article-content-pagenav__previous {
	display: inline-block;
	height: 2.4rem;
	line-height: 2.4rem;
	overflow: hidden;
	text-align: {vb:stylevar left};
	float: {vb:stylevar left};
}

.b-article-content-pagenav__chooser {
	text-align: center;
}

.b-article-content-pagenav__next {
	display: inline-block;
	height: 2.4rem;
	line-height: 2.4rem;
	overflow: hidden;
	text-align: {vb:stylevar right};
	float: {vb:stylevar right};
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_attach_item.css" templatetype="template" date="1371677275" username="vBulletin" version="5.0.4 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		These CSS classes are for the attachment panel in the content entry UI.
		Specifically, just for a single attachment within the attachment panel as
		seen in the contententry_panel_attachments_item template.
	</p>
	<div class="h-margin-bottom-l">
		<div class="b-attach-item js-attach-item h-margin-top-xl">
			<div class="b-attach-item__thumb js-attach-item-image h-margin-right-xl h-left">
				<img class="b-attach-item__image" src="{vb:stylevar titleimage}" />
			</div>
			<div class="b-attach-item__controls">
				<span data-action="insert" class="b-link js-attach-ctrl h-margin-right-s">{vb:phrase insert}</span>
				<span data-action="insert_image" class="b-link js-attach-ctrl h-margin-right-s">{vb:phrase insert_image}</span>
				<span data-action="remove" class="b-link js-attach-ctrl h-margin-right-s">{vb:phrase remove}</span>
			</div>
			<div class="b-attach-item__filename js-attach-item-filename">Example file with image thumbnail.png</div>
			<div class="h-clearfix"></div>
		</div>
		<div class="b-attach-item js-attach-item h-margin-top-xl">
			<div class="b-attach-item__thumb js-attach-item-image h-margin-right-xl h-left">
				<span class="b-icon b-icon__doc--gray h-margin-bottom-m"></span>
			</div>
			<div class="b-attach-item__controls">
				<span data-action="insert" class="b-link js-attach-ctrl h-margin-right-s">{vb:phrase insert}</span>
				<span data-action="remove" class="b-link js-attach-ctrl h-margin-right-s">{vb:phrase remove}</span>
			</div>
			<div class="b-attach-item__filename js-attach-item-filename">Example file with doc thumbnail.txt</div>
			<div class="h-clearfix"></div>
		</div>
	</div>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-attach-item {
}

.b-attach-item__thumb {
	/*border: 1px solid {vb:stylevar section_divider_color};*/
	width: 35px;
	text-align: center;
}

.b-attach-item__image {
	max-height: 35px;
	max-width: 35px;
	margin: 0 auto;
}

.b-attach-item__controls {
}

.b-attach-item__filename {
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_avatar.css" templatetype="template" date="1516728771" username="vBulletin" version="5.4.1 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>



<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

<vb:comment>

/*--------------------------------------
 * AVATAR
 *------------------------------------*/
 
</vb:comment>



.b-avatar {
	display: inline-block;
	height:32px;
	width:32px;
	border: {vb:stylevar activity_stream_avatar_border};
}

.b-avatar > img {
	max-height:32px;
	max-width:32px;
}

.b-avatar--m {
	height:64px;
	width:64px;
}

.b-avatar--m > img {
	max-height:64px;
	max-width:64px !important;
}

.b-avatar--s {
	height:55px;
	width:55px;
}

.b-avatar--s > img {
	max-height:55px;
	max-width:55px !important;
}

.b-avatar--xs {
	height:24px;
	width:24px;
}

.b-avatar--xs > img {
	max-height:24px;
	max-width:24px !important;
}

.b-avatar--xxs {
	height:18px;
	width:18px;
}

.b-avatar--xxs > img {
	max-height:18px;
	max-width:18px !important;
}

.b-avatar--auto
{
	width: 100%;
	height: auto; /* maintain aspect ratio @ resize */
}

.b-avatar--pmchat
{
	min-width: 14px;
	max-width: 42px;
	box-sizing: border-box;
}

.b-avatar--thread {
	border: {vb:stylevar thread_view_avatar_border};
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_bbcode_user.css" templatetype="template" date="1484687018" username="vBulletin" version="5.2.7 Alpha 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>

<p>This implements the @user mention bbcode display.</p>

<p>
	<b>With avatars:</b>
	{vb:set sampleUserInfo.userid, {vb:raw user.userid}}
	Hi there, <a style="background-image:url('{vb:var baseurl_core}/image.php?userid={vb:var user.userid}&amp;type=icon&amp;v={vb:date timenow, Y}{vb:date timenow, m}{vb:date timenow, d}');" class="b-bbcode-user b-bbcode-user--has-avatar" href="{vb:url 'profile', {vb:raw sampleUserInfo}}">{vb:raw user.username}</a> how are you?
</p>

<p>
	<b>Without avatars:</b>
	Hi there, <a class="b-bbcode-user" href="{vb:url 'profile', {vb:raw sampleUserInfo}}">{vb:raw user.username}</a> how are you?
</p>


<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

<vb:comment>/* keep .b-bbcode-user and .b-bbcode-user--has-avatar synced with css_editor.css */</vb:comment>
.b-bbcode-user {
	<vb:comment>Inline block allows the @ sign to switch to the opposite
	side in RTL</vb:comment>
	display: inline-block;
}
.b-bbcode-user:before {
	content: "@";
}
.b-bbcode-user--has-avatar {
	background-position: {vb:stylevar left} 2px;
	background-repeat: no-repeat;
	background-size: auto 14px;
	padding-{vb:stylevar left}: 16px;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_button.css" templatetype="template" date="1553297356" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">

	<div class="h-margin-bottom-l">
		<p>Primary button <code>.b-button .b-button--primary</code></p>
		<div class="b-button-group b-button-group--demo">
			<button class="b-button b-button--primary" type="submit">Primary Button</button>
			<button class="b-button b-button--primary" type="submit" disabled="disabled">Disabled Primary Button</button>
		</div>
	</div>

	<div class="h-margin-bottom-l">
		<p>Regular button <code>.b-button</code> (and optionally <code>.b-button--secondary</code>)</p>
		<div class="b-button-group b-button-group--demo">
			<button class="b-button" type="reset">Regular Button</button>
			<button class="b-button" type="reset" disabled="disabled">Disabled Regular Button</button>
		</div>
	</div>

	<p>File upload button: <code>.b-button .b-button--upload</code> (and other markup)</p>
	<p>
		You can create a customized &lt;input type="file"&gt; interface by wrapping a tag with this class around the file input tag:
	</p>
	<p>
		<ol>
			<li>1. Create a file input tag with class b-form-input__file--hidden</li>
			<li>2. Wrap it in a tag with class .b-button--upload (we recommend using an HTML &lt;label&gt; tag, because some browsers will register a click on the label as activating the contained file input tag.</li>
		</ol>
	</p>

	<div class="h-margin-bottom-l">
		<div class="b-button-group b-button-group--demo">
			<label class="b-button b-button--upload js-button" tabindex="0">
				<span class="b-button__upload-label">{vb:phrase upload}</span>
				<input type="file" class="b-form-input__file--hidden">
			</label>
			<span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
		</div>
	</div>

	<div class="h-margin-bottom-l">
		<p>Primary light button <code>.b-button .b-button--primary-light</code></p>
		<div class="b-button-group b-button-group--demo">
			<button class="b-button b-button--primary-light" type="submit">Primary Light Button</button>
			<button class="b-button b-button--primary-light" type="submit" disabled="disabled">Disabled Primary Light Button</button>
		</div>
	</div>

	<div class="h-margin-bottom-l">
		<p>Special button <code>.b-button .b-button--special</code></p>
		<div class="b-button-group b-button-group--demo">
			<button class="b-button b-button--special" type="submit">Special Button</button>
			<button class="b-button b-button--special" type="submit" disabled="disabled">Disabled Special Button</button>
		</div>
	</div>

	<div class="h-margin-bottom-l">
		<p>Pseudo-buttons -- buttons using a &lt;span&gt; or &lt;a&gt; element etc.</p>
		<div class="b-button-group b-button-group--demo">
			<button class="b-button" type="submit">This is a &lt;button&gt;</button>
			<input class="b-button" type="submit" value="This is an &lt;input&gt;" />
			<span class="b-button js-button" tabindex="0">This is a &lt;span&gt;</span>
			<a href="#" class="b-button js-button">This is an &lt;a&gt;</a>
			<a class="b-button js-button" tabindex="0">This is an &lt;a&gt; with no href</a>
		</div>
	</div>

	<div class="h-margin-bottom-l">
		<p>The same buttons in their disabled state</p>
		<div class="b-button-group b-button-group--demo">
			<button class="b-button" type="submit" disabled="disabled">This is a &lt;button&gt;</button>
			<input class="b-button" type="submit" value="This is an &lt;input&gt;" disabled="disabled" />
			<span class="b-button js-button" tabindex="0" disabled="disabled">This is a &lt;span&gt;</span>
			<a href="#" class="b-button js-button" disabled="disabled">This is an &lt;a&gt;</a>
			<a class="b-button js-button" tabindex="0" disabled="disabled">This is an &lt;a&gt; with no href</a>
		</div>
	</div>

</div>

	<p>Note about pseudo buttons</p>
	<p>When using a pseudo button (using the <code>.b-button</code> class on an element other than <code>&lt;button&gt;</code> or <code>&lt;input type=&quot;button&quot;&gt;</code>), it should always be accompanied by the <code>.js-button</code> class, which gives the pseudo button the same keyboard behavior as a real button, namely, you can use enter or spacebar to activate the button after tabbing to it. It should also be accompanied by a tabindex attribute set to 0 <code>tabindex="0"</code> to insert it into the keyboard navigation order of the page.</p>
	<p>See also: css_b_link.css for pseudo links.</p>

	<p>NOTE: There is no need to use <code>.h-right</code> or <code>.h-left</code> on the buttons or on the button group, in fact, using it will cause the buttons to not go full width in Responsive.</p>

<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>



<vb:comment>
	**************************
	Base button - When no other modifiers are applied, this looks the same as the secondary button.
	**************************
</vb:comment>
.b-button,
<vb:comment>CKEditor-specific selectors needed to override CKEditor CSS</vb:comment>
.cke_dialog_body .cke_dialog_contents .b-button {
	box-sizing: border-box;
	<vb:comment>Inline block for buttons that are not inside a b-button-group</vb:comment>
	display: inline-block;
	min-width: 65px;
	vertical-align: middle;

	border-radius: 2px;
	border: {vb:stylevar button_secondary_border};

	text-align: center;
	font: {vb:stylevar button_font};
	line-height: 1.6rem;
	padding: 0.4rem 1.2rem;

	<vb:comment>/* Any image specified in this background stylevar is overridden by the linear-gradient below */</vb:comment>
	background: {vb:stylevar button_secondary_background};

	color: {vb:stylevar button_secondary_text_color};
}
<vb:comment>/* Override color applied to A elements */</vb:comment>
.b-button:link,
.b-button:visited,
<vb:comment>CKEditor-specific selectors needed to override CKEditor CSS</vb:comment>
.cke_dialog_body .cke_dialog_contents .b-button:link,
.cke_dialog_body .cke_dialog_contents .b-button:visited {
	color: {vb:stylevar button_secondary_text_color};
}
<vb:comment>/*
	This block of overly specific rules overrides other rules with the
	same selectors (minus the .b-button) that was making button text blue.
	I'm using specificity to override them instead of !important.
	TODO: Once everything is converted to BEM and uses a single class
	we won't need these.
*/</vb:comment>
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button,
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button:active,
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button:visited,
.widget-tabs.ui-tabs .ui-widget-content a.b-button,
.widget-tabs.ui-tabs .ui-widget-content a.b-button:active,
.widget-tabs.ui-tabs .ui-widget-content a.b-button:visited,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button:active,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button:visited,
.widget-tabs.ui-tabs .ui-widget-content a.b-button:hover,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button:hover,
.ui-state-default a.b-button,
.ui-state-default a.b-button:link,
.ui-state-default a.b-button:visited,
<vb:comment>Also override the text decoration from a elements VBV-18349</vb:comment>
a.b-button,
a.b-button:link,
a.b-button:visited {
	color: {vb:stylevar button_secondary_text_color};
	text-decoration: none;
}
<vb:comment>/*
	This block of overly specific rules overrides other rules with the
	same selectors (minus the .b-button) that was making button text blue.
	I'm using specificity to override them instead of !important.
	TODO: Once everything is converted to BEM and uses a single class
	we won't need these.
*/</vb:comment>
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button.b-button--primary,
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button.b-button--primary:active,
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a.b-button.b-button--primary:visited,
.widget-tabs.ui-tabs .ui-widget-content a.b-button.b-button--primary,
.widget-tabs.ui-tabs .ui-widget-content a.b-button.b-button--primary:active,
.widget-tabs.ui-tabs .ui-widget-content a.b-button.b-button--primary:visited,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button.b-button--primary,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button.b-button--primary:active,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button.b-button--primary:visited,
.widget-tabs.ui-tabs .ui-widget-content a.b-button.b-button--primary:hover,
.sb-dialog.ui-dialog-content.ui-widget-content a.b-button.b-button--primary:hover,
.ui-state-default a.b-button.b-button--primary,
.ui-state-default a.b-button.b-button--primary:link,
.ui-state-default a.b-button.b-button--primary:visited {
	color: {vb:stylevar button_primary_text_color};
	text-decoration: none;
}
.b-button,
.ui-widget .b-button,
<vb:comment>CKEditor-specific selectors needed to override CKEditor CSS</vb:comment>
.cke_dialog_body .cke_dialog_contents .b-button {
	<vb:comment>Override jQuery UI's specific ui-widget button rules</vb:comment>
	font: {vb:stylevar button_font};
}
<vb:comment>Override more jQuery UI's specific ui-widget button rules</vb:comment>
.ui-tabs .ui-tabs-nav .ui-tabs-anchor.b-button {
	padding: 0.4rem 1.2rem;
}
<vb:comment>/* Default hover/focus state */</vb:comment>
.b-button:focus,
.b-button:hover {
	cursor: pointer;
	border: {vb:stylevar button_secondary_border_hover};
}




<vb:comment>
	**************************
	Primary button -- White text on bright blue background
	**************************
</vb:comment>
.b-button--primary,
.b-button--primary:link,
.b-button--primary:visited,
<vb:comment>CKEditor-specific selectors needed to override CKEditor CSS</vb:comment>
.cke_dialog_body .cke_dialog_contents .b-button--primary,
.cke_dialog_body .cke_dialog_contents .b-button--primary:link,
.cke_dialog_body .cke_dialog_contents .b-button--primary:visited {
	<vb:comment>/* Any image specified in this background stylevar is overridden by the linear-gradient below */</vb:comment>
	background: {vb:stylevar button_primary_background};
	border: {vb:stylevar button_primary_border};
	color: {vb:stylevar button_primary_text_color.color};
}
.b-button--primary:focus,
.b-button--primary:hover,
<vb:comment>CKEditor-specific selectors needed to override CKEditor CSS</vb:comment>
.cke_dialog_body .cke_dialog_contents .b-button--primary:focus,
.cke_dialog_body .cke_dialog_contents .b-button--primary:hover {
	<vb:comment>/* Any image specified in this background stylevar is overridden by the linear-gradient below */</vb:comment>
	background: {vb:stylevar button_primary_background_hover};
	border: {vb:stylevar button_primary_border_hover};
	color: {vb:stylevar button_primary_text_color_hover.color};
}




<vb:comment>
	**************************
	Primary light button -- Dark text on a light blue background
	**************************
</vb:comment>
.b-button--primary-light,
.b-button--primary-light:link,
.b-button--primary-light:visited {
	<vb:comment>/* Any image specified in this background stylevar is overridden by the linear-gradient below */</vb:comment>
	background: {vb:stylevar button_primary_light_background};
	border: {vb:stylevar button_primary_light_border};
	color: {vb:stylevar button_primary_light_text_color.color};
}
.b-button--primary-light:focus,
.b-button--primary-light:hover {
	border: {vb:stylevar button_primary_light_border_hover};
}




<vb:comment>
	**************************
	Secondary button -- Dark text on light grey background
	**************************
</vb:comment>
.b-button--secondary,
.b-button--secondary:link,
.b-button--secondary:visited,
<vb:comment>CKEditor-specific selectors needed to override CKEditor CSS</vb:comment>
.cke_dialog_body .cke_dialog_contents .b-button--secondary,
.cke_dialog_body .cke_dialog_contents .b-button--secondary:link,
.cke_dialog_body .cke_dialog_contents .b-button--secondary:visited {
	<vb:comment>/* Any image specified in this background stylevar is overridden by the linear-gradient below */</vb:comment>
	background: {vb:stylevar button_secondary_background};
	border: {vb:stylevar button_secondary_border};
	color: {vb:stylevar button_secondary_text_color.color};
}
<vb:comment>Need to set the color for the span that is *inside* some ckeditor buttons.</vb:comment>
.cke_dialog_body .cke_dialog_contents .b-button--secondary span {
	color: {vb:stylevar button_secondary_text_color.color};
}
.b-button--secondary:focus,
.b-button--secondary:hover,
<vb:comment>CKEditor-specific selectors needed to override CKEditor CSS</vb:comment>
.cke_dialog_body .cke_dialog_contents .b-button--secondary:focus,
.cke_dialog_body .cke_dialog_contents .b-button--secondary:hover {
	border: {vb:stylevar button_secondary_border_hover};
}



<vb:comment>
	**************************
	Special button -- Dark text on peach background
	**************************
</vb:comment>
.b-button--special,
.b-button--special:link,
.b-button--special:visited {
	<vb:comment>/* Any image specified in this background stylevar is overridden by the linear-gradient below */</vb:comment>
	background: {vb:stylevar button_special_background};
	border: {vb:stylevar button_special_border};
	color: {vb:stylevar button_special_text_color.color};
}
.b-button--special:focus,
.b-button--special:hover {
	border: {vb:stylevar button_special_border_hover};
}




<vb:comment>
	**************************
	Disabled state. This applies to all button styles above, and must be defined
	after them to override them.
	We're using the attribute rather than a modifier to be practical. Of course, this may change...
	**************************
</vb:comment>
.b-button[disabled],
.b-button[disabled]:hover {
	border: {vb:stylevar button_disabled_border};
	color: {vb:stylevar button_disabled_text_color};
	cursor: default;

	<vb:comment>/* Any image specified in this background stylevar is overridden by the linear-gradient below */</vb:comment>
	background: {vb:stylevar button_disabled_background};
}



<vb:comment>/*
	**************************
	Add the linear-gradient background image override to all buttons.
	This overrides the background image from the stylevars with this
	partially transparent linear gradient which allows the background
	color to show through.
	All buttons that use a background stylevar need to be added here.
	**************************
*/</vb:comment>
.b-button,
.b-button[disabled],
.b-button[disabled]:hover,
.b-button--primary,
.b-button--primary:link,
.b-button--primary:visited,
.b-button--primary:focus,
.b-button--primary:hover,
.b-button--primary-light,
.b-button--primary-light:link,
.b-button--primary-light:visited,
.b-button--secondary,
.b-button--secondary:link,
.b-button--secondary:visited,
.b-button--special,
.b-button--special:link,
.b-button--special:visited,
<vb:comment>For fullcalendar buttons</vb:comment>
.fc-button.fc-state-default,
.fc-button.fc-state-default.fc-state-disabled,
<vb:comment>CKEditor-specific selectors needed to override CKEditor CSS</vb:comment>
.cke_dialog_body .cke_dialog_contents .b-button,
.cke_dialog_body .cke_dialog_contents .b-button:link,
.cke_dialog_body .cke_dialog_contents .b-button:visited,
.cke_dialog_body .cke_dialog_contents .b-button:focus,
.cke_dialog_body .cke_dialog_contents .b-button:hover,
.cke_dialog_body .cke_dialog_contents .b-button--primary,
.cke_dialog_body .cke_dialog_contents .b-button--primary:link,
.cke_dialog_body .cke_dialog_contents .b-button--primary:visited,
.cke_dialog_body .cke_dialog_contents .b-button--primary:focus,
.cke_dialog_body .cke_dialog_contents .b-button--primary:hover,
.cke_dialog_body .cke_dialog_contents .b-button--secondary,
.cke_dialog_body .cke_dialog_contents .b-button--secondary:link,
.cke_dialog_body .cke_dialog_contents .b-button--secondary:visited,
<vb:comment>Selectors needed to override user profile customization CSS</vb:comment>
.profile-container .profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.b-button--secondary, 
.profile-container .profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.b-button--secondary:hover, 
.profile-container .profileTabs .conversation-toolbar-wrapper .conversation-toolbar a.b-button.b-button--secondary, 
.profile-container .profileTabs .conversation-toolbar-wrapper .conversation-toolbar a.b-button.b-button--secondary:visited,
.profile-container .profileTabs .conversation-toolbar .b-button.b-button--secondary, 
.profile-container .profileTabs .conversation-toolbar .b-button.b-button--secondary:hover {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.7) 100%);
	background-repeat: repeat;
	background-position: 0 0;
}


<vb:comment>Shows a button in the "pressed" state (currently selected, depressed)</vb:comment>
.b-button.b-button--pressed {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(150, 150, 150, 0.1) 50%, rgba(255, 255, 255, 0.7) 100%);
}


<vb:comment>/*
	**************************
	Full width buttons -- The second, overly specific selector is to override
	the margins added in b-button-group (css specificity)
	**************************
*/</vb:comment>
.b-button--full,
.b-button-group .b-button.b-button--full {
	display: block;
	float: none;
	margin-{vb:stylevar left}: 0;
	margin-{vb:stylevar right}: 0;
	margin-bottom: 7px;
	width: 100%;
}
.b-button--full:last-child,
.b-button-group .b-button.b-button--full:last-child {
	margin-bottom: 0;
}



<vb:comment>/*
	**************************
	Wide buttons (not to be confused with full width buttons)
	**************************
*/</vb:comment>
.b-button--wide {
	min-width: 230px;
}



<vb:comment>/*
	**************************
	Narrow buttons (as narrow as possible, based on the text in them)
	**************************
*/</vb:comment>
.b-button--narrow {
	min-width: 0;
}



<vb:comment>/*
	**************************
	Icon buttons -- As narrow as possible, same height as buttons with text
	**************************
*/</vb:comment>
.b-button--icon,
<vb:comment>Extra selectors to override other CSS</vb:comment>
.b-button.b-button--icon {
	min-width: 0;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.b-button--icon .b-icon {
	vertical-align: top;
}
.l-small .b-button--icon .b-icon {
	vertical-align: middle;
}


<vb:comment>
/*--------------------------------------
 * UPLOAD BUTTON
 * --------------------------------------
 *
 * You can create a customized <input type="file"> interface by wrapping a tag
 * with this class around the file input tag:
 *
 * 1. Create a file input tag with class .b-form-input__file--hidden
 * 2. Wrap it in a tag with class .b-button--upload (we recommend using an HTML
 *    <label> tag, because some browsers will register a click on the label as
 *    activating the contained file input tag.
 *
 * Example implementation:
 *
 * <label class="b-button b-button--upload">
 *   <span class="b-button__upload-label">{vb:phrase upload}</span>
 *   <input type="file" class="b-form-input__file--hidden">
 * </label>
 * <span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
 *
 **/
</vb:comment>

.b-button--upload {
	position: relative;
	overflow: hidden;
}

.b-button__upload-label {
	margin: 0;
}



<vb:comment>
	**************************
	Sitebuilder buttons -- Green with rounded corners
	The colors should probably be in stylevars, BUT for now I'm just
	Copying/porting this CSS from the previous declarations.
	**************************
</vb:comment>
.b-button--sitebuilder {
	border-radius: 12px;
	min-width: 75px;
	padding: 0.25em 1.2em;
}

.b-button--sitebuilder,
.b-button--sitebuilder.b-button--secondary {
	background-color: #ced0d1;
	color: #323b44;
	border: 1px solid #b3b3b3;
	text-shadow: 0 2px 2px #dfdfdf;
	box-shadow: 0 1px 2px #cecece;
}
.b-button--sitebuilder:hover,
.b-button--sitebuilder.b-button--secondary:hover {
	background-color: #adb2b5;
	border: 1px solid #b3b3b3;
}

.b-button--sitebuilder.b-button--primary {
	background-color: #9bd43e;
	color: #2c3c12;
	border: 1px solid #94b357;
	text-shadow: 0 2px 2px #c5df8e;
	box-shadow: 0 1px 2px #c5df8e;
}
.b-button--sitebuilder.b-button--primary:hover {
	background-color: #b7fc62;
	border: 1px solid #94b357;
}



<vb:comment>/*
	**************************
	Button text
	**************************
*/</vb:comment>
.b-button__text-primary {
	<vb:comment>Placeholder, currently not used for CSS The .js- prefixed counterpart is used in JS.</vb:comment>
}
.b-button__text-secondary {
	<vb:comment>Placeholder, currently not used for CSS. The .js- prefixed counterpart is used in JS.</vb:comment>
}


<vb:comment>Set up the sprite path</vb:comment>
{vb:set imgdir_spriteiconsvb, {vb:stylevar imgdir_spriteiconsvb}}
<vb:if condition="!empty($imgdir_spriteiconsvb)">
	{vb:set spritepath, {vb:concat 
		{vb:stylevar imgdir_spriteiconsvb},
		"/sprite_icons_vb_",
		{vb:stylevar textdirection},
		".png?v=",
		{vb:var simpleversion}
	}}
<vb:else />
	{vb:set spritepath, {vb:spritepath sprite_icons_general.svg}}
</vb:if>



<vb:comment>/*
	**************************
	Button icons
	**************************
*/</vb:comment>
.b-button__icon {
	background: transparent url({vb:raw spritepath}) no-repeat scroll 0 0;
	display: inline-block;
	height: 8px;
	width: 8px;
	margin-{vb:stylevar right}: 5px;
	margin-bottom: 1px;
	vertical-align: middle;
}
.b-button__icon--plus {
	background-position: -240px -80px;
}

.b-button__icon--check {
	background-position: -256px -96px;
}


<vb:comment>
	TODO refactor follow_button, unsubscribe_button, post-reply-btn, etc
	I moved all these here as the first step to refactoring the .button-icon class into .b-button__icon
</vb:comment>
.b-button--follow .b-button__icon,
.follow_button .b-button__icon {
	background-position: -240px -80px;
}
.b-button--follow.isSubscribed .b-button__icon,
.follow_button.subscribed_button .b-button__icon {
	background-position: -256px -96px;
}
.b-button--unfollow .b-button__icon,
.unsubscribe_button .b-button__icon {
	display: none;
}
.b-button--follow.subscribe_pending .b-button__icon,
.follow_button.subscribe_pending .b-button__icon {
	display: none;
}
.share-btn .b-button__icon {
	background:transparent url({vb:raw spritepath}) no-repeat scroll -256px -80px;
	width: 14px;
	height: 9px;
}
.post-reply-btn .b-button__icon,
.join-btn .b-button__icon {
	width: 0;
	height: 0;
	background: none;
	display: none;
}
.pending-post-overlay-container .b-button__icon {
	background: transparent url({vb:raw spritepath}) no-repeat scroll -512px -16px;
	height: 10px;
	width: 6px;
}
.pending-post-overlay-container .pending-post-previous .b-button__icon {
	background-position: -464px -16px;
}
.pending-post-overlay-container .pending-post-previous:hover .b-button__icon {
	background-position: -480px -16px;
}
.pending-post-overlay-container .pending-post-previous.hide .b-button__icon {
	background-position: -496px -16px;
}
.pending-post-overlay-container .pending-post-next .b-button__icon {
	background-position: -512px -16px;
}
.pending-post-overlay-container .pending-post-next:hover .b-button__icon {
	background-position: -528px -16px;
}
.pending-post-overlay-container .pending-post-next.hide .b-button__icon {
	background-position: -544px -16px;
}



<vb:comment>/*
	**************************
	Dropdown Menu Buttons -- Buttons that turn into a dropdown menu
	This is essentially the ".split-button" system that needs to be refactored
	**************************
*/</vb:comment>
<vb:comment>/* 
	This is the containing element for the actual button and menu
	But it needs to behave like an actual button in terms of position
	and spacing inside the button group
*/</vb:comment>
.b-button--dropdown-menu-button {
	padding: 0;
}
<vb:comment>/* Temp fix for VBV-15891. This will be reworked with the split-button refactor VBV-15864 */</vb:comment>
.b-button--dropdown-menu-button .split-button-wrapper {
	height: auto;
}
.b-button--dropdown-menu-button .button-text {
	border: 0 none;
	background: transparent;
}
<vb:comment>Extra selectors needed to override other CSS until VBV-15864 is fixed</vb:comment>
.private-message-widget .b-button--dropdown-menu-button.split-button .split-button-wrapper .button-set .button-text {
	font-size: {vb:stylevar button_font.size, withUnits};
	padding: 0.4rem 1.2rem;
	padding-{vb:stylevar right}: 0;
}
.b-button--dropdown-menu-button .b-button__icon {
	border: 0 none;
	margin-bottom: 7px;
}
<vb:comment>/* End temp fix */</vb:comment>



<vb:comment>/*
	**************************
	Responsive buttons -- Larger in tablet size; stacked and larger in phone size.
	**************************
*/</vb:comment>

<vb:comment>/* Responsive tablet */</vb:comment>
.l-small .b-button {
	font-size: 1.7rem;
	<vb:comment>An explicit line height ensures that all buttons are the same height (avoids VBV-17253)</vb:comment>
	line-height: 2.2rem;
	padding: 0.4rem 1.36rem;
	font-weight: normal;
	<vb:comment>/* When buttons are not in a button group, they won't stack in responsive, but there are often enough buttons that they will wrap onto two lines. We add a bottom margin to deal with that. VBV-10848 */</vb:comment>
	margin-bottom: 4px;
}

<vb:comment>/* Responsive phone */</vb:comment>
.l-xsmall .b-button {
	font-size: 2rem;
	<vb:comment>An explicit line height ensures that all buttons are the same height (avoids VBV-17253)</vb:comment>
	line-height: 2.6rem;
	padding: 0.8rem 1.6rem;
	font-weight: normal;
	<vb:comment>/* When buttons are not in a button group, they won't stack in responsive, but there are often enough buttons that they will wrap onto two lines. We add a bottom margin to deal with that. VBV-10848 */</vb:comment>
	margin-bottom: 4px;
}



<vb:comment>/* Responsive temp fix for VBV-15891. This will be reworked with the split-button refactor VBV-15864 See .split-button above */</vb:comment>
.l-small .b-button--dropdown-menu-button {
	font-size: 1.7rem;
	padding: 0;
}
.l-small .private-message-widget .split-button .split-button-wrapper .button-set .button-text {
	font-size: 1.7rem;
	margin: 0;
	width: 100%;
}
.l-small .private-message-widget .split-button .split-button-wrapper .submenu li {
	height: 3rem;
	line-height: 3.1rem;
}
.l-small .b-button--dropdown-menu-button .b-button__icon {
	margin-bottom: 9px;
}

.l-xsmall .b-button--dropdown-menu-button {
	height: 3.6rem;
	font-size: 2rem;
	margin-bottom: 10px;
	padding: 0;
}
.l-xsmall #pmFloatingBarContent .b-button--dropdown-menu-button,
.l-xsmall #privateMessageContainer .b-button--dropdown-menu-button {
	margin-{vb:stylevar left}: 0;
}
.l-xsmall .private-message-widget .split-button .split-button-wrapper .button-set .td:first-child {
	width: 100%;
}
.l-xsmall .private-message-widget .split-button .split-button-wrapper .button-set .button-text {
	font-size: 2rem;
}
.l-xsmall .private-message-widget .split-button .split-button-wrapper .submenu {
	top: 34px;
}
.l-xsmall .private-message-widget .split-button .split-button-wrapper .submenu li {
	height: 3.4rem;
	line-height: 3.5rem;
}
.l-xsmall .b-button--dropdown-menu-button .b-button__icon {
	margin-bottom: 10px;
}
<vb:comment>/* End temp fix */</vb:comment>


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_button_group.css" templatetype="template" date="1460480467" username="vBulletin" version="5.2.2 Alpha 4"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		This is a re-usable block for grouping buttons together. It separates buttons horizontally within the group at desktop screen sizes, and stacks the buttons vertically at Responsive (small) screen sizes. It also controls if the buttons are grouped to the left or to the right of the screen using the <code>.b-button-group--left</code> and <code>.b-button-group--right</code> modifiers.

		Obviously, a pre-requisite is that the b-button css will also be loaded/used.
	</p>

	<div class="h-margin-bottom-l">
		For the left/right aligned button groups, the group itself is still full-width, but the buttons inside the group are floated left or right.
	</div>

	<div class="h-margin-bottom-l">
		<p>Right aligned button group (default)</p>
		<div class="b-button-group b-button-group--demo">
			<button class="b-button b-button--primary" type="submit">Primary Button</button>
			<button class="b-button" type="reset">Regular Button</button>
			<button class="b-button">Regular Button</button>
		</div>
	</div>

	<div class="h-margin-bottom-l">
		<p>Left aligned button group</p>
		<div class="b-button-group b-button-group--left b-button-group--demo">
			<button class="b-button b-button--primary" type="submit">Primary Button</button>
			<button class="b-button" type="reset">Regular Button</button>
			<button class="b-button">Regular Button</button>
		</div>
	</div>

	<div class="h-margin-bottom-l">
		<p>The <code>.b-button--opposite</code> modifier class allows you to add a button that will be displayed on the opposite side of the group from where the other buttons are.</p>
		<div class="b-button-group b-button-group--demo">
			<button class="b-button b-button--primary" type="submit">Save Item</button>
			<button class="b-button">Preview</button>
			<button class="b-button">Cancel</button>
			<button class="b-button b-button--primary b-button--opposite">Create New Item</button>
		</div>
	</div>

	<p>NOTE: There is no need to use <code>.h-right</code> or <code>.h-left</code> on the buttons, in fact, using it will cause the buttons to not go full width in Responsive. We should also avoid using the <code>.h-right</code> or <code>.h-left</code> classes on the button group. Instead we should have one full-width button group, and if you need to a button or buttons to the opposite side of the group, use the <code>.b-button--opposite</code> class. </p>

</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-button-group:after {
	<vb:comment>/* clearfix */</vb:comment>
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.b-button-group .b-button,
.b-button-group--right .b-button {
	display: block;
	float: {vb:stylevar right};
	margin-{vb:stylevar left}: 7px;
	margin-{vb:stylevar right}: 0;
}

.b-button-group--left .b-button {
	float: {vb:stylevar left};
	margin-{vb:stylevar right}: 7px;
	margin-{vb:stylevar left}: 0;
}

<vb:comment>/* modifier to float a button to the opposite side of the group from where all the other buttons are */</vb:comment>
.b-button-group .b-button--opposite,
.b-button-group--right .b-button--opposite {
	float: {vb:stylevar left};
	margin-{vb:stylevar right}: 7px;
	margin-{vb:stylevar left}: 0;
}

.b-button-group--left .b-button--opposite {
	float: {vb:stylevar right};
	margin-{vb:stylevar left}: 7px;
	margin-{vb:stylevar right}: 0;
}

<vb:comment>/* Last one doesn't need the margin */</vb:comment>
.b-button-group .b-button:last-child {
	<vb:comment>/* Applying the same value to left and right, so stylevars aren't necessary. */</vb:comment>
	margin-left: 0;
	margin-right: 0;
}



<vb:comment>/* Responsive, stack buttons */</vb:comment>
.l-xsmall .b-button-group {
	float: none;
	clear: both;
	<vb:comment>/* left/right stylevars not needed, since we're setting both the same */</vb:comment>
	margin-left: 0;
	margin-right: 0;
}
.l-xsmall .b-button-group .b-button,
.l-xsmall .b-button-group--right .b-button,
.l-xsmall .b-button-group--left .b-button {
	float: none;
	width: 100%;
	margin-{vb:stylevar left}: 0;
	margin-{vb:stylevar right}: 0;
	margin-bottom: 10px;
}
.l-xsmall .b-button-group .b-button:last-child,
.l-xsmall .b-button-group--right .b-button:last-child,
.l-xsmall .b-button-group--left .b-button:last-child {
	margin-bottom: 0;
}


.b-button-group--demo {
	border: 1px solid #CCC;
	padding: 15px;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_channel_nav.css" templatetype="template" date="1387567747" username="vBulletin" version="5.1.1 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>Example of the b-channel-nav block. Note that it can be nested for more than one level of navigation and highlights the currently selected item in bold. By adding the modifier <code>b-channel-nav--radio-buttons</code> and changing the markup, this block can also be used to output a set of radio buttons for choosing a channel. This is used on the article creation page.</p>
	<div class="h-margin-bottom-l">
		<ul class="b-channel-nav">
			<li class="b-channel-nav__item"><a href="#">Item One</a></li>
			<li class="b-channel-nav__item"><a href="#">Item Two</a>
				<ul class="b-channel-nav">
					<li class="b-channel-nav__item"><a href="#">Sub-item One</a></li>
					<li class="b-channel-nav__item"><a href="#">Sub-item Two</a></li>
				</ul>
			</li>
			<li class="b-channel-nav__item b-channel-nav__item--selected"><a href="#">Item Three (currently selected)</a></li>
			<li class="b-channel-nav__item"><a href="#">Item Four</a></li>
		</ul>
	</div>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-channel-nav {
	list-style-type: square;
	margin-{vb:stylevar left}: 14px;
}
.b-channel-nav__item {
	color: {vb:stylevar section_divider_color};
}
.b-channel-nav__item--selected {
	font-weight: bold;
}
.b-channel-nav__item--selected .b-channel-nav {
	font-weight: normal;
}
.b-channel-nav__item-unpublished {
	color: {vb:stylevar main_nav_login_error_text_color}; /* this stylevar should be renamed to warning_color or similar*/
}
.b-channel-nav--radio-buttons {
	list-style-type: none;
	margin-{vb:stylevar left}: 0;
	max-height: 250px;
	overflow: auto;
}
.b-channel-nav--radio-buttons .b-channel-nav--radio-buttons {
	margin-{vb:stylevar left}: 20px;
	max-height: none;
	overflow: visible;
}
.b-channel-nav--radio-buttons .b-channel-nav__item {
	color: inherit;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_comment.css" templatetype="template" date="1541016757" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>

Builds upon b-post to display comments.

<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>

/*--------------------------------------
 * COMMENT (individual comments)
 *------------------------------------*/

</vb:comment>

.b-comment {
	background: {vb:stylevar comment_background};
	border-top-color: {vb:stylevar comment_divider_color};
	border-width: 1px 0 0;
	border-radius: 0;
	box-sizing: border-box;
	margin: 0;
}

.b-comment:first-child {
	border-top-color: #FFF;
}

.b-comment__author {
	font-size: 1.4rem;
	font-weight: bold;
}

.b-comment .b-divider {
	display: none;
}

.b-comment--blog,
.b-comment--article {
	background: {vb:stylevar list_item_background};
	padding-{vb:stylevar left}: 0px;
	padding-{vb:stylevar right}: 0px;
}

.b-comment.b-post--unapproved {
	background: {vb:stylevar postbit_unapproved_background};
}

.b-comment.b-post--deleted {
	background: {vb:stylevar postbit_deleted_background};
}

<vb:comment>
	Inline moderation hilghight should always override the other colors.
	@TODO: Rename .inlinemod_highlight when we redo inlinemod CSS. And use a proper stylevar!
</vb:comment>
.b-comment.inlinemod_highlight {
	background: #D6E8EF;
}

.b-comment__edit-header {
	display: none;
}

<vb:comment>When editing a comment, swap the comment header and timestamp.</vb:comment>
.b-comment.b-post--edit .b-comment__edit-header {
	display: block;
}
.b-comment.b-post--edit .b-post__timestamp {
	display: none;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_comments.css" templatetype="template" date="1541086850" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>

/*--------------------------------------
 * COMMENTS
 *------------------------------------*/

</vb:comment>

.b-comments {
	margin-bottom: 15px;
}

.b-comments--blog,
.b-comments--article {
	margin-bottom: 0px;
}

.b-comments__header,
.b-comments__footer {
	border-width: 1px 0;
	border-color: {vb:stylevar comment_divider_color} transparent {vb:stylevar comment_divider_color};
	border-style: solid;
	background: {vb:stylevar comment_background};
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.1rem;
}

.b-comments--blog .b-comments__header,
.b-comments--blog .b-comments__footer,
.b-comments--article .b-comments__header,
.b-comments--article .b-comments__footer {
	background: {vb:stylevar list_item_background};
	border-bottom: none;
}

.b-comments__pagination--up,
.b-comments__pagination--down {
	text-align: center; 
	width: 15px;
	height: 15px;
	display: inline-block;
	background: {vb:stylevar button_arrow_background};
	vertical-align: middle;
	border: {vb:stylevar button_arrow_border};
	cursor:pointer;
	border-radius: 2px;
}

.b-comments__pagination--up .b-icon,
.b-comments__pagination--down .b-icon {
	/* attempt to center the icons */
	margin-top: 4px;
}

.b-comments__comments {
	width: 100%;
	border-bottom: 1px solid {vb:stylevar comment_divider_color};
}

.b-comments--blog .b-comments__comments,
.b-comments--article .b-comments__comments {
	border-bottom: none;
}

<vb:comment>
	We're using b-media with the b-comments__footer block and b-media's display:block
	is overriding h-hide.
</vb:comment>
.b-comments__footer.h-hide {
	display: none;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_comment_entry.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>

/*--------------------------------------
 * COMMENT ENTRY
 *------------------------------------*/

</vb:comment>

.b-comment-entry {
	border-top: 1px solid {vb:stylevar comment_divider_color};
	border-bottom: 1px solid {vb:stylevar comment_divider_color};
	background: {vb:stylevar comment_background};
}

.b-comment-entry__textbox {
	background: {vb:stylevar form_field_background};
	border: {vb:stylevar form_field_border};
	font: {vb:stylevar global_text_font};
	font-weight: normal;
	font-size: 1.2rem;
	color: inherit;
	padding: 12px;
	margin:0;
	resize:none;
	line-height: 1.6rem;
	border-radius: 3px;
	box-sizing: border-box;
	width: 100%;
	height: 5.8rem;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_comp_menu_dropdown.css" templatetype="template" date="1552097919" username="vBulletin" version="5.5.2 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<div class="h-margin-bottom-xxl">
	<p>The dropdown menu component. Please see the <code>css_b_comp_menu_dropdown.css</code> template for the proper markup and CSS to use, as opposed to inpecting the element, since both the CSS and markup are manipulated by Javascript. Also, there are elements and modifiers that are not shown in these examples, so reading the CSS file is recommended.</p>
</div>

<div class="b-comp-menu-dropdown__wrapper--demo h-clearfix">
	<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover h-left">
		<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--icon-trigger js-button" tabindex="0">
			<span class="b-icon b-icon__gear-s b-comp-menu-dropdown__trigger-icon">
				{vb:phrase administrative}
			</span>
		</div>
		<ul class="b-comp-menu-dropdown__content b-comp-menu-dropdown__content--right">
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum</a></li>
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum Dolor Sit Amet</a></li>
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum Dolor</a></li>
		</ul>
	</div>
</div>

<div class="b-comp-menu-dropdown__wrapper--demo h-clearfix">
	<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover h-right">
		<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--icon-trigger js-button" tabindex="0">
			<span class="b-icon b-icon__gear-s b-comp-menu-dropdown__trigger-icon">
				{vb:phrase administrative}
			</span>
		</div>
		<ul class="b-comp-menu-dropdown__content b-comp-menu-dropdown__content--right">
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum</a></li>
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum Dolor Sit Amet</a></li>
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum Dolor</a></li>
		</ul>
	</div>
</div>

<div class="b-comp-menu-dropdown__wrapper--demo h-clearfix">
	<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover h-left">
		<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger">
			My Menu
		</div>
		<ul class="b-comp-menu-dropdown__content b-comp-menu-dropdown__content--right">
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum</a></li>
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum Dolor Sit Amet</a></li>
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum Dolor</a></li>
		</ul>
	</div>
</div>

<div class="b-comp-menu-dropdown__wrapper--demo h-clearfix">
	<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover h-right">
		<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow js-button" tabindex="0"></div>
		<ul class="b-comp-menu-dropdown__content b-comp-menu-dropdown__content--right">
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum</a></li>
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum Dolor Sit Amet</a></li>
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum Dolor</a></li>
			<li class="b-comp-menu-dropdown__content-item"><a href="#some-url">Lorem Ipsum Dolor Sit</a></li>
		</ul>
	</div>
</div>


<vb:comment>END DOCUMENTATION</vb:comment>
<vb:else />
<vb:comment>BEGIN CSS RULES</vb:comment>


<vb:comment>/* 
	TODO use element components for the colors, borders, and padding in this template See VBV-15345
*/</vb:comment>


<vb:comment>
	*******************************
	***** MAIN DROPDOWN BLOCK *****
	*******************************
</vb:comment>

.b-comp-menu-dropdown {
	position: relative;
	display: inline-block;
	font: {vb:stylevar toolbar_font};
	text-transform: none;
}

.b-comp-menu-dropdown--conversation-toolbar {
	<vb:comment> Match the height of .conversation-toolbar (doesn't use a stylevar) </vb:comment>
	height: inherit;
}

.b-comp-menu-dropdown--main-menu {
	<vb:comment> Match the height of #channel-tabbar </vb:comment>
	height: {vb:stylevar header_tabbar_height};
}

.b-comp-menu-dropdown--headerbar {
	<vb:comment> Match the height of .b-top-menu--sitebuilder </vb:comment>
	height: 2.7rem;
	display: block;
	<vb:comment>Negative margins allow the menu to fill the entire space between
		the vertical divider bars. The margin is derived from the border widths
		used for the dividers in .b-top-menu--sitebuilder .divider</vb:comment>
	margin-{vb:stylevar left}: -2px;
	margin-{vb:stylevar right}: -1px;
}

.b-comp-menu-dropdown--headerbar.b-comp-menu-dropdown--open {
	height: 2.75rem;
	margin-top: 1px;
}

<vb:comment>Used by the header search dropdown menu - some of the following rules
contain ugly but necessary selectors to overide other CSS</vb:comment>
.b-comp-menu-dropdown--header-search {
	<vb:comment>Height based on b-form-input__input's height + padding</vb:comment>
	height: 100%;
	width: 2.2rem;
	display: block;
	color: {vb:stylevar toolbar_dropdown_text_color};
	margin: 0 -1px;
}
.b-comp-menu-dropdown--header-search .b-comp-menu-dropdown__trigger {
	padding: 0;
	<vb:comment>Center the icon vertically</vb:comment>
	display: flex;
	align-items: center;
}
.b-comp-menu-dropdown--header-search .b-comp-menu-dropdown__trigger .vb-icon {
	<vb:comment>Left/right stylevars not needed since values are the same</vb:comment>
	margin: 0 auto;
}
<vb:comment>Override "#header .toolbar > ul li" based styles</vb:comment>
#header .toolbar .b-comp-menu-dropdown--header-search .b-comp-menu-dropdown__content .b-comp-menu-dropdown__content-item {
	height: auto;
	line-height: normal;
	margin-{vb:stylevar left}: auto;
	width: 100%;
	box-sizing: border-box;
	font-weight: normal;
}


.b-comp-menu-dropdown--inactive {
	<vb:comment>/* placeholder used on horizontal menus to indicate they
		will turn into dropdown menus at small sizes. The placeholder will
		cause the dropdown css file to be loaded (this file) */</vb:comment>
}

.b-comp-menu-dropdown--direction-up {
	<vb:comment>This modifier is placed on the containing menu element,
		and affects both the __trigger and __content elements. The content
		(dropdown) opens up instead of down, and the bottom of it is
		aligned with the top of the trigger element. </vb:comment>
}


<vb:comment>
	*********************************************
	***** TRIGGER AND TRIGGER ICON ELEMENTS *****
	*********************************************
</vb:comment>

.b-comp-menu-dropdown__trigger {
	<vb:comment>Use the border width from the stylevar, set color to transparent</vb:comment>
	border: {vb:stylevar toolbar_dropdown_border};
	border-bottom-width: 0;
	border-color: transparent;
	padding: 0.6rem 1.2rem;
	color: inherit;
	background: transparent;
	cursor: pointer;
	display: block;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

<vb:comment>The --alert class is toggled by JS at the parent level, not the button level. As such we look for the parent class to reduce JS complexity at the cost of longer selectors</vb:comment>
.b-comp-menu-dropdown--alert .b-comp-menu-dropdown__trigger {
	background-color: #cef5ff;
}

.b-comp-menu-dropdown__trigger--outline {
	border: {vb:stylevar toolbar_dropdown_border};
}

.b-comp-menu-dropdown__trigger--solid {
	background: {vb:stylevar toolbar_dropdown_background_gradient_start.backgroundColor};
	color: {vb:stylevar toolbar_dropdown_text_color};
	border: {vb:stylevar toolbar_dropdown_border};
}

.b-comp-menu-dropdown__trigger--icon-trigger {
	padding: 0;
	min-width: 4rem;
	min-height: 2.8rem;
	<vb:comment>/* Match border width */</vb:comment>
	margin-top: {vb:stylevar toolbar_dropdown_border.width, withUnits};
}

.b-comp-menu-dropdown__trigger--icon-trigger .b-comp-menu-dropdown__trigger-icon {
	position: absolute;
	top: calc({vb:stylevar toolbar_border.width, withUnits} - {vb:stylevar toolbar_dropdown_border.width, withUnits});
	right: 0;
	bottom: {vb:stylevar toolbar_dropdown_border.width, withUnits};
	left: 0;
	margin: auto;
}

.b-comp-menu-dropdown__trigger--toolbar {
	height: calc(100% + {vb:stylevar toolbar_border.width, withUnits} + {vb:stylevar toolbar_dropdown_border.width, withUnits});
	margin-top: -{vb:stylevar toolbar_border.width, withUnits};
}

.b-comp-menu-dropdown--open-on-hover .b-comp-menu-dropdown__trigger:hover,
.b-comp-menu-dropdown--open-on-hover:hover .b-comp-menu-dropdown__trigger,
.b-comp-menu-dropdown--open .b-comp-menu-dropdown__trigger {
	background: {vb:stylevar toolbar_dropdown_background_gradient_start.backgroundColor};
	color: {vb:stylevar toolbar_dropdown_text_color};
	border: {vb:stylevar toolbar_dropdown_border};
	border-bottom-width: 0;
	margin-top: -1px;
	<vb:comment>/* Match border width */</vb:comment>
	margin-bottom: {vb:stylevar toolbar_dropdown_border.width, withUnits};
	<vb:comment>/* z-index one more than the __content element */</vb:comment>
	z-index: 99999;
}

.b-comp-menu-dropdown--open-on-hover .b-comp-menu-dropdown__trigger--icon-trigger:hover,
.b-comp-menu-dropdown--open-on-hover:hover .b-comp-menu-dropdown__trigger--icon-trigger,
.b-comp-menu-dropdown--open .b-comp-menu-dropdown__trigger--icon-trigger {
	margin-top: 1px;
}

.b-comp-menu-dropdown--open-on-hover .b-comp-menu-dropdown__trigger--arrow:hover,
.b-comp-menu-dropdown--open-on-hover:hover .b-comp-menu-dropdown__trigger--arrow,
.b-comp-menu-dropdown--open .b-comp-menu-dropdown__trigger--arrow {
	margin-top: 0;
}

.b-comp-menu-dropdown--open-on-hover .b-comp-menu-dropdown__trigger--toolbar:hover,
.b-comp-menu-dropdown--open-on-hover:hover .b-comp-menu-dropdown__trigger--toolbar,
.b-comp-menu-dropdown--open .b-comp-menu-dropdown__trigger--toolbar {
	margin-top: -{vb:stylevar toolbar_border.width, withUnits};
}

.b-comp-menu-dropdown--open-on-hover .b-comp-menu-dropdown__trigger--headerbar:hover,
.b-comp-menu-dropdown--open-on-hover:hover .b-comp-menu-dropdown__trigger--headerbar,
.b-comp-menu-dropdown--open .b-comp-menu-dropdown__trigger--headerbar {
	margin-top: -1px;
}

<vb:comment>Content (dropdown) opens up, and the bottom of it is aligned with the top of the trigger element</vb:comment>
.b-comp-menu-dropdown--direction-up.b-comp-menu-dropdown--open-on-hover .b-comp-menu-dropdown__trigger:hover,
.b-comp-menu-dropdown--direction-up.b-comp-menu-dropdown--open-on-hover:hover .b-comp-menu-dropdown__trigger,
.b-comp-menu-dropdown--direction-up.b-comp-menu-dropdown--open .b-comp-menu-dropdown__trigger {
	border: {vb:stylevar toolbar_dropdown_border};
	border-top-width: 0;
	margin-bottom: 0;
	<vb:comment>/* Match border width */</vb:comment>
	margin-top: {vb:stylevar toolbar_dropdown_border.width, withUnits};
}


<vb:comment>
	.b-comp-menu-dropdown__trigger--headerbar is intended to match font,
	color & hover effects for .b-top-menu--sitebuilder > ul > li > a
</vb:comment>
.b-comp-menu-dropdown__trigger--headerbar {
	font: {vb:stylevar main_nav_admin_bar_font};
	line-height: 2.7rem;
	color: {vb:stylevar main_nav_admin_bar_text_disabled_color};
	padding-top: 0;
	padding-bottom: 0;
	border-top: 0 none;
	border-bottom: 0 none;
	<vb:comment>Vertically align the avatar and down arrows</vb:comment>
	display: flex;
	align-items: center;
}
.h-disabled .b-comp-menu-dropdown__trigger--headerbar,
.h-disabled .b-comp-menu-dropdown__trigger--headerbar:hover {
	color: {vb:stylevar main_nav_admin_bar_text_disabled_color};
}
.b-comp-menu-dropdown__trigger--headerbar:hover {
	color: {vb:stylevar main_nav_admin_bar_text_color_hover};
}
.b-comp-menu-dropdown--open-on-hover .b-comp-menu-dropdown__trigger--headerbar:hover,
.b-comp-menu-dropdown--open-on-hover:hover .b-comp-menu-dropdown__trigger--headerbar,
.b-comp-menu-dropdown--open .b-comp-menu-dropdown__trigger--headerbar {
	border-top: 0 none;
	border-bottom: 0 none;
}


.b-comp-menu-dropdown__trigger .b-icon__arrow-down-s {
	margin-top: -1px;
	margin-{vb:stylevar left}: 3px;
}
.b-comp-menu-dropdown__trigger--headerbar .b-icon__arrow-down-s {
	margin-{vb:stylevar left}: 6px;
}


<vb:comment>
	***********************************
	***** TRIGGER DIVIDER ELEMENT *****
	***********************************
</vb:comment>

<vb:comment>
	TODO: .toolbar-divider and .b-comp-menu-dropdown__trigger-divider are essentially the same and should be combined.
</vb:comment>
.b-comp-menu-dropdown__trigger-divider {
	background-image: linear-gradient(to bottom, {vb:stylevar toolbar_dropdown_divider_color} 40%, rgba(0, 0, 0, 0.0) 20%);
	background-size: 1px 3px;
	background-repeat: repeat-y;
	<vb:comment>Hard-coded "left" because we want the divider to look the same in LTR and RTL.</vb:comment>
	background-position: left top;
	width: 2px;
	height: 24px;
	display: block;
	position: absolute;
	top: 1px;
	bottom: 0;
	{vb:stylevar left}: 0;
	{vb:stylevar right}: auto;
	margin: auto 0;
}
.b-comp-menu-dropdown__trigger-divider-inner {
	background-image: linear-gradient(to bottom, #FFF 40%, rgba(0, 0, 0, 0.0) 20%);
	background-size: 1px 3px;
	background-repeat: repeat-y;
	<vb:comment>Hard-coded "left" because we want the divider to look the same in LTR and RTL.</vb:comment>
	background-position: left top;
	width: 1px;
	height: 100%;
	display: block;
	margin-top: 1px;
	<vb:comment>Hard-coded "left" because we want the divider to look the same in LTR and RTL.</vb:comment>
	margin-left: 1px;
}
.b-comp-menu-dropdown__trigger-divider--left {
	{vb:stylevar left}: 0;
	{vb:stylevar right}: auto;
}
.b-comp-menu-dropdown__trigger-divider--right {
	{vb:stylevar left}: auto;
	{vb:stylevar right}: 0;
}
.b-comp-menu-dropdown--open .b-comp-menu-dropdown__trigger-divider {
	display: none;
}


<vb:comment>
	**********************************
	***** TRIGGER AVATAR ELEMENT *****
	**********************************
</vb:comment>

.b-comp-menu-dropdown__trigger-avatar {
	height: 19px;
	width: auto;
	float: {vb:stylevar left};
}


<vb:comment>
	************************************
	***** TRIGGER USERNAME ELEMENT *****
	************************************
</vb:comment>

.b-comp-menu-dropdown__trigger-username {
	float: {vb:stylevar left};
	margin-{vb:stylevar left}: 6px;
}


<vb:comment>
	***************************
	***** CONTENT ELEMENT *****
	***************************
</vb:comment>

.b-comp-menu-dropdown__content {
	border: {vb:stylevar toolbar_dropdown_border};
	margin: 0;
	<vb:comment>/* Match negative border width x 2 */</vb:comment>
	margin-top: -{vb:math {vb:stylevar toolbar_dropdown_border.width} * 2}{vb:stylevar toolbar_dropdown_border.units};
	padding: 0;
	position: absolute;
	top: auto;
	{vb:stylevar left}: 0;
	{vb:stylevar right}: auto;
	display: none;
	list-style: none;
	<vb:comment>/* make the content at least as wide as the trigger */</vb:comment>
	min-width: 100%;
	<vb:comment>/* z-index one less than the __trigger element */</vb:comment>
	z-index: 99998;
	box-sizing: border-box;

	background: {vb:stylevar form_dropdown_background.backgroundColor};
	background: linear-gradient(to bottom, {vb:stylevar toolbar_dropdown_background_gradient_start.backgroundColor}, {vb:stylevar toolbar_dropdown_background_gradient_end.backgroundColor});
}

<vb:comment>Content (dropdown) opens up, and the bottom of it is aligned with the top of the trigger element</vb:comment>
.b-comp-menu-dropdown--direction-up .b-comp-menu-dropdown__content {
	top: auto;
	bottom: 100%;
	margin: 0;
	<vb:comment>/* Match negative border width x 2 */</vb:comment>
	margin-bottom: -{vb:math {vb:stylevar toolbar_dropdown_border.width} * 2}{vb:stylevar toolbar_dropdown_border.units};

	background: {vb:stylevar form_dropdown_background.backgroundColor};
	<vb:comment>NOTE: This reverses the order of start/end. Since the menu is shown *above* the trigger, we want the start color at the bottom.</vb:comment>
	background: linear-gradient(to bottom, {vb:stylevar toolbar_dropdown_background_gradient_end.backgroundColor}, {vb:stylevar toolbar_dropdown_background_gradient_start.backgroundColor});
}

<vb:comment>
	Alignment (left or right) of the menu content (the dropdown) with
	the trigger element. If none is specified, the default is left aligned
	(the left side of the content is aligned with the left side of the trigger)
</vb:comment>
.b-comp-menu-dropdown__content--left {
	{vb:stylevar left}: 0;
	{vb:stylevar right}: auto;
}
.b-comp-menu-dropdown__content--right {
	{vb:stylevar right}: 0;
	{vb:stylevar left}: auto;
}

.b-comp-menu-dropdown--open-on-hover:hover .b-comp-menu-dropdown__content,
.b-comp-menu-dropdown--open .b-comp-menu-dropdown__content {
	display: inline-block;
}

<vb:comment>Multiple columns in the menu - keep in sync with MAX_COLUMN_COUNT in css_b_comp_menu_dropdown.js</vb:comment>
.b-comp-menu-dropdown__content--2-column,
.b-comp-menu-dropdown__content--3-column,
.b-comp-menu-dropdown__content--4-column {
	-moz-column-gap: {vb:stylevar toolbar_dropdown_border.width, withUnits};
	-webkit-column-gap: {vb:stylevar toolbar_dropdown_border.width, withUnits};
	column-gap: {vb:stylevar toolbar_dropdown_border.width, withUnits};
	-moz-column-rule: {vb:stylevar toolbar_dropdown_border};
	-webkit-column-rule: {vb:stylevar toolbar_dropdown_border};
	column-rule: {vb:stylevar toolbar_dropdown_border};
}
.b-comp-menu-dropdown__content--2-column {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}
.b-comp-menu-dropdown__content--3-column {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}
.b-comp-menu-dropdown__content--4-column {
	-moz-column-count: 4;
	-webkit-column-count: 4;
	column-count: 4;
}



<vb:comment>
	********************************
	***** CONTENT ITEM ELEMENT *****
	********************************
</vb:comment>

.b-comp-menu-dropdown__content-item {
	display: block;
	<vb:comment>This padding matches margin & padding on the contained A element below</vb:comment>
	padding: 0.6rem 1.2rem;
	cursor: pointer;
	white-space: nowrap;
	border-top: 1px dotted {vb:stylevar toolbar_dropdown_border.color};
}

.b-comp-menu-dropdown__content-item > a {
	display: block;
	<vb:comment>This margin & padding match the containing LI element above.
		This allows the LI element to have padding for non link markup it may
		contain, while at the same time allowing the link inside to be clickable
		all the way to the edge of the LI.</vb:comment>
	margin: -0.6rem -1.2rem;
	padding: 0.6rem 1.2rem;
}

.b-comp-menu-dropdown__content-item:first-child,
.b-comp-menu-dropdown__content-item--first,
.b-comp-menu-dropdown__content-item--column-first {
	border-top: 0 none;
}

.b-comp-menu-dropdown__content-item--column-trailing {
	border-bottom: 1px dotted {vb:stylevar toolbar_dropdown_border.color};
}

.b-comp-menu-dropdown__content-item--divider {
	border-top: 2px solid {vb:stylevar toolbar_dropdown_border.color};
}

.b-comp-menu-dropdown__content-item--indent1 {
	padding-{vb:stylevar left}: 2.4rem;
	background: {vb:stylevar toolbar_dropdown_item_background_active};
}

.b-comp-menu-dropdown__content-item--current {
	font-weight: bold;
	background: {vb:stylevar toolbar_dropdown_item_background_active};
}

.b-comp-menu-dropdown__content-item:hover {
	background: {vb:stylevar toolbar_dropdown_item_background_active};
}


<vb:comment>This is needed to override the styling from
.ui-state-hover for module tabs that are converted to dropdowns</vb:comment>
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item:hover {
	background: {vb:stylevar toolbar_dropdown_item_background_active};
	font-weight: {vb:stylevar toolbar_font.fontWeight};
	color: {vb:stylevar toolbar_dropdown_text_color};
	border-top: 1px dotted {vb:stylevar toolbar_dropdown_border.color};
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
}
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item--current:hover {
	font-weight: bold;
}
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item--no-hover:hover {
	background: transparent;
	cursor: default;
}
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item:first-child,
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item--first,
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item--column-first,
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item--first:hover,
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item--column-first:hover {
	border-top: 0 none;
}
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item--column-trailing {
	border-bottom: 1px dotted {vb:stylevar toolbar_dropdown_border.color};
}

.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item--divider,
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item--divider:hover {
	border-top: 2px solid {vb:stylevar toolbar_dropdown_border.color};
}
<vb:comment>END override style from .ui-state-hover</vb:comment>


.b-comp-menu-dropdown__content-item--no-hover:hover {
	background: transparent;
	cursor: default;
}


<vb:comment>/* 
	We need extra selectors for adding the color to override the
	base styles until those are removed or changed. This should only
	use ".b-comp-menu-dropdown__content-item a" as the selector.
*/</vb:comment>
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item a,
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item a:active,
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item a:visited,
.widget-tabs.ui-tabs .ui-widget-content .b-comp-menu-dropdown__content-item a,
.widget-tabs.ui-tabs .ui-widget-content .b-comp-menu-dropdown__content-item a:active,
.widget-tabs.ui-tabs .ui-widget-content .b-comp-menu-dropdown__content-item a:visited,
.sb-dialog.ui-dialog-content.ui-widget-content .b-comp-menu-dropdown__content-item a,
.sb-dialog.ui-dialog-content.ui-widget-content .b-comp-menu-dropdown__content-item a:active,
.sb-dialog.ui-dialog-content.ui-widget-content .b-comp-menu-dropdown__content-item a:visited {
	color: {vb:stylevar toolbar_dropdown_text_color};
}


<vb:comment>b-comp-menu-dropdown__content-item--unread & b-comp-menu-dropdown__content-item--unread-alert classes are added by javascript, not templates (pmchat.js)</vb:comment>
.b-comp-menu-dropdown__content-item--unread {
	background: {vb:stylevar private_messages_mark_as_unread_background};
	font-weight: bold;
}
.b-comp-menu-dropdown__content-item--unread-alert {
	background: #cef5ff;
}


<vb:comment>
	**************************************
	***** REPLACEMENT SELECT ELEMENT *****
	**************************************
</vb:comment>
.b-comp-menu-dropdown__select {
	text-transform: initial;
}


<vb:comment>
	*************************
	***** MISCELLANEOUS *****
	*************************
</vb:comment>

<vb:comment>/* Hide the "like" count in the dropdown menu */</vb:comment>
.b-comp-menu-dropdown .b-post-control__bubble-flyout {
	display: none;
}


<vb:comment>
	**********************
	***** RESPONSIVE *****
	**********************
</vb:comment>

.l-xsmall .b-comp-menu-dropdown {
	font-size: 1.6rem;
}

.l-xsmall .b-comp-menu-dropdown--block-on-xsmall {
	display: block;
	margin-left: 0;
	margin-right: 0;
}

.l-xsmall .b-comp-menu-dropdown__trigger,
.l-xsmall .b-comp-menu-dropdown__content-item {
	padding: 0.6rem 1.6rem;
}
.l-xsmall .b-comp-menu-dropdown__trigger--headerbar {
	padding: 0 0.8rem;
}

.l-xsmall .b-comp-menu-dropdown__trigger--icon-trigger {
	padding: 0;
	<vb:comment>Override the 1em font size for xsmall.</vb:comment>
	font: {vb:stylevar toolbar_font};
}

.l-xsmall .b-comp-menu-dropdown__trigger .b-icon__arrow-down-s {
	margin-top: -2px;
	margin-{vb:stylevar left}: 5px;
}

.l-xsmall .b-comp-menu-dropdown__content-item {
	line-height: 2.2rem;
}

.l-xsmall .b-comp-menu-dropdown__content-item--indent1 {
	padding-{vb:stylevar left}: 3.2rem;
}

.l-xsmall .b-comp-menu-dropdown__content-item .b-icon:not(.b-icon--show-on-xsmall) {
	<vb:comment>/* This hides the icons on each menu item in the dropdown menu */</vb:comment>
	display: none;
}

.l-xsmall .b-comp-menu-dropdown .b-post-control__bubble-flyout-container {
	margin-{vb:stylevar right}: 0;
}


<vb:comment>
	*******************************
	***** DEMO / CSS EXAMPLES *****
	*******************************
</vb:comment>

.b-comp-menu-dropdown__wrapper--demo {
	border: 1px solid #CCC;
	padding: 5px;
	margin-bottom: 10px;
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_comp_menu_horizontal.css" templatetype="template" date="1466627681" username="vBulletin" version="5.2.3 Alpha 5"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<div class="h-margin-bottom-xxl">
	<p>A horizontal menu component.</p>
</div>


<vb:comment>END DOCUMENTATION</vb:comment>
<vb:else />
<vb:comment>BEGIN CSS RULES</vb:comment>


<vb:comment>/* 
	TODO use element components for the colors, borders, and padding in this template See VBV-15345
*/</vb:comment>


.b-comp-menu-horizontal {
	<vb:comment>/* placeholder */</vb:comment>
}

.l-small .b-comp-menu-horizontal .b-post-control--responsive {
	font-size: 1.3em;
	line-height: 1.4em;
	height: 1.5em;
	margin-{vb:stylevar left}: 0.3em;
	padding: 0 0.4em;
}

.l-small .b-comp-menu-horizontal .b-post-control--responsive .b-post-control__bubble-flyout {
	top: 0;
}

.l-small .b-comp-menu-horizontal .b-post-control--responsive .bubble-flyout .bubble-content {
	font-size: inherit;
	line-height: inherit;
	height: inherit;
}



<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_comp_menu_vert.css" templatetype="template" date="1446217967" username="vBulletin" version="5.1.11 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<div class="h-margin-bottom-xxl">
	<p>A vertical menu component.</p>
</div>


<vb:comment>END DOCUMENTATION</vb:comment>
<vb:else />
<vb:comment>BEGIN CSS RULES</vb:comment>


.b-comp-menu-vert {
	list-style: none;
	margin: 0;
	border: 1px solid #CCD1D5; /* TODO use an element color */
}
.b-comp-menu-vert li {
	list-style: none;
}
.b-comp-menu-vert__section, .b-comp-menu-vert__item {
	padding: 0.2em 1em 0.3em 1em; /* TODO use an element spacing */
}
.b-comp-menu-vert__section {
	font-weight: bold;
	background: #CCD1D5; /* TODO use an element color */
	color: #000; /* TODO use an element color */
}
/* .b-comp-menu-vert li a is only needed to override current CSS we have */
.b-comp-menu-vert__item, .b-comp-menu-vert li a {
	display: block;
	background: #F8F8F8;
	color: #000; /* TODO use an element color */
	text-decoration: none;
}
.b-comp-menu-vert__item:hover {
	background: #E4E6E7; /* TODO use an element color */
}
/* .b-comp-menu-vert li a is only needed to override current CSS we have */
.b-comp-menu-vert__item--selected, .b-comp-menu-vert li a.b-comp-menu-vert__item--selected {
	background: #E4E6E7; /* TODO use an element color */
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_config_site.css" templatetype="template" date="1541016757" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>

<p>Rules for the sitebuilder "Quick Setup" panel</p>

<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-config-site__main-content {
	height: auto;
}

.b-config-site__title {
	font-size: 1.6rem;
	color:{vb:stylevar inline_edit_subheader_text_color};

}

.b-config-site__content {
	margin-{vb:stylevar left}: 40px;
}

.b-config-site__image-option {
	margin: 0;
	margin-{vb:stylevar left}: -24px;
	float: {vb:stylevar left};
	display: block;
}

.b-config-site__content .b-button--upload,
.b-config-site__content .b-config-site__more-forums,
.b-config-site__content .b-config-site__send-btn {
	margin: 0;
}

.b-config-site__content .comments {
	font-style: italic;
}

.b-config-site__content .upload-progress-bar {
	margin-{vb:stylevar left}: 4px;
	vertical-align: bottom;
}

.b-config-site__content .upload-progress-bar img {
	margin-bottom: 2px;
}

.b-config-site__forum-title,
.b-config-site__forum-desc,
.b-config-site__email-list,
.b-config-site__email-title,
.b-config-site__email-content {
	box-sizing: border-box;
	border-radius: 3px;
	display: block;
	margin-bottom: 5px;
	padding: 1px 3px;
	width: 500px;
	font-size: 1.3rem;
}

.b-config-site__forum-desc,
.b-config-site__email-list,
.b-config-site__email-content {
	margin-bottom: 15px;
	resize: vertical;
	height: 42px;
}

.b-config-site__email-content {
	height: 95px;
}

.b-config-site__delete-link {
	margin: 1px 0 0;
	margin-{vb:stylevar left}: 4px;
	cursor: pointer;
}

.b-config-site__main-content .b-theme-selector__list {
	width: 100%;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_content_entry.css" templatetype="template" date="1472246183" username="vBulletin" version="5.2.5 Alpha 1"><![CDATA[.b-content-entry {
	/*overflow:hidden;*/ /* Commenting out overflow hidden to allow safari's focus outline to display correctly VBV-8818 */
}

/** TEMPORARY -- need to find a better way to do this **/
.b-content-entry__title-item-post-icons {
	min-width: 78px;
}

.b-content-entry--rounded-bottom-corners .b-content-entry-panel,
.b-content-entry--rounded-bottom-corners.b-content-entry--all-panels-hidden .b-editor,
.b-content-entry--rounded-bottom-corners.b-content-entry--all-panels-hidden .b-editor > .cke_reset,
.b-content-entry--rounded-bottom-corners.b-content-entry--all-panels-hidden .b-editor .cke_inner,
.b-content-entry--rounded-bottom-corners.b-content-entry--all-panels-hidden .b-editor .cke_contents,
.b-content-entry--rounded-all-corners .b-content-entry-panel,
.b-content-entry--rounded-all-corners.b-content-entry--all-panels-hidden .b-editor,
.b-content-entry--rounded-all-corners.b-content-entry--all-panels-hidden .b-editor > .cke_reset,
.b-content-entry--rounded-all-corners.b-content-entry--all-panels-hidden .b-editor .cke_inner,
.b-content-entry--rounded-all-corners.b-content-entry--all-panels-hidden .b-editor .cke_contents {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
.b-content-entry--rounded-top-corners .b-toolbar,
.b-content-entry--rounded-all-corners .b-toolbar {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}]]></template>
		<template name="css_b_content_entry_panel.css" templatetype="template" date="1428530137" username="vBulletin" version="5.1.8 Alpha 2"><![CDATA[.b-content-entry-panel {
	background: {vb:stylevar contententry_panel_background};
	border: 1px solid {vb:stylevar section_divider_color};
	margin-top: -1px;
	/*padding: 0;*/
	position: relative;
}
.b-content-entry-panel .b-icon__x-circle--dark {
	position: absolute;
	{vb:stylevar right}: 8px;
	top: 8px;
	cursor: pointer;
}
.b-content-entry-panel__content {
	border-top: 1px solid {vb:stylevar section_divider_color};
	padding: 12px 15px;
	position: relative;
}
.b-content-entry-panel__section {
	background: {vb:stylevar contententry_panel_section_background};
	border: 1px solid {vb:stylevar section_divider_color};
	padding: 12px 15px;
	border-top: none;
}
.b-content-entry-panel__section-title {
	background: {vb:stylevar contententry_panel_section_title_background};
	font-weight: bold;
	padding: 4px 15px;
	border: 1px solid {vb:stylevar section_divider_color};
}

.b-content-entry-panel__section--lite {
	background: inherit;
	border: none;
	padding: 0;
}
.b-content-entry-panel__section-title--lite {
	<vb:comment>Allow margin to apply by not using display:none</vb:comment>
	visibility: hidden;
	height: 0;
	padding: 0;
}

/* commented out to restore the "line" above the tags panel.
   if we want to bring the line back, uncomment this and the 
   padding top in the --first modifier below. If you remove 
   this, please remove the --not-separated modifier from the 
   tags panel div.
.b-content-entry-panel__content--not-separated {
	border-top: none;
	padding-top: 0;
}*/
.b-content-entry-panel__content--first {
	border-top: none;
	/*padding-top: 12px;*/
}
.b-content-entry-panel__content-lesspadding {
	padding: 10px 15px;
}
.b-content-entry-panel--autosave {
	background-color: {vb:stylevar contententry_autosave_background.backgroundColor};
}
.b-content-entry-panel.h-border-bottom-none,
.b-content-entry-panel.h-border-none {
	border-bottom:0;
}
.b-content-entry-panel.h-border-top-none,
.b-content-entry-panel.h-border-none {
	border-top:0;
}
.b-content-entry-panel.h-border-right-none,
.b-content-entry-panel.h-border-none {
	border-{vb:stylevar right}:0;
}
.b-content-entry-panel.h-border-left-none,
.b-content-entry-panel.h-border-none {
	border-{vb:stylevar left}:0;
}]]></template>
		<template name="css_b_content_slider.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		These CSS classes are for the content slider and the content slider module.
	</p>
	<div class="h-margin-bottom-l">
	</div>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-content-slider__wrapper {
	border: {vb:stylevar module_contentslider_border};
}

.b-content-slider__wrapper--hidden {
	visibility: hidden;
}

.b-content-slider {
	position: relative;
	top: 0px;
	{vb:stylevar left}: 0px;
	<vb:comment>/* width set in JS */</vb:comment>
	<vb:comment>/* height modified in JS, based on the module_height setting */</vb:comment>
	height: {vb:stylevar module_contentslider_height};
}

.b-content-slider__slides {
	cursor: move;
	position: absolute;
	overflow: hidden;
	{vb:stylevar left}: 0px;
	top: 0px;
	<vb:comment>/* width set in JS */</vb:comment>
	<vb:comment>/* height modified in JS, based on the module_height setting */</vb:comment>
	height: {vb:stylevar module_contentslider_height};
}

.b-content-slider__slide {
	<vb:comment>/* Default background, overridden by the content preview image, if available */</vb:comment>
	background: {vb:stylevar module_contentslider_background};
	<vb:comment>/* Size and position applies to all backgrounds */</vb:comment>
	background-size: cover;
	background-position: center center;
	cursor: pointer;
}

.b-content-slider__slide-caption {
	position: absolute;
	<vb:comment>/* bottom adjusted in JS based on the module_height setting */</vb:comment>
	bottom: 35px;
	padding-{vb:stylevar left}: 115px;
	width: 100%;
	box-sizing: border-box;
	height: 50px;
	color: {vb:stylevar module_contentslider_caption_text_color};
}

.b-content-slider__slide-caption-background {
	position: absolute;
	<vb:comment>/* bottom adjusted in JS based on the module_height setting */</vb:comment>
	bottom: 30px;
	{vb:stylevar left}: 0px;
	width: 100%;
	height: 60px;
	background: {vb:stylevar module_contentslider_caption_background};
	opacity: 0.5;
}

.b-content-slider__title {
	font-size: 20pt;
	line-height: 3.3rem;
}

.b-content-slider__arrow {
	width: 55px;
	height: 55px;
	<vb:comment>/* bottom adjusted in JS based on the module_height setting */</vb:comment>
	bottom: 32px;
}

.b-content-slider__arrow--left {
	{vb:stylevar left}: 6px;
}

.b-content-slider__arrow--right {
	{vb:stylevar right}: 6px;
}

.b-content-slider__bullets {
	position: absolute;
	bottom: 4px;
	{vb:stylevar right}: 6px;
}

<vb:comment>/* jssor "adds" the "av" class by simply appending it to className, without a space.
Since we are using the b-content-slider__bullet class on this element, the class when active becomes
b-content-slider__bulletav. To work around the issue, we need to handle the b-content-slider__bulletav
class as well, even though it doesn't conform to BEM. This also applies to the jssor "dn" class. "av" = active, "dn" = mousedown */</vb:comment>
.b-content-slider__bullet,
.b-content-slider__bulletav,
.b-content-slider__bulletdn {
	position: absolute;
	width: 2.1rem;
	height: 2.1rem;
	text-align:center;
	line-height: 2.1rem;
	background: url(js/jquery/jssor/img/b03.png) no-repeat;
	overflow:hidden;
	cursor: pointer;
}

<vb:comment>/* This rule needs to use !important to override the jssor CSS */</vb:comment>
.b-content-slider__bulletav,
.b-content-slider__bulletav:hover,
.b-content-slider__bulletdn,
.b-content-slider__bulletdn:hover,
.b-content-slider__bullet:hover {
	color: {vb:stylevar button_primary_text_color.color};
	background-position: -95px -4px !important;
	font-weight: bold;
}

/* needs to specify the 'a' element to override the global rules we have on the 'a' element */
a.b-content-slider__link {
	color: {vb:stylevar module_contentslider_caption_text_color};
}

.b-content-slider__link:hover {
	text-decoration: underline;
}


/* jssor rules */


/* jssor slider arrow navigator skin 03 css */
/*
.jssora03l              (normal)
.jssora03r              (normal)
.jssora03l:hover        (normal mouseover)
.jssora03r:hover        (normal mouseover)
.jssora03ldn            (mousedown)
.jssora03rdn            (mousedown)
*/
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(js/jquery/jssor/img/a03.png) no-repeat;
	overflow: hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03ldn { background-position: -243px -33px; }
.jssora03rdn { background-position: -303px -33px; }



/* jssor slider bullet navigator skin 03 css */
/*
.jssorb03 div           (normal)
.jssorb03 div:hover     (normal mouseover)
.jssorb03 .av           (active)
.jssorb03 .av:hover     (active mouseover)
.jssorb03 .dn           (mousedown)
*/
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
{
	background: url(js/jquery/jssor/img/b03.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }



<vb:comment>/* Responsive Mode -- Move the caption & caption background down so that they show at the bottom the slider image. Decrease title size. */</vb:comment>
.l-small .b-content-slider__slide-caption-background {
	<vb:comment>/* !important is needed to override jssor styling */</vb:comment>
	bottom: 0 !important;
}
.l-small .b-content-slider__slide-caption {
	<vb:comment>/* !important is needed to override jssor styling */</vb:comment>
	bottom: 5px !important;
	padding-{vb:stylevar left}: 10px;
}
.l-small .b-content-slider__title {
	font-size: 16pt;
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_datepicker.css" templatetype="template" date="1551832963" username="vBulletin" version="5.5.2 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>

<div class="h-margin-bottom-xxl">
	<p>This block is for use with the datepicker plugin. Example:</p>
	<div class="h-margin-bottom-l">
		<label class="b-datepicker">
			<input type="text" name="timeout" class="b-datepicker__input b-datepicker__input--datetime b-datepicker__input--s b-form-input__input js-datepicker" value="{vb:raw conversation.timeoutstr}" readonly="readonly" />
		</label>
	</div>
</div>

<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
/* Datepicker */


.b-datepicker {
	position:relative;
	display: inline-block;
}
.b-datepicker.h-hide {
	display: none;
}
.b-datepicker__input {
	width: 5em;
	box-sizing: border-box;
}
.b-datepicker__input[type=text][readonly] {
	<vb:comment>This is technically a readonly input, in the sense that you can't
		directly type into the input element, but in use it's not readonly, since
		you can click it and choose a date with the picker. Thus, it should use
		the regular text color and not the readonly text color.</vb:comment>
	color: {vb:stylevar form_field_text_color};
}
.b-datepicker__input--datetime {
	width: 7.5em;
}
.b-datepicker__input--s {
	<vb:comment>Match height from .b-form-input__input</vb:comment>
	font: inherit;
	line-height: 1.4;
	height: auto;
	<vb:comment>Match top & bottom padding from .b-form-input__input</vb:comment>
	padding: 3px 6px;
	width: 5em;
}
.b-datepicker__input--datetime.b-datepicker__input--s {
	width: 10em
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_divider.css" templatetype="template" date="1371677275" username="vBulletin" version="5.0.4 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>

/*--------------------------------------
 * DIVIDER
 *------------------------------------*/

</vb:comment>


.b-divider {
	border-style: dotted;
	border-width: 1px 0 0;
	height:0;
	margin: 0;
}


.b-divider--section {
	border-color: {vb:stylevar section_divider_color};
	border-style: solid;
	border-width: 1px 0 0;
	height:0;
	margin: 10px 0;
}

.b-divider--post-controls {
	color:{vb:stylevar post_controls_divider_color};
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_editor.css" templatetype="template" date="1547751573" username="vBulletin" version="5.5.1 Alpha 2"><![CDATA[.b-editor {
	border: {vb:stylevar form_field_border};
	border-top: none;
	background: #FFF; /* Hardcoded background color for ckeditor */
	position: relative;
}

.b-editor__placeholder {
	padding: 18px 15px;
	position: absolute;
	top: 0;
	{vb:stylevar left}: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
	cursor: text;
}

<vb:comment>/* Some of the rules use ckeditor classes */</vb:comment>

.b-editor > .cke_chrome {
	box-shadow: none;
	border: {vb:stylevar form_field_border};
	border: none;
}

.b-editor > .cke_reset {
	box-sizing: border-box;
}

.b-editor .cke_top {
	background: {vb:stylevar contententry_panel_background};
	<vb:comment>Overrides ckeditor box-shadow The color should match the editor background</vb:comment>
	box-shadow: 0 1px 0 {vb:stylevar form_field_background.backgroundColor} inset;
	border-bottom: {vb:stylevar form_field_border};
	position: relative; /* for the toolbar close (x) button */
	padding-{vb:stylevar right}: 32px; /* for the toolbar close (x) button */
}

.b-editor .cke_top .cke_button__justifyleft,
.b-editor .cke_top .cke_button__justifycenter,
.b-editor .cke_top .cke_button__justifyright {
	float: left; /* Don't change for RTL. In the justify button group, justify left and right should always be on the left and right sides of the button group respectively. */
}

.b-editor .cke_top .cke_button__vbtable_icon {
	<vb:comment>/* space between the table button and the down arrow */</vb:comment>
	margin-{vb:stylevar right}: 2px;
}

.b-editor--cke-toolbar-is-hidden .cke_top {
	display: none;
}

.b-editor .cke_inner {
	<vb:comment>For the placeholder</vb:comment>
	background: transparent;
}


<vb:comment>Set text color & background for wysiwyg & source editors. Extra
selectors needed for specificity to override CKEditor CSS</vb:comment>
.b-editor .cke_contents .cke_source {
	<vb:comment>Set text color directly on source mode textarea</vb:comment>
	color: {vb:stylevar form_field_text_color};
	<vb:comment>But let placeholder text show through</vb:comment>
	background: transparent;
}
.b-editor .cke_inner .cke_contents {
	<vb:comment>Set background on the containing element so the wysiwyg and source
	mode elements can use a transparent background and let the placeholder text
	show through</vb:comment>
	background: {vb:stylevar form_field_background};
}


<vb:comment>Set text color & background for paste iframes (in paste dialog boxes).
Extra selectors needed for specificity to override CKEditor CSS</vb:comment>
.cke_dialog iframe.cke_pasteframe.b-editor__pasteframe {
	background: {vb:stylevar form_field_background};
	border: {vb:stylevar form_field_border};
}
.cke_dialog iframe.cke_pasteframe.b-editor__pasteframe body {
	color: {vb:stylevar form_field_text_color};
}


.b-editor .b-icon__x-circle--dark {
	position: absolute;
	top: 0;
	{vb:stylevar right}: 0;
	cursor: pointer;
}
.b-editor.b-editor--cke-toolbar-is-hidden .b-icon__x-circle--dark {
	display: none;
}

.b-editor .cke_top .cke_button__source_label {
	display: none;
}

.b-editor .cke_contents {
	position: relative;
}

<vb:comment>/* Resize handle under editor */</vb:comment>
.b-editor .cke_bottom {
	background: {vb:stylevar comment_divider_color};
	border-top: 1px solid {vb:stylevar section_divider_color};
	box-shadow: none;
	padding: 0;
}
.b-editor .cke_resizer {
	display: block;
	float: none;
	height: 9px;
	width: auto;
	margin: 0;
	border: 0 none;
}
.b-editor .cke_resizer_ltr,
.b-editor .cke_resizer_rtl {
	cursor: row-resize;
}

<vb:comment>Set up the sprite path</vb:comment>
{vb:set imgdir_spriteiconsvb, {vb:stylevar imgdir_spriteiconsvb}}
<vb:if condition="!empty($imgdir_spriteiconsvb)">
	{vb:set spritepath, {vb:concat 
		{vb:stylevar imgdir_spriteiconsvb},
		"/sprite_icons_vb_",
		{vb:stylevar textdirection},
		".png?v=",
		{vb:var simpleversion}
	}}
<vb:else />
	{vb:set spritepath, {vb:spritepath sprite_icons_general.svg}}
</vb:if>


<vb:comment>This uses the .b-editor for specificity and redeclares the
icon .b-icon__resize-grip to override the ckeditor reset that clobbers
everything. </vb:comment>
.b-editor .vb_cke_resize_grip {
	background: url({vb:raw spritepath}) no-repeat center;
	background-position: -304px -96px;
	width: 51px;
	height: 7px;
	display: block;
	margin: 2px auto;
}
<vb:comment>/* End resize handle under editor */</vb:comment>


<vb:comment>Here's another icon from the b-icon system that is getting
clobbered by the ckeditor reset CSS. It would be nice to figure out
a general way to deal with this, but for now I'll just redeclare the 
icon style here with extra specificy so it overrides the reset.</vb:comment>
.b-editor .b-icon.b-icon__ellipsis {
	background: url({vb:raw spritepath});
	background-position: -265px -96px;
	width: 21px;
	height: 5px;
}



.b-editor .cke_wysiwyg_frame, 
.b-editor .cke_wysiwyg_div {
	background: transparent;
	position: relative;
	z-index: 2; /* above .b-editor__placeholder */
}

.b-editor .cke_source {
	padding: 18px 15px;
	box-sizing: border-box;
}

.b-editor .autosave-indicator {
	position:absolute;
	{vb:stylevar right}:0;
	bottom:0;
	background-color: {vb:stylevar contententry_autosave_background.backgroundColor};
	border: 1px solid #b6b6b6;
	border-bottom:0;
	border-{vb:stylevar right}:0;
	padding: 7px;
	color: {vb:stylevar contententry_autosave_text_color};
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
}

<vb:comment>
".b-editor" here for specificity. 
This isn't quite a bem class. It's more of a helper class added specifically to handle hiding the CKE resizer (.cke_resizer) & its wrapper (.cke_bottom) on disableResize. 
Rule here instead of in utilities as this is very specific to our CKE & intimate to the resize plugin.
See js/ckeplugins/resize/plugin.js for the disableResize handler
</vb:comment>
.b-editor .cke_bottom--hide {
	display: none;
	border: 0;
}]]></template>
		<template name="css_b_event.css" templatetype="template" date="1540415861" username="vBulletin" version="5.4.6 Alpha 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		This is a block to display an event. 
	</p>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-event {
	/* not yet used */
}

<vb:comment>*** Event classes used in upcoming event widget ***</vb:comment>

.b-event--inlist {
	margin-bottom: 1.6rem;
}
.b-event--inlist:last-child,
.b-event--inlist.b-event--lastchild {
	margin-bottom: 0;
}

.b-event__date {
	display: block;
	float: {vb:stylevar left};
	font-size: 1.28rem;
	height: 3.2rem;
	line-height: 3.2rem;
	width: 5.12rem;
	background: {vb:stylevar primary_module_subheader_background};
	color: {vb:stylevar primary_module_subheader_text_color};
	margin-{vb:stylevar right}: 5px;
	border-radius: 3px;
	text-align: center;
	box-sizing: border-box;
	font-weight: bold;
}

.b-event__extraline {
	display: block;
	height: 1.6rem;
	line-height: 1.6rem;
}

.b-event__listmessage {
	text-align: center;
	font-size: 1.76rem;
}

.b-event__listyear {
	background: {vb:stylevar content_divider_color};
	font-size: 1.44rem;
	font-weight: bold;
	margin-bottom: 1.6rem;
	padding: 2px 6px;
}

.b-event__listyear--fixed {
	position: absolute;
	top: 0;
	{stylevar left}: 0;
	width: 100%;
	box-sizing: border-box;
	<vb:comment>/* Keeps the ellipsis in event titles from showing through */</vb:comment>
	z-index: 1;
}

<vb:comment>*** Event classes used when displaying an Event post ***</vb:comment>

.b-event--inpost {
	border: {vb:stylevar post_border};
	border-radius: 5px;
	margin-bottom: 1.6rem;
	display: table;
}

.b-event__row {
	display: table-row;
}

.b-event__cell {
	display: table-cell;
	padding: 8px 12px;
}

.b-event__cell--label {
	background: {vb:stylevar event_label_background};
	color: {vb:stylevar event_label_text_color};
	border-bottom: {vb:stylevar post_border};
	border-bottom-color: {vb:stylevar thread_starter_background.backgroundColor};
	font-weight: bold;
	white-space: nowrap;
}

.b-event__cell--content {
	border-bottom: {vb:stylevar post_border};
}

.b-event__cell--header {
	padding: 2px 12px 1px;
}

.b-event__row:last-child .b-event__cell--content,
.b-event__row:last-child .b-event__cell--label {
	border-bottom: 0 none;
}


<vb:comment>*** RESPONSIVE/NARROW COLUMN - Event post ***</vb:comment>

.l-xsmall .b-event--inpost,
.l-column-xsmall .b-event--inpost {
	display: block;
}

.l-xsmall .b-post-sm .b-event--inpost,
.l-column-xsmall .b-post-sm .b-event--inpost {
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
}

.l-xsmall .b-event__row,
.l-column-xsmall .b-event__row {
	display: block;
}

.l-xsmall .b-event__cell,
.l-column-xsmall .b-event__cell {
	display: block;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	padding: 5px 12px;
}

.l-xsmall .b-event__cell--header,
.l-column-xsmall .b-event__cell--header {
	padding: 2px 12px 1px;
}

<vb:comment>
	This logic for making the map responsive via a fixed ratio
	is a canidate for breaking out in its own block, but it's sufficiently
	out there that I'm not sure it's going to work out that way.  If you
	feel the need to copy and paste this elsewhere you should try to
	generalize it first.

	The basic trick is that padding percentage is releative to the width for reasons
	that aren't entirely clear.  The relative/absolute positions with overflow hides
	the extra padding bits from display, showing only the now properly resized
	inner element.  It's a all kinds of wonky, but it works.

	Note that we have three layers the outer map element, a container to handle the
	magic padding, and the actual bit that displays the map.  You *cannot* set
	a width on the inner two elements without screwing up the hack, so we need
	the outer layer.

	We default to a 4:3 aspect ratio (default for google maps) and we can create
	modifiers we can add to change that.  At present we don't have a need for
	any modifiers so the sample is commented out.  Similarly, we can modify the
	map element to change the width.

	Similarly, we can provide modifiers for the map element if there are other
	widths we need to support.
</vb:comment>

.b-event__map {
	max-width:600px;
}

.b-event__map-container {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 75%;
}

<vb:comment>
	we should stick to a set a standard aspect ratios for consistency
	this is a sample of a modifer to change the aspect ratio
.b-event__map-container--16-9 {
	padding-bottom: 56.25%;
}
</vb:comment>

.b-event__map-internal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_file_chooser.css" templatetype="template" date="1541016757" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[.b-file-chooser .b-button--upload {
	margin-{vb:stylevar left}: 0;
}
.b-file-chooser__text {
	color: #777;
	font-size: 1.1rem;    
}
.b-file-chooser__text--or {
	margin: 0 8px;
}]]></template>
		<template name="css_b_flexgrid.css" templatetype="template" date="1553297356" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		This formats a grid of items using a flexbox layout. 
	</p>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-flexgrid {
	display: flex;
	flex-flow: row wrap;
}

.b-flexgrid__item {
	flex: 1 1 0%;
}

.b-flexgrid__item--lastrow {
	flex: unset;
}

.b-flexgrid__item:first-child {
	/*placeholder*/
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_form_control.css" templatetype="template" date="1497052870" username="vBulletin" version="5.3.2 Alpha 3"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		This block is used for form checkboxes or radio buttons and their labels. Note that we wrap the checkbox/radio button in the &lt;label&gt; tag
		with the text. And the text itself is wrapped with the &lt;span&gt; tag. To address the issue of spacing which normally happens with white space
		and inline elements, the form control is used together with the b-media block. This gives us more control and also lets the text nicely line up
		to the right of the control instead of under it.
		Examples:
	</p>
	<div class="h-margin-bottom-l">
		<div>I love...</div>
		<div>
			<label class="b-form-control__label b-media">
				<input class="b-form-control__control b-media__img" type="checkbox" checked="checked" />
				<span class="b-form-control__text b-media__body">code standards</span>
			</label>
		</div>
		<div>
			<label class="b-form-control__label b-media">
				<input class="b-form-control__control b-media__img" type="checkbox" />
				<span class="b-form-control__text b-media__body">unmaintainable code</span>
			</label>
		</div>
		<div>
			<label class="b-form-control__label b-media">
				<input class="b-form-control__control b-media__img" type="checkbox" checked="checked" />
				<span class="b-form-control__text b-media__body">subtlety</span>
			</label>
		</div>
	</div>
	<div class="h-margin-bottom-l">
		<div>I will only commit code that...</div>
		<div>
			<label class="b-form-control__label b-media">
				<input class="b-form-control__control b-media__img" type="radio" name="css-example-radio-control" />
				<span class="b-form-control__text b-media__body">is consistent with the rest of the product</span>
			</label>
		</div>
		<div>
			<label class="b-form-control__label b-media">
				<input class="b-form-control__control b-media__img" type="radio" name="css-example-radio-control" />
				<span class="b-form-control__text b-media__body">is tested with code coverage in mind</span>
			</label>
		</div>
		<div>
			<label class="b-form-control__label b-media">
				<input class="b-form-control__control b-media__img" type="radio" name="css-example-radio-control" />
				<span class="b-form-control__text b-media__body">is tested with security (SQL injection, XSS, <em>etc.</em>) in mind</span>
			</label>
		</div>
		<div>
			<label class="b-form-control__label b-media">
				<input class="b-form-control__control b-media__img" type="radio" name="css-example-radio-control" />
				<span class="b-form-control__text b-media__body">
					meets the specifications.<br/>
					Don't mind the rest of this.<br/>
					This text is just filler to show how the text behaves<br/>
					when the height extends past the checkbox.
				</span>
			</label>
		</div>
		<div>
			<label class="b-form-control__label b-media">
				<input class="b-form-control__control b-media__img" type="radio" name="css-example-radio-control" checked="checked" />
				<span class="b-form-control__text b-media__body">
					meets all of the above.<br/>
					Don't mind the rest of this.<br/>
					It's just to show another example of really long text<br/>
					not wrapping under the check box thanks to the b-media classes.
				</span>
			</label>
		</div>
	</div>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
/* Form Checkboxes / Radio Buttons */

/**
 * Note that we have a control block because the checkbox/radio button is made up of both
 * the form element and a label.
 *
 * The two are treated similar enough that it makes sense to combine them into a single
 * css block. If we do need to treat them differently, we should use --checkbox or --radio
 * modifiers.
 *
 * The text itself is wrapped in a tag (usually span) with the b-form-control__text class
 * for future proofing. In case we need to apply certain styles that just target the text
 * and not the whole label including the control.
 *
 **/

.b-form-control__label {
	<vb:comment>/* placeholder */</vb:comment>
}

.b-form-control__control {
	margin-top: 3px;
	/* Provide some extra spacing between the checkbox and the label text. */
	margin-{vb:stylevar right}: 3px;
	vertical-align:middle;
}

.b-form-control__text {
	vertical-align:middle;
}

<vb:comment>
	Used to modify any controls in a form that are dependent on another
	control, e.g., this control is enabled/accessible depending on the
	state of another control.
</vb:comment>
.b-form-control--dependent {
	padding-{vb:stylevar left}: 40px;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_form_input.css" templatetype="template" date="1551832963" username="vBulletin" version="5.5.2 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>This block is used for form input text fields. Examples:</p>

	<div class="h-margin-bottom-xl">
		<p>This input text field just uses the b-form-input__input class.</p>
		<input type="text" value="" class="b-form-input__input" />
	</div>

	<div class="h-margin-bottom-xl">
		<p>This text box uses the b-form-input__input and b-form-input__input--full modifier classes.</p>
		<input type="text" value="" class="b-form-input__input b-form-input__input--full" />
	</div>

	<div class="h-margin-bottom-xl">
		<p>These use several <code>.b-form-input__*</code> classes, along with <code>.b-icon</code> classes to set up an input and button combo.</p>

		<div class="b-form-input__input-with-button-container h-margin-bottom-l">
			<input type="text" class="b-form-input__input b-form-input__input--with-button" name="q" placeholder="{vb:phrase search}" />
			<button type="submit" name="btnSearch" class="b-form-input__inside-button"><span class="b-form-input__inside-button-icon b-icon b-icon__search-gray-s">{vb:phrase search}</span></button>
		</div>

		<div class="b-form-input__input-with-button-container b-form-input__input-with-button-container--full">
			<input type="text" class="b-form-input__input b-form-input__input--with-button" name="q" placeholder="{vb:phrase search}" />
			<button type="submit" name="btnSearch" class="b-form-input__inside-button"><span class="b-form-input__inside-button-icon b-icon b-icon__search-gray-s">{vb:phrase search}</span></button>
		</div>
	</div>

	<div class="h-margin-bottom-xl">
		<p>An input along with an icon or something to the side that we want centered vertically.</p>
		<input type="text" value="" class="b-form-input__input" />
		<div class="b-form-input__accessory-container">
			<span class="b-icon b-icon__x-circle--light h-margin-bottom-xxs"></span>
		</div>
	</div>

<div class="h-margin-bottom-xl">
		<input type="text" value="" class="b-form-input__input" />
		<div class="b-form-input__accessory-container">
			Text vertically centered alongside an input...
		</div>
	</div>

	<p>File inputs are quite different and we do a lot of work for custom styling. Please see css_b_button.css for usage.</p>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
/* Form Inputs */


.b-form-input__input,
<vb:comment>CKEditor-specific selectors needed to override CKEditor CSS</vb:comment>
.cke_dialog_body .cke_dialog_contents .b-form-input__input {
	background: {vb:stylevar form_field_background};
	border: {vb:stylevar form_field_border};
	border-radius: 3px;
	color: {vb:stylevar form_field_text_color};
	font: inherit;
	line-height: 1.4;
	height: auto;
	<vb:comment>Note: This padding is also used by .b-form-select__select, .selectBox-dropdown, and .selectBox-dropdown .selectBox-label; keep synchronized.</vb:comment>
	padding: 3px 8px;
	<vb:comment>Keeps input vertically aligned with any buttons that are to the right of the input.</vb:comment>
	vertical-align: middle;
}

.b-form-input__input--border-box,
<vb:comment>CKEditor-specific selectors needed to override CKEditor CSS</vb:comment>
.cke_dialog_body .cke_dialog_contents .b-form-input__input--border-box {
	box-sizing: border-box;
	line-height: 1.4;
	height: auto;
}

.b-form-input__input--full {
	box-sizing: border-box;
	line-height: 1.4;
	height: auto;
	width: 100%;
}

.b-form-input__input--year {
	width: 3.2em;
}

.b-form-input__input--shadow {
	box-shadow: inset {vb:stylevar pos}1px 1px 1px 0px rgba(150, 150, 150, 0.4);
}

.b-form-input__label {
	font-weight: bold;
}

.b-form-input__hint {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 1.1rem;
	color: {vb:stylevar text_tertiary_color};
}

.l-small .b-form-input__label {
	display: block;
	margin-bottom: 4px;
}

<vb:comment>Hide IE10's clear button (X) inside input text control</vb:comment>
.b-form-input__input--hide-clear-button::-ms-clear {
	display:none;
}

<vb:comment>
	A generic container for things that are displayed near inputs and that are closely related to them.
	This mainly provides a container that is the same height as the input (or select) and will allow
	centering an "accessory" vertically on the same line as an input.
</vb:comment>
.b-form-input__accessory-container {
	<vb:comment>Height matches that of the input element</vb:comment>
	font: inherit;
	line-height: 1.4;
	height: auto;	
	overflow: auto;
	<vb:comment>Match top & bottom padding to the input element</vb:comment>
	padding-top: 3px;
	padding-bottom: 3px;
}

<vb:comment>
/*--------------------------------------
 * FILE INPUT
 * 
 * You can create a customized file input by using the --hidden modifier on
 * your <input type="file"> tag.  
 * 
 * Usage: Please see .b-button--upload
 *
 * Note: All the funky rules are for browser compatiblity. We're essentially
 * trying to get the user to click the "browse..." button they'd normally see
 * but have it show our customized style underneath so it'll look nice.
 *
 **/
</vb:comment>

.b-form-input__file--hidden {
	position: absolute;
	top: 0;
	{vb:stylevar right}: 0;
	opacity: 0;
	-o-transform: translate({vb:stylevar pos}250px, -50px) scale(1);
	-moz-transform: translate({vb:stylevar neg}300px, 0) scale(5);
	transform: translate({vb:stylevar neg}300px, 0) scale(5);
	cursor: pointer;
	margin: 0;
	border-top-width: 0;
	border-{vb:stylevar right}-width: 30px;
	border-bottom-width: 100px;
	border-{vb:stylevar left}-width: 200px;
	border-color: transparent; <vb:comment>/* We're using this instead of filter: alpha(opacity=0) because VBV-10295 */</vb:comment>
	height: 10px;
	width: 10px;
	z-index: -1;
}


<vb:comment>Progress bar that is used with .b-form-input__file--hidden</vb:comment>
.b-form-input__upload-progress {
	background: url('images/loader-box-blue.gif');
	width: 128px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-{vb:stylevar left}: 3px;
}
.b-form-input__upload-progress.h-hide {
	<vb:comment>Since we explicitly set display (above), we need to make it compatible with .h-hide</vb:comment>
	display: none;
}
.b-form-input__upload-progress--sitebuilder {
	background: url('images/loader-box-light.gif');
}


<vb:comment>
	*****
	Classes for an input element with a icon button beside/inside it.
	*****
</vb:comment>

<vb:comment>If you need to limit the width of the input & button, this container element would be the place to do so.</vb:comment>
.b-form-input__input-with-button-container {
	position: relative;
	width: 200px;
	<vb:comment>Explicitly set default line height since the conversation toolbar messes with line height on input elements.</vb:comment>
	line-height: 1.4;
	height: auto;
}
.b-form-input__input-with-button-container--full {
	width: auto;
}
.b-form-input__input--with-button {
	width: 100%;
	box-sizing: border-box;
	<vb:comment>height calculated from default height + padding + border
	width, since this element is a border-box. See .b-form-input__input
	for the default values.</vb:comment>
	line-height: 1.4;
	height: auto;

}
.b-form-input__inside-button {
	position: absolute;
	top: 0;
	{vb:stylevar right}: 0;
	width: 25px;
	bottom: 0;
	background: {vb:stylevar form_field_inside_button_background};
	border: 0;
	<vb:comment>Match border-radius for the input element</vb:comment>
	border-top-{vb:stylevar right}-radius: 3px;
	border-bottom-{vb:stylevar right}-radius: 3px;
	padding: 0;
	cursor: pointer;
}
<vb:comment>Extra selectors to override jQueryUI CSS</vb:comment>
.b-form-input__input-with-button-container .b-form-input__inside-button {
	<vb:comment>Explicitly set a font-size since the conversation toolbar messes with it and it incorrectly moves the icon up.</vb:comment>
	font-size: 0;
}

.b-form-input__inside-button-icon {
	<vb:comment>Needed for IE11 - See VBV-18100</vb:comment>
	vertical-align: middle;
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_form_select.css" templatetype="template" date="1552097919" username="vBulletin" version="5.5.2 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
{vb:js js/css_b_form_select_example.js}
<div class="h-margin-bottom-xxl">
	<p>
		This block is used for our drop down boxes. Note, we use the <a href="https://github.com/claviska/jquery-selectBox">selectBox plugin</a>
		so in order to not re-invent the wheel, we're just modifying the stuff we need. We rely on the plugin hiding the actual select tag.
	</p>
	<div class="h-margin-bottom-s">
		<select class="js-drop-down-example b-form-select__select" name="month">
			<option value=""></option>
			<option value="01">January</option>
			<option value="02">February</option>
			<option value="03">March</option>
			<option value="04" selected="selected">April</option>
			<option value="05">May</option>
			<option value="06">June</option>
			<option value="07">July</option>
			<option value="08">August</option>
			<option value="09">September</option>
			<option value="10">October</option>
			<option value="11">November</option>
			<option value="12">December</option>
		</select>
		<select class="js-drop-down-example b-form-select__select" name="day">
			<option value="01" name="day" selected="selected">01</option>
			<option value="02" name="day">02</option>
			<option value="03" name="day">03</option>
			<option value="04" name="day">04</option>
			<option value="05" name="day">05</option>
			<option value="06" name="day">06</option>
			<option value="07" name="day">07</option>
			<option value="08" name="day">08</option>
			<option value="09" name="day">09</option>
			<option value="10" name="day">10</option>
			<option value="11" name="day">11</option>
			<option value="12" name="day">12</option>
			<option value="13" name="day">13</option>
			<option value="14" name="day">14</option>
			<option value="15" name="day">15</option>
			<option value="16" name="day">16</option>
			<option value="17" name="day">17</option>
			<option value="18" name="day">18</option>
			<option value="19" name="day">19</option>
			<option value="20" name="day">20</option>
			<option value="21" name="day">21</option>
			<option value="22" name="day">22</option>
			<option value="23" name="day">23</option>
			<option value="24" name="day">24</option>
			<option value="25" name="day">25</option>
			<option value="26" name="day">26</option>
			<option value="27" name="day">27</option>
			<option value="28" name="day">28</option>
			<option value="29" name="day">29</option>
			<option value="30" name="day">30</option>
			<option value="31" name="day">31</option>
		</select>
	</div>
	<div class="h-margin-bottom-l">
		<select multiple="multiple" class="js-drop-down-example b-form-select__select">
			<option selected="selected" value="1">Item 1</option>
			<option value="2">Item 2</option>
			<option value="3">Item 3</option>
			<option value="4">Item 4</option>
			<option value="5">Item 5</option>
		</select>
	</div>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
/* Form Select Boxes */

.b-form-select__select,
.b-form-select__select:focus {
	background: {vb:stylevar form_dropdown_background};
	border: {vb:stylevar form_dropdown_border};
	<vb:comment>Match height of .b-form-input__input.</vb:comment>
	line-height: 1.4;
	height: auto;
}

<vb:comment>
	The selectBox-arrow class is automatically generated by the selectBox plugin and can't be changed.
</vb:comment>
.b-form-select__select .selectBox-arrow {
	top: 45%;
	{vb:stylevar right}: 8px;
}

<vb:comment>
	The selectBox-label class is automatically generated by the selectBox plugin and can't be changed.
	We need to specify it to override some of the default plugin styles.
	
	We can target the actual list of options from the drop down using this class because the selectBox plugin
	will add the classes from the original select tag and append them with "-selectBox-dropdown-menu".
	This is why it's not following the naming convention very well.
	On the other hand, a multi select box doesn't give us a similar option, so we use another way to target it.
</vb:comment>
.b-form-select__select.selectBox, /* override for base anchor tag and multi-select */
.b-form-select__select .selectBox-label, /* override for the label for a drop down */
.b-form-select__select-selectBox-dropdown-menu /* override for drop down options */ {
	background: {vb:stylevar form_dropdown_background};
	color: {vb:stylevar form_dropdown_text_color};
	vertical-align: top;
}

<vb:comment>
	Unfortunately, we don't have a way to target links inside the selectBox options without using the a tag.
</vb:comment>
.b-form-select__select.selectBox .selectBox-selected a, /* overrid multi-select */
.b-form-select__select-selectBox-dropdown-menu.selectBox-options .selectBox-selected a, /* overrid dropdown */
.b-form-select__select.selectBox .selectBox-hover a, /* overrid multi-select */
.b-form-select__select-selectBox-dropdown-menu.selectBox-options .selectBox-hover a /* overrid dropdown */ {
	background: {vb:stylevar form_dropdown_background_hover};
	color: {vb:stylevar form_dropdown_text_color_hover};
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_form_textarea.css" templatetype="template" date="1472246183" username="vBulletin" version="5.2.5 Alpha 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>This block is used for form textarea fields. Examples:</p>
	<div>
		<textarea class="b-form-textarea__textarea">This is a textarea element with just the b-form-textarea__textarea class.</textarea>
	</div>
	<div class="h-margin-bottom-l">
		<textarea class="b-form-textarea__textarea b-form-textarea__textarea--full">This textarea element has the b-form-textarea__textarea class and b-form-textarea__textarea--full modifier class.</textarea>
	</div>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
/* Form Textarea Inputs */

.b-form-textarea__textarea {
	background: {vb:stylevar form_field_background};
	border: {vb:stylevar form_field_border};
	border-radius: 3px;
	color: {vb:stylevar form_field_text_color};
	font: inherit;
	height: auto;
	padding: 8px;
	resize: none;
}

.b-form-textarea__textarea--full {
	box-sizing: border-box;
	width: 100%;
}

.b-form-textarea__textarea--ckeditor {
	border-radius: 0;
	padding: 18px 15px;
	height: 70px;
	border: none;
}

.b-form-textarea__textarea--resize {
	resize: both;
}

.b-form-textarea__textarea--v-resize {
	resize: vertical;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_gallery_thumbnail_list.css" templatetype="template" date="1549643587" username="vBulletin" version="5.5.1 Alpha 4"><![CDATA[.b-gallery-thumbnail-list {
	padding: 0;
	padding-top: 10px;
	padding-{vb:stylevar left}: 10px;
	display: flex;
	flex-flow: row wrap;
	align-items: end;
}

<vb:comment>Gallery preview (shown in posts)</vb:comment>
.b-gallery-thumbnail-list--preview {
	padding: 0;
	align-items: normal;
	float: {vb:stylevar left};
}

<vb:comment>Gallery preview (shown on the editor)</vb:comment>
.b-gallery-thumbnail-list--editor {
	margin-top: 12px;
}

<vb:comment>Full Gallery (linked from posts and in profile)</vb:comment>
.b-gallery-thumbnail-list--gallery {
	<vb:comment>Placeholder</vb:comment>
}

<vb:comment>One item in the gallery or preview</vb:comment>
.b-gallery-thumbnail-list__item {
	cursor:pointer;
	margin: 0;
	margin-{vb:stylevar right}:10px;
	margin-bottom:10px;
	flex: auto;
	display: block;
}

.b-gallery-thumbnail-list__item--lastrow {
	<vb:comment>The last row shouldn't use flex so that it doesn't 
	stretch the images so much. Otherwise, if there's only one image (for
	example) in the last row, it would stretch to 100%</vb:comment>
	flex: unset;
}

<vb:comment>Thumbnail inside the gallery item</vb:comment>
.b-gallery-thumbnail-list__thumbnail {
	border: {vb:stylevar photo_border};
	width: 100%;
	height: auto;
	display: block;
}
.b-gallery-thumbnail-list__thumbnail:hover {
	border: {vb:stylevar photo_border_hover};
}
.b-gallery-thumbnail-list__item--lastrow .b-gallery-thumbnail-list__thumbnail {
	<vb:comment>The last row shouldn't have width:100% so that it doesn't 
	stretch the images so much. Otherwise, if there's only one image (for
	example) in the last row, it would stretch to 100%</vb:comment>
	width: auto;
}

<vb:comment>Info to the right side of the gallery preview (photo count)</vb:comment>
.b-gallery-thumbnail-list__aside {
	float: {vb:stylevar left};
}]]></template>
		<template name="css_b_groupgrid.css" templatetype="template" date="1555716117" username="vBulletin" version="5.5.2 Beta 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		The grid display of groups on the groups home page.
	</p>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-groupgrid {
	margin: 5px -5px;
}

.b-groupgrid__item {
	/*placeholder*/
}

.b-groupgrid__item-inner {
	margin: 5px;
	padding: 5px;
	border: {vb:stylevar module_content_border};
	border-radius: {vb:stylevar module_border_radius_size};
	box-sizing: border-box;
	width: calc(195px + 5px + 5px + ({vb:stylevar module_content_border.width, withUnits} * 2));
}

.b-groupgrid__item-inner--expanded {
	padding: 15px;
	width: calc(195px + 15px + 15px + ({vb:stylevar module_content_border.width, withUnits} * 2));
}

.b-flexgrid__item--lastinrow .b-groupgrid__item-inner {
	float: {vb:stylevar right};
}

.b-groupgrid__item-icon {
	/*placeholder*/
}

.b-groupgrid__item-icon-link {
	display: flex;
	align-items: center;
	width: 195px;
	height: 195px;
	margin: 0 auto;
	background: {vb:stylevar module_content_background.color};
}

.b-groupgrid__item-icon-image {
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.b-groupgrid__item-title {
	font-size: 1.6rem;
	line-height: 2;
}

.b-groupgrid__item-stats {
	color: {vb:stylevar text_tertiary_color};
	font-size: 1.2rem;
	line-height: 1.5;
}

.b-groupgrid__item-button-row {
	margin-top: 5px;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_help_table.css" templatetype="template" date="1481234252" username="vBulletin" version="5.2.6 Alpha 4"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		This is for styling help/faq tables. I wanted to separate this from b-table because that should be more of
		a general layout. Refactoring for a more responsive layout was not considered at the time this was created
		due to time constraints.
	</p>
	<div class="h-margin-bottom-l">
		<table class="b-help-table b-help-table--full">
			<tbody>
				<tr>
					<th class="b-help-table__cell b-help-table__cell--header" colspan="2">Bold, Italic and Underline</th>
				</tr>
				<tr>
					<td class="b-help-table__cell" colspan="2">These codes provide basic formatting to your text.</td>
				</tr>
				<tr>
					<td class="b-help-table__cell">Usage:</td>
					<td class="b-help-table__cell">[b]value[/b]<br />[i]value[/i]<br />[u]value[/u]</td>
				</tr>
				<tr>
					<td class="b-help-table__cell">Example Usage:</td>
					<td class="b-help-table__cell">[b]This is bold text.[/b]<br />[i]This is italic text[/i]<br />[u]This is underlined text[/u]</td>
				</tr>
				<tr>
					<td class="b-help-table__cell">Example Output:</td>
					<td class="b-help-table__cell restore"><b>This is bold text.</b><br /><i>This is italic text</i><br /><span style="text-decoration:underline">This is underlined text.</span></td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
/* FAQ / Help Table */

<vb:comment>
.b-help-table {
	/* We don't have any rules for this yet. */
}
</vb:comment>

.b-help-table--full {
	width: 100%;
}

.b-help-table__cell {
	border: 1px solid {vb:stylevar post_controls_divider_color};
}

.b-help-table__cell--header {
	background-color: #EBF3F9;
	text-align: {vb:stylevar left};
	font-weight: bold;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_icon.css" templatetype="template" date="1553297356" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="restore js-icon-documentation">
	<vb:comment>
		Used the restore class on the parent div to cheaply get back the numbering and bullet points on the lists.
	</vb:comment>
	<h2>
		NAMING CONVENTIONS
	</h2>
	<p>
		For specific icon definitions, be sure to follow our BEM-based naming scheme, which works like so:
	</p>
	<ul>
		<li>
			begin any individual icon definition with the '.b-icon__' prefix.
		</li>
		<li>
			append a visual description of the icon. This <em>may be different</em> from the actual meaning of the
			icon in its context. E.g. 'pencil' describes the icon better than 'edit'.
		</li>
		<li>
			If there are multiple versions of an icon, try first to distinguish them based on visual difference
			(e.g. <code>b-icon__plus-circle</code> vs <code>b-icon__plus</code>).
		</li>
		<li>
			If the multiple versions are different sizes, use s, m, l to distinguish them:
			(e.g. <code>b-icon__arrow-down-m</code> for medium-sized arrow pointing down).
		</li>
		<li>
			Failing those, just add a number at the end to indicate there is more than one version of an icon.
			(e.g. <code>b-icon__search-2</code>)
		</li>
		<li>
			Finally, use modifiers to define either different colors or states of an icon. Here are some examples:
			<ol>
				<li><code>.b-icon__arrow-down-s .b-icon--active</code></li>
				<li><code>.b-icon__speech-double .b-icon--active</code></li>
				<li><code>.b-icon__like .b-icon--disabled</code></li>
			</ol>
		</li>
	</ul>
	<p class="h-margin-bottom-m">
		Caveats: there may be naming instances below that don't perfectly correspond to the conventions described
		above. For example, 'search' might better be represented by 'magnifying-glass'. That might be a bit verbose,
		and in this instance it's reasonably clear what the intent is.
	</p>
	<h2>
		HOW TO PUT AN ICON INTO YOUR HTML
	</h2>
	<p>
		To display an existing icon in your HTML template, follow these steps:
	</p>
	<ol class="h-margin-bottom-m">
		<li>
			Using a generic DIV or SPAN element, add the <code>.b-icon</code> class in order to refer to the sprite image.
		</li>
		<li>
			Look at the sprite image to determine the location of your desired icon by its row (from top to bottom)
			and position (left to right).
		</li>
		<li>
			Navigate the CSS document to the appropriate row and count rules to the proper position. You should see
			a class name that resembles a description of your icon (e.g. <code>b-icon__pencil</code>). Add that
			class, along with the <code>.b-icon</code> base class, to your DIV or SPAN.
		</li>
		<li>
			Some of the icons provide a version for the active or hover states. The hover state should be applied automatically using a <code>:hover</code> rule. The active state can be applied by adding the <code>.b-icon--active</code> class to the icon. Using a generic class allows use to set an icon to active without knowing which icon we are dealing with. NOTE: This is a work in progress; not all the rules have been converted yet.
		</li>
		<li>
			These classes do not provide additional spacing or positioning rules. Those must be handled on an
			individual basis in your implementation.
		</li>
		<li>
			For concrete examples, see the DIVs below.
		</li>
	</ol>
	<h2>
		HOW TO ADD AN ICON TO THE SPRITE MAP
	</h2>
	<p>
		Adding an icon is fairly straightforward:
	</p>
	<ol class="h-margin-bottom-m">
		<li>
			Update the sprite_icons_general.svg template with your new icon.
		</li>
		<li>
			Determine the background offset, width and height of your icon.
		</li>
		<li>
			Name your icon using our BEM-based method. It is best to <em>describe</em> the icon, rather than what is is used for, as that allows reuse. So "pencil" is preferred over "edit" and "x-circle" over "delete".
		</li>
		<li>
			Place the CSS rules in the appropriate location in this file, based upon the image's row and left to
			right position.
		</li>
		<li>
			Include the <code>.b-icon</code> class and your specific icon class in the HTML tag when you place it.
		</li>
		<li>
			Add your new icon to the example HTML below.
		</li>
	</ol>
	<h2>
		EXAMPLE HTML
	</h2>
	<p>
		NOTE: The blocks of CSS rules below correspond to the horizontal rows of the
		<a href="sprite.php?sprite=sprite_icons_general.svg&styleid={vb:stylevar styleid}&td={vb:stylevar textdirection}&v={vb:var simpleversion}&ts={vb:stylevar cssdate}">sprite image</a>, going from top to bottom and
		left to right.
	</p>

	<!-- Row 1 -->
	<h3>ROW 1</h3>
	<div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__minus-circle"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__plus-circle"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__search"></div></div>

		<vb:comment>/* TODO 3 icons skipped here */</vb:comment>
		<div class="b-icon__wrapper--demo b-icon__wrapper--demo-missing" title="Not Implemented">&nbsp;</div>
		<div class="b-icon__wrapper--demo b-icon__wrapper--demo-missing" title="Not Implemented">&nbsp;</div>
		<div class="b-icon__wrapper--demo b-icon__wrapper--demo-missing" title="Not Implemented">&nbsp;</div>

		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__gear-white"></div></div>

		<vb:comment>/* TODO 1 icon skipped here */</vb:comment>
		<div class="b-icon__wrapper--demo b-icon__wrapper--demo-missing" title="Not Implemented">&nbsp;</div>

		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__facebook-24"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__twitter-24"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__oauth-24"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__facebook-12"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__minus-circle--blue"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__or-circle--blue"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-left-s"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-left-s b-icon--disabled"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-left-s b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-right-s"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-right-s b-icon--disabled"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-right-s b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__search-2"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__search-plus"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-outline-left-s"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-outline-left-s b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-outline-left-s b-icon--disabled"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-outline-right-s"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-outline-right-s b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-outline-right-s b-icon--disabled"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__rss"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__hamburger"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__grid"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__list"></div></div>
	</div>

	<!-- Row 2 -->
	<h3>ROW 2</h3>
	<div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-down-m"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-up-m"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__search-gray-s"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-up-s b-icon--disabled"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-up-s"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-up-s b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-down-s b-icon--disabled"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-down-s"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-down-s b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-left-m b-icon--disabled"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-left-m"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-left-m b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-right-m b-icon--disabled"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-right-m"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-right-m b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__divider-dotted"></div></div>
	</div>

	<!-- Row 3 -->
	<h3>ROW 3</h3>
	<div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__flag"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__rdquo"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__rdquo--orange"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__speech-single--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__like"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__ldquo-l--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__speech-double"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__speech-double b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__camera"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__camera b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__link"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__link b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__pencil"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__pencil b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__plus"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__reply"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__poll"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__poll b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__speech-single"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__doc--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__pencil--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__x-circle"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__double-arrow-right--blue"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__pencil-circle--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__i-circle--blue"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__calendar--blue"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__profile--blue"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__trash-square--blue"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-right-circle"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__x-circle--dark"></div></div>
	</div>

	<!-- Row 4 -->
	<h3>ROW 4</h3>
	<div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__warning--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__ip--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__like b-icon--disabled"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tickets--neutral"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tickets--warned"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tickets--infracted"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__check--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__check--black"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__ellipsis"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__share"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__resize-grip"></div></div>
	</div>

	<!-- Row 5 -->
	<h3>ROW 5</h3>
	<div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-bar-left b-icon--disabled"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-bar-left"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-bar-right b-icon--disabled"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-bar-right"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-block-left"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-block-right"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__x-square--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__pencil-doc"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__gear-s"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__warning-l--red"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__status--green"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__status--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__signature"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__chevron-right--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__question-circle--blue"></div></div>
		<vb:comment>Use grey for the BG color, as the near-white default makes the white arrows + transparent background just seem blank</vb:comment>
		<div class="b-icon__wrapper--demo b-icon__wrapper--demo-background-grey"><div class="b-icon b-icon__arrow-block-left--transparent-bg"></div></div>
		<div class="b-icon__wrapper--demo b-icon__wrapper--demo-background-grey"><div class="b-icon b-icon__arrow-block-right--transparent-bg"></div></div>
	</div>

	<!-- Row 6 -->
	<h3>ROW 6</h3>
	<div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__messages"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__messages b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__add-folder"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__add-folder b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__folder"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__folder b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__trash"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__trash b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__requests"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__requests b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__doc"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__doc b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__pencil-1bit--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__x-1bit--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__profile"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__profile b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__account"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__account b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__privacy"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__privacy b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__notifications"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__notifications b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__x-circle--light"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__page-nav"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__page-nav b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__page-content"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__page-content b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__page-sidebar"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__page-sidebar b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__page-admin"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__page-admin b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__shield"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__shield b-icon--active"></div></div>
	</div>

	<!-- Row 7 -->
	<h3>ROW 7</h3>
	<div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__sent-items"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__sent-items b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__paid-subscriptions"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__paid-subscriptions b-icon--active"></div></div>
	</div>

	<!-- Row 8 -->
	<h3>ROW 8</h3>
	<div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__speech-double-m--blue"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__speech-double-m--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__speech-double-m--green"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__speech-lock"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__link2"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__flag2"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__flag2 b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__clock"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__clock b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__arrow-90deg"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__speech-single2--blue"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__speech-single2--gray"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__lock"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__double-arrow-down--blue"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__double-arrow-right2--blue"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-smiley-s"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-smiley-s b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-video"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-video b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-attachment"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-attachment b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-advanced"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-advanced b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-smiley"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-smiley b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__pm"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__pm--legacy"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-event"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-event b-icon--active"></div></div>
	</div>

	<!-- Row 9 -->
	<h3>ROW 9</h3>
	<div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__doc-m-star--red"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__doc-m-star"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__doc-m--blue"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__doc-m"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__doc-m-lock"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__doc-m-arrow"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__doc-m-lock-arrow"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__doc-m-delete"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__paperclip"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__warning--yellow"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-advanced-l"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-advanced-l b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-camera"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-camera b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-link"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-link b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-smiley-l"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-smiley-l b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-attachment-l"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-attachment-l b-icon--active"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-poll"></div></div>
		<div class="b-icon__wrapper--demo"><div class="b-icon b-icon__tool-poll b-icon--active"></div></div>
	</div>

	<h3>SPRITE EXPLORER</h3>
	<p>Enter a background-position and size in pixels to display that area of the sprite. You can also click on one of the icons above, or the sprite below, to enter those values into the fields.</p>
	<p>
		<form>
			X pos: <input type="text" class="b-icon__demo-input js-sprex-input js-sprex-xpos" />
			Y pos: <input type="text" class="b-icon__demo-input js-sprex-input js-sprex-ypos" />
			Width: <input type="text" class="b-icon__demo-input js-sprex-input js-sprex-width" />
			Height: <input type="text" class="b-icon__demo-input js-sprex-input js-sprex-height" />

			Output LTR:
			<div class="b-icon__wrapper--demo"><div class="b-icon js-sprex-out-ltr"></div></div>
			RTL:
			<div class="b-icon__wrapper--demo"><div class="b-icon js-sprex-out-rtl"></div></div>
			Classes:
			<input type="text" class="b-icon__demo-input js-sprex-classes" />
			RTL Transform Offset:
			<input type="text" class="b-icon__demo-input js-sprex-rtl-transform-offset" />

		</form>
	</p>

	<h3>SPRITE IMAGES</h3>
	<p>The full sprite images for reference.</p>
	<h4>LTR SPRITE IMAGE</h4>
	<img class="b-icon__wrapper--demo js-sprex-sprite" src="sprite.php?sprite=sprite_icons_general.svg&styleid={vb:stylevar styleid}&td=ltr&v={vb:var simpleversion}&ts={vb:stylevar cssdate}" />
	<h4>RTL SPRITE IMAGE</h4>
	<img class="b-icon__wrapper--demo js-sprex-sprite" src="sprite.php?sprite=sprite_icons_general.svg&styleid={vb:stylevar styleid}&td=rtl&v={vb:var simpleversion}&ts={vb:stylevar cssdate}" />

</div>
<script type="text/javascript">
<vb:literal>
(function()
{
	</vb:literal>
	var sprite_path_ltr = "sprite.php?sprite=sprite_icons_general.svg&styleid={vb:stylevar styleid}&td=ltr&v={vb:var simpleversion}&ts={vb:stylevar cssdate}",
		sprite_path_rtl = "sprite.php?sprite=sprite_icons_general.svg&styleid={vb:stylevar styleid}&td=rtl&v={vb:var simpleversion}&ts={vb:stylevar cssdate}";
	<vb:literal>

	function wait(callback)
	{
		if (typeof $ == 'undefined')
		{
			window.setTimeout(function()
			{
				wait(callback);
			}, 50);
		}
		else
		{
			callback();
		}
	}

	function iconClick(e)
	{
		var $el = $(this);

		$('.js-sprex-xpos').val($el.data('xpos'));
		$('.js-sprex-ypos').val($el.data('ypos'));
		$('.js-sprex-width').val($el.data('width'));
		$('.js-sprex-height').val($el.data('height'));

		displayIcon();

		$('.js-sprex-classes').val($el.find('.b-icon').get(0).classList).css('width', '300');
		$('.js-sprex-rtl-transform-offset').val((Math.abs($el.data('xpos')) * 2) + $el.data('width'));
	}

	function displayIcon()
	{
		var $ltr = $('.js-sprex-out-ltr'),
			$rtl = $('.js-sprex-out-rtl');

		$ltr.css('backgroundImage', 'url("' + sprite_path_ltr + '")');
		$rtl.css('backgroundImage', 'url("' + sprite_path_rtl + '")');

		var setVals = {
			backgroundPosition: $('.js-sprex-xpos').val() + 'px ' + $('.js-sprex-ypos').val() + 'px',
			width: $('.js-sprex-width').val(),
			height: $('.js-sprex-height').val(),
			border: '1px solid black'
		};
		$ltr.css(setVals);
		$rtl.css(setVals);

		$('.js-sprex-classes').val('');
		$('.js-sprex-rtl-transform-offset').val('');
	}

	function spriteClick(e)
	{
		var $el = $(this),
			elOff = $el.offset(),
			xVal = Math.floor(e.pageX - elOff.left) - 5, //5px padding
			yVal = Math.floor(e.pageY - elOff.top) - 5;

		$('.js-sprex-xpos').val('-' + xVal);
		$('.js-sprex-ypos').val('-' + yVal);
		$('.js-sprex-width').val(50);
		$('.js-sprex-height').val(50);

		displayIcon();
	}

	function init()
	{
		$('.js-icon-documentation .b-icon__wrapper--demo').each(function()
		{
			var $wrapper = $(this),
				$icon = $wrapper.find('.b-icon'),
				className = $icon.prop('className');

			if (typeof className != 'undefined')
			{
				var bgPos = $icon.css('backgroundPosition'),
					xyPos = $.trim(bgPos).split(/\s+/),
					xPos = parseFloat(xyPos[0], 10),
					yPos = parseFloat(xyPos[1], 10),
					w = parseFloat($icon.css('width'), 10),
					h = parseFloat($icon.css('height'), 10),
					titleText = className + ' (position: ' + bgPos + ' width: ' + w + ' height: ' + h + ')';

				$wrapper
					.prop('title', titleText)
					.css('cursor', 'pointer')
					.data('xpos', xPos)
					.data('ypos', yPos)
					.data('width', w)
					.data('height', h)
					.off('click', iconClick)
					.on('click', iconClick);
			}
		});

		$('.js-sprex-input').off('keyup', displayIcon).on('keyup', displayIcon);
		$('.js-sprex-sprite').off('click', spriteClick).on('click', spriteClick);

		$('.js-sprex-sprite').css('cursor', 'pointer');

		$('.js-icon-documentation .b-icon__wrapper--demo').first().click();
	}

	wait(init);

})();
</vb:literal>
</script>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>

/*--------------------------------------
 * ICONS
 *------------------------------------*/

</vb:comment>


<vb:comment>Set up the sprite path</vb:comment>
{vb:set imgdir_spriteiconsvb, {vb:stylevar imgdir_spriteiconsvb}}
<vb:if condition="!empty($imgdir_spriteiconsvb)">
	{vb:set spritepath, {vb:concat 
		{vb:stylevar imgdir_spriteiconsvb},
		"/sprite_icons_vb_",
		{vb:stylevar textdirection},
		".png?v=",
		{vb:var simpleversion}
	}}
<vb:else />
	{vb:set spritepath, {vb:spritepath sprite_icons_general.svg}}
</vb:if>


.b-icon {
	display: inline-block;

	background:transparent url("{vb:raw spritepath}") no-repeat scroll 0 0;

	overflow: hidden;
	text-indent: -99999px;
}



<vb:comment>

/*----------------------------------------------------------------------------
 * Row 1 icons
 *
 **/

</vb:comment>

.b-icon__minus-circle {
	background-position: 0 -16px;
	width: 14px;
	height: 14px;
}

.b-icon__plus-circle {
	background-position: -16px -16px;
	width: 14px;
	height: 14px;
}


<vb:comment>This doesn't strictly follow BEM, but it allows for much simpler Javascript for the collapse/expand button.</vb:comment>
.b-icon__toggle-collapse {
	background-position: -16px -16px;
	width: 14px;
	height: 14px;
}
.collapse > .b-icon__toggle-collapse {
	background-position: 0 -16px;
}
.expand > .b-icon__toggle-collapse {
	background-position: -16px -16px;
}


.b-icon__search {
	background-position: -32px -16px;
	width: 16px;
	height: 16px;
}


<vb:comment>/* TODO 3 icons skipped here */</vb:comment>


.b-icon__gear-white {
	background-position: -96px -16px;
	width: 14px;
	height: 14px;
}


<vb:comment>/* TODO 1 icon skipped here */</vb:comment>


.b-icon__facebook-24 {
	background-position: -144px -16px;
	width: 24px;
	height: 24px;
}

<vb:comment>/*
This icon is strictly for the updated version of the "Connect with Facebook" button
used on the registration page & user account settings page. Compared to the old button
the new version is flat, without the shading gradient. Also, the "f" logo is ever so
slightly different (e.g. slightly longer left branch of the "f"'s crossbar), but more
importantly, their branding guideline recommends having significant margines around
the logo itself, which is reflected in their javascript SDK's sign-in buttons.
IT also has the blue f on a white background, surrounded by a blue padding for the
whole button.
There's an SVG version of the button, but the corners looked too sharp when scaled
down to 24px and didn't look quiet right. As such I'm using the nearest sized PNG
that their branding assets site provided (29x29).

Second selector to override the registration form css.
*/</vb:comment>
.b-icon__facebook-connect,
#frmRegister .fb-signup span.b-icon__facebook-connect {
	<vb:comment>/*
		For the background "blue" color, I don't know what the best value is.
		3B579D is from facebook's blue logo PNG, but we may need to change this in the future.
		See VBV-18254 for some other values that their assets use.
	*/</vb:comment>
	background:#3B579D url("{vb:stylevar imgdir_misc}/FB-f-Logo__white_29.png") no-repeat scroll 0 0;
	<vb:comment>/*
		25px was initially to make the logo itself sized about the same as the logo in the static long
		"connect with facebook" gif button. However, this makes the overall button humongous especially
		compared to the twitter buttons
	width: 25px;
	height: 25px;
		*/</vb:comment>
	width: 1.92rem;
	height: 1.92rem;
	background-size: contain;
	vertical-align: middle;

	<vb:comment>/*
		margin of 0.45rem empirically selected to approximate style of their javascript SDk buttons
		.45rem is better suited when icon is 25px. Now that icon is 1.2rem (~20px default font-size), that's too large so going with
		.4rem.
		Initially we were using padding, but switched to margin to make the icon dictate the height & make it
		easier to match the twitter button's height to facebook button's.
	*/</vb:comment>
	margin: 0.64rem;
}

.b-icon__twitter-24 {
	background-position: -176px -16px;
	width: 24px;
	height: 24px;
}

.b-icon__oauth-24 {
	background-position: -208px -16px;
	width: 24px;
	height: 24px;
}

.b-icon__facebook-12 {
	background-position: -256px -16px;
	width: 12px;
	height: 12px;
}

.b-icon__minus-circle--blue {
	background-position: -288px -16px;
	width: 24px;
	height: 24px;
}

.b-icon__or-circle--blue {
	background-position: -320px -16px;
	width: 24px;
	height: 24px;
}

.b-icon__arrow-left-s,
.b-icon__arrow-right-s {
	width: 6px;
	height: 7px;
}

.b-icon__arrow-left-s {
	background-position: -352px -16px;
}

.b-icon__arrow-left-s.b-icon--disabled {
	background-position: -360px -16px;
}

.b-icon__arrow-left-s.b-icon--active {
	background-position: -368px -16px;
}


.b-icon__arrow-right-s {
	background-position: -384px -16px;
}

.b-icon__arrow-right-s.b-icon--disabled {
	background-position: -392px -16px;
}

.b-icon__arrow-right-s.b-icon--active {
	background-position: -400px -16px;
}

.b-icon__search-2 {
	background-position: -416px -16px;
	width: 15px;
	height: 14px;
}

.b-icon__search-plus {
	background-position: -432px -16px;
	width: 13px;
	height: 11px;
}


.b-icon__arrow-outline-left-s,
.b-icon__arrow-outline-right-s {
	width: 6px;
	height: 10px;
}

.b-icon__arrow-outline-left-s {
	background-position: -464px -16px;
}

.b-icon__arrow-outline-left-s.b-icon--active {
	background-position: -480px -16px;
}

.b-icon__arrow-outline-left-s.b-icon--disabled {
	background-position: -496px -16px;
}


.b-icon__arrow-outline-right-s {
	background-position: -512px -16px;
}

.b-icon__arrow-outline-right-s.b-icon--active {
	background-position: -528px -16px;
}
.b-icon__arrow-outline-right-s.b-icon--disabled {
	background-position: -544px -16px;
}


.b-icon__rss {
	background-position: -560px -16px;
	width: 12px;
	height: 12px;
	position: relative;
}

.b-icon__hamburger {
	background-position: -574px -16px;
	width: 17px;
	height: 15px;
}

.b-icon__grid {
	background-position: -593px -16px;
	width: 16px;
	height: 14px;
}

.b-icon__list {
	background-position: -611px -16px;
	width: 16px;
	height: 14px;
}



<vb:comment>

/*----------------------------------------------------------------------------
 * Row 2 icons
 *
 **/

</vb:comment>

.b-icon__arrow-down-m {
	background-position: 0 -48px;
	width: 9px;
	height: 6px;
}

.b-icon__arrow-up-m {
	background-position: -16px -48px;
	width: 9px;
	height: 6px;
}

.b-icon__search-gray-s {
	background-position: -32px -48px;
	width: 11px;
	height: 12px;
}

<vb:comment>
	There is some markup for these classes that was never ported
	from vb-icon. See commits for id=66790 and vb-icon-triangle-up/down-wide
	which is similar and still used.

	these classes are not currently used.
</vb:comment>

.b-icon__arrow-up-s,
.b-icon__arrow-down-s {
	width: 7px;
	height: 6px;
}

.b-icon__arrow-up-s {
	background-position: -56px -48px;
}

.b-icon__arrow-up-s.b-icon--disabled {
	background-position: -48px -48px;
}

.b-icon__arrow-up-s.b-icon--active {
	background-position: -64px -48px;
}

.b-icon__arrow-down-s {
	background-position: -80px -48px;
}

.b-icon__arrow-down-s.b-icon--disabled {
	background-position: -72px -48px;
}

.b-icon__arrow-down-s.b-icon--active {
	background-position: -88px -48px;
}

.b-icon__arrow-left-m,
.b-icon__arrow-right-m {
	width: 6px;
	height: 10px;
}

.b-icon__arrow-left-m {
	background-position: -104px -48px;
}
.b-icon__arrow-left-m.b-icon--disabled {
	background-position: -96px -48px;
}
.b-icon__arrow-left-m.b-icon--active {
	background-position: -112px -48px;
}

.b-icon__arrow-right-m {
	background-position: -128px -48px;
}
.b-icon__arrow-right-m.b-icon--disabled {
	background-position: -120px -48px;
}
.b-icon__arrow-right-m.b-icon--active {
	background-position: -136px -48px;
}


.b-icon__divider-dotted {
	background-position: -144px -48px;
	width: 1px;
	height: 24px;
}



<vb:comment>

/*----------------------------------------------------------------------------
 * Row 3 icons
 *
 **/

</vb:comment>

.b-icon__flag {
	background-position: 0 -80px;
	width: 10px;
	height: 12px;
}

.b-icon__rdquo {
	background-position: -16px -80px;
	width: 13px;
	height: 12px;

}

.b-icon__rdquo--orange,
.b-post-control__quote--selected .b-icon__rdquo {
	background-position: -32px -80px;
	width: 13px;
	height: 12px;
}

.b-icon__speech-single--gray {
	background-position: -48px -80px;
	width: 11px;
	height: 12px;
}

<vb:comment>Disabled version in row 4</vb:comment>
.b-icon__like {
	background-position: -64px -80px;
	width: 13px;
	height: 12px;
}

.b-icon__ldquo-l--gray {
	background-position: -80px -80px;
	width: 17px;
	height: 16px;
}

.b-icon__speech-double {
	background-position: -112px -80px;
	width: 14px;
	height: 14px;
}

.b-icon__speech-double.b-icon--active {
	background-position: -128px -80px;
}

.b-icon__camera {
	background-position: -144px -80px;
	width: 15px;
	height: 14px;
}

.b-icon__camera.b-icon--active {
	background-position: -160px -80px;
}

.b-icon__link {
	background-position: -176px -80px;
	width: 12px;
	height: 12px;
}

.b-icon__link.b-icon--active {
	background-position: -192px -80px;
}

.b-icon__pencil {
	background-position: -208px -80px;
	width: 12px;
	height: 12px;
}
<vb:comment>Automatically change the icon on hover. We should implement this for other icons that have default/hover states as well.</vb:comment>
.b-icon__pencil:hover,
.b-icon__pencil.b-icon--active {
	background-position: -224px -80px;
}

.b-icon__plus {
	background-position: -240px -80px;
	width: 8px;
	height: 8px;
}

.b-icon__reply {
	background-position: -256px -80px;
	width: 13px;
	height: 8px;
}

.b-icon__poll {
	background-position: -272px -80px;
	width: 14px;
	height: 12px;
}

.b-icon__poll.b-icon--active {
	background-position: -288px -80px;
}

.b-icon__speech-single {
	background-position: -304px -80px;
	width: 10px;
	height: 11px;
}

.b-icon__doc--gray {
	background-position: -320px -80px;
	width: 11px;
	height: 12px;
}

.b-icon__pencil--gray {
	background-position: -336px -80px;
	width: 12px;
	height: 12px;
}

.b-icon__x-circle {
	background-position: -352px -80px;
	width: 11px;
	height: 11px;
}

.b-icon__double-arrow-right--blue {
	background-position: -368px -80px;
	width: 14px;
	height: 10px;
}

.b-icon__pencil-circle--gray {
	background-position: -384px -80px;
	width: 20px;
	height: 20px;
}

.b-icon__i-circle--blue {
	background-position: -416px -80px;
	width: 12px;
	height: 12px;
}

.b-icon__calendar--blue {
	background-position: -432px -80px;
	width: 16px;
	height: 16px;
}

.b-icon__profile--blue {
	background-position: -448px -80px;
	width: 21px;
	height: 21px;
}

.b-icon__trash-square--blue {
	background-position: -480px -80px;
	width: 19px;
	height: 19px;
}

.b-icon__arrow-right-circle {
	background-position: -528px -80px;
	width: 12px;
	height: 12px;
}

.b-icon__x-circle--dark {
	background-position: -544px -80px;
	width: 16px;
	height: 16px;
}



<vb:comment>

/*----------------------------------------------------------------------------
 * Row 4 icons
 *
 **/

</vb:comment>

.b-icon__warning--gray {
	background-position: -32px -96px;
	width: 14px;
	height: 12px;
}

.b-icon__ip--gray {
	background-position: -48px -96px;
	width: 13px;
	height: 12px;
}

<vb:comment>Non-disabled version in row 3</vb:comment>
.b-icon__like.b-icon--disabled {
	background-position: -64px -96px;
}

.b-icon__tickets--neutral {
	background-position: -112px -96px;
	width: 15px;
	height: 12px;
}

.b-icon__tickets--warned {
	background-position: -144px -96px;
	width: 15px;
	height: 12px;
}

.b-icon__tickets--infracted {
	background-position: -176px -96px;
	width: 15px;
	height: 12px;
}

.b-icon__check--gray {
	background-position: -240px -96px;
	width: 10px;
	height: 8px;
}

.b-icon__check--black {
	background-position: -256px -96px;
	width: 8px;
	height: 8px;
}

.b-icon__ellipsis {
	background-position: -265px -96px;
	width: 21px;
	height: 5px;
}

.b-icon__share {
	background-position: -288px -96px;
	width: 13px;
	height: 13px;
}

<vb:comment>Also referenced from .vb_cke_resize_grip</vb:comment>
.b-icon__resize-grip {
	background-position: -304px -96px;
	width: 51px;
	height: 7px;
}



<vb:comment>

/*----------------------------------------------------------------------------
 * Row 5 icons
 *
 **/

</vb:comment>

.b-icon__arrow-bar-left {
	background-position: -16px -112px;
	width: 12px;
	height: 60px;
}
.b-icon__arrow-bar-left.b-icon--disabled {
	background-position: 0 -112px;
	width: 12px;
	height: 60px;
}

.b-icon__arrow-bar-right {
	background-position: -48px -112px;
	width: 12px;
	height: 60px;
}
.b-icon__arrow-bar-right.b-icon--disabled {
	background-position: -32px -112px;
	width: 12px;
	height: 60px;
}

.b-icon__arrow-block-left {
	background-position: -64px -112px;
	width: 42px;
	height: 42px;
}

.b-icon__arrow-block-right {
	background-position: -112px -112px;
	width: 42px;
	height: 42px;
}

.b-icon__x-square--gray {
	background-position: -160px -112px;
	width: 17px;
	height: 16px;
}

.b-icon__pencil-doc {
	background-position: -192px -112px;
	width: 16px;
	height: 16px;
}

.b-icon__gear-s {
	background-position: -210px -112px;
	width: 14px;
	height: 16px;
}

.b-icon__warning-l--red {
	background-position: -240px -112px;
	width: 44px;
	height: 40px;
}

.b-icon__status--green {
	background-position: -304px -112px;
	width: 12px;
	height: 12px;
}

.b-icon__status--gray {
	background-position: -320px -112px;
	width: 12px;
	height: 12px;
}

.b-icon__signature {
	background-position: -336px -112px;
	width: 12px;
	height: 12px;
}

.b-icon__chevron-right--gray {
	background-position: -368px -112px;
	width: 5px;
	height: 7px;
}

.b-icon__question-circle--blue {
	background-position: -384px -112px;
	width: 14px;
	height: 14px;
}


.b-icon__arrow-block-left--transparent-bg {
	background-position: -416px -112px;
	width: 42px;
	height: 42px;
}

.b-icon__arrow-block-right--transparent-bg {
	background-position: -462px -112px;
	width: 42px;
	height: 42px;
}


<vb:comment>

/*----------------------------------------------------------------------------
 * Row 6 icons
 *
 **/

</vb:comment>

.b-icon__messages {
	background-position: 0 -176px;
	width: 15px;
	height: 14px;
}

.b-icon__messages.b-icon--active {
	background-position: -16px -176px;
}

.b-icon__add-folder {
	background-position: -32px -176px;
	width: 15px;
	height: 14px;
}

.b-icon__add-folder.b-icon--active {
	background-position: -48px -176px;
}

.b-icon__folder {
	background-position: -64px -176px;
	width: 15px;
	height: 14px;
}

.b-icon__folder.b-icon--active {
	background-position: -80px -176px;
}

.b-icon__trash {
	background-position: -96px -176px;
	width: 13px;
	height: 15px;
}

.b-icon__trash.b-icon--active {
	background-position: -112px -176px;
}

.b-icon__requests {
	background-position: -128px -176px;
	width: 15px;
	height: 16px;
}

.b-icon__requests.b-icon--active {
	background-position: -144px -176px;
}

.b-icon__doc {
	background-position: -160px -176px;
	width: 15px;
	height: 15px;
}

.b-icon__doc.b-icon--active {
	background-position: -176px -176px;
}

.b-icon__pencil-1bit--gray {
	background-position: -192px -176px;
	width: 12px;
	height: 12px;
}

.b-icon__x-1bit--gray {
	background-position: -208px -176px;
	width: 12px;
	height: 12px;
}

.b-icon__profile {
	background-position: -240px -176px;
	width: 16px;
	height: 12px;
}

.b-icon__profile.b-icon--active,
.ui-tabs-active .b-icon__profile,
.b-tabbed-pane__tab--selected .b-icon__profile {
	background-position: -256px -176px;
	width: 16px;
	height: 12px;
}

.b-icon__account {
	background-position: -272px -176px;
	width: 15px;
	height: 12px;
}

.b-icon__account.b-icon--active,
.ui-tabs-active .b-icon__account,
.b-tabbed-pane__tab--selected .b-icon__account {
	background-position: -288px -176px;
	width: 15px;
	height: 12px;
}

.b-icon__privacy {
	background-position: -306px -176px;
	width: 12px;
	height: 12px;
}

.b-icon__privacy.b-icon--active,
.ui-tabs-active .b-icon__privacy,
.b-tabbed-pane__tab--selected .b-icon__privacy {
	background-position: -322px -176px;
	width: 12px;
	height: 12px;
}

.b-icon__notifications {
	background-position: -338px -176px;
	width: 12px;
	height: 12px;
}

.b-icon__notifications.b-icon--active,
.ui-tabs-active .b-icon__notifications,
.b-tabbed-pane__tab--selected .b-icon__notifications {
	background-position: -354px -176px;
	width: 12px;
	height: 12px;
}

.b-icon__x-circle--light {
	background-position: -370px -176px;
	width: 19px;
	height: 19px;
}

.b-icon__page-nav {
	background-position: -400px -176px;
	width: 16px;
	height: 15px;
}

.b-icon__page-nav.b-icon--active {
	background-position: -416px -176px;
}

.b-icon__page-content {
	background-position: -432px -176px;
	width: 16px;
	height: 15px;
}

.b-icon__page-content.b-icon--active {
	background-position: -448px -176px;
}

.b-icon__page-sidebar {
	background-position: -464px -176px;
	width: 16px;
	height: 15px;
}

.b-icon__page-sidebar.b-icon--active {
	background-position: -480px -176px;
}

.b-icon__page-admin {
	background-position: -496px -176px;
	width: 16px;
	height: 15px;
}

.b-icon__page-admin.b-icon--active {
	background-position: -512px -176px;
}

.b-icon__shield {
	background-position: -529px -176px;
	width: 11px;
	height: 12px;
}

.b-icon__shield.b-icon--active,
.ui-tabs-active .b-icon__shield,
.b-tabbed-pane__tab--selected .b-icon__shield {
	background-position: -545px -176px;
	width: 11px;
	height: 12px;
}

<vb:comment>
NOTE: If you add an icon in row 6, after .b-icon__shield.b-icon--active, please ensure
there is at least 4px of whitespace between the shield icon and the new
icon. This is to ensure that the new icon does not bleed into the shield icon
in Responsive on the user settings, when the two factor authentication tab is
selected.
</vb:comment>




<vb:comment>

/*----------------------------------------------------------------------------
 * Row 7 icons
 *
 **/

</vb:comment>

.b-icon__sent-items {
	background-position: -192px -192px;
	width: 15px;
	height: 14px;
}

.b-icon__sent-items.b-icon--active {
	background-position: -208px -192px;
}

.b-icon__paid-subscriptions {
	background-position: -304px -192px;
	width: 16px;
	height: 12px;
}

.b-icon__paid-subscriptions.b-icon--active,
.ui-tabs-active .b-icon__paid-subscriptions,
.b-tabbed-pane__tab--selected .b-icon__paid-subscriptions {
	background-position: -320px -192px;
	width: 16px;
	height: 12px;
}



<vb:comment>

/*----------------------------------------------------------------------------
 * Row 8 icons
 *
 **/

</vb:comment>

.b-icon__speech-double-m--blue {
	background-position: -4px -208px;
	width: 16px;
	height: 15px;
}

.b-icon__speech-double-m--gray {
	background-position: -36px -208px;
	width: 16px;
	height: 15px;
}

.b-icon__speech-double-m--green {
	background-position: -68px -208px;
	width: 16px;
	height: 15px;
}

.b-icon__speech-lock {
	background-position: -100px -208px;
	width: 16px;
	height: 15px;
}

.b-icon__link2 {
	background-position: -132px -208px;
	width: 16px;
	height: 16px;
}

.b-icon__flag2 {
	background-position: -160px -208px;
	width: 15px;
	height: 15px;
}

.b-icon__flag2.b-icon--active {
	background-position: -176px -208px;
}

.b-icon__clock {
	background-position: -192px -208px;
	width: 15px;
	height: 15px;
}

.b-icon__clock.b-icon--active {
	background-position: -208px -208px;
}

.b-icon__arrow-90deg {
	background-position: -240px -208px;
	width: 11px;
	height: 9px;
}

.b-icon__speech-single2--blue {
	background-position: -256px -208px;
	width: 10px;
	height: 11px;
}

.b-icon__speech-single2--gray {
	background-position: -272px -208px;
	width: 10px;
	height: 11px;
}

.b-icon__lock {
	background-position: -288px -208px;
	width: 9px;
	height: 10px;
}

.b-icon__double-arrow-down--blue {
	background-position: -304px -208px;
	width: 11px;
	height: 11px;
}

.b-icon__double-arrow-right2--blue {
	background-position: -320px -208px;
	width: 13px;
	height: 9px;
}

.b-icon__tool-smiley-s {
	background-position: -352px -208px;
	width: 14px;
	height: 14px;
}

.b-toolbar__item--active .b-icon__tool-smiley-s,
.b-icon__tool-smiley-s.b-icon--active {
	background-position: -368px -208px;
}

.b-icon__tool-video {
	background-position: -400px -208px;
	width: 24px;
	height: 22px;
}

.b-toolbar__item--active .b-icon__tool-video,
.b-icon__tool-video.b-icon--active {
	background-position: -432px -208px;
}

.b-icon__tool-attachment {
	background-position: -464px -208px;
	width: 16px;
	height: 16px;
}

.b-toolbar__item--active .b-icon__tool-attachment,
.b-icon__tool-attachment.b-icon--active,
.b-icon__tool-attachment:hover {
	background-position: -480px -208px;
}

.b-icon__tool-advanced {
	background-position: -496px -208px;
	width: 16px;
	height: 16px;
}

.b-toolbar__item--active .b-icon__tool-advanced,
.b-icon__tool-advanced.b-icon--active,
.b-icon__tool-advanced:hover {
	background-position: -512px -208px;
}

.b-icon__tool-smiley {
	background-position: -528px -208px;
	width: 16px;
	height: 16px;
}

.b-toolbar__item--active .b-icon__tool-smiley,
.b-icon__tool-smiley.b-icon--active,
.b-icon__tool-smiley:hover {
	background-position: -544px -208px;
}

.b-icon__pm {
	background-position: -560px -208px;
	width: 16px;
	height: 14px;
}

.b-icon__pm--legacy {
	background-position: -578px -208px;
	width: 16px;
	height: 14px;
}

.b-icon__tool-event {
	background-position: -640px -208px;
	width: 24px;
	height: 22px;
}

.b-toolbar__item--active .b-icon__tool-event,
.b-icon__tool-event.b-icon--active {
	background-position: -672px -208px;
}

<vb:comment>

/*----------------------------------------------------------------------------
 * Row 9 icons
 *
 **/

</vb:comment>

.b-icon__doc-m-star--red {
	background-position: -4px -240px;
	width: 16px;
	height: 18px;
}

.b-icon__doc-m-star {
	background-position: -36px -240px;
	width: 16px;
	height: 18px;
}

.b-icon__doc-m--blue {
	background-position: -68px -240px;
	width: 16px;
	height: 18px;
}

.b-icon__doc-m {
	background-position: -100px -240px;
	width: 16px;
	height: 18px;
}

.b-icon__doc-m-lock {
	background-position: -132px -240px;
	width: 16px;
	height: 18px;
}

.b-icon__doc-m-arrow {
	background-position: -164px -240px;
	width: 16px;
	height: 18px;
}

.b-icon__doc-m-lock-arrow {
	background-position: -196px -240px;
	width: 16px;
	height: 18px;
}

.b-icon__doc-m-delete {
	background-position: -228px -240px;
	width: 16px;
	height: 18px;
}

.b-icon__paperclip {
	background-position: -256px -240px;
	width: 16px;
	height: 15px;
}

.b-icon__warning--yellow {
	background-position: -288px -240px;
	width: 16px;
	height: 14px;
}

.b-icon__tool-advanced-l {
	background-position: -322px -240px;
	width: 21px;
	height: 22px;
}

.b-icon__tool-advanced-l.b-icon--active {
	background-position: -354px -240px;
	width: 21px;
	height: 22px;
}

.b-icon__tool-camera {
	background-position: -384px -240px;
	width: 24px;
	height: 22px;
}

.b-toolbar__item--active .b-icon__tool-camera,
.b-icon__tool-camera.b-icon--active {
	background-position: -416px -240px;
}

.b-icon__tool-link {
	background-position: -448px -240px;
	width: 24px;
	height: 22px;
}

.b-toolbar__item--active .b-icon__tool-link,
.b-icon__tool-link.b-icon--active {
	background-position: -480px -240px;
}

.b-icon__tool-smiley-l {
	background-position: -513px -240px;
}

.b-icon__tool-smiley-l.b-icon--active {
	background-position: -545px -240px;
	width: 22px;
	height: 22px;
}

.b-icon__tool-attachment-l {
	background-position: -578px -240px;
	width: 21px;
	height: 23px;
}

.b-icon__tool-attachment-l.b-icon--active {
	background-position: -610px -240px;
}

.b-icon__tool-poll {
	background-position: -640px -240px;
	width: 24px;
	height: 22px;
}

.b-toolbar__item--active .b-icon__tool-poll,
.b-icon__tool-poll.b-icon--active {
	background-position: -672px -240px;
}

<vb:comment>/* For demo use only! */</vb:comment>
.b-icon__wrapper--demo {
	background: {vb:stylevar global_palette_fill_01.color};
	border: 1px solid {vb:stylevar global_palette_fill_02.color};
	border-radius: 5px;
	margin: 0 0 2px;
	margin-{vb:stylevar right}: 2px;
	padding: 3px;
	display: inline-block;
}
.b-icon__wrapper--demo-missing {
	border-color: #a00;
	background: #aaa;
}
.b-icon__wrapper--demo-background-grey {
	background: #aaa;
}
.b-icon__demo-input {
	width: 30px;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_inlinemod.css" templatetype="template" date="1541016757" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>

Used for inline moderation checkboxes and the modifiers.

<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>

/*--------------------------------------
 * Inline mod checkbox
 * The checkbox within an item used for moderation
 *------------------------------------*/

</vb:comment>

.b-inlinemod__checkbox-text {
	font-size: 1.2rem;
}

/*--------------------------------------
 * Inline mod item
 * An item that can be moderated
 *------------------------------------*/

/*
.b-inlinemod__item {
	
}
*/

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_layout.css" templatetype="template" date="1475268758" username="vBulletin" version="5.2.5 Alpha 3"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<p>
	Layout is used for the sole purpose of positioning items relative to one another.
	In this initial implementation, a layout class is prepended with <strong>l-</strong>
	in order to distinguish it from block and helper classes.
</p>

<p>
	To create a layout, begin with an <code>.l-row</code> wrapper. This is merely a
	clearfixed container that holds columns. Note that it can be a useful place to
	add a margin or padding.
</p>

<p>
	To create columns, you need to decide whether you want percentage-based fluid
	columns or to have a fixed-width column supplemented by adjoining fluid column.
</p>

<h2>Fluid columns</h2>
<p>
	The fluid option is made up of a 12-column grid at desktop width and a four-column
	grid at "mobile" (less than iPad portrait) width. So, if you wanted to have a
	row with one 25% width column and one 75% column, which change to full-width
	columns at mobile size, you would apply <code>.l-col__large-3</code> and
	<code>.l-col__small-4</code> to the first column and <code>.l-col__large-9</code>
	and <code>.l-col__small-4</code> to the second column. (For convenience sake
	we've also included <code>.l-col__small--full</code> as an equivalent to
	<code>.l-col_small-4</code>.
</p>

<h3>Setting fluid column position</h3>
<p>
	Fluid columns can also be moved around in the row. This is useful so you can place
	the column with the primary content above all the others in the HTML, while displying
	it anywhere in the row. Essentially, the first column in the markup no longer has to be 
	displayed on the left. To accomplish this, use the following move-left and move-right
	classes.
</p>

<div class="restore">
	<ul>
		<li><code>.l-col__large--move-left-1</code> through <code>.l-col__large--move-left-12</code></li>
		<li><code>.l-col__large--move-right-1</code> through <code>.l-col__large--move-right-12</code></li>
		<li><code>.l-col__small--move-left-1</code> through <code>.l-col__small--move-left-4</code></li>
		<li><code>.l-col__small--move-right-1</code> through <code>.l-col__small--move-right-4</code></li>
	</ul>
</div>

<p>
	Consider a row with <code>.l-col__large-8</code> <code>.l-col__large-2</code> <code>.l-col__large-2</code> in the HTML.
	Large-8 comes first, since it has the primary content. You can move large-8 around by adding the 
	appropriate move classes to the columns. If you want to move large-8 to the right (between the two large-2 columns), 
	you would apply <code>.l-col__large--move-right-2</code> to large-8 and apply <code>.l-col__large--move-left-10</code>
	to the first large-2 column. It needs to move left ten units-- eight units to go past large-8 and two more because we moved
	large-8 two units to the right. If you want to put large-8 on the right and the two large-2 columns on the left, apply
	<code>.l-col__large--move-right-4</code> to large-8, apply <code>.l-col__large--move-left-12</code> to the first
	large-2 column, and apply <code>.l-col__large--move-left-10</code> to the second large-2 column.
</p>

<h2>Fixed columns</h2>
<p>
	The fixed option (for now) assumes that you will use one fixed column and one
	flexible column (to fill the remaining 100% width). The fixed column currently
	comes in 5 sizes (each a multiple of 60px) + 1 at 160px:
</p>

<div class="restore">
	<ul>
		<li><code>.l-col__fixed-1</code> - 60px</li>
		<li><code>.l-col__fixed-2</code> - 120px</li>
		<li><code>.l-col__fixed-3</code> - 160px</li>
		<li><code>.l-col__fixed-4</code> - 180px</li>
		<li><code>.l-col__fixed-5</code> - 240px</li>
		<li><code>.l-col__fixed-6</code> - 300px</li>
	</ul>
</div>

<p>
	Note that you must use the corresponding <code>.l-col__flex</code> class for the
	complementary column, so if you use <code>.l-col__fixed-2</code> you should use
	<code>.l-col__flex-2</code> with it.
</p>

<h3>Fixed columns on left or right</h3>
<p>
	By default, fixed columns are floated to the left. If you want the fixed column
	to be on the right, modify it at the row level by adding <code>.l-row__fixed--right</code>. (There is an <code>.l-row__fixed--left</code> available as well.)
</p>

<h3>Fixed columns on both sides</h3>
<p>
	Because rows are nestable, it's possible to create a layout with both fixed left
	and fixed right columns and a fluid center.
</p>

<h3>Flex column markup before fixed column</h3>
<p>
	Note that by default with fixed columns, the fixed column markup must physically come
	before the flex column markup. If there is a need to reverse this, for example, the 
	primary content will be in the flex column, that is possible. To place the flex
	column markup first, do the following. First, add the <code>.l-col--flex-first</code> modifier
	class to the <code>.l-col__flex-&lt;NUM&gt;</code> element. Then place an element with class
	<code>.l-col__flex-content</code> immediately inside it. All the flex column content
	should then go inside this content element. See the examples below.
</p>

<h2>Note on the letters in the examples</h2>
<p>
	The letters included in each column allow you to see where the column is in the markup and which row a column belongs to, especially when switching between desktop and responsive. 
</p>

<div class="restore">
	<ul>
		<li>The same letter is used in all columns of a row. For example, ("c1", "c2") are both in the same row.</li>
		<li>The numbers start at one (eg. "g1") and increment the number for each new column ("g2", "g3", etc).</li>
		<li>The letter instances are in order in the markup ("a1", "a2", "a3"), which does not always correspond to the order they are displayed in, for example if you use flex &amp; fixed columns with <code>.l-col--flex-first</code> or if you use the move-left and move-right classes to reorder fluid columns.</li>
	</ul>
</div>

<vb:comment>
	I'm inlining the Javascript and hard-coded phrases since this
	is a dev-only help page and not intended for production in any sense.
</vb:comment>
<p>
	Show examples for: 
	<a href="#" class="js-layout-example-switch-desktop" style="font-weight:bold;">Desktop</a> |
	<a href="#" class="js-layout-example-switch-responsive">Responsive</a>
</p>
<script type="text/javascript">
<vb:literal>
(function()
{
	function wait(callback)
	{
		if (typeof $ == 'undefined')
		{
			window.setTimeout(function()
			{
				wait(callback);
			}, 50);
		}
		else
		{
			callback();
		}
	}

	wait(function()
	{
		$('.js-layout-example-switch-desktop').on('click', function()
		{
			$('.js-layout-example-switch-responsive').css('font-weight', 'normal');
			$(this).css('font-weight', 'bold');
			$('.js-layout-example-wrapper').removeClass('l-small').css('width', '');
			return false;
		});

		$('.js-layout-example-switch-responsive').on('click', function()
		{
			$('.js-layout-example-switch-desktop').css('font-weight', 'normal');
			$(this).css('font-weight', 'bold');
			$('.js-layout-example-wrapper').addClass('l-small').css('width', '480px');
			return false;
		});
	});

})();
</vb:literal>
</script>

<div class="js-layout-example-wrapper">


	<!-- ***** fluid columns ***** -->
	<h3 class="h-margin-top-s">Fluid columns</h3>

	<div class="l-row">
		<div class="l-col__large-1 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-1</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">a1</span>
		</div>
		<div class="l-col__large-11 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-11</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">a2</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__large-2 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">large-2</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">b1</span>
		</div>
		<div class="l-col__large-10 l-col__small-3 l-col--demo">
			<span class="h-hide-on-small">large-10</span>
			<span class="h-hide-on-large">small-3</span>
			<span class="demo-content">b2</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__large-3 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">large-3</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">c1</span>
		</div>
		<div class="l-col__large-9 l-col__small-3 l-col--demo">
			<span class="h-hide-on-small">large-9</span>
			<span class="h-hide-on-large">small-3</span>
			<span class="demo-content">c2</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__large-4 l-col__small-2 l-col--demo">
			<span class="h-hide-on-small">large-4</span>
			<span class="h-hide-on-large">small-2</span>
			<span class="demo-content">d1</span>
		</div>
		<div class="l-col__large-8 l-col__small-2 l-col--demo">
			<span class="h-hide-on-small">large-8</span>
			<span class="h-hide-on-large">small-2</span>
			<span class="demo-content">d2</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__large-5 l-col__small-3 l-col--demo">
			<span class="h-hide-on-small">large-5</span>
			<span class="h-hide-on-large">small-3</span>
			<span class="demo-content">e1</span>
		</div>
		<div class="l-col__large-7 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">large-7</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">e2</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__large-6 l-col__small-2 l-col--demo">
			<span class="h-hide-on-small">large-6</span>
			<span class="h-hide-on-large">small-2</span>
			<span class="demo-content">f1</span>
		</div>
		<div class="l-col__large-6 l-col__small-2 l-col--demo">
			<span class="h-hide-on-small">large-6</span>
			<span class="h-hide-on-large">small-2</span>
			<span class="demo-content">f2</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__large-3 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">large-3</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">g1</span>
		</div>
		<div class="l-col__large-3 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">large-3</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">g2</span>
		</div>
		<div class="l-col__large-3 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">large-3</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">g3</span>
		</div>
		<div class="l-col__large-3 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">large-3</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">g4</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__large-1 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">large-1</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">h1</span>
		</div>
		<div class="l-col__large-5 l-col__small-3 l-col--demo">
			<span class="h-hide-on-small">large-5</span>
			<span class="h-hide-on-large">small-3</span>
			<span class="demo-content">h2</span>
		</div>
		<div class="l-col__large-5 l-col__small-3 l-col--demo">
			<span class="h-hide-on-small">large-5</span>
			<span class="h-hide-on-large">small-3</span>
			<span class="demo-content">h3</span>
		</div>
		<div class="l-col__large-1 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">large-1</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">h4</span>
		</div>
	</div>


	<!-- ***** positioning fluid columns ***** -->
	<h3 class="h-margin-top-s">Reordering fluid columns (Similar to the 3-column layouts)</h3>

	<!-- 15, 15, 70 -->
	<div class="l-row">
		<div class="l-col__large-8 l-col__large--move-right-4 l-col__small-2 l-col__small--move-right-2 l-col--demo">
			<span class="h-hide-on-small">large-8 move-right-4</span>
			<span class="h-hide-on-large">small-2 move-right-2</span>
			<span class="demo-content">i1</span> (15/15/70) (First in page source)
		</div>
		<div class="l-col__large-2 l-col__large--move-left-12 l-col__small-1 l-col__small--move-left-4 l-col--demo">
			<span class="h-hide-on-small">large-2 move-left-12</span>
			<span class="h-hide-on-large">small-1 move-left-4</span>
			<span class="demo-content">i2</span>
		</div>
		<div class="l-col__large-2 l-col__large--move-left-10 l-col__small-1 l-col__small--move-left-3 l-col--demo">
			<span class="h-hide-on-small">large-2 move-left-10</span>
			<span class="h-hide-on-large">small-1 move-left-3</span>
			<span class="demo-content">i3</span>
		</div>
	</div>

	<!-- 15, 70, 15 -->
	<div class="l-row">
		<div class="l-col__large-8 l-col__large--move-right-2 l-col__small-2 l-col__small--move-right-1 l-col--demo">
			<span class="h-hide-on-small">large-8 move-right-2</span>
			<span class="h-hide-on-large">small-2 move-right-1</span>
			<span class="demo-content">j1</span> (15/70/15) (First in page source)
		</div>
		<div class="l-col__large-2 l-col__large--move-left-10 l-col__small-1 l-col__small--move-left-3 l-col--demo">
			<span class="h-hide-on-small">large-2 move-left-10</span>
			<span class="h-hide-on-large">small-1 move-left-3</span>
			<span class="demo-content">j2</span>
		</div>
		<div class="l-col__large-2 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">large-2</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">j3</span>
		</div>
	</div>

	<!-- 70, 15, 15 -->
	<div class="l-row">
		<div class="l-col__large-8 l-col__small-2 l-col--demo">
			<span class="h-hide-on-small">large-8</span>
			<span class="h-hide-on-large">small-2</span>
			<span class="demo-content">k1</span> (70/15/15) (First in page source)
		</div>
		<div class="l-col__large-2 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">large-2</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">k2</span>
		</div>
		<div class="l-col__large-2 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">large-2</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">k3</span>
		</div>
	</div>

	<!-- 25, 25, 50 -->
	<div class="l-row">
		<div class="l-col__large-6 l-col__large--move-right-6 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-6 move-right-6</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">l1</span> (25/25/50) (First in page source)
		</div>
		<div class="l-col__large-3 l-col__large--move-left-12 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-3 move-left-12</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">l2</span>
		</div>
		<div class="l-col__large-3 l-col__large--move-left-9 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-3 move-left-9</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">l3</span>
		</div>
	</div>

	<!-- 25, 50, 25 -->
	<div class="l-row">
		<div class="l-col__large-6 l-col__large--move-right-3 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-6 move-right-3</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">m1</span> (25/50/25) (First in page source)
		</div>
		<div class="l-col__large-3 l-col__large--move-left-9 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-3 move-left-9</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">m2</span>
		</div>
		<div class="l-col__large-3 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-3</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">m3</span>
		</div>
	</div>

	<!-- 50, 25, 25 -->
	<div class="l-row">
		<div class="l-col__large-6 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-6</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">n1</span> (50/25/25) (First in page source)
		</div>
		<div class="l-col__large-3 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-3</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">n2</span>
		</div>
		<div class="l-col__large-3 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-3</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">n3</span>
		</div>
	</div>

	<!-- 33, 33, 33 -->
	<div class="l-row">
		<div class="l-col__large-4 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-4</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">o1</span> (33/33/33) (First in page source)
		</div>
		<div class="l-col__large-4 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-4</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">o2</span>
		</div>
		<div class="l-col__large-4 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">large-4</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">o3</span>
		</div>
	</div>


	<!-- ***** fixed columns ***** -->
	<h3 class="h-margin-top-s">Fixed columns</h3>

	<div class="l-row">
		<div class="l-col__fixed-1 l-col--demo">fixed-1 <span class="demo-content">p1</span></div>
		<div class="l-col__flex-1 l-col--demo">flex-1 <span class="demo-content">p2</span></div>
	</div>

	<div class="l-row">
		<div class="l-col__fixed-2 l-col--demo">fixed-2 <span class="demo-content">q1</span></div>
		<div class="l-col__flex-2 l-col--demo">flex-2 <span class="demo-content">q2</span></div>
	</div>

	<div class="l-row">
		<div class="l-col__fixed-3 l-col--demo">fixed-3 <span class="demo-content">r1</span></div>
		<div class="l-col__flex-3 l-col--demo">flex-3 <span class="demo-content">r2</span></div>
	</div>

	<div class="l-row">
		<div class="l-col__fixed-4 l-col--demo">fixed-4 <span class="demo-content">s1</span></div>
		<div class="l-col__flex-4 l-col--demo">flex-4 <span class="demo-content">s2</span></div>
	</div>

	<div class="l-row">
		<div class="l-col__fixed-5 l-col__small--full l-col--demo">
			<span class="h-hide-on-small">fixed-5</span>
			<span class="h-hide-on-large">small--full</span>
			<span class="demo-content">t1</span>
		</div>
		<div class="l-col__flex-5 l-col__small--full l-col--demo">
			<span class="h-hide-on-small">flex-5</span>
			<span class="h-hide-on-large">small--full</span>
			<span class="demo-content">t2</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__fixed-6 l-col__small--full l-col--demo">
			<span class="h-hide-on-small">fixed-6</span>
			<span class="h-hide-on-large">small--full</span>
			<span class="demo-content">u1</span>
		</div>
		<div class="l-col__flex-6 l-col__small--full l-col--demo">
			<span class="h-hide-on-small">flex-6</span>
			<span class="h-hide-on-large">small--full</span>
			<span class="demo-content">u2</span>
		</div>
	</div>


	<!-- ***** Fixed columns on right ***** -->
	<h3 class="h-margin-top-s">Fixed columns on right</h3>

	<div class="l-row l-row__fixed--right">
		<div class="l-col__fixed-6 l-col__small--full l-col--demo">
			<span class="h-hide-on-small">l-row__fixed--right fixed-6</span>
			<span class="h-hide-on-large">l-row__fixed--right small--full</span>
			<span class="demo-content">v1</span>
		</div>
		<div class="l-col__flex-6 l-col__small--full l-col--demo">
			<span class="h-hide-on-small">l-row__fixed--right flex-6</span>
			<span class="h-hide-on-large">l-row__fixed--right small--full</span>
			<span class="demo-content">v2</span>
		</div>
	</div>


	<!-- ***** Nested fixed columns ***** -->
	<h3 class="h-margin-top-s">Nested/multiple fixed columns</h3>

	<div class="l-row l-row__fixed--left">
		<div class="l-col__fixed-2 l-col--demo">
			fixed-2
			<span class="demo-content">w1</span>
		</div>
		<div class="l-col__flex-2 l-col--demo">
			<div class="l-row l-row__fixed--right">
				<div class="l-col__fixed-2 l-col--demo">
					nested fixed-2
					<span class="demo-content">w2</span>
				</div>
				<div class="l-col__flex-2 l-col--demo">
					nested flex-2
					<span class="demo-content">w3</span>
				</div>
			</div>
		</div>
	</div>


	<!-- ***** fixed columns on left with flex column markup coming first ***** -->
	<h3 class="h-margin-top-s">Flex column first in markup (fixed column on left)</h3>

	<div class="l-row">
		<div class="l-col__flex-1 l-col--flex-first l-col__small-3">
			<div class="l-col__flex-content l-col--demo">
				<span class="h-hide-on-small">flex-1 (with l-col--flex-first, then l-col__flex-content inside) </span>
				<span class="h-hide-on-large">small-3</span>
				<span class="demo-content">x1</span>
			</div>
		</div>
		<div class="l-col__fixed-1 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">fixed-1</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">x2</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__flex-2 l-col--flex-first l-col__small-2">
			<div class="l-col__flex-content l-col--demo">
				<span class="h-hide-on-small">flex-2 (with l-col--flex-first, then l-col__flex-content inside) </span>
				<span class="h-hide-on-large">small-2</span>
				<span class="demo-content">y1</span>
			</div>
		</div>
		<div class="l-col__fixed-2 l-col__small-2 l-col--demo">
			<span class="h-hide-on-small">fixed-2</span>
			<span class="h-hide-on-large">small-2</span>
			<span class="demo-content">y2</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__flex-3 l-col--flex-first l-col__small-1">
			<div class="l-col__flex-content l-col--demo">
				<span class="h-hide-on-small">flex-3 (with l-col--flex-first, then l-col__flex-content inside) </span>
				<span class="h-hide-on-large">small-1</span>
				<span class="demo-content">z1</span>
			</div>
		</div>
		<div class="l-col__fixed-3 l-col__small-3 l-col--demo">
			<span class="h-hide-on-small">fixed-3</span>
			<span class="h-hide-on-large">small-3</span>
			<span class="demo-content">z2</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__flex-4 l-col--flex-first l-col__small-4">
			<div class="l-col__flex-content l-col--demo">
				<span class="h-hide-on-small">flex-4 (with l-col--flex-first, then l-col__flex-content inside) </span>
				<span class="h-hide-on-large">small-4</span>
				<span class="demo-content">A1</span>
			</div>
		</div>
		<div class="l-col__fixed-4 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">fixed-4</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">A2</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__flex-5 l-col--flex-first l-col__small--full">
			<div class="l-col__flex-content l-col--demo">
				<span class="h-hide-on-small">flex-5 (with l-col--flex-first, then l-col__flex-content inside) </span>
				<span class="h-hide-on-large">small--full</span>
				<span class="demo-content">B1</span>
			</div>
		</div>
		<div class="l-col__fixed-5 l-col__small--full l-col--demo">
			<span class="h-hide-on-small">fixed-5</span>
			<span class="h-hide-on-large">small--full</span>
			<span class="demo-content">B2</span>
		</div>
	</div>

	<div class="l-row">
		<div class="l-col__flex-6 l-col--flex-first l-col__small--full">
			<div class="l-col__flex-content l-col--demo">
				<span class="h-hide-on-small">flex-6 (with l-col--flex-first, then l-col__flex-content inside) </span>
				<span class="h-hide-on-large">small--full</span>
				<span class="demo-content">C1</span>
			</div>
		</div>
		<div class="l-col__fixed-6 l-col__small--full l-col--demo">
			<span class="h-hide-on-small">fixed-6</span>
			<span class="h-hide-on-large">small--full</span>
			<span class="demo-content">C2</span>
		</div>
	</div>



	<!-- ***** fixed columns on right with flex column markup coming first ***** -->
	<h3 class="h-margin-top-s">Flex column first in markup (fixed column on right)</h3>

	<div class="l-row l-row__fixed--right">
		<div class="l-col__flex-1 l-col--flex-first l-col__small-3">
			<div class="l-col__flex-content l-col--demo">
				<span class="h-hide-on-small">flex-1 (with l-col--flex-first, then l-col__flex-content inside) </span>
				<span class="h-hide-on-large">small-3</span>
				<span class="demo-content">D1</span>
			</div>
		</div>
		<div class="l-col__fixed-1 l-col__small-1 l-col--demo">
			<span class="h-hide-on-small">fixed-1</span>
			<span class="h-hide-on-large">small-1</span>
			<span class="demo-content">D2</span>
		</div>
	</div>

	<div class="l-row l-row__fixed--right">
		<div class="l-col__flex-2 l-col--flex-first l-col__small-2">
			<div class="l-col__flex-content l-col--demo">
				<span class="h-hide-on-small">flex-2 (with l-col--flex-first, then l-col__flex-content inside) </span>
				<span class="h-hide-on-large">small-2</span>
				<span class="demo-content">E1</span>
			</div>
		</div>
		<div class="l-col__fixed-2 l-col__small-2 l-col--demo">
			<span class="h-hide-on-small">fixed-2</span>
			<span class="h-hide-on-large">small-2</span>
			<span class="demo-content">E2</span>
		</div>
	</div>

	<div class="l-row l-row__fixed--right">
		<div class="l-col__flex-3 l-col--flex-first l-col__small-1">
			<div class="l-col__flex-content l-col--demo">
				<span class="h-hide-on-small">flex-3 (with l-col--flex-first, then l-col__flex-content inside) </span>
				<span class="h-hide-on-large">small-1</span>
				<span class="demo-content">F1</span>
			</div>
		</div>
		<div class="l-col__fixed-3 l-col__small-3 l-col--demo">
			<span class="h-hide-on-small">fixed-3</span>
			<span class="h-hide-on-large">small-3</span>
			<span class="demo-content">F2</span>
		</div>
	</div>

	<div class="l-row l-row__fixed--right">
		<div class="l-col__flex-4 l-col--flex-first l-col__small-4">
			<div class="l-col__flex-content l-col--demo">
				<span class="h-hide-on-small">flex-4 (with l-col--flex-first, then l-col__flex-content inside) </span>
				<span class="h-hide-on-large">small-4</span>
				<span class="demo-content">G1</span>
			</div>
		</div>
		<div class="l-col__fixed-4 l-col__small-4 l-col--demo">
			<span class="h-hide-on-small">fixed-4</span>
			<span class="h-hide-on-large">small-4</span>
			<span class="demo-content">G2</span>
		</div>
	</div>

	<div class="l-row l-row__fixed--right">
		<div class="l-col__flex-5 l-col--flex-first l-col__small--full">
			<div class="l-col__flex-content l-col--demo">
				<span class="h-hide-on-small">flex-5 (with l-col--flex-first, then l-col__flex-content inside) </span>
				<span class="h-hide-on-large">small--full</span>
				<span class="demo-content">H1</span>
			</div>
		</div>
		<div class="l-col__fixed-5 l-col__small--full l-col--demo">
			<span class="h-hide-on-small">fixed-5</span>
			<span class="h-hide-on-large">small--full</span>
			<span class="demo-content">H2</span>
		</div>
	</div>

	<div class="l-row l-row__fixed--right">
		<div class="l-col__flex-6 l-col--flex-first l-col__small--full">
			<div class="l-col__flex-content l-col--demo">
				<span class="h-hide-on-small">flex-6 (with l-col--flex-first, then l-col__flex-content inside) </span>
				<span class="h-hide-on-large">small--full</span>
				<span class="demo-content">I1</span>
			</div>
		</div>
		<div class="l-col__fixed-6 l-col__small--full l-col--demo">
			<span class="h-hide-on-small">fixed-6</span>
			<span class="h-hide-on-large">small--full</span>
			<span class="demo-content">I2</span>
		</div>
	</div>

</div>




<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
/* Layout */

.l-row {
	width: 100%;
	box-sizing: border-box;
	*zoom: 1;
}

.l-row > * {
	box-sizing: border-box;
}

<vb:comment>
/* Apply clearfix to the row */
</vb:comment>

.l-row:before,
.l-row:after {
	content: ' ';
	display: table;
}

.l-row:after {
	clear: both;
}

<vb:comment>
/* Columns */
</vb:comment>

.l-col--demo {
	border-radius: 5px;
	background: #eee;
	padding: 5px;
	margin-bottom: 3px;
	border: 1px solid #aaa;
}

.l-col__large-1  { width: 8.3333333333%; float: {vb:stylevar left}; }
.l-col__large-2  { width: 16.666666667%; float: {vb:stylevar left}; }
.l-col__large-3  { width: 25%;           float: {vb:stylevar left}; }
.l-col__large-4  { width: 33.333333333%; float: {vb:stylevar left}; }
.l-col__large-5  { width: 41.666666667%; float: {vb:stylevar left}; }
.l-col__large-6  { width: 50%;           float: {vb:stylevar left}; }
.l-col__large-7  { width: 58.333333333%; float: {vb:stylevar left}; }
.l-col__large-8  { width: 66.666666667%; float: {vb:stylevar left}; }
.l-col__large-9  { width: 75%;           float: {vb:stylevar left}; }
.l-col__large-10 { width: 83.333333333%; float: {vb:stylevar left}; }
.l-col__large-11 { width: 91.666666667%; float: {vb:stylevar left}; }
.l-col__large-12 { width: 100%;          float: {vb:stylevar left}; }

<vb:comment>
	/* Classes to move the fluid columns to different positions in the row
	   This allows placing the column with the primary content first in the
	   Markup while displaying it in a different position in the row. */
</vb:comment>

.l-col__large--move-left-1  { margin-{vb:stylevar left}: -8.3333333333%; }
.l-col__large--move-left-2  { margin-{vb:stylevar left}: -16.666666667%; }
.l-col__large--move-left-3  { margin-{vb:stylevar left}: -25%; }
.l-col__large--move-left-4  { margin-{vb:stylevar left}: -33.333333333%; }
.l-col__large--move-left-5  { margin-{vb:stylevar left}: -41.666666667%; }
.l-col__large--move-left-6  { margin-{vb:stylevar left}: -50%; }
.l-col__large--move-left-7  { margin-{vb:stylevar left}: -58.333333333%; }
.l-col__large--move-left-8  { margin-{vb:stylevar left}: -66.666666667%; }
.l-col__large--move-left-9  { margin-{vb:stylevar left}: -75%; }
.l-col__large--move-left-10 { margin-{vb:stylevar left}: -83.333333333%; }
.l-col__large--move-left-11 { margin-{vb:stylevar left}: -91.666666667%; }
.l-col__large--move-left-12 { margin-{vb:stylevar left}: -100%; }

.l-col__large--move-right-1  { margin-{vb:stylevar left}: 8.3333333333%; }
.l-col__large--move-right-2  { margin-{vb:stylevar left}: 16.666666667%; }
.l-col__large--move-right-3  { margin-{vb:stylevar left}: 25%; }
.l-col__large--move-right-4  { margin-{vb:stylevar left}: 33.333333333%; }
.l-col__large--move-right-5  { margin-{vb:stylevar left}: 41.666666667%; }
.l-col__large--move-right-6  { margin-{vb:stylevar left}: 50%; }
.l-col__large--move-right-7  { margin-{vb:stylevar left}: 58.333333333%; }
.l-col__large--move-right-8  { margin-{vb:stylevar left}: 66.666666667%; }
.l-col__large--move-right-9  { margin-{vb:stylevar left}: 75%; }
.l-col__large--move-right-10 { margin-{vb:stylevar left}: 83.333333333%; }
.l-col__large--move-right-11 { margin-{vb:stylevar left}: 91.666666667%; }
.l-col__large--move-right-12 { margin-{vb:stylevar left}: 100%; }


<vb:comment>
	/* Fixed left columns */
</vb:comment>
.l-col__fixed-1,
.l-row__fixed--left > .l-col__fixed-1 { width: 60px; float: {vb:stylevar left}; }

.l-col__flex-1,
.l-row__fixed--left > .l-col__flex-1 { margin-{vb:stylevar left}: 60px; margin-{vb:stylevar right}: 0; }

.l-col__fixed-2,
.l-row__fixed--left > .l-col__fixed-2 { width: 120px; float: {vb:stylevar left}; }

.l-col__flex-2,
.l-row__fixed--left > .l-col__flex-2 { margin-{vb:stylevar left}: 120px; margin-{vb:stylevar right}: 0; }

.l-col__fixed-3,
.l-row__fixed--left > .l-col__fixed-3 { width: 160px; float: {vb:stylevar left}; }

.l-col__flex-3,
.l-row__fixed--left > .l-col__flex-3 { margin-{vb:stylevar left}: 160px; margin-{vb:stylevar right}: 0; }

.l-col__fixed-4,
.l-row__fixed--left > .l-col__fixed-4 { width: 180px; float: {vb:stylevar left}; }

.l-col__flex-4,
.l-row__fixed--left > .l-col__flex-4 { margin-{vb:stylevar left}: 180px; margin-{vb:stylevar right}: 0; }

.l-col__fixed-5,
.l-row__fixed--left > .l-col__fixed-5 { width: 240px; float: {vb:stylevar left}; }

.l-col__flex-5,
.l-row__fixed--left > .l-col__flex-5 { margin-{vb:stylevar left}: 240px; margin-{vb:stylevar right}: 0; }

.l-col__fixed-6,
.l-row__fixed--left > .l-col__fixed-6 { width: 300px; float: {vb:stylevar left}; }

.l-col__flex-6,
.l-row__fixed--left > .l-col__flex-6 { margin-{vb:stylevar left}: 300px; margin-{vb:stylevar right}: 0; }

<vb:comment>
	/* Fixed right columns */
</vb:comment>

.l-row__fixed--right > .l-col__fixed-1 { width: 60px; float: {vb:stylevar right}; }
.l-row__fixed--right > .l-col__flex-1  { margin-{vb:stylevar left}: 0; margin-{vb:stylevar right}: 60px; }

.l-row__fixed--right > .l-col__fixed-2 { width: 120px; float: {vb:stylevar right}; }
.l-row__fixed--right > .l-col__flex-2  { margin-{vb:stylevar left}: 0; margin-{vb:stylevar right}: 120px; }

.l-row__fixed--right > .l-col__fixed-3 { width: 160px; float: {vb:stylevar right}; }
.l-row__fixed--right > .l-col__flex-3  { margin-{vb:stylevar left}: 0; margin-{vb:stylevar right}: 160px; }

.l-row__fixed--right > .l-col__fixed-4 { width: 180px; float: {vb:stylevar right}; }
.l-row__fixed--right > .l-col__flex-4  { margin-{vb:stylevar left}: 0; margin-{vb:stylevar right}: 180px; }

.l-row__fixed--right > .l-col__fixed-5 { width: 240px; float: {vb:stylevar right}; }
.l-row__fixed--right > .l-col__flex-5  { margin-{vb:stylevar left}: 0; margin-{vb:stylevar right}: 240px; }

.l-row__fixed--right > .l-col__fixed-6 { width: 300px; float: {vb:stylevar right}; }
.l-row__fixed--right > .l-col__flex-6  { margin-{vb:stylevar left}: 0; margin-{vb:stylevar right}: 300px; }


<vb:comment>
	/* Flex column markup first, with fixed column on left */
</vb:comment>

.l-col__flex-1.l-col--flex-first,
.l-col__flex-2.l-col--flex-first,
.l-col__flex-3.l-col--flex-first,
.l-col__flex-4.l-col--flex-first,
.l-col__flex-5.l-col--flex-first,
.l-col__flex-6.l-col--flex-first,
.l-row__fixed--left > .l-col__flex-1.l-col--flex-first,
.l-row__fixed--left > .l-col__flex-2.l-col--flex-first,
.l-row__fixed--left > .l-col__flex-3.l-col--flex-first,
.l-row__fixed--left > .l-col__flex-4.l-col--flex-first,
.l-row__fixed--left > .l-col__flex-5.l-col--flex-first,
.l-row__fixed--left > .l-col__flex-6.l-col--flex-first {
	float: {vb:stylevar right};
	width: 100%;
}

.l-col__flex-1.l-col--flex-first { margin-{vb:stylevar left}: -60px; }
.l-col__flex-2.l-col--flex-first { margin-{vb:stylevar left}: -120px; }
.l-col__flex-3.l-col--flex-first { margin-{vb:stylevar left}: -160px; }
.l-col__flex-4.l-col--flex-first { margin-{vb:stylevar left}: -180px; }
.l-col__flex-5.l-col--flex-first { margin-{vb:stylevar left}: -240px; }
.l-col__flex-6.l-col--flex-first { margin-{vb:stylevar left}: -300px; }
.l-row__fixed--left > .l-col__flex-1.l-col--flex-first { margin-{vb:stylevar left}: -60px; }
.l-row__fixed--left > .l-col__flex-2.l-col--flex-first { margin-{vb:stylevar left}: -120px; }
.l-row__fixed--left > .l-col__flex-3.l-col--flex-first { margin-{vb:stylevar left}: -160px; }
.l-row__fixed--left > .l-col__flex-4.l-col--flex-first { margin-{vb:stylevar left}: -180px; }
.l-row__fixed--left > .l-col__flex-5.l-col--flex-first { margin-{vb:stylevar left}: -240px; }
.l-row__fixed--left > .l-col__flex-6.l-col--flex-first { margin-{vb:stylevar left}: -300px; }

.l-col__flex-1.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 60px; }
.l-col__flex-2.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 120px; }
.l-col__flex-3.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 160px; }
.l-col__flex-4.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 180px; }
.l-col__flex-5.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 240px; }
.l-col__flex-6.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 300px; }
.l-row__fixed--left > .l-col__flex-1.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 60px; }
.l-row__fixed--left > .l-col__flex-2.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 120px; }
.l-row__fixed--left > .l-col__flex-3.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 160px; }
.l-row__fixed--left > .l-col__flex-4.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 180px; }
.l-row__fixed--left > .l-col__flex-5.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 240px; }
.l-row__fixed--left > .l-col__flex-6.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 300px; }


<vb:comment>
	/* Flex column markup first, with fixed column on right */
</vb:comment>

.l-row__fixed--right > .l-col__flex-1.l-col--flex-first,
.l-row__fixed--right > .l-col__flex-2.l-col--flex-first,
.l-row__fixed--right > .l-col__flex-3.l-col--flex-first,
.l-row__fixed--right > .l-col__flex-4.l-col--flex-first,
.l-row__fixed--right > .l-col__flex-5.l-col--flex-first,
.l-row__fixed--right > .l-col__flex-6.l-col--flex-first {
	margin-{vb:stylevar left}: 0;
	float: {vb:stylevar left};
	width: 100%;
}
.l-row__fixed--right > .l-col__flex-1.l-col--flex-first { margin-{vb:stylevar right}: -60px; }
.l-row__fixed--right > .l-col__flex-2.l-col--flex-first { margin-{vb:stylevar right}: -120px; }
.l-row__fixed--right > .l-col__flex-3.l-col--flex-first { margin-{vb:stylevar right}: -160px; }
.l-row__fixed--right > .l-col__flex-4.l-col--flex-first { margin-{vb:stylevar right}: -180px; }
.l-row__fixed--right > .l-col__flex-5.l-col--flex-first { margin-{vb:stylevar right}: -240px; }
.l-row__fixed--right > .l-col__flex-6.l-col--flex-first { margin-{vb:stylevar right}: -300px; }

.l-row__fixed--right > .l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar left}: 0; }
.l-row__fixed--right > .l-col__flex-1.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar right}: 60px; }
.l-row__fixed--right > .l-col__flex-2.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar right}: 120px; }
.l-row__fixed--right > .l-col__flex-3.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar right}: 160px; }
.l-row__fixed--right > .l-col__flex-4.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar right}: 180px; }
.l-row__fixed--right > .l-col__flex-5.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar right}: 240px; }
.l-row__fixed--right > .l-col__flex-6.l-col--flex-first > .l-col__flex-content { margin-{vb:stylevar right}: 300px; }



/* Demo styles */

.l-col--demo.l-col__fixed-1,
.l-col--demo.l-col__fixed-2,
.l-col--demo.l-col__fixed-3,
.l-col--demo.l-col__fixed-4,
.l-col--demo.l-col__fixed-5,
.l-col--demo.l-col__fixed-6 { background: #ccc; }

.l-col--demo .demo-content { border: 1px dotted #aaa; padding: 0 1px; border-radius: 2px; background: #ddd; color: #777; }


<vb:comment>
/**
 * Responsive grid
 *
 * You can add .l-col__small classes to your columns in order to specify how
 * they should behave when the client width is below 768px (so, mobile widths).
 *
 * The mobile width grid has only 4 columns, each 25% of the row's width. Note
 * that in many cases it will be more effective to get rid of the column and
 * let items take the full width of the mobile device. This can be accomplished
 * through the use of the .l-col__small--full modifier class.
 **/
</vb:comment>

.l-small .l-col__small-1 { width: 25%; float: {vb:stylevar left}; margin-left: 0; margin-right: 0; }
.l-small .l-col__small-2 { width: 50%; float: {vb:stylevar left}; margin-left: 0; margin-right: 0; }
.l-small .l-col__small-3 { width: 75%; float: {vb:stylevar left}; margin-left: 0; margin-right: 0; }
.l-small .l-col__small-4,
.l-small .l-col__small--full { width: 100%; float: none; margin-left: 0; margin-right: 0; }

<vb:comment>/* Allow repositioning the fluid columns in the row */</vb:comment>
.l-small .l-col__small--move-left-1 { margin-{vb:stylevar left}: -25%; }
.l-small .l-col__small--move-left-2 { margin-{vb:stylevar left}: -50%; }
.l-small .l-col__small--move-left-3 { margin-{vb:stylevar left}: -75%; }
.l-small .l-col__small--move-left-4 { margin-{vb:stylevar left}: -100%; }
.l-small .l-col__small--move-right-1 { margin-{vb:stylevar left}: 25%; }
.l-small .l-col__small--move-right-2 { margin-{vb:stylevar left}: 50%; }
.l-small .l-col__small--move-right-3 { margin-{vb:stylevar left}: 75%; }
.l-small .l-col__small--move-right-4 { margin-{vb:stylevar left}: 100%; }

<vb:comment>/* Responsive rules for the flex + fixed columns, where the flex column comes first in the markup */</vb:comment>
.l-small .l-row__fixed--right .l-col--flex-first > .l-col__flex-content,
.l-small .l-col--flex-first > .l-col__flex-content { margin-left: 0; margin-right: 0; }

.l-small .l-col--flex-first.l-col__small-1 { width: 25%; float: {vb:stylevar right}; margin-left: 0; margin-right: 0; }
.l-small .l-col--flex-first.l-col__small-2 { width: 50%; float: {vb:stylevar right}; margin-left: 0; margin-right: 0; }
.l-small .l-col--flex-first.l-col__small-3 { width: 75%; float: {vb:stylevar right}; margin-left: 0; margin-right: 0; }
.l-small .l-col--flex-first.l-col__small-4,
.l-small .l-col--flex-first.l-col__small--full { width: 100%; float: none; margin-left: 0; margin-right: 0; }

.l-small .l-row__fixed--right .l-col--flex-first.l-col__small-1,
.l-small .l-row__fixed--right .l-col--flex-first.l-col__small-2,
.l-small .l-row__fixed--right .l-col--flex-first.l-col__small-3 { float: {vb:stylevar left}; }

<vb:comment>/* Hide something completely at small layout sizes */</vb:comment>
.l-small .h-hide--small { display: none; }

<vb:comment>/* Remove padding from columns when they are stacked in responsive (no adjacent columns anymore) */</vb:comment>
.l-small .l-col__small--full,
.l-small .l-col__small-4 { padding-left: 0; padding-right: 0; }


<vb:comment>Don't apply padding between columns on contiguous layouts</vb:comment>
.view-mode .b-layout--contiguous {
	<vb:comment>Placeholder</vb:comment>
}
.view-mode .b-layout--contiguous .canvas-widget-list.h-padding-left-xl {
	padding-{vb:stylevar left}: 0;
}
.view-mode .b-layout--contiguous .canvas-widget-list.h-padding-right-xl {
	padding-{vb:stylevar right}: 0;
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_link.css" templatetype="template" date="1551294582" username="vBulletin" version="5.5.2 Alpha 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p><b>Anchor links</b></p>
	<p>
		Note how there are no classes used on the anchor tag. This sheet also acts as a basic
		css reset for anchor tags.
	</p>
	<div class="h-margin-bottom-l">
		<a href="http://www.vbulletin.com/forum">Anchor tag link</a>
	</div>
	<p><b>Psuedo links</b></p>
	<p>
		We prefer these pseudo links to using anchor tags because we can prevent right-click -&gt; 
		open in new tab/window. If we just had <code>&lt;a href=&apos;#&apos;&gt;link&lt;/a&gt;</code>,
		then the user could open a new link to just whatever page they're on. Which wouldn't make much sense.
	</p>
	<div class="h-margin-bottom-l">
		<span class="b-link js-link js-example-javascript-hook" tabindex="0">
			Pseudo link with span tag and a fake javascript hook class.  
		</span>
	</div>
	<p>When using a pseudo link (the <code>.b-link</code> class, it should always be accompanied by the <code>.js-link</code> class, which gives the pseudolink the same keyboard behavior as a real link, namely, you can use enter to activate the link after tabbing to it. It should also be accompanied by a tabindex attribute set to 0 <code>tabindex="0"</code> to insert it into the keyboard navigation order of the page.</p>
	<p><b>Deciding between an anchor link and a pseudolink:</b></p>
	<p>If the link leads to a new page, we should use an actual anchor link to allow the user to right-click and open in a new tab. If the link does something on-page (like sorting a column), then use the pseudo link to prevent opening in a new tab, which would just lead to a blank page.</p>
	<p>See also: css_b_button.css for pseudo buttons</p>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
/* Pseudo Links */

<vb:comment>

/**
 * For pseudo links. To avoid duplication, we're resetting the 'a' tag here.
 * we're also overriding jQuery UI's .ui-widget-content a rule.
 **/

</vb:comment>
 
<vb:comment>Keep link styles in sync with css_editor.css</vb:comment>
a,
a:active,
a:visited,
.b-link,
.ui-widget-content a {
	color: {vb:stylevar body_link_color};
	text-decoration: {vb:stylevar body_link_decoration};
}

.b-link {
	cursor: pointer;
}

/* 
	Override the cursor when the link is disabled. Unfortunately, these rules appear after
	the .h-disabeled rule. If the .h-disabled rule appeared after, we could just let .h-disabled
	override .b-link.
*/
.b-link.h-disabled {
	cursor: default;
}

/* Default hover state */

a:hover,
.b-link:hover,
.ui-widget-content a:hover {
	color: {vb:stylevar body_link_color_hover};
	text-decoration: {vb:stylevar body_link_decoration_hover};
}


<vb:comment>/*
"Connect with Facebook" link/button
This link is used for the "Connect with Facebook" buttons on the registration page &
the user account settings page.
*/</vb:comment>
.b-link__facebook-connect:hover,
.b-link__facebook-connect:focus,
.b-link__facebook-connect:link,
.b-link__facebook-connect:visited {
	vertical-align: middle;

	<vb:comment>/*
		border-radius of 4px empirically selected to approximate style of their javascript SDk buttons
	*/</vb:comment>
	border-radius: 4px;
	border: {vb:stylevar button_secondary_border};

	text-align: center;
	font: {vb:stylevar button_font};
	<vb:comment>/*
		The height of the button is dictated by the logo's height + margins,
		and we're currently targetting 2rem.
	 */</vb:comment>
	line-height: 3.2rem;

	<vb:comment> /* ignored:
		background: {vb:stylevar button_secondary_background};
		color: {vb:stylevar button_secondary_text_color};
	*/</vb:comment>

	/* end b-button */

	display: inline-block;

	<vb:comment>/*Use b-icon__facebook-connect for logo*/</vb:comment>

	<vb:comment>/*
		White & blue colors based on the "blue" PNG logo.
		Their asset guideline colors are slightly different.
		See VBV-18254 for more details.
	*/</vb:comment>
	color: #FFFFFF;
	background-color: #3B579D;
}

<vb:comment>/*
	From #frmRegister .fb-signup span in css_form.
	First selector for higher specificity.
	Skip the icon so its margins don't get overwritten.
	TODO: relative instead of pixel margins?
*/</vb:comment>
#frmRegister .fb-signup .b-link__facebook-connect span:not(.b-icon__facebook-connect),
.b-link__facebook-connect span:not(.b-icon__facebook-connect) {
	vertical-align: middle;
	font-weight:normal;
	<vb:comment>/* 14px default, but trying to use relative units consistently for this. 14px this fontsize / 16px default html font-size*/</vb:comment>
	font-size:1.4rem;
	margin-{vb:stylevar right}:10px;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_link_content.css" templatetype="template" date="1541016757" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[.b-link-content__thumbnail--carousel {
	float: {vb:stylevar left};
	margin-{vb:stylevar right}:12px;
	text-align:center;
	width: 90px;
}
.b-link-content__thumbnail--carousel .jcarousel-container,
.b-link-content__thumbnail--carousel .jcarousel-clip,
.b-link-content__thumbnail--carousel .jcarousel-item {
	height: 75px;
	width: 90px;
}
.b-link-content__thumbnail--carousel .jcarousel-clip {    
	overflow: hidden;	    
}
.b-link-content__thumbnail--carousel .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 0;
}
.b-link-content__urlinfo.b-table__cell {
	vertical-align: top;
}
.b-link-content__urlinfo-title {
 	color: {vb:stylevar body_link_color};
}
.b-link-content__urlinfo-meta--edit-mode .b-link-content__urlinfo-display-title,
.b-link-content__urlinfo-meta--edit-mode .b-link-content__urlinfo-display-desc,
.b-link-content__urlinfo-edit-title,
.b-link-content__urlinfo-edit-desc {
	display: none;
}
.b-link-content__urlinfo-meta--edit-mode .b-link-content__urlinfo-edit-title,
.b-link-content__urlinfo-meta--edit-mode .b-link-content__urlinfo-edit-desc {
	display: block;
}
.b-link-content__urlinfo-url {
	font-weight: bold;
	color: {vb:stylevar body_link_color};
	margin-bottom: 10px;
}
.b-link-content__urlinfo-meta--desc {
	color: #556065;
}
.b-link-content__urlinfo .b-link-content__urlinfo-edit-title-input,
.b-link-content__urlinfo-edit-desc {
 	width: 400px;
}
.l-small .b-link-content__urlinfo .b-link-content__urlinfo-edit-title-input,
.l-small .b-link-content__urlinfo-edit-desc {
 	width: 300px;
}
.b-link-content__bottom-controls {
	font-size: 1.2rem;
}]]></template>
		<template name="css_b_link_input.css" templatetype="template" date="1364002058" username="vBulletin" version="5.0.2 Alpha 2"><![CDATA[.b-link-input .b-link-input__url {
	width: 50%;
}]]></template>
		<template name="css_b_link_thumbnail_list.css" templatetype="template" date="1430935652" username="vBulletin" version="5.1.8 Alpha 4"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<p>CSS used for the list of thumbnails when editing a Link or Video post.</p>


<vb:comment>END DOCUMENTATION</vb:comment>
<vb:else />
<vb:comment>BEGIN CSS RULES</vb:comment>


.b-link-thumbnail-list .b-link-thumbnail-list__item {
	height: 75px;
	width: 90px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.b-link-thumbnail-list__item .b-link-thumbnail-list__image {
	max-height: 75px;
	max-width: 90px;
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_list.css" templatetype="template" date="1462917661" username="vBulletin" version="5.2.3 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>Lists</p>
	<p>A basic list starts with the <code>.b-list</code> class.</p>
	<ul class="b-list b-list--demo">
		<li>Item one</li>
		<li>Item two</li>
		<li>Item three</li>
		<li>Item four</li>
		<li>Item five</li>
	</ul>
	<p>To display an inline, comma-separated list using &ltul&gt; and &lt;li&gt; markup, add the <code>.b-list</code> and <code>.b-list--commas</code> classes to the &ltul&gt; element.</p>
	<ul class="b-list b-list--commas b-list--demo">
		<li>Item one</li>
		<li>Item two</li>
		<li>Item three</li>
		<li>Item four</li>
		<li>Item five</li>
	</ul>

</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>



<vb:comment>/* 
	*****
	The base list class
	*****
*/</vb:comment>
.b-list {
	<vb:comment>Placeholder for now</vb:comment>
}



<vb:comment>/*
	*****
	An inline, comma-separated list of values
	*****
*/</vb:comment>
.b-list--commas {
	list-style: none;
	padding: 0;
	margin: 0;
}
<vb:comment>/* Using the li selector here doesn't strictly follow BEM philosophy, where everything should be based off exactly *one* class selector. I choose to use the BEM selector on the parent UL or OL element, and select the LI elements with two selectors to take advantage of the cascading nature of CSS. I am okay with this due to the tightly coupled nature of UL & LI elements, and it allows us to create a comma separated list without bloating the markup or CSS. */</vb:comment>
.b-list--commas li {
	padding: 0;
	margin: 0;
	display: inline;
}
.b-list--commas li:after {
	content: ", ";
}
.b-list--commas li:last-child:after {
	content: "";
}



<vb:comment>/* Style the demo on special/css-examples */</vb:comment>
.b-list--demo {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_media.css" templatetype="template" date="1368816593" username="vBulletin" version="5.0.3 Beta 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		Get to know and love the media object: <a href="http://bit.ly/cCY3Ew">http://bit.ly/cCY3Ew</a>
	</p>
	<p>
		BEM-style naming borrowed from Inuit CSS:<br />
		<a href="https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_media.scss">https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_media.scss</a>
	</p>
	<p>Example:</p>
	<div class="b-media">
	
		<div class="b-media__img h-margin-right--m">
			<img src="http://a0.twimg.com/profile_images/74188698/NeilTysonOriginsA-Crop_normal.jpg">
		</div>
		
		<div class="b-media__img--rev h-margin-left--m">
			15 days
		</div>
		
		<div class="b-media__body">
			<strong>Neil deGrasse Tyson</strong> @neiltyson
			<p>
				Cutting PBS support (0.0.12% of budget) to help balance the
				Federal budget is like deleting text files to make room on
				your 500Gig hard drive.
			</p>
		</div>
	</div>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

<vb:comment>

/*--------------------------------------
 * MEDIA OBJECT
 *------------------------------------*/
 
</vb:comment>


/* Apply a clearfix to the media element wrapper and the body */

.b-media,
.b-media__body {
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}

<vb:comment>
/* Float an image (or text or whatever) to the left side */
</vb:comment>

.b-media__img {
	float: {vb:stylevar left};
}


<vb:comment>
/* Float an optional bit of content to the right. */
</vb:comment>

.b-media__img--rev {
	float: {vb:stylevar right};
}

<vb:comment>
/* Make sure things properly align (no hanging text under the image in the body). */
</vb:comment>

.b-media,
.b-media__img img,
.b-media__img--rev img,
.b-media__body {
	display: block;
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_memberlist.css" templatetype="template" date="1541086850" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[.b-memberlist__letterfilter{
	margin-bottom:5px;
	display:block;
}
.b-memberlist__letterfilter .label{
	padding-top:3px;
	margin-{vb:stylevar right}: 5px;
}
.b-memberlist__letterfilter label{
	border:{vb:stylevar button_special_border};
	padding: 2px;
	cursor: pointer;
	line-height: 2.2rem;
}
.b-memberlist__letterfilter .letter:hover,
.b-memberlist__letterfilter .letter.selected{
	background:{vb:stylevar button_primary_background};
	border: {vb:stylevar button_primary_border};
	color: {vb:stylevar button_primary_text_color.color};
}
.memberlist-widget .b-memberlist__member-details .vb-icon {
	display: inline-block;
	left: 10px;
	margin-top: -7px;
	min-height: 14px;
	top: 50%;
	width: 15px;
}
.memberlist-widget .b-memberlist__member-details__row--small{
	padding-{vb:stylevar left}:5px;
	display:inline-block;
	width:100%;
	height: 1.6rem;
	line-height: 1.6rem;
	vertical-align: middle;
}
.memberlist-widget .b-memberlist__member-details__row--large{
	display:block;
}
.l-small .b-memberlist__member-details.h-hide-on-large{
	display:block;
}]]></template>
		<template name="css_b_meter.css" templatetype="template" date="1518554050" username="vBulletin" version="5.4.1 Alpha 3"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>

/*--------------------------------------
 * METER
 *------------------------------------*/

</vb:comment>

.b-meter {
	display: inline-block;
	/* GH: Previous code that may not be needed due to addition of inline-block.
	/ padding-{vb:stylevar left}:31px; */
}
.b-meter__bar {
	background: #E5E8E9;
	float:{vb:stylevar left};
	height: 10px;
	width: 4px;
	margin-{vb:stylevar left}:2px;
}
.b-meter__bar--small {
	height: 7px;
	width: 3px;
}
.b-meter__bar--selected {
	background: {vb:stylevar reputation_bar_active_background};
}
.b-meter__bar:first-child {
	margin-{vb:stylevar left}:0;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_modal_banner.css" templatetype="template" date="1540415861" username="vBulletin" version="5.4.6 Alpha 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>

<div class="h-margin-bottom-xxl">
	<p>This block is currently used for the guest privacy consent banner and overlay. It could also be used more generically for a modal banner and overlay the prevents interaction with the page until clicking a button in the banner.</p>
</div>

<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>


.b-modal-banner__overlay {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(86, 86, 86, 0.5);
	z-index: 99998;
}


.b-modal-banner__banner {
	position: fixed;
	padding: 0.5em 1em;
	box-sizing: border-box;
	background: {vb:stylevar content_background};
	color: {vb:stylevar body_text_color};
	border: {vb:stylevar module_content_border};
	z-index: 99999;
	text-align: center;

	<vb:comment>undo the effects of .b-modal-banner--disabled</vb:comment>
	overflow: visible;
	pointer-events: auto;
	-webkit-touch-callout: default;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
.b-modal-banner__banner--top {
	left: 0px;
	top: 0px;
	width: 100%;
}
.b-modal-banner__banner--center {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.b-modal-banner__banner--bottom {
	left: 0px;
	bottom: 0px
	width: 100%;
}
.b-modal-banner__banner--cover {
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	<vb:comment>Allow scrolling the banner content if needed</vb:comment>
	overflow: auto;
}


.b-modal-banner__paragraph {
	margin: 2rem 0;
}

.b-modal-banner--disabled,
.b-modal-banner--disabled a:not(.b-modal-banner__clickable) {
	overflow: hidden;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_module.css" templatetype="template" date="1547590064" username="vBulletin" version="5.5.1 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">

	<p>The <code>.b-module*</code> classes will be used for modules. This is a work in progress.</p>

</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-module {
	<vb:comment>/* placeholder for now */</vb:comment>
}

<vb:comment>/*.b-module here for specificity. Without it this loses to .view-mode .widget-no-border rule. */</vb:comment>
.b-module.b-module--flush-vertical {
	<vb:comment>/*
		Most widgets have a bottom margin of 16px. This makes the channel description module,
		which is meant to be placed after the page title module, have too much whitespace around it.
		margin-top: move the module closer to the page title module to make it aesthetically similar vb4 channel descriptions.
		margin-bottom: override the default 16px bottom margin on .view-mode .widget-no-border, make the subchannel or channel content
			module closer to the channel description to make it aesthetically similar to vB5 CMS channel descriptions (which are part of the
			channel display module itself, next to the "Subscribe" button)

	*/</vb:comment>
	margin-top: -16px;
	margin-bottom: 0px;
}

<vb:comment>/*
	Rules for the show_at_breakpoints config item
	These rules currently use 'body' in the selector because
	the l-small class gets added to the narrow columns in a
	layout even when not in responsive. See VBV-11460.
	Note: The "small" rules are first because the JS doesn't
	remove the "l-small" class when it adds "l-xsmall".
*/</vb:comment>

<vb:comment>Simple breakpoint rules</vb:comment>
body.l-desktop .b-module--hide-desktop {
	display: none;
}
body.l-small .b-module--hide-small {
	display: none;
}
body.l-xsmall .b-module--hide-xsmall {
	display: none;
}

<vb:comment>Complex breakpoint rules (we can have .l-small and .l-xsmall simultaneously)</vb:comment>

<vb:comment>/* remove any effect of hide-small if we are really in xsmall */</vb:comment>
body.l-small.l-xsmall .b-module--hide-small {
	display: block;
}
<vb:comment>/* re-hide in xsmall */</vb:comment>
body.l-small.l-xsmall .b-module--hide-xsmall {
	display: none;
}


<vb:comment>Fix borders, corner radius and spacing for contiguous modules</vb:comment>
.view-mode .b-layout--contiguous .b-module--contiguous {
	border: {vb:stylevar module_content_border};
	margin: -{vb:stylevar module_content_border.width, withUnits} 0 0 0;
}

.view-mode .b-layout--contiguous .has-adjacent-left-col .b-module--contiguous {
	margin-{vb:stylevar left}: -{vb:stylevar module_content_border.width, withUnits};
}

.view-mode.l-small .b-layout--contiguous .has-adjacent-left-col .b-module--contiguous {
	margin-{vb:stylevar left}: 0;
}

.view-mode .b-layout--contiguous .l-row.has-columns {
	margin-bottom: 15px;
}



<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_photo_count.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>

	<p>TODO</p>

<vb:comment>END DOCUMENTATION</vb:comment>
<vb:else />
<vb:comment>BEGIN CSS RULES</vb:comment>


.b-photo-count .b-photo-count__count {
	display: inline-block;
	min-width: 20px;
	height: 2rem;
	text-align: center;
	background: {vb:stylevar count_bubble_background};
	color: {vb:stylevar count_bubble_text_color};
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 2rem;
	padding: 0 5px;
	border-radius: 2px; 
}
.b-photo-count .b-photo-count__label {
	color: {vb:stylevar body_link_color};
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_pmchat.css" templatetype="template" date="1518822686" username="vBulletin" version="5.4.1 Alpha 3"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


	<p>The <code>.b-pmchat*</code> classes are used for various components of the PM Chat feature. This is a work in progress.</p>

<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>


<vb:comment>

	Chat window related styles

</vb:comment>
.b-pmchat__widget {
	background:{vb:stylevar vbmessenger_chatwindow_widget_background};
}

.b-pmchat__header {
	box-sizing: border-box;
	left: 0;
	position: fixed;
	z-index: 1;
	width: 100%;
}

.b-pmchat__header-inner {
	background: {vb:stylevar vbmessenger_chatwindow_widget_background};
}

.b-pmchat__content-wrapper {
	background: {vb:stylevar vbmessenger_chatwindow_content_background};
}

.b-pmchat__thread-placeholder {
	background: {vb:stylevar vbmessenger_chatwindow_content_background};
	color: {vb:stylevar text_tertiary_color};
	top: 30%;
	position: relative;
	text-align: center;
	font-size: 200%;
}

.b-pmchat__thread-container {
	background: {vb:stylevar vbmessenger_chatwindow_content_background};
	min-height: 300px;
	padding-bottom: 15px; /* 5px larger than the spacing between each message. This slightly larger padding helps the user know that they're at the bottom without having to check the scrollbar */
}


<vb:comment> Chat Window - Participants List </vb:comment>
.b-pmchat__participants {
	background: {vb:stylevar vbmessenger_chatwindow_participants_background};
	border-radius: {vb:stylevar module_tab_border_radius_size} {vb:stylevar module_tab_border_radius_size} 0 0;
}

.b-pmchat__participants-label {
	font-weight: bold;
	color: {vb:stylevar text_tertiary_color};
}

.b-pmchat__participants-label__wrapper {
	width: 50%;
}

.b-pmchat__participants-avatar {
	width: auto;
	height: 42px;
	vertical-align: middle;
	display: inline-block;
	border: {vb:stylevar activity_stream_avatar_border};
	box-sizing: border-box;
}


.b-pmchat__content-entry-wrapper {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
}

.b-pmchat__content-entry-inner {
	background: {vb:stylevar vbmessenger_chatwindow_widget_background};
}

.b-pmchat__content-entry {
	background: {vb:stylevar vbmessenger_chatwindow_content_background};
	border-radius: 0 0 {vb:stylevar module_tab_border_radius_size} {vb:stylevar module_tab_border_radius_size};
}


.b-pmchat__feather {
	height: 30px;
}

.b-pmchat__feather--up {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), {vb:stylevar vbmessenger_chatwindow_content_background.color});
}

.b-pmchat__feather--down {
	background: linear-gradient(to bottom, {vb:stylevar vbmessenger_chatwindow_content_background.color}, rgba(255, 255, 255, 0));
}


<vb:comment>
     *****
     Content Columns (Avatar - Message - Avatar)
     *****
</vb:comment>
.b-pmchat__avatar-column {
	width: 42px;
	padding-top: 8px;
}
.b-pmchat__avatar-column--theirs {
	float: {vb:stylevar left};
}
.b-pmchat__avatar-column--mine {
	float: {vb:stylevar right};
}
.b-pmchat__content-column {
	<vb:comment>Stylevars not needed, since we're setting both left and right to the same value.</vb:comment>
	<vb:comment>42px avatar column width + 5px</vb:comment>
	margin-left: 47px;
	margin-right: 47px;
}



<vb:comment> 
     *****
     RESPONSIVE (Small)
     *****
</vb:comment>
.l-small .b-pmchat__content-entry {
	padding-bottom: 5px;
}
<vb:comment>/* Avatar & content columns */</vb:comment>
.l-small .b-pmchat__avatar-column {
	width: 30px;
	padding-top: 5px;
}
.l-small .b-pmchat__content-column {
	<vb:comment>Stylevars not needed, since we're setting both left and right to the same value.</vb:comment>
	<vb:comment>30px avatar column width + 5px</vb:comment>
	margin-left: 35px;
	margin-right: 35px;
}


<vb:comment>
     *****
     RESPONSIVE (Extra Small)
     *****
</vb:comment>
.l-xsmall .b-pmchat__header {
	position: static;
}
.l-xsmall .b-pmchat__header-inner {
	padding: 0;
}
.l-xsmall .b-pmchat__participants {
	border-radius: 0;
}
.l-xsmall .b-pmchat__feather {
	display: none;
}
.l-xsmall .b-pmchat__widget {
	padding: 0;
}
.l-xsmall .b-pmchat__content-wrapper {
	border-radius: 0;
	padding-top: 1px;
	padding-bottom: 0;
}
.l-xsmall .b-pmchat__content-entry-inner {
	background: {vb:stylevar vbmessenger_chatwindow_content_background};
	padding-bottom: 0;
}
.l-xsmall .b-pmchat__thread-container {
	min-height: 150px;
}

<vb:comment>/* Avatar & content columns */</vb:comment>
.l-xsmall .b-pmchat__avatar-column {
	width: 18px;
	padding-top: 11px;
}
.l-xsmall .b-pmchat__content-column {
	<vb:comment>Stylevars not needed, since we're setting both left and right to the same value.</vb:comment>
	<vb:comment>18px avatar column width + 5px</vb:comment>
	margin-left: 23px;
	margin-right: 23px;
}
<vb:comment>/* Hide "my" avatar at the smallest responsive size */</vb:comment>
.l-xsmall .b-pmchat__avatar-column--mine {
	display: none;
}
.l-xsmall .b-pmchat__content-column {
	margin-{vb:stylevar right}: 0;
}


.l-xsmall .b-pmchat__content-entry-wrapper {
	position: static;
	left: auto;
	bottom: auto;
	padding: 0;
}
.l-xsmall .b-pmchat__content-entry {
	border-radius: 0;
	padding: 0 0 10px 0;
}



<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_poll_fieldset.css" templatetype="template" date="1365451524" username="vBulletin" version="5.0.2 Beta 1"><![CDATA[.b-poll-fieldset__add-more {
	margin-bottom:16px;
}
.b-poll-fieldset__poll-options .b-form-control__label:first-child {
	margin-{vb:stylevar left}: 18px;
}
.b-poll-fieldset__poll-options .b-form-control__label {
	margin-{vb:stylevar left}: 28px;
}
.b-poll-fieldset__poll-answers .b-form-input__input {
	width:50%;
}
.b-poll-fieldset__datepicker-container {
	margin-{vb:stylevar left}: 18px;
	margin-top: 14px;
}]]></template>
		<template name="css_b_post.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>

/*--------------------------------------
 * POST
 *------------------------------------*/

</vb:comment>

.b-post {
	border: {vb:stylevar post_border};
	margin-top: 10px;
	width: 100%;
	border-radius: 3px;
	padding-bottom: 0;
	background: {vb:stylevar postbit_background};
	position: relative;
	<vb:comment>Needs border-box because it's 100% wide and has borders, otherwise it will be a couple pixels wider than the other elements on the layout.</vb:comment>
	box-sizing: border-box;
}

.b-post--pmchat {
	border: none;
	background: {vb:stylevar vbmessenger_chatwindow_content_background};
}

.b-post__body {
	position: relative;
	background:{vb:stylevar thread_reply_background};
	border-radius:3px;
}

.b-post__body--pmchat {
	border-radius: 7px;
	<vb:comment>Stylevars not needed, since we're setting both left and right to the same value.</vb:comment>
	margin-left: 10px;
	margin-right: 10px;
}

.b-post__body--pmchat-mine {
	background: {vb:stylevar vbmessenger_chatwindow_message_mine_background}; 
	border-color: {vb:stylevar vbmessenger_chatwindow_message_mine_background.color}; 
}

.b-post__body--pmchat-theirs {
	background: {vb:stylevar vbmessenger_chatwindow_message_theirs_background}; 
	border-color: {vb:stylevar vbmessenger_chatwindow_message_theirs_background.color}; 
}

.b-post__arrow {
	position: absolute;
	top:35px;
	border-{vb:stylevar right}: 10px solid {vb:stylevar thread_reply_background.backgroundColor};
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	{vb:stylevar left}: -10px;
	{vb:stylevar right}: auto;
}

.b-post__arrow--pmchat {
	top: 25px;
}

.b-post__arrow--left {
	border-{vb:stylevar right}: 10px solid;
	border-{vb:stylevar right}-color: inherit;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-{vb:stylevar left}: 0px;
	{vb:stylevar left}: -10px;
	{vb:stylevar right}: auto;
}

.b-post__arrow--right {
	border-{vb:stylevar left}: 10px solid;
	border-{vb:stylevar left}-color: inherit;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-{vb:stylevar right}: 0px;
	{vb:stylevar left}: auto;
	{vb:stylevar right}: -10px;
}

.b-post__title {
	font-size: 1.6rem;
	font-weight: bold;
}

.b-post__stream-post-title {
	font-weight: bold;
}

/* when displaying post the footer should not have any margin (VBV-12195) */
.blog-list .b-post__footer {
	/* not using left/right stylevars, since we're setting the same margin on both */
	margin-left: 0;
	margin-right: 0;
}

<vb:comment>
/* TODO:
 *
 * The !important declaration is needed here because during the transition to
 * the new CSS framework we're having to overcoming a hierarchy of rules. The
 * !important should be able to be removed when we're done.
 **/
</vb:comment>
.b-post__count,
.b-post__timestamp {
	color:{vb:stylevar time_stamp_color} !important;
}

.b-post__count {
	font-size: 1.2rem;
}

.b-post__timestamp {
	font-size: 1.1rem;
}

.b-post .l-col__fixed {
	padding-top:15px;
	padding-{vb:stylevar right}:25px;
	padding-bottom:15px;
	padding-{vb:stylevar left}:15px;
}


.b-post .b-divider--section {
	display: none;
}

.b-post__date {
	font-size: 1.1rem;
	color:{vb:stylevar time_stamp_color};
	line-height: 2rem;
	text-align: {vb:stylevar left};
}


.b-post__label {
	border: 1px solid #5F6A6F;
	height: 1.2rem;
	line-height: 1.2rem;
	margin-top: 8px;
	float: {vb:stylevar left};
	margin-{vb:stylevar right}: 10px;
	padding: 1px 4px;
	color: {vb:stylevar post_controls_text_color};
	font-family: Arial, sans-serif;
	font-size: 1rem;
	display: inline-block;
}

.b-post .b-post-attachments {
	margin-top: 10px;
}


.b-post--unapproved .b-post__arrow {
	border-{vb:stylevar right}-color: {vb:stylevar postbit_unapproved_background.color};
}

.b-post--unapproved .b-post__body {
	background: {vb:stylevar postbit_unapproved_background};
}

.b-post--first .b-post__arrow {
	border-{vb:stylevar right}-color: {vb:stylevar thread_starter_background.backgroundColor};
}

.b-post--first .b-post__body {
	background: {vb:stylevar thread_starter_background};
}

.b-post--deleted {
	background: {vb:stylevar postbit_deleted_background};
}

.b-post--deleted .b-comments,
.b-post--deleted .b-post__footer,
.b-post--deleted .b-post__hide-when-deleted {
	display: none;
}

.b-post--deleted .b-divider--section {
	display: block;
}

<vb:comment>This comes after b-post--deleted to override it.</vb:comment>
.b-post--show-deleted-content .b-post__hide-when-deleted {
	display: block;
}


<vb:comment>
	Inline moderation hilghight should always override the other colors.
	@TODO: Rename .inlinemod_highlight when we redo inlinemod CSS. And use a proper stylevar!
</vb:comment>
.inlinemod_highlight .b-post__arrow {
	border-{vb:stylevar right}-color: #D6E8EF;
}

.inlinemod_highlight .b-post__body {
	background: #D6E8EF;
}

.b-post__unpublish-info {
	min-height: 5.2rem;
	font-size: 1.2rem;
	min-height: 5.2rem;
	line-height: 1.6rem;
}

.b-post__content {
	font: {vb:stylevar post_content_font};
}

.b-post__content--edit,
.b-post__footer--edit {
	display: none;
}
.b-post__content .post-signature {
	border-top: 1px dotted {vb:stylevar post_controls_divider_color};
	margin-top: 0px;
	padding-top: 15px;
}

.b-post__edit {
	font-style: italic;
	<vb:comment>Changed from clear:left to clear:both to account for right-floated content, such as when the post text ends with a right aligned image inserted inline.</vb:comment>
	clear: both;
}

.b-post__history {
	cursor: pointer;
}

.b-post__article-meta-wrapper .avatar-sm,
.b-post__article-meta-wrapper .avatar-sm img {
	height: 16px;
	width: 16px;
}

.b-post__article-meta {
	color: {vb:stylevar time_stamp_color};
	font-size: 1.2rem;
}

.b-post__article-meta-item {
	line-height: 1.4rem;
}

.b-post__article-meta-item .avatar {
	margin: 0;
	width: 14px;
	height: 14px;
	display: inline;
	vertical-align: middle;
}

.b-post__article-meta-item a {
	vertical-align: middle;
}

.b-post__article-meta-item--inline {
	display: inline;
	margin-{vb:stylevar right}: 8px;
}

.l-small .b-post__article-meta-item--inline {
	display: block;
	line-height: 1.76rem;
}
.l-small .b-post__article-meta-item--sharing-menu-container {
	position: absolute;
	top: 3px;
	{vb:stylevar right}: 0;
}


.b-post__not-published-notice {
	color: {vb:stylevar main_nav_login_error_text_color}; /* this stylevar should be renamed to warning_color or similar*/
}

<vb:comment>
/* Ordinarily I'd want to handle this with a helper on the
 * content-entry div, but not knowing what other dependencies
 * there might be, we're situationally adding the margin when it's
 * inside an editable post */
</vb:comment>
.b-post--edit .b-content-entry {
	margin-bottom: {vb:stylevar spacing_margin_xl};
}

.b-post--edit .b-toolbar {
	max-height: 44px;
	/* overflow: hidden; */
}


<vb:comment>
/*
 * The b-post--preview modifier is added to the container of a post being
 * displayed in a dialog. We use a bit of selector inheritance to constrain
 * the rules, but use generalized modifier classes to adjust the behavior of
 * multiple elements, so that the intent (e.g. h-hide--on-preview) is
 * understood by looking at the HTML template, rather than trying to capture
 * all of the normal CSS class names in these rules.
 *
 * Because it's a modifier and we need to be assured of overriding rules,
 * this is a case when use of !important is acceptable.
 **/
</vb:comment>

.b-post--preview .h-hide--on-preview {
	display: none;
}

.b-post--preview .h-restore--on-preview {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0;
	background: inherit !important;
}

.b-post__preview-image {
	border: 1px solid {vb:stylevar post_border.borderColor};
}

<vb:comment> In the responsive view, point the arrow upwards. </vb:comment>
.l-small .b-post__arrow {
	top: -10px;
	{vb:stylevar left}: 39px;
	border-bottom: 10px solid {vb:stylevar thread_reply_background.backgroundColor};
	border-top: none;
	border-{vb:stylevar right}: 6px solid transparent;
	border-{vb:stylevar left}: 6px solid transparent;
}

.l-small .b-post--unapproved .b-post__arrow {
	border-bottom-color: {vb:stylevar postbit_unapproved_background.color};
}

.l-small .b-post--first .b-post__arrow {
	border-bottom-color: {vb:stylevar thread_starter_background.backgroundColor};
}

.l-small .inlinemod_highlight .b-post__arrow {
	border-bottom-color: #D6E8EF;
}

.l-small .b-post__arrow--pmchat {
	top: 15px;
}

<vb:comment>Maintain left & right arrow directions in responsive</vb:comment>
.l-small .b-post__arrow--left {
	border-{vb:stylevar right}: 10px solid;
	border-{vb:stylevar right}-color: inherit;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-{vb:stylevar left}: 0px;
	{vb:stylevar left}: -10px;
	{vb:stylevar right}: auto;
}

.l-small .b-post__arrow--right {
	border-{vb:stylevar left}: 10px solid;
	border-{vb:stylevar left}-color: inherit;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-{vb:stylevar right}: 0px;
	{vb:stylevar left}: auto;
	{vb:stylevar right}: -10px;
}


<vb:comment>
/* TODO: Remove these temporary hacks once all the streamview templates have
 * been converted over to the new CSS.
 **/
</vb:comment>

.stream-view .b-post-attachments {
	display: none;
}

.blog-conversation-content-widget .b-post-attachments {
	display: block;
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_post_attachments.css" templatetype="template" date="1527627322" username="vBulletin" version="5.4.3 Alpha 3"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		This block is used for attachments shown as a list in posts
		(as opposed to inline). This is not related to css_b_attach_item.css.
	</p>
	{vb:set attachmentCount, {vb:php range, 1, 5}}
	<vb:each from="attachmentCount" value="index">
		{vb:set attachment.filename, {vb:concat 'Attachment ', {vb:raw index}}}
		{vb:set attachment.filesize, '100 KB'}
		{vb:set attachment.counter, '1000'}
		{vb:set attachments.$index, {vb:raw attachment}}
	</vb:each>
	<div class="restore">
		<vb:comment>Use the restore class to mimic posts.</vb:comment>
		{vb:template bbcode_attachment_list, attachments={vb:raw attachments}}
	</div>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>/* Attachment List */</vb:comment>

.b-post-attachments {
	padding: 5px;
	padding-{vb:stylevar left}: 9px;
	color: {vb:stylevar module_tab_text_color};
	border-radius: 3px;
	border: {vb:stylevar post_border};
	background: {vb:stylevar contententry_panel_background};
	clear: both;
}

.b-post-attachments .b-post-attachments__item {
	<vb:comment>/* This is overly specific to override our restore rules... */</vb:comment>
	list-style: none;
}

.b-post-attachments .b-post-attachments__item img {
	padding: 0 0 1px;
	padding-{vb:stylevar right}: 1px;
}
<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_post_column.css" templatetype="template" date="1472234015" username="vBulletin" version="5.2.5 Alpha 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>The <code>.b-post-column</code> classes are used for the "Display Columns" when displaying the article list in a category.</p>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>


.b-post-column__two,
.b-post-column__three {
	margin: 0;
	box-sizing: border-box;
}

<vb:comment>/* The three longer selectors below allow overriding the width/margin
set for .conversation-list.stream-view .list-item without using !important, as
would otherwise have to be done when setting these values in the individual classes
in this file */</vb:comment>
.conversation-list.stream-view .list-item.b-post-column__two {
	width: 49%;
}
.conversation-list.stream-view .list-item.b-post-column__three {
	width: 32%;
}
.conversation-list.stream-view .list-item.b-post-column__three--second {
	margin-{vb:stylevar left}: 2%;
}

.b-post-column__two--first {
	float: {vb:stylevar left};
	clear: both; 
}

.b-post-column__two--second {
	float: {vb:stylevar right};
	clear: none; 
}

.b-post-column__three--first {
	float: {vb:stylevar left};
	clear: both; 
}

.b-post-column__three--second {
	float: {vb:stylevar left};
	clear: none; 
}

.b-post-column__three--third {
	float: {vb:stylevar right};
	clear: none; 
}

<vb:comment>/*
	RESPONSIVE - At the smallest breakpoint size, l-xsmall, we *always* want
	to display one column, regardless of the module 'display_columns' setting.
*/</vb:comment>
<vb:comment>/* See comment above for why extra selectors are needed here */</vb:comment>
.l-xsmall .conversation-list.stream-view .list-item.b-post-column__two,
.l-xsmall .conversation-list.stream-view .list-item.b-post-column__three,
.l-column-xsmall .conversation-list.stream-view .list-item.b-post-column__two,
.l-column-xsmall .conversation-list.stream-view .list-item.b-post-column__three {
	width: auto;
}
.l-xsmall .conversation-list.stream-view .list-item.b-post-column__three--second,
.l-column-xsmall .conversation-list.stream-view .list-item.b-post-column__three--second {
	margin-{vb:stylevar left}: 0;
}
.l-xsmall .b-post-column__two--first,
.l-xsmall .b-post-column__two--second,
.l-xsmall .b-post-column__three--first,
.l-xsmall .b-post-column__three--second,
.l-xsmall .b-post-column__three--third,
.l-column-xsmall .b-post-column__two--first,
.l-column-xsmall .b-post-column__two--second,
.l-column-xsmall .b-post-column__three--first,
.l-column-xsmall .b-post-column__three--second,
.l-column-xsmall .b-post-column__three--third {
	float: none;
}
<vb:comment>/* Override a rule from css_responsvie.css that sets margin-left to 52px */</vb:comment>
.l-xsmall .article-list.conversation-list.stream-view .list-item-header .post-header,
.l-column-xsmall .article-list.conversation-list.stream-view .list-item-header .post-header {
	margin-{vb:stylevar left}: 0;
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_post_control.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<p>
	Post Controls are the little action links with icons at the bottom of the post.
	They include:
</p>
<ul>
	<li>Infractions</li>
	<li>Edit</li>
	<li>Flag</li>
	<li>Quote</li>
	<li>Comment</li>
	<li>Like / Unlike</li>
</ul>

<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>

/*--------------------------------------
 * POST CONTROLS
 *------------------------------------*/

</vb:comment>

.b-post-control {
	display: inline-block;
	float: {vb:stylevar left};
	color: {vb:stylevar post_controls_text_color};
	font-family: Arial,sans-serif;
	font-size: 1rem;
	position: relative;
	padding: 1px 4px;
	margin-{vb:stylevar left}: 3px;
	cursor: pointer;
}

.b-post-control,
.b-post-control__icon,
.b-post-control__label {
	vertical-align: middle;
}

.b-post-control__label {
	margin-{vb:stylevar left}: 2px;
}


<vb:comment>
	*************
	BUBBLE-FLYOUT 
	*************
</vb:comment>

.b-post-control__bubble-flyout-container {
	margin-{vb:stylevar right}: 26px;
}

.b-post-control__bubble-flyout {
	position: absolute;
	{vb:stylevar right}: -26px;
	{vb:stylevar left}: auto;
	top: -1px;
	background: {vb:stylevar content_background};
	<vb:comment>/* Override the responsive button color. */</vb:comment>
	color: {vb:stylevar post_controls_text_color};
}

<vb:comment>TODO refactor .bubble-flyout and move here</vb:comment>



.b-post-control--disabled {
	cursor:auto;
}

.l-small .b-post-control--responsive {
	color: #fff;
	background-color: #2379B5;
	border-radius: 2px;
	height: 1.8rem;
	line-height: 1.8rem;
	padding: 0 0.8em;
}

.l-small .b-post-control__label {
	margin-{vb:stylevar left}: 0;
}

.l-small .b-post-control--responsive .b-post-control__icon {
	display: none;
}


<vb:comment>We still want the color to apply in the responsive view, so this comes after.</vb:comment>
.b-post-control__quote--selected .b-post-control__label {
	color: {vb:stylevar post_controls_quote_active_text_color};
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_post_notice.css" templatetype="template" date="1472246183" username="vBulletin" version="5.2.5 Alpha 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>

/*--------------------------------------
 * POST Notices
 *------------------------------------*/

</vb:comment>

.b-post-notice {
	border: {vb:stylevar post_border};
	margin-top: 10px;
	width: 100%;
	border-radius: 3px;
	background: {vb:stylevar postbit_background};
	position: relative;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_post_sm.css" templatetype="template" date="1541016757" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>

<p>
	The <b>b-post-sm</b> block displays a post in the Search Module.
</p>

<vb:comment>END DOCUMENTATION</vb:comment>
<vb:else />
<vb:comment>BEGIN CSS RULES</vb:comment>

.b-post-sm {
	margin-top: 15px;
	padding-top: 15px;
	border-top: {vb:stylevar module_search_list_item_border};
}
.b-post-sm--compact {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
.b-post-sm:first-child {
	padding-top: 0;
	border-top: none;
}
.b-post-sm__avatar {
	/* */
}
.b-post-sm__content {
	/* */
}
.b-post-sm__title {
	font-weight: bold;
}
.b-post-sm__author {
	/* */
}
.b-post-sm__desc {
	/* */
}
.b-post-sm__post-content {
	/* */
}
.b-post-sm__content--has-avatar {
	margin-{vb:stylevar left}: 44px;
}
.b-post-sm__footer {
	/* */
}
.b-post-sm__date {
	font-size: 1.1rem;
	color: {vb:stylevar time_stamp_color};
	text-align: {vb:stylevar right};
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_pseudowidget.css" templatetype="template" date="1472246183" username="vBulletin" version="5.2.5 Alpha 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>

/*--------------------------------------
 * pseudo widget
 *------------------------------------*/

</vb:comment>

.b-pseudowidget.canvas-widget {
	border: {vb:stylevar module_content_border};
	background: {vb:stylevar module_content_background};
	padding:15px;
	margin:0 0 0 0;
	float:{vb:stylevar left};
	width:100%;
	position:relative;
	min-height:24px;
	height:auto;
	box-sizing:border-box;
	border-radius:3px;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_sharing_menu.css" templatetype="template" date="1546644078" username="vBulletin" version="5.5.1 Alpha 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<div class="h-margin-bottom-xxl">
	<p>Menu component for social sharing links.</p>
</div>


<vb:comment>END DOCUMENTATION</vb:comment>
<vb:else />
<vb:comment>BEGIN CSS RULES</vb:comment>


<vb:comment>
	*****
	Sharing menu as a vertical list under userinfo (forums & groups)
	*****
</vb:comment>

.b-sharing-menu {
	list-style: none;
	<vb:comment>Margin left keeps it centered, since 10px is taken from the
	right side for the b-post__arrow element</vb:comment>
	margin-{vb:stylevar left}: 10px;
	text-align: center;
}

.b-sharing-menu__item {
	margin: 0 auto 4px auto;
}

.b-sharing-menu__item-link {
	display: block;
	box-sizing: border-box;
	min-width: 60px;
	height: 2rem;
	margin: auto;
	border-radius: 3px;
	font-size: 1.1rem;
	line-height: 2.1rem;
	background: {vb:stylevar content_background};
	color: {vb:stylevar body_link_color};
}

<vb:comment>Extra selectors needed to override other CSS rules on the A element</vb:comment>
a.b-sharing-menu__item-link,
a.b-sharing-menu__item-link:visited,
a.b-sharing-menu__item-link:active,
a.b-sharing-menu__item-link:hover,
.widget-tabs.ui-tabs .ui-widget-content a.b-sharing-menu__item-link:hover, 
.sb-dialog.ui-dialog-content.ui-widget-content a.b-sharing-menu__item-link:hover {
	text-decoration: none;
}


<vb:comment>This rule with extra selectors is only needed because there are
other overreaching CSS rules that affect A elements in the menu</vb:comment>
.b-comp-menu-dropdown__content-item .b-sharing-menu__item-link {
	padding: 0;
	margin: auto;
}

.b-sharing-menu__item-link-img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

<vb:comment>The extra selectors here (specifically .b-sharing-menu 
.b-sharing-menu__item a) are needed because there are otehr overreaching
CSS rules concerning the A element</vb:comment>
.b-sharing-menu .b-sharing-menu__item a.b-sharing-menu__item-link--facebook,
.b-sharing-menu .b-sharing-menu__item a.b-sharing-menu__item-link--facebook:visited {
	<vb:comment>Hard-coded facebook styles</vb:comment>
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	background: #4267B2;
	color: #FFF;
}
.b-sharing-menu .b-sharing-menu__item a.b-sharing-menu__item-link--facebook:hover,
.b-sharing-menu .b-sharing-menu__item a.b-sharing-menu__item-link--facebook:active {
	<vb:comment>Hard-coded facebook styles</vb:comment>
	background: #365899;
	color: #FFF;
}
.b-sharing-menu__item-link--facebook .b-sharing-menu__item-link-img {
	width: 16px;
	height: 16px;
	margin-top: -2px;
}

.b-sharing-menu .b-sharing-menu__item a.b-sharing-menu__item-link--twitter,
.b-sharing-menu .b-sharing-menu__item a.b-sharing-menu__item-link--twitter:visited {
	<vb:comment>Hard-coded twitter styles</vb:comment>
	font-family: 'Helvetica Neue', Arial, sans-serif;
	background: #1B95E0;
	color: #FFF;
}
.b-sharing-menu .b-sharing-menu__item a.b-sharing-menu__item-link--twitter:hover,
.b-sharing-menu .b-sharing-menu__item a.b-sharing-menu__item-link--twitter:active {
	<vb:comment>Hard-coded twitter styles</vb:comment>
	background: #0C7ABF;
	color: #FFF;
}
.b-sharing-menu__item-link--twitter .b-sharing-menu__item-link-img {
	width: 14px;
	height: 14px;
	margin-top: -2px;
}

<vb:comment>/* 
	We need extra selectors for adding the color to override the
	base styles until those are removed or changed.
*/</vb:comment>
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item a.b-sharing-menu__item-link,
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item a.b-sharing-menu__item-link:active,
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item a.b-sharing-menu__item-link:visited,
.widget-tabs.ui-tabs .ui-widget-content .b-comp-menu-dropdown__content-item a.b-sharing-menu__item-link,
.widget-tabs.ui-tabs .ui-widget-content .b-comp-menu-dropdown__content-item a.b-sharing-menu__item-link:active,
.widget-tabs.ui-tabs .ui-widget-content .b-comp-menu-dropdown__content-item a.b-sharing-menu__item-link:visited,
.sb-dialog.ui-dialog-content.ui-widget-content .b-comp-menu-dropdown__content-item a.b-sharing-menu__item-link,
.sb-dialog.ui-dialog-content.ui-widget-content .b-comp-menu-dropdown__content-item a.b-sharing-menu__item-link:active,
.sb-dialog.ui-dialog-content.ui-widget-content .b-comp-menu-dropdown__content-item a.b-sharing-menu__item-link:visited {
	<vb:comment>Hard-coded facebook and twitter color</vb:comment>
	color: #FFF;
}



<vb:comment>
	*****
	Sharing menu as a horizontal list beside userinfo (articles & blogs)
	*****
</vb:comment>

.b-sharing-menu--horizontal {
	display: inline-block;
	vertical-align: middle;
	margin-{vb:stylevar left}: 0;
}

.b-sharing-menu--horizontal .b-sharing-menu__item {
	display: inline-block;
	vertical-align: middle;
}


<vb:comment>
	*****
	Sharing menu as dropdown menu (Responsive)
	*****
</vb:comment>

.b-sharing-menu__item.b-comp-menu-dropdown__content-item,
.b-sharing-menu--horizontal .b-sharing-menu__item {
	margin: 0;
}

.b-sharing-menu.b-sharing-menu--dropdown {
	margin-{vb:stylevar left}: 0;
}


<vb:comment>
	*****
	Misc rules
	*****
</vb:comment>

.b-sharing-menu__item-twitter-wrapper {
	<vb:comment>Matches the height of the twitter button; needed to keep the
	twitter iframe from going taller than the button</vb:comment>
	height: 20px;
}

<vb:comment>Rules to avoid FOUC for social sharing -- uses classes from the 3rd party markup</vb:comment>
.fb-share-button:not(.fb_iframe_widget),
.twitter-share-button:not(.twitter-share-button-rendered)
{
    display: none;
}


<vb:comment>
	*****
	Responsive
	*****
</vb:comment>

<vb:comment>Forum and group topics</vb:comment>
.l-small .b-sharing-menu--right-on-small {
	position: absolute;
	{vb:stylevar right}: 0;
	bottom: 8px;
}

<vb:comment>Blog posts and articles</vb:comment>
.l-small .b-sharing-menu--inline-on-small {
	height: 14px;
}
.l-small .b-sharing-menu--inline-on-small .b-comp-menu-dropdown__trigger--icon-trigger {
	margin-top: -8px;
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_sidebar_field.css" templatetype="template" date="1540415861" username="vBulletin" version="5.4.6 Alpha 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>Label and information pairs used in the blog and group sidebar information areas.</p>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-sidebar-field {
}

.b-sidebar-field--space-above {
	margin-top: 0.64rem;
}

.b-sidebar-field__heading {
	font-weight: bold;
	font-size: 1.4rem;
	display: block;
	border-bottom: 1px solid {vb:stylevar section_divider_color};
	margin-bottom: 4px;
}

.b-sidebar-field__label {
	font-weight: bold;
}
.b-sidebar-field__value {
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_smilie.css" templatetype="template" date="1380208742" username="vBulletin" version="5.1.0 Alpha 1"><![CDATA[.b-smilie__container {
	margin-{vb:stylevar right}: 20px
}
.b-smilie__container--big {
	max-height: 200px;
	overflow: auto;
	border: 1px solid {vb:stylevar section_divider_color};
}
.b-smilie__container--big .b-smilie__category-title {
	background: {vb:stylevar contententry_panel_section_title_background};
	padding: 2px 10px 2px 10px;
	margin: 0 0 5px -10px;
}
.b-smilie__container--big .b-smilie__category-title:first-child {
	margin-top: 0;
}
.b-smilie__container--big .b-smilie__category {
	background: {vb:stylevar contententry_panel_section_background};
	padding-bottom: 8px;
	padding-{vb:stylevar left}: 10px;
}
.b-smilie__category-title {
	font-weight: bold;
}
.b-smilie__button {
	display: block;
	margin-{vb:stylevar right}: 15px;
}
/*.b-smilie__button:hover {
	border: 1px solid {vb:stylevar section_divider_color};
}*/
.b-smilie__button--disabled {
	cursor: default;
}
.b-smilie__button--disabled img {
	/* Firefox and IE10 */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Old IE */
	filter: gray;
	/* Webkit and Chrome */
	-webkit-filter: grayscale(100%);
}]]></template>
		<template name="css_b_tabbed_pane.css" templatetype="template" date="1547590064" username="vBulletin" version="5.5.1 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>

<p>
	The <code>.b-tabbed-pane</code> block is a common construct consisting of a series of tabs (configurable in horizontal or vertical configurations) that have a selected state corresponding to a "pane", or associated content area.
</p>

<p>
	The prescribed structure for a Tabbed Pane is:
</p>
<ul>
	<li><code>.b-tabbed-pane</code>
		<ul>
			<li><code>.b-tabbed-pane__tabs</code>
				<ul>
					<li><code>.b-tabbed-pane__tab<em>.b-tabbed-pane__tab--selected</em></code></li>
					<li><code>.b-tabbed-pane__tab</code></li>
					<li><code>.b-tabbed-pane__tab</code></li>
				</ul>
			</li>
			<li>
				<ul>
					<li><code>.b-tabbed-pane__pane<em>.b-tabbed-pane__pane--selected</em></code></li>
					<li><code>.b-tabbed-pane__pane</code></li>
					<li><code>.b-tabbed-pane__pane</code></li>
				</ul>
			</li>
		</ul>
	</li>
</ul>

<p>
	For additional styling, you can add a <code>--modifier</code> class. The initial implementation of the underlined tabs for User Settings puts the modifier on the individual tab, but it seems feasible to apply it at tho top level and apply descendent selectors from that if desired.
</p>

<p>
	Note that the functionality whereupon clicking a tab triggers its selection and the display of the corresponding pane is implemented in JavaScript (see <code>js/css_b_tabbed_pane.js</code>). This includes an option for responsive handling of tab display, in which the tabs get stacked vertically (via a <code>--stacked</code> modifier) when the horizontal row breaks to a new line. This is currently <em>not</em> turned on by default, though we may want to consider reversing that as we implement other tabs.
</p>


<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

<vb:comment>
/* Apply a simple clearfix to the tabs */
</vb:comment>

.b-tabbed-pane__tabs:before,
.b-tabbed-pane__tabs:after {
	content: ' ';
	display: table;
}

.b-tabbed-pane__tabs:after {
	clear: both;
}

<vb:comment>
/* In its base configuration, tabs does not currently have
 * any styling or rules applied. However, its structure is desired
 * in order to house the horizontally-oriented individual tab elements.*/
</vb:comment>

.b-tabbed-pane__tabs { }


<vb:comment>
/* Individual tab item, defaulted to a horizontal orientation */
</vb:comment>

.b-tabbed-pane__tab {
	list-style: none;
	float: {vb:stylevar left};
}


<vb:comment>
/* Display the <a> tag inside a tab as an inline block. */
</vb:comment>

.b-tabbed-pane__tab-link {
	display: inline-block;
}


<vb:comment>
/* By default, set panes to be hidden. */
</vb:comment>

.b-tabbed-pane__pane {
	display: none;
}


<vb:comment>
/* In order to display a pane, add a pane-specific selected class.
 *
 * TODO: Upon implementing a second set of tabbed panes, pull out 
 * styles listed below that were copied straight from the User Settings tabs.*/
</vb:comment>

.b-tabbed-pane__pane.b-tabbed-pane__pane--selected {
	display: block;
	background: {vb:stylevar form_background};
	<vb:comment>Keep border in sync with .b-tabbed-pane__tabs--blend-selected-tab-and-pane</vb:comment>
	border: {vb:stylevar form_border};
	min-height:101px;
	padding:0;
	<vb:comment>No right/left stylevars when they both get the same value</vb:comment>
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}



<vb:comment>
	***** Standard Module Tabs *****
	Need to convert the "module tabs" CSS to BEM and this is the
	first step in that process.
</vb:comment>
.b-tabbed-pane__tabs--standard {
	background: {vb:stylevar module_tab_background};
	border: {vb:stylevar module_tab_border};
	border-bottom: 0 none;
	border-top-left-radius: {vb:stylevar module_tabbar_border_radius_size};
	border-top-right-radius: {vb:stylevar module_tabbar_border_radius_size};
	min-height: {vb:stylevar module_tab_height};
	line-height: {vb:stylevar module_tab_height};
}
.b-tabbed-pane__tabs--standard .b-tabbed-pane__tab {
	border-top-left-radius: {vb:stylevar module_tab_border_radius_size};
	border-top-right-radius: {vb:stylevar module_tab_border_radius_size};
	<vb:comment>Same size border, but make it transparent/invisible</vb:comment>
	border: {vb:stylevar module_tab_border_active};
	border-bottom: 0 none;
	border-color: transparent;
	margin-top: -{vb:stylevar module_tab_border_active.width, withUnits};
	font: {vb:stylevar module_tab_font};
	text-transform: {vb:stylevar module_tab_text_transform};
}
.b-tabbed-pane__tabs--standard .b-tabbed-pane__tab:first-child {
	margin-{vb:stylevar left}: -{vb:stylevar module_tab_border_active.width, withUnits};
}

.b-tabbed-pane__tabs--standard .b-tabbed-pane__tab.b-tabbed-pane__tab--selected {
	background: {vb:stylevar module_tab_background_active};
	border: {vb:stylevar module_tab_border_active};
	border-bottom: 0 none;
	font: {vb:stylevar module_tab_font_active};
}

<vb:comment>The ".b-tabbed-pane__tabs--blend-selected-tab-and-pane" modifier
blends the selected tab with the selected pane so there is no border between
the two. Works best if the two have the same background :)</vb:comment>
.b-tabbed-pane__tabs--blend-selected-tab-and-pane .b-tabbed-pane__tab.b-tabbed-pane__tab--selected {
	<vb:comment>Needs to use the same border as
	.b-tabbed-pane__pane.b-tabbed-pane__pane--selected</vb:comment>
	border-bottom: {vb:stylevar form_border};
	margin-bottom: -{vb:stylevar form_border.width, withUnits};
	border-bottom-color: transparent;
}

.b-tabbed-pane__tabs--standard .b-tabbed-pane__tab-link{
	height: {vb:stylevar module_tab_height};
	line-height: {vb:stylevar module_tab_height};
	padding: 0 10px;
	color: {vb:stylevar module_tab_text_color};
	text-decoration: {vb:stylevar module_tab_text_decoration};
}

.b-tabbed-pane__tabs--standard .b-tabbed-pane__tab.b-tabbed-pane__tab--selected .b-tabbed-pane__tab-link {
	color: {vb:stylevar module_tab_text_color_active};
	text-decoration: {vb:stylevar module_tab_text_decoration_active};
	cursor: default;
}

.b-tabbed-pane__tabs--standard .b-tabbed-pane__tab-link:hover {
	color: {vb:stylevar module_tab_text_color_hover};
	text-decoration: {vb:stylevar module_tab_text_decoration_hover};
}

.b-tabbed-pane__tabs--standard .b-tabbed-pane__tab.b-tabbed-pane__tab--selected .b-tabbed-pane__tab-link:hover {
	color: {vb:stylevar module_tab_text_color_active};
	text-decoration: {vb:stylevar module_tab_text_decoration_active};
}





<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_table.css" templatetype="template" date="1543426730" username="vBulletin" version="5.5.0 Alpha 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		Block for table formatting.
	</p>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

<vb:comment>** TABLE **</vb:comment>

.b-table {
	display: table;
}

.b-table--full {
	width: 100%;
}


<vb:comment>** TABLE CELL **</vb:comment>

.b-table__cell {
	display: table-cell;
}

.b-table__cell--full {
	width: 100%;
}

.b-table__cell--align-top {
	vertical-align: top;
}

.b-table__cell--padded {
	padding: 8px 10px;
}

.b-table__cell--header {
	font: {vb:stylevar primary_module_subheader_font};
	line-height: 1.8rem;
	vertical-align:middle;
	text-align: {vb:stylevar left};
}


<vb:comment>** TABLE ROW **</vb:comment>

.b-table__row--header {
	background: {vb:stylevar primary_module_subheader_background};
	color: {vb:stylevar primary_module_subheader_text_color};
	height: 3rem;
	padding: 0.5rem 10px 0;
	border:{vb:stylevar primary_module_subheader_border};
	margin:0;
	display:block;
	overflow:hidden;
}

.b-table__row--divider {
	border-bottom:{vb:stylevar primary_module_subheader_border};
}

.b-table__row {
	border:{vb:stylevar post_border};
	padding:8px 10px;
	border-top-width:0px;
}

.b-table__row--nopadding {
	padding: 0;
}

.b-table__row--noborder {
	border: 0 none;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_theme_selector.css" templatetype="template" date="1541016757" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>
		These CSS classes are for the theme selection tab in the style panel in sitebuilder
	</p>
	<div class="h-margin-bottom-l">
	</div>
</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-theme-selector {

}

.b-theme-selector__container {
	margin: 50px 0 20px 0;
}

.b-theme-selector__list {
	width: 695px;
}

.b-theme-selector__message {
	width: 100%;
	padding: 60px 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.3rem;
}

.b-theme-selector__message img {
	margin-top: 5px;
}

.b-theme-selector__theme {
	width: 112px;
	height: 150px;
	display: inline-block;
	position: relative;
}

.b-theme-selector__theme-thumbnail {
	border: 1px solid transparent;
}

.b-theme-selector__theme-thumbnail img,
.b-theme-selector__theme-thumbnail .b-theme-selector__image-resize-wrapper {
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	display: block;
}

.b-theme-selector__theme-radio {
	visibility: hidden;
	position: absolute;
	top: 0;
	{vb:stylevar left}: 0;
}

.b-theme-selector__theme--selected .b-theme-selector__theme-thumbnail,
.b-theme-selector__theme:hover .b-theme-selector__theme-thumbnail {
	<vb:comment>/* 
		This color matches the hard-coded border / background color used elsewhere
		in sitebuilder for the hover / selected color of items in a horizontal
		scrolling list (screen layouts, page templates, etc.) TODO move this to a
		stylevar and replace all instances of it in sitebuilder CSS with the stylevar
		at the same time.
	*/</vb:comment>
	border: 1px solid #467D96;
	background: #467D96;
	border-radius:3px;
}

.b-theme-selector__theme-title {
	height: 32px;
	overflow: hidden;
	text-align: center;
	<vb:comment>/* 
		This color matches the hard-coded text color used elsewhere in sitebuilder
		for the title of items in a horizontal scrolling list (screen layouts, page
		templates, etc.) TODO move this to a stylevar and replace all instances of
		it in sitebuilder CSS with the stylevar
	*/</vb:comment>
	color: #4DCDFF;
}

.b-theme-selector__theme-preview {
	position: relative;
	min-height: 225px;
}

<vb:comment>/*
	This allows us to position the preview in the left column 
	in the quick setup panel.
*/</vb:comment>
.b-theme-selector__quick-setup-wrapper {
	position: relative;
}

.b-theme-selector__quick-setup-wrapper .b-theme-selector__theme-preview {
	position: absolute;
	top: 0;
	{vb:stylevar left}: -315px;
	width: 275px;
}

<vb:comment>/* This shouldn't use the #admin-stylepanel-themes selector, but it's 
needed for now to override the styles applied by the global sitebuilder
CSS to paragraphs in the panel header text. */</vb:comment>
#admin-stylepanel-themes .b-theme-selector__theme-preview-message,
.b-theme-selector__theme-preview-message {
	border: 1px solid {vb:stylevar inline_edit_search_bar_background.backgroundColor};
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	padding: 85px 10px 90px 10px;
}

.b-theme-selector__theme-preview img {
	border: 1px solid {vb:stylevar inline_edit_search_bar_background.backgroundColor};
	position: absolute;
	top: 0;
	{vb:stylevar left}: 0;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_thumbnail_nav.css" templatetype="template" date="1541016757" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[.b-thumbnail-nav {	
	margin-top:7px;
}
.b-thumbnail-nav .b-thumbnail-nav__counter {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 7px;
}
.b-thumbnail-nav .b-thumbnail-nav__next-arrow,
.b-thumbnail-nav .b-thumbnail-nav__prev-arrow {
	cursor:pointer;
}]]></template>
		<template name="css_b_toggle_slider.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">
	<p>The <code>.b-toggle-slider</code> block displays a pair of Yes/No radio buttons with some Yes/No slider eye candy. To use it, include the template <b>toggle_slider</b>. Here are some examples.</p>

	<div class="h-margin-bottom-m">
		<code>
			<vb:literal>
			{vb:template toggle_slider, name='my_radio_button', checked='yes'}
			</vb:literal>
		</code>
	</div>
	{vb:template toggle_slider, name='my_radio_button', checked='yes'}

	<div class="h-margin-top-xl h-margin-bottom-m">
		<code>
			<vb:literal>
			{vb:template toggle_slider, name='my_radio_button2', checked='yes', yesLabel={vb:phrase on}, noLabel={vb:phrase off}}
			</vb:literal>
		</code>
	</div>
	{vb:template toggle_slider, name='my_radio_button2', checked='yes', yesLabel={vb:phrase on}, noLabel={vb:phrase off}}

	<div class="h-margin-top-xl h-margin-bottom-m">
		<code>
			<vb:literal>
			{vb:template toggle_slider, name='my_radio_button3', checked='no'}
			</vb:literal>
		</code>
	</div>
	{vb:template toggle_slider, name='my_radio_button3', checked='no'}

</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

<vb:comment>
	There are various colors hard-coded in this file. They were copied 
	from the .switch-control class definitions. They should be assigned
	stylevars and changed together. In the future, .switch-control should 
	be replaced by .b-toggle-slider.
</vb:comment>

.b-toggle-slider__wrapper {
	min-width: 90px;
}
.b-toggle-slider {
	position: relative;
	display: inline-block;
	font-weight: bold;
	border: {vb:stylevar button_secondary_border};
	font-size: 1.2rem;
	min-width: 34px;
	height: 1.8rem;
	cursor: pointer;
	border-radius: 2px;
	<vb:comment>Don't use -webkit-touch-callout. See note on .noselect</vb:comment>
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.b-toggle-slider__label {
	line-height: 1.8rem;
	min-width: 16px;
	text-align: center;
	padding: 0 5px;
	position: relative;
}
.b-toggle-slider__label--yes {
	float: {vb:stylevar right};
	background: {vb:stylevar toggle_slider_yes_background};
	color: {vb:stylevar toggle_slider_yes_text_color};
}
.b-toggle-slider__label--no {
	float: {vb:stylevar left};
	background: {vb:stylevar toggle_slider_no_background};
	color: {vb:stylevar toggle_slider_no_text_color};
}
.b-toggle-slider__handle {
	background: {vb:stylevar toggle_slider_handle_background};
	display: inline-block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	border-radius: 2px;
}
.b-toggle-slider__handle--yes {
	{vb:stylevar right}: 0;
	border-{vb:stylevar left}: {vb:stylevar button_secondary_border};
}
.b-toggle-slider__handle--no {
	{vb:stylevar left}: 0;
	border-{vb:stylevar right}: {vb:stylevar button_secondary_border};
}
.b-toggle-slider--yes .b-toggle-slider__handle--yes,
.b-toggle-slider--no .b-toggle-slider__handle--no {
	display: none;
}
.b-toggle-slider--yes .b-toggle-slider__handle--no,
.b-toggle-slider--no .b-toggle-slider__handle--yes {
	display: inline-block;
}
.b-toggle-slider__radio {
	position: absolute;
	top: 0;
	{vb:stylevar left}: 0;
	visibility: hidden;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_toolbar.css" templatetype="template" date="1541086850" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[.b-toolbar {
	border:1px solid {vb:stylevar section_divider_color};
	background: {vb:stylevar contententry_toolbar_background};
	height: 44px;
}
.b-toolbar__item {
	float:{vb:stylevar left};
	width: 44px;
	height: 44px;
	position:relative;
	border-{vb:stylevar right}:1px solid {vb:stylevar section_divider_color};
	cursor:pointer;
	z-index: 1; /* allows safari's focus outline to display correctly VBV-8818 */
}
.b-toolbar__item--secondary {
	float:{vb:stylevar left};
	width: 24px;
	height: 24px;
	border: {vb:stylevar contententry_toolbar_button_secondary_border};
	background: {vb:stylevar contententry_toolbar_button_secondary_background};
	margin-top: 9px;
	margin-{vb:stylevar right}: 10px;
	border-radius: 2px;
}
.b-toolbar__item--text-button {
	font-weight: bold;
	line-height: 2.4rem;
	padding: 0 8px;
	width: auto;
}
.b-toolbar__item--secondary.b-toolbar__item--active {
	background: {vb:stylevar contententry_toolbar_button_secondary_background_active};
}
.b-toolbar__item.b-toolbar__item--unselectable {
	cursor:default;
}
<vb:comment>NOTE: stylevar left intentionally not used in these rules because using left or right has the same effect</vb:comment>
.b-toolbar__item .b-icon {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-12px;
	margin-top:-11px;
}
.b-toolbar__item--secondary .b-icon {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-8px;
	margin-top:-8px;
}]]></template>
		<template name="css_b_topicpreview.css" templatetype="template" date="1541016757" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[.b-topicpreview .ui-tooltip-content {
	border-color: {vb:stylevar primary_module_subheader_border.color};
	background-color: {vb:stylevar sticky_topic_background_color};
}

.b-topicpreview .b-topicpreview__previewtext {
	font-size: 1.2rem;
	line-height: 1.6;
	margin-bottom: 5px;
}

.b-topicpreview .b-topicpreview__topicinfo,
.b-topicpreview .b-topicpreview__count,
.b-topicpreview .b-topicpreview__lastpost {
	font-weight: 300;
	font-size: 0.9rem;
	color: #838789;
}]]></template>
		<template name="css_b_top_background.css" templatetype="template" date="1445013221" username="vBulletin" version="5.1.10 Beta 1"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
<div class="h-margin-bottom-xxl">

	<p>
		These classes are used as "hooks" to allow setting a background color or
		image across various elements in the header area.
	</p>

	<ul>
		<li><code>.b-top-background__header-mainnav</code> allows setting the background for the "header" element and the main navigation tabs.</li>
		<li><code>.b-top-background__header-mainnav-subnav</code> allows setting the background for the "header" element, the main navigation tabs, and the secondary navigation tabs.</li>
		<li>NOTE: <code>#header</code> allows setting the background for just the "header" element (where the logo is).</li>
	</ul>

</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>


.b-top-background {
	<vb:comment>/* placeholder */</vb:comment>
}

.b-top-background__header-mainnav {
	background: {vb:stylevar topbg_header_mainnav_background};
	border-bottom: {vb:stylevar topbg_header_mainnav_bottom_border};
	<vb:comment>A max width stylevar can be added here if/when needed.</vb:comment>
}

.b-top-background__header-mainnav-subnav {
	background: {vb:stylevar topbg_header_mainnav_subnav_background};
	<vb:comment>A bottom border stylevar can be added here if/when needed.</vb:comment>
	max-width: {vb:stylevar topbg_header_mainnav_subnav_max_width};
	margin: auto;
}


<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_top_menu.css" templatetype="template" date="1553703614" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<div class="h-margin-bottom-xxl">
	<p>Menu element used for the sitebuilder menu and the user menu at the top of the page.</p>
</div>


<vb:comment>END DOCUMENTATION</vb:comment>
<vb:else />
<vb:comment>BEGIN CSS RULES</vb:comment>


<vb:comment>***** Menu Background (full page width) *****</vb:comment>

.b-top-menu__background {
	box-sizing: border-box;
	background: {vb:stylevar main_nav_admin_bar_background};
	<vb:comment>TODO: We need the explicit height for now, until we change the background image to use a CSS gradient</vb:comment>
	height: 2.8rem;
	padding: 0 20px;
	<vb:comment>For the absolute positioning on .b-top-menu__background:before</vb:comment>
	position: relative;
}
<vb:comment>Double bottom line that used to be in the gradient sprite.</vb:comment>
.b-top-menu__background:before {
	content: " ";
	position: absolute;
	{vb:stylevar left}: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	height: 2px;
	background: {vb:stylevar main_nav_admin_bar_divider_right_color};
	border-bottom: 1px solid {vb:stylevar main_nav_admin_bar_divider_left_color};
}

.b-top-menu__background--sitebuilder {
	height: 2.3rem;
}

.l-xsmall .b-top-menu__background {
	padding: 0;
}


<vb:comment>***** Menu Container (content width) *****</vb:comment>

.b-top-menu__container {
	box-sizing: border-box;
	width: {vb:stylevar wrapper_width};
	max-width: {vb:stylevar wrapper_max_width};
	margin: auto;

}

.b-top-menu__container:after {
	<vb:comment>Clearfix</vb:comment>
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
}


<vb:comment>***** Menu (list element) *****</vb:comment>

.b-top-menu {
	box-sizing: border-box;
}

.b-top-menu:after {
	<vb:comment>Clearfix</vb:comment>
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
}

.b-top-menu--sitebuilder {
	float: {vb:stylevar left};
}

.b-top-menu--sitebuilder .b-top-menu__item {
	float: {vb:stylevar left};
}

.b-top-menu--user {
	float: {vb:stylevar right};
}

.b-top-menu--user .b-top-menu__item {
	float: {vb:stylevar left};
}


<vb:comment>***** Menu Items (list item elements) *****</vb:comment>

.b-top-menu__item {
	box-sizing: border-box;
	<vb:comment>Vertically align the toggle control & Admin CP button</vb:comment>
	display: flex;
	align-items: center;
	margin: 0;
	<vb:comment>Note: The negative margins used for .b-comp-menu-dropdown--headerbar
		are derived from this border width. Keep syncronized.</vb:comment>
	<vb:comment>Note: Harded-coded left/right are okay when the values are the
		same.</vb:comment>
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	<vb:comment>Note: The left border gets the divider "right" color so that it's on
		the right side of the divider between the links.</vb:comment>
	border-{vb:stylevar left}-color: {vb:stylevar main_nav_admin_bar_divider_right_color};
	border-{vb:stylevar right}-color: {vb:stylevar main_nav_admin_bar_divider_left_color};
}

.b-top-menu__item:after {
	<vb:comment>Clearfix</vb:comment>
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
}

.b-top-menu__item--no-left-divider {
	<vb:comment>TODO: We need the explicit height for now, until we change the background image to use a CSS gradient</vb:comment>
	height: 2.7rem;
	border-{vb:stylevar left}: 0px solid transparent;
}

.b-top-menu__item--no-right-divider {
	<vb:comment>TODO: We need the explicit height for now, until we change the background image to use a CSS gradient</vb:comment>
	height: 2.7rem;
	border-{vb:stylevar right}: 0px solid transparent;
}

.b-top-menu__background--sitebuilder .b-top-menu__item--no-left-divider,
.b-top-menu__background--sitebuilder .b-top-menu__item--no-right-divider {
	height: 2.2rem;
}

.b-top-menu__item--sitebuilder-toggle {
	<vb:comment>Matches padding on the Main Navigation bar (top user bar) dropdown menus .b_menu__dropdownbutton</vb:comment>
	padding-{vb:stylevar left}: 10px;
}


<vb:comment>***** Menu Item Links *****</vb:comment>

.b-top-menu__item-link {
	box-sizing: border-box;
	<vb:comment>Vertically align the notifications & messages counts, and user avatar</vb:comment>
	display: flex;
	align-items: center;
	<vb:comment>TODO: We need the explicit height for now, until we change the background image to use a CSS gradient</vb:comment>
	height: 2.7rem;
	<vb:comment>Matches padding on the Main Navigation bar (top user bar) dropdown menus .b_menu__dropdownbutton</vb:comment>
	padding: 0 10px;
	font: {vb:stylevar main_nav_admin_bar_font};
	line-height: 2.7rem;
}

.b-top-menu__background--sitebuilder .b-top-menu__item-link {
	height: 2.1rem;
	line-height: 2.1rem;
}

<vb:comment>Extra selectors are needed for the links (specifically ".b-top-menu__item"  and "a") to override other CSS</vb:comment>
.b-top-menu__item a.b-top-menu__item-link {
	<vb:comment>
		We were previously using the disabled color, so keeping 
		that for now to avoid unwanted side effects.
		/*color: {vb:stylevar main_nav_admin_bar_text_color};*/
	</vb:comment>
	color: {vb:stylevar main_nav_admin_bar_text_disabled_color};
}

.b-top-menu__item a.b-top-menu__item-link:hover,
.b-top-menu__item a.b-top-menu__item-link:active {
	color: {vb:stylevar main_nav_admin_bar_text_color_hover};
}

.b-top-menu__item a.b-top-menu__item-link.b-top-menu__item-link--disabled,
.b-top-menu__item a.b-top-menu__item-link.b-top-menu__item-link--disabled:hover,
.b-top-menu__item a.b-top-menu__item-link.b-top-menu__item-link--disabled:active {
	<vb:comment>Keeping the previous hard-coded color for now to
		avoid unwanted changes.</vb:comment>
	/*color: {vb:stylevar main_nav_admin_bar_text_disabled_color};*/
	color: #818080;
	cursor: default;
}


.b-top-menu__item-link--selected,
.b-top-menu__item a.b-top-menu__item-link.b-top-menu__item-link--selected,
.b-top-menu__item a.b-top-menu__item-link.b-top-menu__item-link--selected:hover,
.b-top-menu__item a.b-top-menu__item-link.b-top-menu__item-link--selected:active {
	color:{vb:stylevar inline_edit_folder_active_color};
	background:#2E3740;
	height: 2.2rem;
}


.l-xsmall .b-top-menu__item-link {
	padding: 0 8px;
}



.b-top-menu__background--sitebuilder .b-top-menu__item-link--admincp {
	height: 1.8rem;
	line-height: 1.8rem;
	border-radius: 2px;
	background: {vb:stylevar main_nav_admincp_button_background};
	font-size: 1.1rem;
	padding: 0 5px;
	margin-{vb:stylevar right}: 2px;
}
<vb:comment>Extra selectors are needed for the links (specifically ".b-top-menu__item"  and "a") to override other CSS</vb:comment>
.b-top-menu__item a.b-top-menu__item-link--admincp,
.b-top-menu__item a.b-top-menu__item-link--admincp:hover,
.b-top-menu__item a.b-top-menu__item-link--admincp:active {
	color: #FFF;
	<vb:comment>Vertically align the gear icon in the Admin CP button</vb:comment>
	display: flex;
	align-items: center;
}
.b-top-menu__item a.b-top-menu__item-link--admincp.b-top-menu__item-link--disabled,
.b-top-menu__item a.b-top-menu__item-link--admincp.b-top-menu__item-link--disabled:hover,
.b-top-menu__item a.b-top-menu__item-link--admincp.b-top-menu__item-link--disabled:active {
	color: #FFF;
	opacity:0.5;
	filter: alpha(opacity=50);
}
.b-top-menu__item-link--admincp .b-icon {
	display: inline-block;
	vertical-align: text-bottom;
	margin-{vb:stylevar right}: 4px;
}




<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_userinfo.css" templatetype="template" date="1505239375" username="vBulletin" version="5.3.3 Beta 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>


<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>
<vb:comment>

/*--------------------------------------
 * USER INFO
 *------------------------------------*/

</vb:comment>

.b-userinfo {
	text-align: center;
	color: {vb:stylevar post_user_info_color};
	padding: 15px 15px 10px;
}

.b-userinfo--pmchat {
	display: inline-block;
}

.b-userinfo__rank {
	/* TODO: is this really the stylevar we want to use? */
	color: {vb:stylevar post_controls_text_color};
}

.b-userinfo__icons {
	position: absolute;
	bottom: 10px;
	{vb:stylevar left}: 10px;
}

.b-userinfo__icon {
	text-align: center;
	width: 16px;
	height: 16px;
	margin-{vb:stylevar right}: 4px;
}

.b-userinfo__icon:last-child {
	margin-{vb:stylevar right}: 0;
}

.l-small .b-userinfo {
	text-align: {vb:stylevar left};
	padding: 10px;
	<vb:comment>Allows positioning the sharing menu in Responsive</vb:comment>
	position: relative;
}

.l-small .b-userinfo .b-avatar,
.l-small .b-userinfo__details,
.l-small .b-userinfo__additional-info {
	display: inline-block;
	vertical-align: top;
}

.l-small .b-userinfo .b-avatar {
	margin-{vb:stylevar right}: 5px;
}

.l-small .b-userinfo__details .b-meter,
.l-small .b-userinfo__additional-info-block {
	margin-top: 5px;
}

.l-small .b-userinfo__additional-info {
	margin-{vb:stylevar right}: 10px;
}

.l-small .b-userinfo__icons {
	top: 10px;
	bottom: auto;
	{vb:stylevar left}: auto;
	{vb:stylevar right}: 10px;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_b_vbscroller.css" templatetype="template" date="1541016757" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[<vb:if condition="!empty($example)">
<vb:comment>BEGIN DOCUMENTATION</vb:comment>
	<div class="h-margin-bottom-xxl restore">
		<p>
			The <code>.b_vbscroller*</code> classes are used for various components of the vB Scroller. This is a work in progress.	<br />
			vB Scroller allows elements of different widths to be scrolled horizontally.
			Clicking on an arrow button makes the scroller jump to the nearest next child.
			Holding down an arrow button makes it scroll smoothly.
			You can also use your mousewheel over the content, or drag (via mouse or touch) the content left or right.
		</p>
		<p>
			Usage: 
		</p>

		<pre><code>	&lt;div class="wrapper_for_width_if_needed"&gt;
<vb:literal>
		{vb:template b_vbscroller_open,
			content_class_extra="js-optional-selector-for-content-wrapper",
			child_selector="js-optional-selector-for-child-blocks",
			manual_init=1}

			{{html of scrolled content}}

		{vb:template b_vbscroller_close}
</vb:literal>
	&lt;/div&gt;</code></pre>

		<p>
			Parameters:
			<ul>
				<li><b>content_class_extra</b> - (optional) Extra CSS class(es) to add to the parent element that surrounds the list items in the scroller.</li>
				<li><b>child_selector</b> - (optional) CSS class (not selector) used to identify the list items that will be scrolled. This is currently not fully implemented. The code currently uses the direct children of the list item parent to select the items.</li>
				<li><b>manual_init</b> - (optional) If specified and set to "1", the vBScroller code will not automatically initialize on page ready. Instead you will need to call <code>vBulletin.vBScroller.initializeScroller()</code>. This allows you to dynamically load the list content, for example, via AJAX, and then initialize the scroller after the content is present. You must pass the scroller wrapper element (<code>.js-vbscroller-wrapper</code>) to <code>initializeScroller()</code>.</li>
			</ul>
		</p>

		<p>
			Examples (check the css_b_vbscroller template for the raw html):
		</p>



		<!-- START SAMPLE 1 -->
		<style>
			.vbscrollersample1.example-wrapper-for-width {
				border:3px dotted #ffd700;
				margin-bottom: 10px;
				width: 30%;
			}
			.vbscrollersample1 ul {
				white-space: nowrap; /*force single row*/
				font-size:3em;
			}
			.vbscrollersample1 li {
				border: 1px solid black;
				display: inline-block;
			}
		</style>
		<div class="vbscrollersample1 example-wrapper-for-width">
			{vb:template b_vbscroller_open, content_class_extra="js-vbscroller-example-wrapper", child_selector="js-vbscroller-example-nested-child"}
				<div class="some-wrapper">
					<ul style="white-space: nowrap; font-size: 3rem;">
						<li class="js-vbscroller-example-nested-child" style="border-color: red;">
							ABCDEFG
						</li>
						<li class="js-vbscroller-example-nested-child" style="border-color: blue;">
							HIJKLMNOP
						</li>
						<li class="js-vbscroller-example-nested-child" style="border-color: yellow;">
							QRS
						</li>
						<li class="js-vbscroller-example-nested-child" style="border-color: black;">
							TUV
						</li>
						<li class="js-vbscroller-example-nested-child" style="border-color: pink;">
							WX
						</li>
						<li class="js-vbscroller-example-nested-child" style="border-color: green;">
							YZ
						</li>
					</ul>
				</div>
			{vb:template b_vbscroller_close}
		</div>
		<!-- END SAMPLE 1 -->

		<!-- START SAMPLE 2 -->
		<style>
			.vbscrollersample2.example-wrapper-for-width {
				border:3px dotted #ffd700;
				margin-bottom: 10px;
				width: 80%;
			}
			.vbscrollersample2 ul {
				white-space: nowrap; /*force single row*/
				font-size: 10em;
			}
			.vbscrollersample2 li {
				border: 1px solid black;
				display: inline-block;
			}
		</style>
		<div class="vbscrollersample2 example-wrapper-for-width">
			{vb:template b_vbscroller_open, child_selector="js-vbscroller-example-nested-child"}
				<div class="some-wrapper">
					<ul>
						<li class="js-vbscroller-example-nested-child" style="border-color: red;">
							ABCDEFG
						</li>
						<li class="js-vbscroller-example-nested-child" style="border-color: blue;">
							HIJKLMNOP
						</li>
						<li class="js-vbscroller-example-nested-child" style="border-color: yellow;">
							QRS
						</li>
						<li class="js-vbscroller-example-nested-child" style="border-color: black;">
							TUV
						</li>
						<li class="js-vbscroller-example-nested-child" style="border-color: pink;">
							WX
						</li>
						<li class="js-vbscroller-example-nested-child" style="border-color: green;">
							YZ
						</li>
						<li class="js-vbscroller-example-nested-child" style="background-color: red;">
							1
						</li>
						<li class="js-vbscroller-example-nested-child" style="background-color: blue;">
							2
						</li>
						<li class="js-vbscroller-example-nested-child" style="background-color: yellow;">
							3
						</li>
						<li class="js-vbscroller-example-nested-child" style="background-color: black;">
							4
						</li>
						<li class="js-vbscroller-example-nested-child" style="background-color: pink;">
							ABCDEFGHIJKLMNOP
						</li>
						<li class="js-vbscroller-example-nested-child" style="background-color: green;">
							QRSTUVWXYZ
						</li>
					</ul>
				</div>
			{vb:template b_vbscroller_close}
		</div>
		<!-- END SAMPLE 2 -->

		<!-- START SAMPLE 3 -->
		<style>
			.vbscrollersample3.example-wrapper-for-width {
				border:3px dotted #ffd700;
				margin-bottom: 10px;
				width: 100%;
			}
			.vbscrollersample3_content div {
				border:1px solid blue;
				display: inline-block;
			}
			.vbscrollersample3_content img {
				vertical-align: middle;
			}
		</style>
		<div class="vbscrollersample3 example-wrapper-for-width" title="why would you do this">
			{vb:template b_vbscroller_open, content_class_extra="vbscrollersample3_content"}
				<div>
					Vivamus quis mi.
				</div>
				<div>
					<img src="http://lorempixel.com/25/25/">
					Praesent egestas tristique nibh. Sed libero.
				</div>
				<div>
					<img src="http://lorempixel.com/35/25/">
					Nam at tortor in tellus interdum sagittis. 
				</div>
				<div>
					Curabitur at lacus ac velit ornare lobortis. 
					<img src="http://lorempixel.com/40/100/">
					Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl.
				</div>
				<div>
					Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl.
					<img src="http://lorempixel.com/40/40/">
				</div>
				<div>
					
					<img src="http://lorempixel.com/35/40/">Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
				</div>
				<div>
					<img src="http://lorempixel.com/25/25/">
					Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.<br />
					<img src="http://lorempixel.com/25/25/">
					Praesent vestibulum dapibus nibh.<br />
					<img src="http://lorempixel.com/25/25/">
					Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede.
				</div>
			{vb:template b_vbscroller_close}
		</div>
		<!-- END SAMPLE 3 -->


		<!-- START SAMPLE 4 -->
		<style>
			.vbscrollersample4.example-wrapper-for-width {
				border:3px dotted #ffd700;
				margin-bottom: 10px;
				width: 350px;
			}
			.vbscrollersample4_content div {
				border:1px solid blue;
				display: inline-block;
			}
			.vbscrollersample4_content img {
				vertical-align: middle;
			}
		</style>
		<div class="vbscrollersample4 example-wrapper-for-width">
			{vb:template b_vbscroller_open, content_class_extra="vbscrollersample4_content"}
				<div>
					<img src="http://lorempixel.com/25/45/">
					Donec mi odio, 
				</div>				
				<div>
					<img src="http://lorempixel.com/45/45/">
					faucibus at
				</div>				
				<div>
					<img src="http://lorempixel.com/50/45/">
					scelerisque quis, convallis
				</div>		
				<div>
					<img src="http://lorempixel.com/60/45/">
					in, nisi.
				</div>
				<div>
					<img src="http://lorempixel.com/45/45/">
						Nullam nulla
				</div>
			{vb:template b_vbscroller_close}
		</div>
		<!-- END SAMPLE 4 -->




	</div>
<vb:comment>END DOCUMENTATION</vb:comment>

<vb:else />

<vb:comment>BEGIN CSS RULES</vb:comment>

.b-vbscroller {
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
.b-vbscroller__navigation-controls {
	display: none;
}
.b-vbscroller--enabled .b-vbscroller__navigation-controls {
	display: block;
}
.b-vbscroller__viewport {
	overflow: hidden;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
}
.b-vbscroller--enabled .b-vbscroller__viewport {
	<vb:comment>The control buttons are 42x42 and floated left & right. These margins
	let the center content fit between the controls, and give a few pixels of space between the content and buttons</vb:comment>
	margin-left: 45px;
	margin-right: 45px;
}

.b-vbscroller__content {
	position: relative;
	top: 0;
	left: 0;
}

<vb:comment>This rule is intented to apply to the individual content items in the
scroller content element. Resorting to this selector since we don't know what the
content items will be, but we want to apply a general fix instead of adding rules
for individual cases. If scrollableChildSelector (in the JS) is fully implemented
at some point in the future, this will likely need to change.</vb:comment>
.b-vbscroller__content > * {
	<vb:comment>Allow lines to wrap inside the individual content items.</vb:comment>
	white-space: normal;
	vertical-align: top;
}

.b-vbscroller__navigation-control-button {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	opacity: 1;
	background-clip: content-box;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
<vb:comment>The left/right arrows don't change their looks or functions based on RTL (unlike h-left/h-right which floats left/right on LTR and right/left on RTL). Always float left facing arrow left & right facing arrow right</vb:comment>
.b-vbscroller__navigation-control-button--left {
	left: 0;
	right: auto;
}
.b-vbscroller__navigation-control-button--right {
	right: 0;
	left: auto;
}
.b-vbscroller__navigation-control-button--disabled {
	cursor: default;
	opacity: 0.2;
}

<vb:comment>END CSS RULES</vb:comment>
</vb:if>]]></template>
		<template name="css_editor.css" templatetype="template" date="1543614391" username="vBulletin" version="5.5.0 Alpha 1"><![CDATA[html {
	font-size: {vb:stylevar root_font_size};
}
body {
	<vb:comment>We want the editor WYSIWYG contents to match the rendered post.</vb:comment>
	font: {vb:stylevar post_content_font};
	color: {vb:stylevar form_field_text_color};
	<vb:comment>Background needs to be transparent so the placeholder text element shows
	through. Background is set on a parent element in css_b_editor.css</vb:comment>
	background-color: transparent;
	overflow-wrap: break-word;
	word-wrap: break-word;

	<vb:comment>This margin corresponds to the padding 18px 15px on
	.b-form-textarea__textarea--ckeditor, which is replaced by the ckeditor.
	</vb:comment>
	margin: 18px 15px;
}
ol,ul,dl {
	<vb:comment>IE7: reset rtl list margin. (#7334) </vb:comment>
	*margin-right:0px;
	<vb:comment>preserved spaces for list items with text direction other than the list. (#6249,#8049)</vb:comment>
	padding:0 40px;
}
.placeholder {
	color: {vb:stylevar placeholder_text_color};
}
img, iframe, object {
	vertical-align: bottom;
}

<vb:comment>preview break tag</vb:comment>
hr.previewbreak {
	background-color:red !important;
	border:medium none !important;
	color:red !important;
	height:6px !important;
}

<vb:comment>pagebreak tag</vb:comment>
h3.wysiwyg_pagebreak {
	border: 1px dashed #cccccc;
	border-top: 3px double black;
	padding: 4px;
}

<vb:comment>/* NOTE keep these (img.thumbnail, img.align_x) rules in sync with css_global.css */</vb:comment>
img.bbcode-attachment,
img.thumbnail {
	margin-{vb:stylevar right}: 10px;
	margin-bottom: 0;
}

<vb:comment>/* COPIED FROM VB4 (do we need bbcode-attachment class here?)*/
.cke_widget_wrapper & .bbcode-attachment required for image2 handling
</vb:comment>
.cke_widget_wrapper.align_left,
.bbcode-attachment.align_left,
img.align_left {
	float:left; /* dont use stylevar for this */
	margin: 1em;
	margin-left: 0;
}

.cke_widget_wrapper.align_center, 
.img_align_center_wrapper {
	text-align: center;
}

.bbcode-attachment.align_center,
img.align_center {
	margin: 0 auto;
	display:block;
}

.cke_widget_wrapper.align_right,
.bbcode-attachment.align_right,
img.align_right {
	float:right; /* dont use stylevar for this */
	margin: 1em;
	margin-right: 0;
}

<vb:comment>/* keep .b-bbcode-user and .b-bbcode-user--has-avatar synced with css_b_bbcode_user.css */</vb:comment>
.b-bbcode-user {
	<vb:comment>Inline block allows the @ sign to switch to the opposite
	side in RTL</vb:comment>
	display: inline-block;
}
.b-bbcode-user:before {
	content: "@";
}
.b-bbcode-user--has-avatar {
	background-position: {vb:stylevar left} 2px;
	background-repeat: no-repeat;
	background-size: auto 14px;
	padding-{vb:stylevar left}: 16px;
}

<vb:comment>Keep link styles in sync with css_b_link.css</vb:comment>
a,
a:active,
a:visited {
	color: {vb:stylevar body_link_color};
	text-decoration: {vb:stylevar body_link_decoration};
}
a:hover {
	color: {vb:stylevar body_link_color_hover};
	text-decoration: {vb:stylevar body_link_decoration_hover};
}

<vb:comment>Iframes in cke toolbar dropdown menus</vb:comment>
.cke_panel_container body {
	<vb:comment>Text color; see .cke_combopanel and .cke_menupanel for background</vb:comment>
	color: {vb:stylevar ckeditor_toolbar_button_text_color};
}
.cke_panel_container .cke_panel_grouptitle {
	background: {vb:stylevar ckeditor_toolbar_button_background};
	color: {vb:stylevar ckeditor_toolbar_button_text_color};
	box-shadow: none;
	font-weight: normal;
}
.cke_panel_container .cke_panel_listItem a {
	border-color: transparent;
}
.cke_panel_container .cke_panel_listItem a:hover,
.cke_panel_container .cke_panel_listItem a:focus,
.cke_panel_container .cke_panel_listItem a:active {
	border-color: transparent;
	background: {vb:stylevar ckeditor_toolbar_button_background_hover};
	color: {vb:stylevar ckeditor_toolbar_button_text_color};
}

<vb:comment>Table dropdown menu</vb:comment>
.cke_menu a.cke_menubutton .cke_menubutton_label {
	color: {vb:stylevar ckeditor_toolbar_button_text_color};
}
.cke_menu a.cke_menubutton:hover,
.cke_menu a.cke_menubutton:focus,
.cke_menu a.cke_menubutton:active {
	color: {vb:stylevar ckeditor_toolbar_button_text_color};
	background: {vb:stylevar ckeditor_toolbar_button_background_hover};
}

<vb:comment>Font color dropdown menu</vb:comment>
.cke_panel_container .cke_colorblock a {
	color: {vb:stylevar ckeditor_toolbar_button_text_color};
	background: {vb:stylevar ckeditor_toolbar_button_background};
}
.cke_panel_container .cke_colorblock a:hover,
.cke_panel_container .cke_colorblock a:focus,
.cke_panel_container .cke_colorblock a:active {
	color: {vb:stylevar ckeditor_toolbar_button_text_color};
	background: {vb:stylevar ckeditor_toolbar_button_background_hover};
}
.cke_panel_container a.cke_colorbox,
.cke_panel_container a.cke_colorauto,
.cke_panel_container a.cke_colormore {
	border-color: transparent;
}]]></template>
		<template name="css_flatpickr_extra.css" templatetype="template" date="1524752985" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[<vb:comment>
	vBulletin customizations for flatpickr
</vb:comment>


<vb:comment>
	In IE 11, flex-basis does not seem to be compatible with box-sizing:border-box,
	causing widths to be calculated incorrectly. Disabling flex-basis seems to be
	the best workaround. See VBV-17388.
</vb:comment>
.flatpickr-day {
	-webkit-flex-basis: auto;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}


<vb:comment>
	When there are disabled dates in the calendar (e.g., dates that are not in the
	currently selectable range), the disabled dates have an unwanted extra right and
	top border. This can be seen on the advanced search page where the date range
	cannot include dates after today's date. See VBV-17451.
</vb:comment>
span.flatpickr-day.disabled,
span.flatpickr-day.disabled:hover {
	border-top-color: transparent;
	border-{vb:stylevar right}-color: transparent;
}


<vb:comment>
	***********************
	START RTL for flatpickr
	***********************
</vb:comment>


<vb:comment>
	The main flatpickr CSS file (flatpickr.min.css)
</vb:comment>

.flatpickr-calendar {
	direction: {vb:stylevar textdirection};
}
.flatpickr-calendar .hasWeeks .dayContainer {
	border-{vb:stylevar left}: 0;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
	{vb:stylevar left}: 22px;
}

<vb:comment>Extra selectors for enough specificity to override other rules</vb:comment>
div.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
div.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
	{vb:stylevar left}: 0;
	{vb:stylevar right}: auto;
}
div.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
div.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
	{vb:stylevar right}: 0;
	{vb:stylevar left}: auto;
}

.numInputWrapper span {
	{vb:stylevar left}: auto;
	{vb:stylevar right}: 0;
	padding-top: 0;
	padding-{vb:stylevar right}: 4px;
	padding-bottom: 0;
	padding-{vb:stylevar left}: 2px;
}

.flatpickr-current-month {
	{vb:stylevar left}: 12.5%;
}
.flatpickr-current-month span.cur-month {
	margin-{vb:stylevar left}: 0.5ch;
}
.flatpickr-current-month input.cur-year {
	padding: 0;
	padding-{vb:stylevar left}: 0.5ch;
}
.dayContainer {
	text-align: {vb:stylevar left};
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
	border-top-{vb:stylevar left}-radius: 50px;
	border-top-{vb:stylevar right}-radius: 0;
	border-bottom-{vb:stylevar right}-radius: 0;
	border-bottom-{vb:stylevar left}-radius: 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
	border-top-{vb:stylevar left}-radius: 0;
	border-top-{vb:stylevar right}-radius: 50px;
	border-bottom-{vb:stylevar right}-radius: 50px;
	border-bottom-{vb:stylevar left}-radius: 0;
}
.flatpickr-weekwrapper {
	float: {vb:stylevar left};
}
.flatpickr-time .numInputWrapper {
	float: {vb:stylevar left};
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
	float: {vb:stylevar left};
}


<vb:comment>
	The secondary flatpickr CSS file (the airbnb theme file)
</vb:comment>

.dayContainer {
	border-{vb:stylevar right}: 0;
}
span.flatpickr-day,
span.flatpickr-day.prevMonthDay,
span.flatpickr-day.nextMonthDay {
	border-{vb:stylevar right}-color: transparent;
}
span.flatpickr-day:nth-child(7n-6),
span.flatpickr-day.prevMonthDay:nth-child(7n-6),
span.flatpickr-day.nextMonthDay:nth-child(7n-6) {
	border-{vb:stylevar left}: 0;
}
span.flatpickr-day.today:not(.selected),
span.flatpickr-day.prevMonthDay.today:not(.selected),
span.flatpickr-day.nextMonthDay.today:not(.selected) {
	border-{vb:stylevar right}-color: transparent;
}
.flatpickr-weekwrapper span.flatpickr-day {
	margin-top: -1px;
	margin-{vb:stylevar right}: 0;
	margin-bottom: 0;
	margin-{vb:stylevar left}: -1px;
}
.hasWeeks .flatpickr-days {
	border-{vb:stylevar right}: 0;
}

<vb:comment>
	***********************
	END RTL for flatpickr
	***********************
</vb:comment>



<vb:comment>
	***********************
	START stylevar color customization for flatpickr
	***********************
</vb:comment>

.flatpickr-calendar {
	background: {vb:stylevar content_background};
	color: {vb:stylevar body_text_color};
	border-color: {vb:stylevar popup_border.color};
	-webkit-box-shadow: 
		1px 0 0 {vb:stylevar popup_border.color},
		-1px 0 0 {vb:stylevar popup_border.color},
		0 1px 0 {vb:stylevar popup_border.color},
		0 -1px 0 {vb:stylevar popup_border.color},
		0 3px 13px rgba(0, 0, 0, 0.08);
	box-shadow: 
		1px 0 0 {vb:stylevar popup_border.color},
		-1px 0 0 {vb:stylevar popup_border.color},
		0 1px 0 {vb:stylevar popup_border.color},
		0 -1px 0 {vb:stylevar popup_border.color},
		0 3px 13px rgba(0, 0, 0, 0.08);
}

<vb:comment>Reset (remove) all borders and background</vb:comment>
.flatpickr-days div.dayContainer span.flatpickr-day,
.flatpickr-days div.dayContainer span.flatpickr-day:hover {
	background: transparent;
	border: 0 none;
	border-bottom: {vb:stylevar form_dropdown_border};
	border-{vb:stylevar right}: {vb:stylevar form_dropdown_border};
}
<vb:comment>Now start adding back borders and background as needed</vb:comment>
.flatpickr-days div.dayContainer {
	border-top: {vb:stylevar form_dropdown_border};
}
.flatpickr-days div.dayContainer span.flatpickr-day:not(.disabled):hover {
	background: {vb:stylevar form_dropdown_background_hover};
}
.flatpickr-days div.dayContainer span.flatpickr-day.today {
	border-bottom: {vb:stylevar notification_count_border};
}
.flatpickr-days div.dayContainer span.flatpickr-day.today:hover {
	background: {vb:stylevar notification_count_background};
	color: {vb:stylevar notification_count_text_color};
	border-bottom: {vb:stylevar notification_count_border};
}
.flatpickr-days div.dayContainer span.flatpickr-day.selected,
.flatpickr-days div.dayContainer span.flatpickr-day.selected:hover {
	background: {vb:stylevar button_primary_background};
	border-bottom: {vb:stylevar button_primary_border};
	color: {vb:stylevar button_primary_text_color};
}
.flatpickr-days div.dayContainer span.flatpickr-day:nth-child(n+36),
.flatpickr-days div.dayContainer span.flatpickr-day:nth-child(n+36):hover {
	border-bottom: 0 none;
}

<vb:comment>Time controls</vb:comment>
.flatpickr-calendar.hasTime.showTimeInput div.flatpickr-time {
	border-top: {vb:stylevar form_dropdown_border};
}
.flatpickr-time span.flatpickr-am-pm:hover,
.flatpickr-time span.flatpickr-am-pm:focus {
	background: {vb:stylevar form_dropdown_background_hover};
}
.flatpickr-time .numInputWrapper span.arrowUp::after {
	border-bottom-color: {vb:stylevar body_text_color};
}
.flatpickr-time .numInputWrapper span.arrowDown::after {
	border-top-color: {vb:stylevar body_text_color};
}

<vb:comment>Arrow that points at the input element</vb:comment>
.flatpickr-calendar.arrowTop::before {
	border-bottom-color: {vb:stylevar popup_border.color};
}
.flatpickr-calendar.arrowTop::after {
	border-bottom-color: {vb:stylevar content_background.color};
}

<vb:comment>Default text and input color</vb:comment>
span.flatpickr-weekday,
.flatpickr-months .flatpickr-month,
.flatpickr-day,
.flatpickr-time input,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
	color: {vb:stylevar body_text_color};
}
<vb:comment>Next/previous month arrow color (svg)</vb:comment>
.flatpickr-months {
	fill: {vb:stylevar body_text_color};
}
<vb:comment>Disabled/different month text color</vb:comment>
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
	color: {vb:stylevar text_tertiary_color};
}

<vb:comment>
	***********************
	END stylevar color customization for flatpickr
	***********************
</vb:comment>]]></template>
		<template name="css_flatpickr_min.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:1.4rem;line-height:2.4rem;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:2.8rem;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;line-height:1.6rem;height:2.8rem;padding:10px;z-index:3;}.flatpickr-months .flatpickr-prev-month.disabled,.flatpickr-months .flatpickr-next-month.disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0;/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0;/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9;}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px;}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:6.16px 0 0 0;line-height:1;height:2.8rem;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px;}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:3.9rem;line-height:3.9rem;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange,.flatpickr-day.startRange.startRange + .endRange,.flatpickr-day.endRange.startRange + .endRange{-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.disabled,.flatpickr-day.disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{display:inline-block;float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:2.8rem}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:4rem;max-height:4rem;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;cursor:pointer;color:#393939;font-size: 1.4rem;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;display:inline-block;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400;}.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus{background:#f0f0f0}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}]]></template>
		<template name="css_flatpickr_theme_airbnb.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 1.4rem;
  line-height: 2.4rem;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #eee;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #eee;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #eee;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: #3c3f40;
  fill: #3c3f40;
  height: 2.8rem;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 1.6rem;
  height: 2.8rem;
  padding: 10px;
  z-index: 3;
}
.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #f64747;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(64,72,72,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(64,72,72,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(64,72,72,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(60,63,64,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 2.8rem;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #3c3f40;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #3c3f40;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(60,63,64,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #eee;
          box-shadow: -1px 0 0 #eee;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #404848;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 3.9rem;
  line-height: 3.9rem;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e9e9e9;
  border-color: #e9e9e9;
}
.flatpickr-day.today {
  border-color: #f64747;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #f64747;
  background: #f64747;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #4f99ff;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #4f99ff;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange,
.flatpickr-day.startRange.startRange + .endRange,
.flatpickr-day.endRange.startRange + .endRange {
  -webkit-box-shadow: -10px 0 0 #4f99ff;
          box-shadow: -10px 0 0 #4f99ff;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
          box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(64,72,72,0.3);
  background: transparent;
  border-color: #e9e9e9;
  cursor: default;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(64,72,72,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;
          box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #eee;
          box-shadow: 1px 0 0 #eee;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 2.8rem;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(64,72,72,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 4rem;
  max-height: 4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #404848;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #404848;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #404848;
  font-size: 1.4rem;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #404848;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f3f3f3;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.flatpickr-calendar {
  width: 307.875px;
}
.dayContainer {
  padding: 0;
  border-right: 0;
}
span.flatpickr-day,
span.flatpickr-day.prevMonthDay,
span.flatpickr-day.nextMonthDay {
  border-radius: 0 !important;
  border: 1px solid #e9e9e9;
  max-width: none;
  border-right-color: transparent;
}
span.flatpickr-day:nth-child(n+8),
span.flatpickr-day.prevMonthDay:nth-child(n+8),
span.flatpickr-day.nextMonthDay:nth-child(n+8) {
  border-top-color: transparent;
}
span.flatpickr-day:nth-child(7n-6),
span.flatpickr-day.prevMonthDay:nth-child(7n-6),
span.flatpickr-day.nextMonthDay:nth-child(7n-6) {
  border-left: 0;
}
span.flatpickr-day:nth-child(n+36),
span.flatpickr-day.prevMonthDay:nth-child(n+36),
span.flatpickr-day.nextMonthDay:nth-child(n+36) {
  border-bottom: 0;
}
span.flatpickr-day:nth-child(-n+7),
span.flatpickr-day.prevMonthDay:nth-child(-n+7),
span.flatpickr-day.nextMonthDay:nth-child(-n+7) {
  margin-top: 0;
}
span.flatpickr-day.today:not(.selected),
span.flatpickr-day.prevMonthDay.today:not(.selected),
span.flatpickr-day.nextMonthDay.today:not(.selected) {
  border-color: #e9e9e9;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #f64747;
}
span.flatpickr-day.today:not(.selected):hover,
span.flatpickr-day.prevMonthDay.today:not(.selected):hover,
span.flatpickr-day.nextMonthDay.today:not(.selected):hover {
  border: 1px solid #f64747;
}
span.flatpickr-day.startRange,
span.flatpickr-day.prevMonthDay.startRange,
span.flatpickr-day.nextMonthDay.startRange,
span.flatpickr-day.endRange,
span.flatpickr-day.prevMonthDay.endRange,
span.flatpickr-day.nextMonthDay.endRange {
  border-color: #4f99ff;
}
span.flatpickr-day.today,
span.flatpickr-day.prevMonthDay.today,
span.flatpickr-day.nextMonthDay.today,
span.flatpickr-day.selected,
span.flatpickr-day.prevMonthDay.selected,
span.flatpickr-day.nextMonthDay.selected {
  z-index: 2;
}
.rangeMode .flatpickr-day {
  margin-top: -1px;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.flatpickr-weekwrapper span.flatpickr-day {
  border: 0;
  margin: -1px 0 0 -1px;
}
.hasWeeks .flatpickr-days {
  border-right: 0;
}]]></template>
		<template name="css_fonts.css" templatetype="template" date="1398800941" username="vBulletin" version="5.1.2 Alpha 3" />
		<template name="css_font_alice.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Alice */</vb:comment>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'aliceregular';
		src: url('fonts/alice/alice-regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_arvo.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Arvo */</vb:comment>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'arvoregular';
		src: url('fonts/arvo/arvo-regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_italic) OR !empty($use_all)">
	@font-face {
		font-family: 'arvoitalic';
		src: url('fonts/arvo/arvo-italic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_bold) OR !empty($use_all)">
	@font-face {
		font-family: 'arvobold';
		src: url('fonts/arvo/arvo-bold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_bolditalic) OR !empty($use_all)">
	@font-face {
		font-family: 'arvobolditalic';
		src: url('fonts/arvo/arvo-bolditalic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_capriola.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Capriola */</vb:comment>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'capriolaregular';
		src: url('fonts/capriola/capriola-regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_dosis.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Dosis */</vb:comment>

<vb:if condition="!empty($use_light) OR !empty($use_all)">
	@font-face {
		font-family: 'dosislight';
		src: url('fonts/dosis/dosis-light.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_semibold) OR !empty($use_all)">
	@font-face {
		font-family: 'dosissemibold';
		src: url('fonts/dosis/dosis-semibold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_extralight) OR !empty($use_all)">
	@font-face {
		font-family: 'dosisextralight';
		src: url('fonts/dosis/dosis-extralight.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_bold) OR !empty($use_all)">
	@font-face {
		font-family: 'dosisbold';
		src: url('fonts/dosis/dosis-bold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_medium) OR !empty($use_all)">
	@font-face {
		font-family: 'dosismedium';
		src: url('fonts/dosis/dosis-medium.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'dosisregular';
		src: url('fonts/dosis/dosis-regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_extrabold) OR !empty($use_all)">
	@font-face {
		font-family: 'dosisextrabold';
		src: url('fonts/dosis/dosis-extrabold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_hind.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Hind */</vb:comment>

<vb:if condition="!empty($use_bold) OR !empty($use_all)">
	@font-face {
		font-family: 'hindbold';
		src: url('fonts/hind/hind-bold.woff2') format('woff2'),
			 url('fonts/hind/hind-bold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_light) OR !empty($use_all)">
	@font-face {
		font-family: 'hindlight';
		src: url('fonts/hind/hind-light.woff2') format('woff2'),
			 url('fonts/hind/hind-light.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_medium) OR !empty($use_all)">
	@font-face {
		font-family: 'hindmedium';
		src: url('fonts/hind/hind-medium.woff2') format('woff2'),
			 url('fonts/hind/hind-medium.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'hindregular';
		src: url('fonts/hind/hind-regular.woff2') format('woff2'),
			 url('fonts/hind/hind-regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_semibold) OR !empty($use_all)">
	@font-face {
		font-family: 'hindsemibold';
		src: url('fonts/hind/hind-semibold.woff2') format('woff2'),
			 url('fonts/hind/hind-semibold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_lato.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Lato */</vb:comment>

<vb:if condition="!empty($use_hairline_italic) OR !empty($use_all)">
	@font-face {
		font-family: 'latohairline_italic';
		src: url('fonts/lato/lato-hairlineitalic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_bold) OR !empty($use_all)">
	@font-face {
		font-family: 'latobold';
		src: url('fonts/lato/lato-bold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_black_italic) OR !empty($use_all)">
	@font-face {
		font-family: 'latoblack_italic';
		src: url('fonts/lato/lato-blackitalic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_black) OR !empty($use_all)">
	@font-face {
		font-family: 'latoblack';
		src: url('fonts/lato/lato-black.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_bold_italic) OR !empty($use_all)">
	@font-face {
		font-family: 'latobold_italic';
		src: url('fonts/lato/lato-bolditalic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'latoregular';
		src: url('fonts/lato/lato-regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_italic) OR !empty($use_all)">
	@font-face {
		font-family: 'latoitalic';
		src: url('fonts/lato/lato-italic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_light_italic) OR !empty($use_all)">
	@font-face {
		font-family: 'latolight_italic';
		src: url('fonts/lato/lato-lightitalic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_light) OR !empty($use_all)">
	@font-face {
		font-family: 'latolight';
		src: url('fonts/lato/lato-light.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_hairline) OR !empty($use_all)">
	@font-face {
		font-family: 'latohairline';
		src: url('fonts/lato/lato-hairline.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_nunito.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Nunito */</vb:comment>

<vb:if condition="!empty($use_bold) OR !empty($use_all)">
	@font-face {
		font-family: 'nunitobold';
		src: url('fonts/nunito/nunito-bold.woff2') format('woff2'),
			 url('fonts/nunito/nunito-bold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_light) OR !empty($use_all)">
	@font-face {
		font-family: 'nunitolight';
		src: url('fonts/nunito/nunito-light.woff2') format('woff2'),
			 url('fonts/nunito/nunito-light.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'nunitoregular';
		src: url('fonts/nunito/nunito-regular.woff2') format('woff2'),
			 url('fonts/nunito/nunito-regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_oswald.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Oswald */</vb:comment>

<vb:if condition="!empty($use_bold) OR !empty($use_all)">
	@font-face {
		font-family: 'oswaldbold';
		src: url('fonts/oswald/oswald-bold-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_light) OR !empty($use_all)">
	@font-face {
		font-family: 'oswaldlight';
		src: url('fonts/oswald/oswald-light-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'oswaldregular';
		src: url('fonts/oswald/oswald-regular-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_playfairdisplay.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Playfair Display */</vb:comment>

<vb:if condition="!empty($use_black) OR !empty($use_all)">
	@font-face {
		font-family: 'playfair_displayblack';
		src: url('fonts/playfairdisplay/playfairdisplay-black.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_black_italic) OR !empty($use_all)">
	@font-face {
		font-family: 'playfair_displayblack_italic';
		src: url('fonts/playfairdisplay/playfairdisplay-blackitalic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_bold_italic) OR !empty($use_all)">
	@font-face {
		font-family: 'playfair_displaybold_italic';
		src: url('fonts/playfairdisplay/playfairdisplay-bolditalic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'playfair_displayregular';
		src: url('fonts/playfairdisplay/playfairdisplay-regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_bold) OR !empty($use_all)">
	@font-face {
		font-family: 'playfair_displaybold';
		src: url('fonts/playfairdisplay/playfairdisplay-bold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_italic) OR !empty($use_all)">
	@font-face {
		font-family: 'playfair_displayitalic';
		src: url('fonts/playfairdisplay/playfairdisplay-italic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_raleway.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Raleway */</vb:comment>

<vb:if condition="!empty($use_bold) OR !empty($use_all)">
	@font-face {
		font-family: 'ralewaybold';
		src: url('fonts/raleway/raleway-bold-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_extrabold) OR !empty($use_all)">
	@font-face {
		font-family: 'ralewayextrabold';
		src: url('fonts/raleway/raleway-extrabold-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_extralight) OR !empty($use_all)">
	@font-face {
		font-family: 'ralewayextralight';
		src: url('fonts/raleway/raleway-extralight-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_heavy) OR !empty($use_all)">
	@font-face {
		font-family: 'ralewayheavy';
		src: url('fonts/raleway/raleway-heavy-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_light) OR !empty($use_all)">
	@font-face {
		font-family: 'ralewaylight';
		src: url('fonts/raleway/raleway-light-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_medium) OR !empty($use_all)">
	@font-face {
		font-family: 'ralewaymedium';
		src: url('fonts/raleway/raleway-medium-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'ralewayregular';
		src: url('fonts/raleway/raleway-regular-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_semibold) OR !empty($use_all)">
	@font-face {
		font-family: 'ralewaysemibold';
		src: url('fonts/raleway/raleway-semibold-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_thin) OR !empty($use_all)">
	@font-face {
		font-family: 'ralewaythin';
		src: url('fonts/raleway/raleway-thin-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_robotocondensed.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Roboto Condensed */</vb:comment>

<vb:if condition="!empty($use_bold) OR !empty($use_all)">
	@font-face {
		font-family: 'robotocondensedbold';
		src: url('fonts/robotocondensed/robotocondensed-bold.woff2') format('woff2'),
			 url('fonts/robotocondensed/robotocondensed-bold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_bolditalic) OR !empty($use_all)">
	@font-face {
		font-family: 'robotocondensedbolditalic';
		src: url('fonts/robotocondensed/robotocondensed-bolditalic.woff2') format('woff2'),
			 url('fonts/robotocondensed/robotocondensed-bolditalic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_italic) OR !empty($use_all)">
	@font-face {
		font-family: 'robotocondenseditalic';
		src: url('fonts/robotocondensed/robotocondensed-italic.woff2') format('woff2'),
			 url('fonts/robotocondensed/robotocondensed-italic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_light) OR !empty($use_all)">
	@font-face {
		font-family: 'robotocondensedlight';
		src: url('fonts/robotocondensed/robotocondensed-light.woff2') format('woff2'),
			 url('fonts/robotocondensed/robotocondensed-light.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_lightitalic) OR !empty($use_all)">
	@font-face {
		font-family: 'robotocondensedlightitalic';
		src: url('fonts/robotocondensed/robotocondensed-lightitalic.woff2') format('woff2'),
			 url('fonts/robotocondensed/robotocondensed-lightitalic.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'robotocondensedregular';
		src: url('fonts/robotocondensed/robotocondensed-regular.woff2') format('woff2'),
			 url('fonts/robotocondensed/robotocondensed-regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_robotoslab.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Roboto Slab */</vb:comment>

<vb:if condition="!empty($use_light) OR !empty($use_all)">
	@font-face {
		font-family: 'roboto_slablight';
		src: url('fonts/robotoslab/robotoslab-light.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'roboto_slabregular';
		src: url('fonts/robotoslab/robotoslab-regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_bold) OR !empty($use_all)">
	@font-face {
		font-family: 'roboto_slabbold';
		src: url('fonts/robotoslab/robotoslab-bold.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_thin) OR !empty($use_all)">
	@font-face {
		font-family: 'roboto_slabthin';
		src: url('fonts/robotoslab/robotoslab-thin.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_stintultraexpanded.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[/* Stint Ultra Expanded */

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'stint_ultra_expandedregular';
		src: url('fonts/stintultraexpanded/stintultraexpanded-regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_font_ubuntu.css" templatetype="template" date="1522446178" username="vBulletin" version="5.4.2 Alpha 2"><![CDATA[<vb:comment>/* Ubuntu */</vb:comment>

<vb:if condition="!empty($use_bold) OR !empty($use_all)">
	@font-face {
		font-family: 'ubuntubold';
		src: url('fonts/ubuntu/ubuntu-bold-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_bolditalic) OR !empty($use_all)">
	@font-face {
		font-family: 'ubuntubolditalic';
		src: url('fonts/ubuntu/ubuntu-bolditalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_italic) OR !empty($use_all)">
	@font-face {
		font-family: 'ubuntuitalic';
		src: url('fonts/ubuntu/ubuntu-italic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_light) OR !empty($use_all)">
	@font-face {
		font-family: 'ubuntulight';
		src: url('fonts/ubuntu/ubuntu-light-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_lightitalic) OR !empty($use_all)">
	@font-face {
		font-family: 'ubuntulightitalic';
		src: url('fonts/ubuntu/ubuntu-lightitalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_medium) OR !empty($use_all)">
	@font-face {
		font-family: 'ubuntumedium';
		src: url('fonts/ubuntu/ubuntu-medium-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_mediumitalic) OR !empty($use_all)">
	@font-face {
		font-family: 'ubuntumediumitalic';
		src: url('fonts/ubuntu/ubuntu-mediumitalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>

<vb:if condition="!empty($use_regular) OR !empty($use_all)">
	@font-face {
		font-family: 'ubunturegular';
		src: url('fonts/ubuntu/ubuntu-regular-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
</vb:if>]]></template>
		<template name="css_form.css" templatetype="template" date="1541086850" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[/* CSS used on forms like advanced search, registration, activiation, coppa, etc. */

.form_layout {
	padding: 0 30px;
}
.form-fieldset {
	display: table;
	width: 100%;
}
.form-fieldset .form_row {
	display: table-row;
}
.form-fieldset .form_row .label_column {
	display: table-cell;
	width:5%;
	vertical-align: top;
	padding-{vb:stylevar right}:10px;
	padding-top: 4px;
	white-space: nowrap;
}
.form-fieldset .form_row.form-row-contenttypes .label_column,
.form-fieldset .form_row.form-row-searchoptions .label_column {
	padding-top: 1px;
}
.form-fieldset .form_row .label_column, .form_layout .label {
	font-weight: bold;
	font-size: 1.4rem;
}
.form-fieldset .form_row .info_column {
	display: table-cell;
	width:2%;
	padding-{vb:stylevar left}: 10px;
	white-space: nowrap;
	vertical-align:top;
}
.form-fieldset .form_row .info_column label {
	line-height: 2.6rem;
}
.form-fieldset .form_row .info_column label input {
	margin-{vb:stylevar left}: 0;
	margin-{vb:stylevar right}: 8px;
	margin-top:0;
	margin-bottom:0;
	vertical-align:middle;
}
.form-fieldset .form_row .info_column label input + span {
	vertical-align:middle;
	bottom: -1px;
	position: relative;
}
.form-fieldset .form_row .field_column {
	display: table-cell;
	width: 56%;
	padding: 0 0 20px;
}
.form-fieldset .form_row .field_column input.textbox {
	width:97%;
}
.form-fieldset .form_row.form-row-members .field_column {
	padding-bottom:17px;
}
.form-fieldset .form_row.form-row-tags {
	height: 63px;
}
.form-fieldset .form_row.form-row-tags .field_column {
	padding-top: 3px;
}
.form-fieldset .form_row.form-row-tags .field_column .tag-editor-wrapper {
	position: relative;
}
.form-fieldset .form_row.form-row-tags .field_column .tag-editor-wrapper .tag-list {
	margin-top: 0;
}
.form-fieldset .form_row.form-row-tags .field_column .tag-editor-wrapper .add-tag-link {
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.6rem;
	position: absolute;
	top: 26px;
	{vb:stylevar left}:0;
}
.form-fieldset .form_row.form-row-keywords .field_column a {
	display: block;
	font-size: 1.2rem;
	margin-top: 10px;
	float:{vb:stylevar left};
}
.form-fieldset .form_row.form-row-daterange .field_column .date-to {
	margin-{vb:stylevar left}: 30px;
}
.form-fieldset .form_row.form-row-daterange .field_column .date-lastvisit {
	float:{vb:stylevar left};
	clear:both;
	margin-top:10px;
}
.form-fieldset .form_row.form-row-daterange .field_column .date-lastvisit input {
	margin-{vb:stylevar left}:0;
	margin-{vb:stylevar right}:10px;
	vertical-align: middle;
}
.form-fieldset .form_row.form-row-daterange .field_column .date-lastvisit input + span {
	vertical-align: middle;
	bottom: -1px;
	position: relative;
}
.form-fieldset .form_row.form-row-sortby .field_column {
	line-height: 2.6rem;
}
.form-fieldset .form_row.form-row-sortby .field_column .sort-order {
	margin-{vb:stylevar left}: 30px;
}
.form-fieldset .form_row.form-row-contenttypes .field_column label,
.form-fieldset .form_row.form-row-searchoptions .field_column label {
	float:{vb:stylevar left};
	clear:both;
}
.form-fieldset .form_row.form-row-contenttypes .field_column label input,
.form-fieldset .form_row.form-row-searchoptions .field_column label input {
	margin-{vb:stylevar left}: 0;
	margin-{vb:stylevar right}:10px;
	vertical-align: middle;
}
.form-fieldset .form_row.form-row-contenttypes .field_column label input + span,
.form-fieldset .form_row.form-row-searchoptions .field_column label input + span {
	vertical-align: middle;
	bottom: -1px;
	position: relative;
}
.form-fieldset .form_row.form-row-sources .field_column .load-from-current {
	clear: both;
	display: block;
	padding-top: 10px;
}
.form-fieldset .form_row.form-row-sources .field_column .load-from-current input {
	margin-{vb:stylevar left}:0;
	margin-{vb:stylevar right}:10px;
	vertical-align: middle;
}
.form-fieldset .form_row.form-row-sources .field_column .load-from-current input + span {
	bottom: -1px;
	position: relative;
	vertical-align: middle;
}
.form-fieldset .form_row .field_column .field-desc,
.birth-date-wrapper .field-desc,
.faqSearchFields .field-desc{
	color: {vb:stylevar text_tertiary_color};
	display: block;
	font-size: 1.1rem;
	margin-{vb:stylevar left}: 0 !important;
	margin-top: 10px;
}
.form_layout .field_column .selectBox-inline {
	width:100%;
}
.form_layout .form-row-sources .field_column .selectBox-inline {
	width:100% !important;
}
.form-fieldset .form_row.humanverify_question .label_column,
.form-fieldset .form_row.humanverify_image .label_column {
	padding-top:0;
}

/** START user registration widget */
#frmRegister .birth-date-wrapper {
	margin-bottom:20px;
}
#frmRegister .birth-date-wrapper .birth-date {
	margin-top:10px;
}
#frmRegister .birth-date-wrapper .birth-date .selectBox {
	margin-{vb:stylevar right}:5px;
}
#frmRegister .fb-signup {
	margin: 20px 0;
}
#frmRegister .fb-signup span {
	font-weight:bold;
	font-size: 1.4rem;
	margin-{vb:stylevar right}:10px;
}
#frmRegister .fb-signup span,
#frmRegister .fb-signup img {
	vertical-align:middle;
}
#frmRegister .agree-terms label input {
	margin-{vb:stylevar left}:0;
	margin-{vb:stylevar right}:8px;
	vertical-align:middle;
}
#frmRegister .agree-terms label input + span {
	vertical-align:middle;
}
#frmRegister #regContent {
	padding-top: 10px;
}
.registration-widget .signup-header-text,
.registration-widget .signup-success,
.registration-widget .notice {
	margin-{vb:stylevar left}:30px;
	margin-{vb:stylevar right}:30px;
	margin-bottom:20px;
	margin-top: 5px;
}
.registration-widget .warning.coppa {
	margin-top:0;
}
.registration-widget .fieldset-header {
	margin-bottom: 10px;
	text-transform: uppercase;
}
/** END user registration widget */

/**
	START coppa-form-widget
	Although it doesn't really go together with the form stuff, it doesn't belong in css_global.css.
	Might as well put it here instead. It's small enough that it doesn't really warrant a new http request
	just to grab it.
*/
table.coppa-form td {
	border: 1px solid #000;
	padding: 10px;
}
table.coppa-form td.label {
	font-weight: bold;
	width: 30%;
}
table.coppa-form td.label .smallfont {
	font-weight: normal;
	font-size: 1.2rem;
}
table.coppa-form td.title {
	font-weight: bold;
	font-size: 1.5rem;
}
table.coppa-form tr.signature td {
	padding-top: 30px;
	padding-bottom: 30px;
}
/** END coppa-form-widget */]]></template>
		<template name="css_fullcalendar.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[/*!
 * FullCalendar v3.1.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2016 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
}

.fc-rtl {
	text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
	font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content, /* for gutter border */
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
	border-color: #ddd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
	background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed td.fc-today {
	background: {vb:stylevar content_background};
}

.fc-highlight { /* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
}

.fc-bgevent { /* default look for background events */
	background: rgb(143, 223, 130);
	opacity: .3;
}

.fc-nonbusiness { /* default look for non-business-hours areas */
	/* will inherit .fc-bgevent's styles */
	background: #d7d7d7;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;

	/* don't allow browser text-selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

.fc-icon:after {
	position: relative;
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-left-triangle:after {
	content: "\25C4";
	font-size: 125%;
	top: 3%;
}

.fc-icon-right-triangle:after {
	content: "\25BA";
	font-size: 125%;
	top: 3%;
}

.fc-icon-down-triangle:after {
	content: "\25BC";
	font-size: 125%;
	top: 2%;
}

.fc-icon-x:after {
	content: "\000D7";
	font-size: 200%;
	top: 6%;
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;

	/* text & cursor */
	font-size: 1em; /* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
	
.fc-state-default { /* non-theme */
	border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
	position: relative;
	top: -0.05em; /* seems to be a good adjustment across browsers */
	margin: 0 .2em;
	vertical-align: middle;
}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
	float: left;
	margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
	margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: .9em;
	margin-top: 2px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
	border-style: solid;
	border-width: 1px;
}

hr.fc-divider {
	height: 0;
	margin: 0;
	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
	border-width: 1px 0;
}

.fc-clear {
	clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-bg {
	bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
	height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	box-sizing: border-box; /* fix scrollbar issue in firefox */
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

.fc th {
	text-align: center;
}

.fc th,
.fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double; /* overcome neighboring borders */
}


/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/

a[data-goto] {
	cursor: pointer;
}

a[data-goto]:hover {
	text-decoration: underline;
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}

.fc-row table {
	/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;

	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent; 
}

.fc-row:first-child table {
	border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
}

.fc-row .fc-bg {
	z-index: 1;
}

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
	bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
	height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
	border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
	z-index: 2;

}

.fc-row .fc-highlight-skeleton {
	z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
	z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	background: none; /* in case <td>s are globally styled */
	border-color: transparent;

	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller {
	-webkit-overflow-scrolling: touch;
}

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
	position: relative; /* re-scope all positions */
	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #3a87ad; /* default BORDER color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
}

.fc-event,
.fc-event-dot {
	background-color: #3a87ad; /* default BACKGROUND color */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
	color: #fff; /* default TEXT color */
	text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
	cursor: not-allowed;
}

.fc-event .fc-bg { /* the generic .fc-bg already does position */
	z-index: 1;
	background: #fff;
	opacity: .25;
}

.fc-event .fc-content {
	position: relative;
	z-index: 2;
}

/* resizer (cursor AND touch devices) */

.fc-event .fc-resizer {
	position: absolute;
	z-index: 4;
}

/* resizer (touch devices) */

.fc-event .fc-resizer {
	display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
	/* only show when hovering or selected (with touch) */
	display: block;
}

/* hit area */

.fc-event.fc-selected .fc-resizer:before {
	/* 40x40 touch area */
	content: "";
	position: absolute;
	z-index: 9999; /* user of this util can scope within a lower z-index */
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
}


/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/

.fc-event.fc-selected {
	z-index: 9999 !important; /* overcomes inline z-index */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected.fc-dragging {
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}


/* Horizontal Events
--------------------------------------------------------------------------------------------------*/

/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
	content: "";
	position: absolute;
	z-index: 3; /* below resizers */
	top: -10px;
	bottom: -10px;
	left: 0;
	right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px; /* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px; /* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
	cursor: w-resize;
	left: -1px; /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
	cursor: e-resize;
	right: -1px; /* overcome border */
}

/* resizer (mouse devices) */

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
	width: 7px;
	top: -1px; /* overcome top border */
	bottom: -1px; /* overcome bottom border */
}

/* resizer (touch devices) */

.fc-h-event.fc-selected .fc-resizer {
	/* 8x8 little dot */
	border-radius: 4px;
	border-width: 1px;
	width: 6px;
	height: 6px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	/* vertically center */
	top: 50%;
	margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
	margin-left: -4px; /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
	margin-right: -4px; /* centers the 8x8 dot on the right edge */
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
	margin: 1px 2px 0; /* spacing between events and edges */
	padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
	margin-top: 2px; /* a little bit more space before the first event */
}

.fc-day-grid-event.fc-selected:after {
	content: "";
	position: absolute;
	z-index: 1; /* same z-index as fc-bg, behind text */
	/* overcome the borders */
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	/* darkening effect */
	background: #000;
	opacity: .25;
}

.fc-day-grid-event .fc-content { /* force events to be one-line tall */
	white-space: nowrap;
	overflow: hidden;
}

.fc-day-grid-event .fc-time {
	font-weight: bold;
}

/* resizer (cursor devices) */

/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
	margin-left: -2px; /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
	margin-right: -2px; /* to the day cell's edge */
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index: 2;
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-now-indicator {
	position: absolute;
	border: 0 solid red;
}


/* Utilities
--------------------------------------------------------------------------------------------------*/

.fc-unselectable {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
}

.fc-toolbar.fc-header-toolbar {
	margin-bottom: 1em;
}

.fc-toolbar.fc-footer-toolbar {
	margin-top: 1em;
}

.fc-toolbar .fc-left {
	float: left;
}

.fc-toolbar .fc-right {
	float: right;
}

.fc-toolbar .fc-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.fc-toolbar h2 {
	margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
	
.fc-toolbar .fc-state-down {
	z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}

.fc-toolbar button:focus {
	z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}



/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* there may be week numbers in these views, so no padding-top */
	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
	min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */

.fc-day-top.fc-other-month {
	opacity: 0.3;
}

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 2px;
}

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
	padding: 0 2px; /* column headers can't have as much v space */
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: right; }
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number { float: left; }

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number { float: left; border-radius: 0 0 3px 0; }
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number { float: right; border-radius: 0 0 0 3px; }

.fc-basic-view .fc-day-top .fc-week-number {
	min-width: 1.5em;
	text-align: center;
	background-color: #f2f2f2;
	color: #808080;
}

/* when week/day number have own column */

.fc-basic-view td.fc-week-number {
	text-align: center;
}

.fc-basic-view td.fc-week-number > * {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}


/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}

.fc-ltr .fc-axis {
	text-align: right;
}

.fc-rtl .fc-axis {
	text-align: left;
}

.ui-widget td.fc-axis {
	font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}

.fc-time-grid {
	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
	z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-content-col {
	position: relative; /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
}

/* divs within a cell within the fc-content-skeleton */

.fc-time-grid .fc-business-container {
	position: relative;
	z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-highlight-container {
	position: relative;
	z-index: 3;
}

.fc-time-grid .fc-event-container {
	position: relative;
	z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
	z-index: 5;
}

.fc-time-grid .fc-helper-container { /* also is fc-event-container */
	position: relative;
	z-index: 6;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td {
	height: 1.5em;
	border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
	border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
	background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
	/* background events always span full width */
	left: 0;
	right: 0;
}


/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start { /* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;

	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;

	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event {
	overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event.fc-selected {
	/* need to allow touch resizers to extend outside event's bounding box */
	/* common fc-selected styles hide the fc-bg, so don't need this anyway */
	overflow: visible;
}

.fc-time-grid-event.fc-selected .fc-bg {
	display: none; /* hide semi-white background, to appear darker */
}

.fc-time-grid-event .fc-content {
	overflow: hidden; /* for when .fc-selected */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
	padding: 0; /* undo padding from above */
}

/* resizer (cursor device) */

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 0.8rem;
	overflow: hidden;
	line-height: 0.8rem;
	font-size: 1.1rem;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
	content: "=";
}

/* resizer (touch device) */

.fc-time-grid-event.fc-selected .fc-resizer {
	/* 10x10 dot */
	border-radius: 5px;
	border-width: 1px;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	/* horizontally center */
	left: 50%;
	margin-left: -5px;
	/* center on the bottom edge */
	bottom: -5px;
}


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-now-indicator-line {
	border-top-width: 1px;
	left: 0;
	right: 0;
}

/* arrow on axis */

.fc-time-grid .fc-now-indicator-arrow {
	margin-top: -5px; /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
	left: 0;
	/* triangle pointing right... */
	border-width: 5px 0 5px 6px;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
	right: 0;
	/* triangle pointing left... */
	border-width: 5px 6px 5px 0;
	border-top-color: transparent;
	border-bottom-color: transparent;
}



/* List View
--------------------------------------------------------------------------------------------------*/

/* possibly reusable */

.fc-event-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
}

/* view wrapper */

.fc-rtl .fc-list-view {
	direction: rtl; /* unlike core views, leverage browser RTL */
}

.fc-list-view {
	border-width: 1px;
	border-style: solid;
}

/* table resets */

.fc .fc-list-table {
	table-layout: auto; /* for shrinkwrapping cell content */
}

.fc-list-table td {
	border-width: 1px 0 0;
	padding: 8px 14px;
}

.fc-list-table tr:first-child td {
	border-top-width: 0;
}

/* day headings with the list */

.fc-list-heading {
	border-bottom-width: 1px;
}

.fc-list-heading td {
	font-weight: bold;
}

.fc-ltr .fc-list-heading-main { float: left; }
.fc-ltr .fc-list-heading-alt { float: right; }

.fc-rtl .fc-list-heading-main { float: right; }
.fc-rtl .fc-list-heading-alt { float: left; }

/* event list items */

.fc-list-item.fc-has-url {
	cursor: pointer; /* whole row will be clickable */
}

.fc-list-item:hover td {
	background-color: #f5f5f5;
}

.fc-list-item-marker,
.fc-list-item-time {
	white-space: nowrap;
	width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker { padding-right: 0; }
.fc-rtl .fc-list-item-marker { padding-left: 0; }

.fc-list-item-title a {
	/* every event title cell has an <a> tag */
	text-decoration: none;
	color: inherit;
}

.fc-list-item-title a[href]:hover {
	/* hover effect only on titles with hrefs */
	text-decoration: underline;
}

/* message when no events */

.fc-list-empty-wrap2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.fc-list-empty-wrap1 {
	width: 100%;
	height: 100%;
	display: table;
}

.fc-list-empty {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.fc-unthemed .fc-list-empty { /* theme will provide own background */
	background-color: #eee;
}

/* vB Overrides */
<vb:comment>
	override css_reset p,fieldset,table rule 
</vb:comment>
.fc-head-container table {
	margin: 0;
}

<vb:comment> disable built-in (added via js) scrolling </vb:comment>
.fc-scroller {
   overflow-y: hidden !important;
}



<vb:comment> override fullcalendar's own override of link styling. The "more" links only. The regular links are handled below (.fc-event) </vb:comment>
a.fc-more {
	color: {vb:stylevar calendar_more_link_color};
	text-decoration: {vb:stylevar calendar_more_link_decoration};
},
a.fc-more:hover {
	color: {vb:stylevar calendar_more_link_color_hover};
	text-decoration: {vb:stylevar calendar_more_link_decoration_hover};
}

<vb:comment> override fullcalendar's default border-color </vb:comment>
.fc-event {
	border: {vb:stylevar calendar_event_border};
}
<vb:comment> override fullcalendar's default background-color for event "bubbles". This can also be set via JS @ fullcalendar init. </vb:comment>
.fc-event,
.fc-event-dot {
	background: {vb:stylevar calendar_event_background};
}
<vb:comment> 
 override fullcalendar's <a> style overwrites with our own ui-widget-content a rules 
 .widget-tabs.ui-tabs .ui-widget-content a.fc-event to override our own 
	.widget-tabs.ui-tabs .ui-widget-content a rules.
</vb:comment>
.fc-event,
.ui-widget .fc-event,
a.fc-event,
.widget-tabs.ui-tabs .ui-widget-content a.fc-event {
	color: {vb:stylevar calendar_event_text_color};
	text-decoration: {vb:stylevar calendar_event_text_decoration};
}
<vb:comment> 
 .fc-event--simulate-hover is added via JS (module-calendar.js) when the user hovers
one of the discrete links of a multi-day event that spans multiple rows on the calendar.
</vb:comment>
.fc-event:hover,
.fc-event--simulate-hover {
	background: {vb:stylevar calendar_event_background_hover};
	color: {vb:stylevar calendar_event_text_color_hover};
	text-decoration: {vb:stylevar calendar_event_text_decoration_hover};
}
<vb:comment>Calendar prev/next and today buttons</vb:comment>
.fc-button.fc-state-default {
	background-color: {vb:stylevar button_secondary_background.color};
	color: {vb:stylevar button_secondary_text_color};
}
.fc-button.fc-state-default.fc-state-disabled {
	background-color: {vb:stylevar button_disabled_background.color};
	color: {vb:stylevar button_disabled_text_color};
}]]></template>
		<template name="css_global.css" templatetype="template" date="1553911419" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:comment>/* 
	Viewport rules to compliment the meta viewport tag (keep them in sync)
	These need to come before any media queries
*/</vb:comment>
<vb:comment>/* IE11 and Edge */</vb:comment>
@-ms-viewport {
	width: device-width;
	zoom: 1;
}
<vb:comment>/* Opera Mini */</vb:comment>
@-o-viewport {
	width: device-width;
	zoom: 1;
}
<vb:comment>/* Not supported by default, but can be enabled in Chrome */</vb:comment>
@-webkit-viewport {
	width: device-width;
	zoom: 1;
}
<vb:comment>/* Not yet supported by Firefox, but we can hope */</vb:comment>
@-moz-viewport {
	width: device-width;
	zoom: 1;
}
@viewport {
	width: device-width;
	zoom: 1;
}

html {
	<vb:comment>
		The above @-ms-viewport rule triggers IE11's autohiding scrollbars,
		which appear when you mouse over the page or scroll it. The issue is that
		the scrollbars obscure content and make any links/buttons near the right edge
		difficult or impossible to click. This rule ensures we always display
		"traditional" scrollbars that take up space from the viewport, but that don't
		obscure any content. See VBV-16177. This is a workaround for the fact that
		the viewport rule causes the autohiding scrollbars to be used.
	</vb:comment>
	-ms-overflow-style: scrollbar;

	font-size: {vb:stylevar root_font_size};
}

<vb:comment> iPhone X only - See viewport-fit=cover and VBV-17953 </vb:comment>
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	body {
		<vb:comment>iOS 11.0</vb:comment>
		padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
		<vb:comment>iOS 11.2+</vb:comment>
		padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
	}
}

<vb:comment>/* NOTE: Some common CSS rules were taken out of css_global.css template and moved to css_reset.css, css_unreset.css and css_utilities.css */</vb:comment>
.warning .text {
	padding:5px;
}
.ellipsis br,
.ellipsis hr {
	display:none;
}
.ellipsis.multiline {
	white-space: normal;
}
.ellipsis .bbcode_container {
	display:none;
}
.ellipsis .bbcode_container:first-child {
	display:inline;
	float:{vb:stylevar left};
	width:100%;
}
.ellipsis .bbcode_container:first-child,
.ellipsis .bbcode_container > .bbcode_quote > .quote_container {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ellipsis .bbcode_container > .bbcode_description,
.ellipsis .bbcode_container > .bbcode_code,
.ellipsis .bbcode_container > .bbcode_quote > .quote_container > .bbcode_postedby,
.ellipsis .bbcode_container > .bbcode_quote > .quote_container > .message {
	display:inline;
	white-space:nowrap;
}
.ellipsis .bbcode_container > .bbcode_quote > .quote_container > .message {
	margin-{vb:stylevar left}:8px;
}
.ellipsis .bbcode_container > .bbcode_quote {
	margin-bottom:0;
}
<vb:comment>text_table_ is added by the table bbcode</vb:comment>
.ellipsis.restore li,
.ellipsis.restore * + ul,
.ellipsis.restore * + ol,
.ellipsis.restore .text_table_ {
	display:none;
}
.ellipsis.restore > .text_table_ {
	display:block;
}
<vb:comment> <div align="xxxx"> may be produced by ckeditor or by copy-pasted rich text</vb:comment>
.ellipsis.restore div[align] {
	display: inline-block;
}
.ellipsis.restore ol > li:first-child,
.ellipsis.restore ul > li:first-child {
	display:list-item;
}
.ellipsis.restore ol,
.ellipsis.restore ul,
.ellipsis.restore table {
	margin-bottom: 0;
	margin-top: 0;
}
.see-more {
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
}
.scrolltofixed {
	{vb:stylevar left}:0;
	{vb:stylevar right}:auto;
	width:100%;
	position:fixed !important;
	z-index:100 !important;
}
.scrolltofixed.scrolltofixed-top {
	top:0;
}
.scrolltofixed.scrolltofixed-bottom {
	bottom:0;
}
#vb-page-body .body-text {
	font-size: 1.3rem;
}

<vb:comment>
/**************************************************************************
 * Canvas Layout and Widgets
 **************************************************************************/
</vb:comment>
.canvas-layout-container .canvas-widget {
	border: {vb:stylevar module_content_border};
	background: {vb:stylevar module_content_background};
	padding:15px;
	margin:0 0 16px 0;
	float:{vb:stylevar left};
	width:100%;
	position:relative;
	min-height:24px;
	height:auto;
	box-sizing:border-box;
	border-radius: {vb:stylevar module_border_radius_size};
}
<vb:comment>
	tabbed container's subwidget, remove margin from bottom for the last subwidget.
</vb:comment>
.canvas-layout-container .widget-tabs-panel .canvas-widget:last-child {
	margin-bottom: 0px;
}
<vb:comment>
	On tabbed containers' subwidgets, remove border radius from top corners, since there
	are tabs there and the radius causes a gap. See VBV-18375
	Remove the left/right/bottom borders, since we already have the outer widget's border and a double border looks bad.
	The top border is kept as a delineation between the tabs and the inner module. See VBV-19025
</vb:comment>
.canvas-layout-container .widget-tabs-panel .canvas-widget {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
}


.conversation-content-widget,
.channel-content-widget {
	background: {vb:stylevar primary_module_background};
}

<vb:comment>
/********************************************************************
 * Widget Header
 ********************************************************************/
</vb:comment>
.canvas-layout-container .widget-header {
	height:auto;
	min-height: 2.8rem;
	line-height: 2.2rem;
	margin:-15px;
	margin-bottom:0;
	position:relative;
	background:{vb:stylevar module_header_background};
	<vb:comment>Set header corner radius to match the whole module, otherwise 
	the header background here will "stick out" and cover up the the curved
	corner of the module radius. Needs to apply to all four corners for when
	the module is collapsed.</vb:comment>
	border-radius: {vb:stylevar module_border_radius_size};
}
.widget-header-divider {
	border: none;
	border-width: 0;
	border-top: {vb:stylevar module_header_border};
	margin: {vb:stylevar module_header_divider_margin};
}
.l-small .widget-header-divider {
	<vb:comment>Remove the divider and use the border on .widget-header
	for responsive</vb:comment>
	display: none;
}
.canvas-widget.collapsed .widget-header-divider {
	<vb:comment>Remove the divider when widgets are collapsed</vb:comment>
	display: none;
}

<vb:comment>
/***************************************************************************
 * View Mode: What is it?
 *
 * Per Glenn, the .view-mode class is used to prevent rules on generic widget
 * items from being applied when in .edit-mode. So the rules below applied in
 * .view-mode will only have an effect on the widget  in its normal state, and
 * will not cascade to both states.
 ***************************************************************************/

</vb:comment>
.view-mode .widget-no-border > .widget-header {
	background: {vb:stylevar primary_module_header_background};
	color: {vb:stylevar primary_module_header_text_color};
	border: 0;
	margin: 0;
	min-height: 0;
}

.view-mode .widget-no-border > .widget-content {
	padding:0;
}

.view-mode .widget-no-header > .widget-header {
	display: none;
}
.view-mode .widget-no-border {
	width:100% !important;
	border: 0px none;
	border-radius: 0;
	padding: 0;
	margin-top: 0;
	margin-{vb:stylevar right}: 0;
	margin-{vb:stylevar left}: 0;
	background: {vb:stylevar primary_module_background};
}

.collapsed .widget-header {
	/*border-bottom: 0;*/
	margin-top: -11px;
}


<vb:comment>
/****************************************************************
 * Widget Content
 ****************************************************************/
</vb:comment>

.widget-content {
	float:{vb:stylevar left};
	margin:0;
	padding:0;
	width:100%;
}


<vb:comment>
/***************************************************************************
 * Header Search
 **************************************************************************/
</vb:comment>

<vb:comment>Contains the search term container & the search button</vb:comment>
.search-box {
	min-width: 21rem;
}
<vb:comment>Contains the search term input & the menu container</vb:comment>
.search-box .search-term-container {
	position: relative;
	display: block;
	float: {vb:stylevar left};
}
.search-box .search-term {
	width: 16rem;
	color: {vb:stylevar header_search_input_text_color};
	background: {vb:stylevar header_search_input_background};
	border: {vb:stylevar header_search_input_border};
	border-{vb:stylevar right}: 0;
	border-top-{vb:stylevar right}-radius: 0;
	border-bottom-{vb:stylevar right}-radius: 0;
	padding-{vb:stylevar right}: 30px;
	vertical-align: top;
}
.search-box .search-term::placeholder {
	color: {vb:stylevar header_search_placeholder_text_color} !important;
	opacity: 1;
}
<vb:comment>Contains the vertical divider & menu</vb:comment>
.search-box .search-menu-container {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	{vb:stylevar right}: 0;
	bottom: 0;
	<vb:comment>Height matches b-form-input__input</vb:comment>
	line-height: 1.4;
}
.search-box .search-btn {
	background: {vb:stylevar button_secondary_background};
	border: {vb:stylevar header_search_input_border};
	border-radius: 3px;
	border-top-{vb:stylevar left}-radius: 0;
	border-bottom-{vb:stylevar left}-radius: 0;
	width: 28px;
	<vb:comment>Matches b-form-input__input height & padding</vb:comment>
	font: inherit;
	line-height: 1.4;
	padding: 3px;
	box-sizing: content-box;
	float: {vb:stylevar left};
	vertical-align: top;
}
.search-box .search-btn .b-icon {
	margin: -3px auto 0 auto;
	vertical-align: middle;
}
.search-box .vertical-divider-left {
	border: 0;
	border-{vb:stylevar right}: 1px solid #BDBDBD;
	display: block;
	height: 100%;
}
.search-container .searchPopupBody label {
	display: block;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.search-container .searchPopupBody label input {
	vertical-align: middle;
	margin-bottom: 4px;
	margin-{vb:stylevar right}: 5px;
	margin-{vb:stylevar left}: 0;
	margin-top: 3px;
}
<vb:comment> chrome hack for 1 pixel search box/button fix </vb:comment>
<vb:comment>
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	#q {
		height: 1.8rem !important;
	}
}*/
</vb:comment>


<vb:comment>
/***************************************************************************
 * Search results page
 **************************************************************************/
</vb:comment>

.searchFields_keywords_container {
	display: flex;
	align-items: center;
}
.searchFields_keywords {
	width: 15rem;
	<vb:comment>Room to show the search icon/button inside the input</vb:comment>
	padding-{vb:stylevar right}: 28px;
}
.searchFields_keywords + .search-btn {
	background: transparent;
	border: 0;
	margin: 0;
	margin-{vb:stylevar left}: -30px;
	cursor: pointer;
	z-index: 1;
}
.search-controls-keywords .searchPopupBody > label,
.search-controls-members .searchPopupBody > label {
	margin-top: 5px;
}
.search-controls .search-control-popup {
	margin-{vb:stylevar left}:15px;
	position: relative;
	color: #555555;
	display:inline;
}
.search-controls .search-control-popup:first-child {
	margin-{vb:stylevar left}:0px;
}




#wrapper {
	<vb:comment>Placeholder</vb:comment>
}
#header {
	background: {vb:stylevar header_background};
	color: {vb:stylevar header_text_color};
	width: {vb:stylevar wrapper_width};
	min-width: {vb:stylevar wrapper_min_width};
	max-width: {vb:stylevar wrapper_max_width};
	margin: auto;
	height: {vb:stylevar header_height};
	display: table;
	clear: both;
	table-layout: fixed;
}
#header .header-cell {
	display:table-cell;
	vertical-align:middle;
	min-width:350px;
	<vb:comment>It doesn't seem like the width should be necesary here, but it solves problems in both FF and IE </vb:comment>
	width:100%;
}
#header .site-logo {
	padding: {vb:stylevar titleimage_padding};
	background:transparent;
	position:relative;
	text-align:{vb:stylevar left};
}
#header .site-logo img {
	height:auto;
	width:auto;
}
#header .toolbar {
	display: table-cell;
	vertical-align: middle;
	width: 252px;
	padding-{vb:stylevar right}:10px;
}
#header .toolbar > ul li {
	margin-{vb:stylevar left}:10px;
	line-height: 2.7rem;
	height: 2.7rem;
	float:{vb:stylevar left};
}
#header .toolbar > ul li a {
	font-weight:bold;
}

<vb:comment>/* Notifications Count */</vb:comment>
.notifications-count {
	display:inline-block;
	background: {vb:stylevar notification_count_background};
	color: {vb:stylevar notification_count_text_color};
	font: bold 0.9rem/1.7rem Arial,sans-serif;
	min-width: 1rem;
	height: 1.7rem;
	margin-{vb:stylevar left}: 6px;
	text-align: center;
	padding: 0 4px;
	position:relative;
	border: {vb:stylevar notification_count_border};
	border-radius: 3px;
}
.edit-switch-container {
	line-height: 2.7rem;
	margin-{vb:stylevar left}: 5px;
}

#channel-tabbar {
	background: {vb:stylevar header_tabbar_background};
	width: {vb:stylevar wrapper_width};
	min-width: {vb:stylevar wrapper_min_width};
	max-width: {vb:stylevar wrapper_max_width};
	margin: auto;
	border-bottom: {vb:stylevar header_tabbar_border};
	border-top: {vb:stylevar header_tabbar_top_border};
	height: {vb:stylevar header_tabbar_height};
}

.channel-tabbar-divider {
	border-{vb:stylevar left}: {vb:stylevar header_tabbar_divider_border};
}

#channel-tabbar .channel-tabbar-list li {
	float: {vb:stylevar left};
}
#channel-tabbar .channel-tabbar-list li a {
	background: {vb:stylevar header_tab_background};
	display: block;
	padding: {vb:stylevar header_tab_padding};
	margin: {vb:stylevar header_tab_margin};
	font: {vb:stylevar header_tab_font};
	text-transform: {vb:stylevar header_tab_text_transform};
	line-height: {vb:stylevar header_tab_line_height};
	color: {vb:stylevar header_tab_text_color};
	height: {vb:stylevar header_tab_height};
	<vb:comment>Two different stylevars header_tab_border_radius_size and
		header_tab_bottom_border_radius_size</vb:comment>
	border-radius: {vb:stylevar header_tab_border_radius_size} {vb:stylevar header_tab_border_radius_size} {vb:stylevar header_tab_bottom_border_radius_size} {vb:stylevar header_tab_bottom_border_radius_size};
	text-decoration: {vb:stylevar header_tab_text_decoration};
}
#channel-tabbar .channel-tabbar-list li a:hover {
	background: {vb:stylevar header_tab_background_hover};
	color: {vb:stylevar header_tab_text_color_hover};
	text-decoration: {vb:stylevar header_tab_text_decoration_hover};
}
#channel-tabbar .channel-tabbar-list li.current a,
#channel-tabbar .channel-tabbar-list li.current a:hover,
.edit-mode #channel-tabbar .channel-tabbar-list li.current a:hover {
	background: {vb:stylevar header_tab_background_active};
	color: {vb:stylevar header_tab_text_color_active};
	border-top: {vb:stylevar header_tab_border_active};
	border-bottom: {vb:stylevar header_tab_bottom_border_active};
	border-width: {vb:stylevar header_tab_border_active.width, withUnits} 0 {vb:stylevar header_tab_bottom_border_active.width, withUnits} 0;
	font: {vb:stylevar header_tab_font_active};
	line-height: {vb:stylevar header_tab_line_height};
	text-decoration: {vb:stylevar header_tab_text_decoration_active};
}
#channel-tabbar .channel-tabbar-list li.current a:hover {
	text-decoration: {vb:stylevar header_tab_text_decoration_hover};
}
#channel-tabbar #tabbar-extra li {
	background: transparent;
}
#channel-tabbar #tabbar-extra li a {
	background: #CADAA9;
	color: #688037;
	border: 2px solid #688037;
	line-height: 2rem;
	font-size: 1.3rem;
	padding: 0 10px;
	margin: 7px 0 0;
	margin-{vb:stylevar left}: 10px;
	border-radius: 11px;
}
#channel-subtabbar {
	background: {vb:stylevar header_subtabbar_background};
	width: {vb:stylevar wrapper_width};
	min-width: {vb:stylevar wrapper_min_width};
	max-width: {vb:stylevar wrapper_max_width};
	margin: auto;
	border-bottom: {vb:stylevar header_subtabbar_border};
	height: {vb:stylevar header_subtabbar_height};
}
#channel-subtabbar .channel-subtabbar-list li {
	background: transparent;
	float: {vb:stylevar left};
	height: {vb:stylevar header_subtabbar_height};
	line-height: {vb:stylevar header_subtabbar_height};
	margin: {vb:stylevar header_subtabbar_link_margin};
}
#channel-subtabbar .channel-subtabbar-list li a {
	display: block;
	font: {vb:stylevar header_subtabbar_font};
	text-transform: {vb:stylevar header_subtabbar_text_transform};
	line-height: {vb:stylevar header_subtabbar_height};
	color: {vb:stylevar header_subtabbar_text_color};
	text-decoration: {vb:stylevar header_subtabbar_text_decoration};
}
#channel-subtabbar .channel-subtabbar-list li a:hover {
	color: {vb:stylevar header_subtabbar_text_color_hover};
	text-decoration: {vb:stylevar header_subtabbar_text_decoration_hover};
}
#footer {
	background: {vb:stylevar content_background};
	width: {vb:stylevar wrapper_width};
	min-width: {vb:stylevar wrapper_min_width};
	max-width: {vb:stylevar wrapper_max_width};
	margin: auto;
}
#footer-tabbar {
	background:{vb:stylevar footer_background};
	color: {vb:stylevar footer_list_item_color};
	border-top: {vb:stylevar footer_border};
	height: {vb:stylevar footer_height};
}
.l-xsmall #footer-tabbar {
	height: auto;
}
#footer-tabbar > ul > li {
	float: {vb:stylevar left};
	height: {vb:stylevar footer_height};
	line-height: {vb:stylevar footer_height};
}
.l-xsmall #footer-tabbar > ul > li {
	float: none;
	height: auto;
	line-height: normal;
	margin-top: 10px;
}
.l-xsmall #footer-tabbar > ul > li:last-child {
	margin-bottom: 10px;
}
#footer-tabbar ul.nav-list li a {
	font:{vb:stylevar footer_font_style};
	color: {vb:stylevar footer_list_item_color};
	margin-{vb:stylevar left}: {vb:stylevar footer_list_item_spacing};
	padding-{vb:stylevar left}: {vb:stylevar footer_list_item_spacing};
	border-{vb:stylevar left}: 1px solid {vb:stylevar footer_list_item_divider_color};
	text-decoration: {vb:stylevar footer_list_item_text_decoration};
	text-transform: {vb:stylevar footer_text_transform};
}
#footer-tabbar ul.nav-list li:first-child a {
	border-{vb:stylevar left}: 0;
	margin-{vb:stylevar left}: 0;
}
#footer-tabbar ul.nav-list li a:hover,
#footer-tabbar ul.nav-list li a:active {
	text-decoration: {vb:stylevar footer_list_item_text_decoration_hover};
	color: {vb:stylevar footer_list_item_color_hover};
}
#footer-copyright{
	width: {vb:stylevar wrapper_width};
	min-width: {vb:stylevar wrapper_min_width};
	max-width: {vb:stylevar wrapper_max_width};
	margin: auto;
	text-align: {vb:stylevar right};
	margin-top: 12px;
	color: {vb:stylevar footer_copyright_text_color};
	font: {vb:stylevar footer_font_style};
}
#footer-vb-copyright,
#footer-user-copyright {
	padding-{vb:stylevar right}:10px;
}
#footer-current-datetime {
	padding-{vb:stylevar right}:10px;
}
#content {
	padding: 10px 20px 0;
	background: {vb:stylevar content_background};
	width: {vb:stylevar wrapper_width};
	min-width: {vb:stylevar wrapper_min_width};
	max-width: {vb:stylevar wrapper_max_width};
	margin: auto;
	<vb:comment>Border-box needed since this element has padding</vb:comment>
	box-sizing: border-box;
}
#content.bare {
	padding: 0;
	margin: 0;
	min-width: 0;
	max-width: none;
}
#breadcrumbs + #content,
#breadcrumbs + .notices.h-hide + #content {
	padding-top:0;
}
#breadcrumbs + .notices + #content .forum-off {
	margin-top:-10px;
}
#breadcrumbs + .notices.h-hide + #content .forum-off {
	margin-top:10px;
}
.canvas-widget .widget-content .error {
	margin-bottom: 20px;
}
<vb:comment>/* AD CSS START*/</vb:comment>
.header-edit-box {
	background: transparent;
	text-align:center;
}
#header-axd {
	height:auto;
	position:relative;
	width: {vb:stylevar wrapper_width};
	min-width: {vb:stylevar wrapper_min_width};
	max-width: {vb:stylevar wrapper_max_width};
	margin: auto;
}
#header-axd.axdnum_1 .axd-container_header2 {
	display: none;
}
#header-axd.axdnum_2 .axd-container {
	width: 50%;
	float: {vb:stylevar left};
	box-sizing: border-box;
}
#header-axd.axdnum_2 .axd-container_header2 {
	display: block;
}
.axd_first-post, .axd_last-post {
	<vb:comment>/* keep .bbcode_container synced with this so ads aren't obscured VBV-11912 */</vb:comment>
	float: {vb:stylevar right};
}

.view-mode .axd-widget {
	border: none;
	padding: 0;
	background: transparent;
}
.view-mode .axd-widget .widget-content {
	text-align: center;
}

.view-mode .axd-widget .widget-content > .axd-inner_centered {
	display: inline-block;
	text-align: {vb:stylevar left};
}
/* AD CSS End */


<vb:comment>

/****************************************************************************
 * Breadcrumbs
 ***************************************************************************/

</vb:comment>

#breadcrumbs {
	padding: 12px 20px 20px;
	font: {vb:stylevar breadcrumb_font};
	text-transform: {vb:stylevar breadcrumb_text_transform};
	background: {vb:stylevar breadcrumb_background};
	width: {vb:stylevar wrapper_width};
	min-width: {vb:stylevar wrapper_min_width};
	max-width: {vb:stylevar wrapper_max_width};
	margin: auto;
	<vb:comment>Border-box needed since this element has padding</vb:comment>
	box-sizing: border-box;
	<vb:comment>Vertically align the breadcrumb arrow/separator</vb:comment>
	display: flex;
	align-items: center;
}
#breadcrumbs .crumb {
	float: {vb:stylevar left};
	padding: 0;
	color: {vb:stylevar breadcrumb_text_color};
}

#breadcrumbs .separator {
	float: {vb:stylevar left};
	height: 7px;
	margin: 0 0.6rem;
	width: 5px;
	background-position:-368px -112px;
}
#breadcrumbs .crumb-link {
	color: {vb:stylevar breadcrumb_link_color};
}
#breadcrumbs .crumb.ellipsis {
	max-width:300px;
}
<vb:comment>
/**
 * End of Breadcrumbs
 **/
</vb:comment>



/* tag editor */
.add-tag-link {
	font-weight:bold;
}
.tag-editor-container {
	margin-bottom:0;
}
.tag-editor-wrapper.inline-tag-editor .autocomplete-container .autocomplete-box .autocomplete {
	font: inherit;
	line-height: 1.4;
	height: auto;
}
.tag-editor-container .add-tags-text {
	margin-bottom:10px;
}
.tag-editor-container .tag-cloud-text {
	margin-top:15px;
	margin-bottom:15px;
}
.tag-editor-wrapper.inline-tag-editor .tag-editor-container .tag-input {
	visibility:hidden;
	display:block;
	float:none;
}
.tag-editor-container .autocomplete-container .tag-input {
	visibility:visible;
	display:inline;
}
.tag-editor-wrapper.inline-tag-editor .tag-editor-container .tag-cloud-text {
	margin-top:10px;
	margin-bottom:0;
}
.searchPopupBody .tag-editor-wrapper.inline-tag-editor .tag-editor-container .tag-cloud-text {
	margin-bottom:8px;
}
.searchPopupBody .tag-editor-wrapper.inline-tag-editor .tag-editor-container .tag-cloud {
	margin-bottom:10px;
}
.ui-tooltip-popular-tags {
	font:inherit;
}
.tag-cloud {
	line-height: 1.2;
	color: #556065;
}
.tag-cloud .tagcloudlink.added {
	color:#FF0000;
	text-decoration:line-through;
}
.tag-cloud .tagcloudlink.added label {
	cursor:default;
}
.tag-cloud .tagcloudlink span {
	color:{vb:stylevar form_dropdown_text_color};
}
.tag-editor-dialog-container .section-divider {
	margin:20px 0;
}
.autocomplete-container {
	border: 1px solid #C0C0C0;
	background: #FFF;
	cursor: text;
	min-height:40px !important;
	height:auto !important;
	color:{vb:stylevar form_dropdown_text_color} !important;
	padding:8px !important;
	border-radius:3px;
}
.autocomplete-container .autocomplete-box {
	float:{vb:stylevar left};
	font: inherit;
	line-height: 1.4;
	height: auto;
}
.tag-box,
.autocomplete-box{
	display: none;
}
.tag-box.search-controls-tags {
	display:inline;
}
.tag-box .tag,
.autocomplete-box .autocomplete,
.search-control-popup .removable-element {
	margin: 0 5px 0;
	margin-{vb:stylevar left}: 1px;
	position: relative;
	padding-{vb:stylevar right}: 17px;
	float: {vb:stylevar left};
}
.search-control-popup .removable-element {
	float:none;
	display:inline-block;
}
.search-controls-tags .tag-list {
	margin-bottom:10px;
}
.tag-box .tag .tag-text,
.autocomplete-box .autocomplete .element-text {
	width: auto !important;
}
.autocomplete .element-x,
.removable-element .element-x {
	position: absolute;
	top: 50%;
	{vb:stylevar right}: 3px;
	margin-top:-5px;
	cursor: pointer;
}
.autocompleteHelper {
	margin: 0 0 5px;
	margin-{vb:stylevar right}: 5px;
	border: none !important;
	display: block;
	background: transparent;
	outline:none !important;
}
/* end tag editor */

.custom-dialog .btnClose {
	cursor:pointer;
}
.content-tags {
	margin:10px 5px 5px;
}
.list-container .list-header {
	border-{vb:stylevar left}: {vb:stylevar primary_module_subheader_border};
	border-{vb:stylevar right}: {vb:stylevar primary_module_subheader_border};
	border-bottom: {vb:stylevar primary_module_subheader_border};
	background: {vb:stylevar primary_module_subheader_background};
	color: {vb:stylevar primary_module_subheader_text_color};
	font: {vb:stylevar primary_module_subheader_font};
	height: 3.3rem;
	line-height: 3.3rem;
}
.list-container .list-item {
	margin-top:15px;
	width:99.7%;
	border:1px solid #C0C0C0;
}
.list-container .list-item:first-child {
	margin-top:0;
}
.list-container .list-item .list-item-header .info {
	margin-{vb:stylevar right}:10px;
}
.list-container .list-item .list-item-title {
	font-weight: bold;
	margin: 5px 5px 0;
	word-break: break-all;
}
.list-container .list-item .list-item-body {
	clear: both;
	padding:10px 15px 15px 15px;
}
.media-tab .list-container .list-item .list-item-body {
	padding-top:15px;
}
.list-container .list-item.list-item-video .list-item-body {
	padding-bottom:0;
}
.list-container.activity-view .list-item.list-item-video .list-item-body {
	padding-bottom:15px;
}
.pagenav-controls input {
	width:24px;
	text-align:center;
	line-height: 2rem;
	height: 2rem;
	margin-top:-1px;
}

.view-mode .conversation-content-widget {
	border:0;
	padding:0;
}
.conversation-content-widget .list-container .list-item {
	border:{vb:stylevar post_border};
	margin-top:10px;
	width:99.9%;
	border-radius:3px;
	background:{vb:stylevar postbit_background};
	position:relative;
}
.conversation-content-widget .list-container .list-item.unapproved .list-item-body-wrapper,
.album-widget .list-container .list-item.unapproved {
	background:#E2F0CE;
}
.conversation-content-widget .list-container.thread-view .list-item.unapproved .list-item-body-wrapper .pointer-left {
	border-{vb:stylevar right}-color: #E2F0CE;
}
.list-container .list-item.deleted,
.list-container .list-item.deleted .list-item-body-wrapper,
.list-container.stream-view .list-item.deleted,
.conversation-content-widget .list-container .list-item.conversation-starter.deleted,
.conversation-content-widget .list-container.stream-view .list-item.conversation-starter.deleted,
.conversation-content-widget .list-container.stream-view .list-item.conversation-starter.deleted .list-item-body-wrapper,
.conversation-content-widget .list-container.stream-view .list-item.deleted .list-item-body-wrapper,
.blog-conversation-content-widget.conversation-content-widget .list-container.stream-view .list-item.conversation-starter.deleted,
.blog-conversation-content-widget.conversation-content-widget .list-container.stream-view .list-item.conversation-starter.deleted .list-item-body-wrapper {
	background:{vb:stylevar postbit_deleted_background};
}
.conversation-content-widget .list-container.thread-view > .list-item.deleted {
	border:{vb:stylevar post_deleted_border};
}
.conversation-content-widget .list-container.thread-view .list-item .userinfo {
	width:120px;
	text-align:center;
	padding-top:15px;
	padding-{vb:stylevar right}:25px;
	padding-bottom:15px;
	padding-{vb:stylevar left}:15px;
	color:{vb:stylevar post_user_info_color};
}
.list-container.thread-view .list-item.deleted .userinfo {
	display:none;
}
.list-container.thread-view .list-item.deleted.show-deleted-content .userinfo {
	display:block;
}
.conversation-content-widget .list-container.thread-view .list-item .userinfo .avatar {
	margin:auto;
	height:auto;
	border:{vb:stylevar thread_view_avatar_border};
	display:inline-block;
}
.conversation-content-widget .list-container .list-item .list-item-header .author {
	margin-top: 15px;
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: 1.3rem;
}
.conversation-content-widget .list-container.thread-view .list-item .userinfo .author {
	margin-top:10px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
<vb:comment>
/* TODO: Remove after CSS overhaul to BEM */
.list-container.stream-view .list-item.deleted .list-item-header,
.list-container.stream-view .list-item.deleted .list-item-body-wrapper {
	display:none;
}
.list-container.stream-view .list-item.deleted.show-deleted-content .list-item-header,
.list-container.stream-view .list-item.deleted.show-deleted-content .list-item-body-wrapper {
	display:block;
}
</vb:comment>
.conversation-content-widget .list-container .list-item .author a {
	font-size: 1.4rem;
	font-weight:bold;
	color:{vb:stylevar post_username_color};
}

.conversation-content-widget .list-container .list-item .list-item-body-wrapper {
	background:{vb:stylevar thread_reply_background};
	margin-{vb:stylevar left}:0;
	margin-top:0;
	position:relative;
	border-radius:3px;
}
.conversation-content-widget .list-container.thread-view .list-item .list-item-body-wrapper {
	margin-{vb:stylevar left}:160px;
}
.conversation-content-widget .list-container.stream-view .list-item.conversation-starter,
.conversation-content-widget .list-container .list-item.conversation-starter .list-item-body-wrapper {
	background:{vb:stylevar thread_starter_background};
}
.blog-conversation-content-widget.conversation-content-widget .list-container.stream-view .list-item.conversation-starter,
.blog-conversation-content-widget.conversation-content-widget .list-container.stream-view .list-item.conversation-starter .list-item-body-wrapper {
	background:{vb:stylevar list_item_background};
}
.conversation-content-widget .list-container.thread-view .list-item .list-item-body-wrapper .list-item-body {
	clear: none;
	padding-top:20px;
	padding-{vb:stylevar right}:15px;
	padding-bottom:36px;
	padding-{vb:stylevar left}:20px;
	position:relative;
}
.conversation-content-widget .list-container.thread-view .list-item.conversation-starter .list-item-body-wrapper .list-item-body {
	padding-bottom:61px;
}
.conversation-content-widget .list-container.thread-view .list-item.deleted .list-item-body-wrapper .list-item-body,
.conversation-content-widget .list-container.thread-view .list-item.deleted.conversation-starter .list-item-body-wrapper .list-item-body {
	padding-bottom:20px;
}
.conversation-content-widget .list-container.thread-view .list-item .post-content {
	padding:15px 0;
	overflow: auto;
}
.list-container.thread-view .list-item.deleted .post-content {
	padding-bottom:0;
}
.conversation-content-widget .list-container.thread-view .list-item.list-item-video .post-content {
	padding-bottom:15px;
}
.conversation-content-widget .list-container.thread-view .list-item .post-title {
	width:95%;
	float:{vb:stylevar left};
}
.conversation-content-widget .conversation-body .post-title {
	font-size: 1.6rem;
	line-height: 1.6rem;
}

.post-edit {
	font-style: italic;
	clear:{vb:stylevar left};

}

.post-content img,
.post-content iframe,
.post-content object
{
	vertical-align:bottom;
}
.stream-view .post-content.ellipsis a.bbcode-attachment > img,
.stream-view .post-content.ellipsis img.bbcode-attachment,
.stream-view .post-content.ellipsis iframe,
.stream-view .post-content.ellipsis object {
	max-height:20px;
}
.stream-view .post-content.ellipsis iframe,
.stream-view .post-content.ellipsis object {
	display:none;
}

<vb:comment>/* NOTE keep these (img.thumbnail, img.align_x) rules in sync with css_editor.css */</vb:comment>
img.bbcode-attachment,
img.thumbnail {
	margin-{vb:stylevar right}: 10px;
	margin-bottom: 0;
}

<vb:comment>/* COPIED FROM VB4 (do we need bbcode-attachment class here?)*/
.cke_widget_wrapper & .bbcode-attachment required for image2 handling
</vb:comment>
.cke_widget_wrapper.align_left,
.bbcode-attachment.align_left,
img.align_left {
	float:left; /* dont use stylevar for this */
	margin: 1em;
	margin-left: 0;
}

.cke_widget_wrapper.align_center, 
.img_align_center_wrapper {
	text-align: center;
}

.bbcode-attachment.align_center,
img.align_center {
	margin: 0 auto;
	display:block;
}

.cke_widget_wrapper.align_right,
.bbcode-attachment.align_right,
img.align_right {
	float:right; /* dont use stylevar for this */
	margin: 1em;
	margin-right: 0;
}

.conversation-content-widget .thread-view .conversation-starter .conversation-body .post-content {
	float:{vb:stylevar left};
}

<vb:comment>
/* TODO: Remove after CSS overhaul to BEM */
.post-footer .content-tags {
	margin:0 15px 15px 15px;
	font-size: 1.1rem;
	font-weight:bold;
}
.conversation-content-widget .thread-view .post-footer .content-tags {
	margin-{vb:stylevar left}:20px;
}
.post-footer .content-tags a {
	font-weight:normal;
}
.post-footer .content-tags span {
	font-weight:normal;
	color:#556065;
}
</vb:comment>
<vb:comment>
/**
 * Canvas Layout Container
 **/
</vb:comment>

.conversation-content-widget .list-item-header .info {
	height: 3.2rem;
	line-height: 3.2rem;
}

.conversation-starter .post-date {
	line-height: 2rem;
	float: {vb:stylevar left};
	width: 100%;
}


.conversation-content-widget .list-item-body-wrapper .pointer-left {
	top:35px;
}
.conversation-content-widget .conversation-starter .list-item-body-wrapper .pointer-left {
	border-{vb:stylevar right}-color:{vb:stylevar thread_starter_background.backgroundColor};
}
.conversation-content-widget .list-item-body-wrapper .pointer-left {
	border-{vb:stylevar right}-color:{vb:stylevar thread_reply_background.backgroundColor};
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.conversation-content-widget .list-item.deleted .list-item-body-wrapper .pointer-left {
	border-top-color: transparent;
	border-bottom-color: transparent;
	display:none;
}
.conversation-content-widget .list-item.deleted.show-deleted-content .list-item-body-wrapper .pointer-left {
	display:block;
}
<vb:comment>
/* BEM overhaul. Remove later */
.post-footer-wrapper {
	position:relative;
}
</vb:comment>

.list-item.deleted .post-footer-wrapper {
	display:none;
}
<vb:comment>
/* BEM overhaul. Remove later */
.conversation-content-widget .thread-view .post-footer-wrapper .post-footer {
	padding-bottom: 0;
	position: absolute;
	{vb:stylevar left}:0;
	bottom: 0;
	width: 100%;
}


.post-footer-wrapper .post-footer .divider {
	margin:0 15px;
	color:{vb:stylevar post_controls_divider_color};
}
.conversation-content-widget .thread-view .post-footer-wrapper .post-footer .divider {
	margin-{vb:stylevar left}:20px;
}
.post-footer-wrapper .post-footer .post-info {
	margin-{vb:stylevar left}:15px;
	padding-{vb:stylevar left}:3px;
}
.conversation-content-widget .thread-view .post-footer-wrapper .post-footer .post-info {
	margin-{vb:stylevar left}:20px;
}
.post-footer-wrapper .post-footer .post-info > li {
	border:1px solid #5F6A6F;
	height: 1.2rem;
	line-height: 1.2rem;
	margin-top: 8px;
}
.post-footer-wrapper .post-footer .votecount {
	cursor: pointer;
}
.post-footer-wrapper .post-footer .votecount.novotepopup {
	cursor: default;
}

</vb:comment>


.conversation-content-widget.closed .conversation-toolbar-wrapper .conversation-toolbar .post-buttonset,
.conversation-content-widget.closed .b-content-entry,
.conversation-content-widget.closed .b-post-control__quote,
.conversation-content-widget.closed #btnPostReply-top,
.conversation-content-widget .moderationmenu_container.thread .administrative .moderation-action.moderation-open,
.conversation-content-widget .moderationmenu_container.thread .administrative .moderation-action.moderation-approve,
.conversation-content-widget .moderationmenu_container.thread .administrative .moderation-action.moderation-unstick,
.conversation-content-widget .moderationmenu_container.thread .administrative .moderation-action.moderation-undelete,
.conversation-content-widget.showclosed .moderationmenu_container.thread .administrative .moderation-action.moderation-close,
.conversation-content-widget.unapproved .moderationmenu_container.thread .administrative .moderation-action.moderation-unapprove,
.conversation-content-widget .moderationmenu_container.thread .administrative .moderation-action.moderation-unfeature,
.conversation-content-widget.featured .moderationmenu_container.thread .administrative .moderation-action.moderation-feature,
.conversation-content-widget.sticky .moderationmenu_container.thread .administrative .moderation-action.moderation-stick,
.conversation-content-widget.deleted .moderationmenu_container.thread .administrative .moderation-action.moderation-delete {
	display:none !important;
}

.conversation-content-widget.closed .conversation-toolbar-wrapper .conversation-toolbar .display-button .post-buttonset,
.conversation-content-widget.showclosed .moderationmenu_container.thread .administrative .moderation-action.moderation-open,
.conversation-content-widget.unapproved .moderationmenu_container.thread .administrative .moderation-action.moderation-approve,
.conversation-content-widget.featured .moderationmenu_container.thread .administrative .moderation-action.moderation-unfeature,
.conversation-content-widget.sticky .moderationmenu_container.thread .administrative .moderation-action.moderation-unstick,
.conversation-content-widget.deleted .moderationmenu_container.thread .administrative .moderation-action.moderation-undelete {
	display:block !important;
}


.conversation-list.thread-view .comment-entry-box.has-comments {
	border-bottom: 0;
	margin-bottom: 0;
}

.conversation-content-widget .tabs .ui-tabs-nav,
#upload-dialog .tabs .ui-tabs-nav {
	background:transparent none;
	border-width:0 0 1px 0;
	border-radius:0;
}
#upload-dialog .tabs .tab {
	min-height:294px;
}

.edit-mode .hide-on-editmode,
.view-mode .hide-on-viewmode {
	display:none !important;
}

.view-mode .canvas-layout-container .canvas-widget.profile-settings-widget .widget-header .module-title {
	line-height: 3.5rem;
	margin-bottom: 20px !important;
}

.tag-list {
	margin-top: 5px;
}

.dialog-container {
	border: {vb:stylevar popup_border};
	background: {vb:stylevar popup_background};
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
	<vb:comment>Use border box so when we resize the dialog to the viewport width in responsive, we don't trigger a horizontal scrollbar because we're 2 pixels off due to the 1px border.</vb:comment>
	box-sizing: border-box;
}
.dialog-container.ui-dialog {
	padding:0;
	border-radius: 3px;
}
.dialog-container.ui-dialog .ui-dialog-titlebar {
	border-width: 0 0 1px;
	border-bottom: {vb:stylevar popup_border};
	background: {vb:stylevar popup_header_background};
	color: {vb:stylevar popup_header_text_color};
	font-size: 1.8rem;
	height: 3rem;
	line-height: 3rem;
	border-radius: 3px 3px 0 0;
}
.dialog-container.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	margin:0;
}
.dialog-container.ui-dialog .ui-dialog-titlebar-close {
	margin-top: -16px;
	{vb:stylevar right}:5px;
}
.dialog-container.ui-dialog .ui-dialog-titlebar-close,
.dialog-container.ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
.dialog-container.ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
	background:none;
	border-color:transparent;
}
.dialog-container.ui-dialog .sb-dialog {
	border-radius:0 0 3px 3px;
	padding:20px;
}


.ckeditor-dialog {
	border: {vb:stylevar popup_border};
	background: {vb:stylevar popup_background};
}
.ckeditor-dialog .cke_dialog_body,
.ckeditor-dialog .cke_dialog_title,
.ckeditor-dialog .cke_dialog_contents,
<vb:comment>Using the wildcard is not best practice, but the CKEditor CSS reset
uses it, so we are forced to use it to override their CSS. </vb:comment>
.ckeditor-dialog .cke_dialog_contents .cke_dialog_ui_html,
.ckeditor-dialog .cke_dialog_contents .cke_dialog_ui_html *,
.ckeditor-dialog .cke_dialog_contents .cke_dialog_ui_labeled_label,
.ckeditor-dialog .cke_dialog_contents .cke_dialog_ui_labeled_label *,
.ckeditor-dialog .cke_dialog_contents label,
.ckeditor-dialog .cke_dialog_contents div,
.ckeditor-dialog .cke_dialog_contents span,
.ckeditor-dialog .cke_dialog_footer {
	background: {vb:stylevar popup_background};
	color: {vb:stylevar popup_text_color};
}
.ckeditor-dialog .cke_dialog_contents .cke_dialog_ui_html iframe,
.ckeditor-dialog .cke_dialog_contents .b-button div,
.ckeditor-dialog .cke_dialog_contents .b-button span {
	background: transparent;
}
.ckeditor-dialog .cke_dialog_title {
	background: {vb:stylevar popup_header_background};
	color: {vb:stylevar popup_header_text_color};
}
<vb:comment>Remove text shadow; extra selectors needed to override ckeditor css</vb:comment>
.ckeditor-dialog a.cke_dialog_ui_button span,
.ckeditor-dialog .cke_dialog_title {
	text-shadow: none;
}


.ckeditor-dialog a.cke_dialog_tab,
.ckeditor-dialog a.cke_dialog_tab:hover,
.ckeditor-dialog a.cke_dialog_tab:focus,
.ckeditor-dialog a.cke_dialog_tab:active {
	background: {vb:stylevar popup_background};
	color: {vb:stylevar popup_text_color};
}
.ckeditor-dialog a.cke_dialog_tab_selected {
	border-bottom-color: transparent;
}


.cke_inner .cke_toolgroup,
.cke_inner .cke_combo_button {
	background: {vb:stylevar ckeditor_toolbar_button_background};
	box-shadow: none;
}
.cke_inner .cke_combo_button .cke_combo_text {
	color: {vb:stylevar ckeditor_toolbar_button_text_color};
	text-shadow: none;
}
.cke_inner .cke_button_arrow,
.cke_inner .cke_combo_arrow {
	border-top-color: {vb:stylevar ckeditor_toolbar_button_text_color};
}
.cke_inner .cke_button.cke_button_on,
.cke_inner .cke_combo.cke_combo_on .cke_combo_button {
	background: {vb:stylevar ckeditor_toolbar_button_background_pressed};
}
.cke_inner .cke_button.cke_button_off:hover,
.cke_inner .cke_button.cke_button_off:focus,
.cke_inner .cke_button.cke_button_off:active,
.cke_inner .cke_button.cke_button_disabled:hover,
.cke_inner .cke_button.cke_button_disabled:focus,
.cke_inner .cke_button.cke_button_disabled:active,
.cke_inner .cke_combo.cke_combo_off .cke_combo_button:hover,
.cke_inner .cke_combo.cke_combo_off .cke_combo_button:focus,
.cke_inner .cke_combo.cke_combo_off .cke_combo_button:active {
	background: {vb:stylevar ckeditor_toolbar_button_background_hover};
}
.cke_panel.cke_combopanel,
.cke_panel.cke_menu_panel,
.cke_panel.cke_menupanel,
.cke_panel.cke_panel {
	<vb:comment>Set background here, text color is set inside the iframe in css_editor.css</vb:comment>
	background: {vb:stylevar ckeditor_toolbar_button_background};
}


.sb-dialog {
	position:relative;
	display:none;
}
.sb-dialog .dialog-content .loading-icon {
	position:absolute;
	{vb:stylevar left}:50%;
	top:50%;
	margin:-32px 0 0 -8px;
}
.sb-dialog .loader {
	text-align:center;
}
.dialog-content select {
	max-width: 95%;
}
.dialog-container.dialog-box .dialog-content .message {
	margin-top:2px;
}
.dialog-container.prompt-dialog-container.dialog-box .dialog-content .message {
	margin:0 0 10px 0;
	width:auto;
}
.dialog-container.prompt-dialog-container.dialog-box .dialog-content .message.td {
	padding-{vb:stylevar right}:10px;
	width:5%;
	white-space:nowrap;
}
.dialog-container.prompt-dialog-container.dialog-box .dialog-content .input-box-container.td {
	width:95%;
}
.dialog-container.prompt-dialog-container.dialog-box .dialog-content .input-box {
	width:95.2%;
}
.dialog-container.dialog-box .dialog-content .icon.no-icon + .message {
	width:100%;
	margin-top:0;
}

/* Poll */
form.poll ul.poll {
	padding-{vb:stylevar left}:0;
	padding-top:0;
	padding-bottom:13px;
}
form.poll ul.poll li {
	list-style-type:none;
	line-height: 2.2rem;
	margin-top:6px;
}
form.poll ul.poll li:first-child {
	margin-top:0;
}

form.poll ul.poll li label input {
	margin-top:3px;
	margin-{vb:stylevar right}:7px;
	margin-bottom:3px;
	margin-{vb:stylevar left}:1px;
	vertical-align:bottom;
	float:{vb:stylevar left};
}
form.poll ul.poll li label .poll-item {
	display:inline-block;
}
.list-item-poll .post-content .post-content-text {
	padding-bottom: 10px;
}
.list-item-poll.deleted .b-button-group {
	display:none;
}
.pollresults .pollvote-count {
	background: {vb:stylevar count_bubble_background};
	color: {vb:stylevar count_bubble_text_color};
	height: 2.6rem;
	line-height: 2.6rem;
	padding: 0 10px;
	border-radius: 2px;
}
.pollresults .pollvote-count span {
	font-size: 1.4rem;
	font-weight: bold;
}
.pollresults .pollvote-count label {
	font-size: 1.1rem;
}
.pollresults-data {
	width:100%;
	margin-top:37px;
	margin-bottom:15px;
	clear:both;
}
.list-item-poll.deleted.show-deleted-content .pollresults-data {
	margin-bottom:0;
}
.pollresults-data tr td {
	padding:8px 0 0 0;
	vertical-align:bottom;
	white-space:nowrap;
}
.pollresults-data tr:first-child td {
	padding-top:0;
}
.pollresults-data tr td.polloption-cell {
	width:94%;
}
.pollresults-data tr td.pollpercent-cell {
	width:1%;
}
.pollresults-data tr td.pollvote-cell {
	width:5%;
	padding-{vb:stylevar left}: 25px;
}
.pollresults-data tr td.pollpercent-cell .percentage {
	background: {vb:stylevar poll_result_percentage_background};
	border: {vb:stylevar poll_result_border};
	border-{vb:stylevar left}:0;
	font-size: 1.4rem;
	font-weight: bold;
	height: 2.7rem;
	line-height: 2.7rem;
	padding: 0 10px;
	text-align: {vb:stylevar right};
	white-space: nowrap;
	border-radius: 0;
	border-top-{vb:stylevar right}-radius: 2px;
	border-bottom-{vb:stylevar right}-radius: 2px;
}
.pollresults-data tr td.pollvote-cell .votes {
	height: 2.9rem;
	line-height: 2.9rem;
	text-align: {vb:stylevar right};
	white-space: nowrap;
	font-size: 1.2rem;
}
.pollresults-data tr td.pollvote-cell .votes span {
	font-weight:bold;
}
.pollresults-data tr td.polloption-cell .title {
	margin-{vb:stylevar left}:2px;
	white-space:normal;
}
.pollresults-data tr td.polloption-cell .bar-container {
	background: {vb:stylevar content_background};
	border: {vb:stylevar poll_result_border};
	border-{vb:stylevar right}:0;
	height: 23px;
	margin-top: 2px;
	padding:2px;
	border-radius: 0;
	border-top-{vb:stylevar left}-radius: 2px;
	border-bottom-{vb:stylevar left}-radius: 2px;
}
.pollresults-data tr td.polloption-cell .bar-container .bar {
	height: 23px;
	border-radius: 2px;
}
.pollresults-data .option-1 .bar-container .bar {
	background: {vb:stylevar poll_result_color_01};
}
.pollresults-data .option-2 .bar-container .bar {
	background: {vb:stylevar poll_result_color_02};
}
.pollresults-data .option-3 .bar-container .bar {
	background: {vb:stylevar poll_result_color_03};
}
.pollresults-data .option-4 .bar-container .bar {
	background: {vb:stylevar poll_result_color_04};
}
.pollresults-data .option-5 .bar-container .bar {
	background: {vb:stylevar poll_result_color_05};
}
.pollresults-data .option-6 .bar-container .bar {
	background: {vb:stylevar poll_result_color_06};
}
.pollresults-data .option-7 .bar-container .bar {
	background: {vb:stylevar poll_result_color_07};
}
.pollresults-data .option-8 .bar-container .bar {
	background: {vb:stylevar poll_result_color_08};
}
.pollresults-data .option-9 .bar-container .bar {
	background: {vb:stylevar poll_result_color_09};
}
.pollresults-data .option-10 .bar-container .bar {
	background: {vb:stylevar poll_result_color_10};
}
.pollresults-data .option-11 .bar-container .bar {
	background: {vb:stylevar poll_result_color_11};
}
.pollresults-data .option-12 .bar-container .bar {
	background: {vb:stylevar poll_result_color_12};
}
.pollresults-data tr td.pollvoter-cell {
	width:31px;
}
<vb:comment>/* This is the icon shown when votes are public. Click it to see who voted for that option. */</vb:comment>
.pollresults-data tr td.pollvoter-cell .voter-icon {
	margin-{vb:stylevar left}:10px;
	margin-bottom:4px;
	cursor:pointer;
	position:relative;
	<vb:comment>These are needed so the popup shows, otherwise the b-icon style hides it.</vb:comment>
	overflow: initial;
	text-indent: 0;
}
.pollresults-data tr td.pollvoter-cell .voter-icon .voters {
	display:none;
	position:absolute;
	{vb:stylevar right}:0;
	top:20px;
	border:1px solid {vb:stylevar body_link_color};
	background:#FFF;
	padding:7px;
	font-size: 1rem;
	width:150px;
	white-space:normal;
	z-index:100;
	cursor:text;
}
.pollresults-data tr td.pollvoter-cell .voter-icon .voters .error {
	background:none;
	border:0;
	padding:0;
	text-align:{vb:stylevar left};
	color:{vb:stylevar poll_result_color_03};
	font-size: 1rem;
}
.pollresults-data tr td.pollvoter-cell .voter-icon .voters .note {
	font-size: 1rem;
	color: {vb:stylevar body_link_color};
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: {vb:stylevar left}; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd {
	margin: 0 0 10px;
	margin-{vb:stylevar left}: 65px;
}
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
#ui-datepicker-div { z-index: 9999999 !important; }



<vb:comment>
/*********************************************************************
 * Canvas Layout Rules
 *********************************************************************/
</vb:comment>

.canvas-layout-container {
	min-height:248px;
	height:auto;
}
.canvas-layout-container .canvas-layout {
	border-color:inherit;
}
.canvas-layout-container .canvas-layout .canvas-layout-row {
	border-color:inherit;
	width:100%;
	display: block;
	clear: both;
}
.canvas-layout-container .canvas-layout .canvas-layout-row.has-columns {
	height:248px;
	border-color:inherit;
	display:table;
	width:100%;
	table-layout: fixed;
}
.canvas-layout-container .canvas-layout.h-hide {
	display:none;
}
.canvas-layout-container .canvas-layout .canvas-widget-list {
	padding-top:0px;
	display:block;
	vertical-align:top;
}
.canvas-layout-container .canvas-layout .canvas-widget.container-widget .canvas-layout-row .canvas-widget-list {
	display:block;
	width: 100%;
}
.view-mode .canvas-layout-container .canvas-widget.container-widget {
	margin-bottom: 0;
}
.view-mode .canvas-layout-container .canvas-widget.hidden-widget-placeholder,
.view-mode .canvas-layout-container .canvas-widget.container-widget.empty {
	display:none;
}
.canvas-layout-container .canvas-widget.collapsed {
	padding-bottom:0;
	padding-top:11px;
}
.l-small .canvas-layout-container .canvas-widget.collapsed {
	padding-top: 0;
}
.canvas-layout-container .canvas-widget.widget {
	background:#EBF7FF;
	border-color:#D8E6E6;
}
.view-mode .canvas-layout-container .canvas-widget.widget-no-border > .widget-header .module-title {
	margin: 0 0 8px 0;
	color: {vb:stylevar primary_module_header_text_color};
	font: {vb:stylevar primary_module_header_font};
}
.view-mode .canvas-layout-container .canvas-widget.widget-no-border.widget-tabs > .widget-header.widget-tabs-nav .module-title {
	font: {vb:stylevar module_tab_font};
	border-radius: {vb:stylevar module_tabbar_border_radius_size} {vb:stylevar module_tabbar_border_radius_size} 0 0;
}
.view-mode .search-fields-widget .widget-header,
.view-mode .registration-widget .widget-header,
.view-mode .forgot-password-widget .widget-header {
	padding-{vb:stylevar left}: 30px;
	padding-top: 5px;
}
.view-mode .search-fields-widget .module-title {
	margin-bottom: 20px;
}

.logged-out .widget-no-border .module-title {
	margin-bottom:16px;
}



/* .canvas-layout-container .canvas-widget .widget-header .module-title { */
.module-title {
	color:{vb:stylevar module_header_text_color};
	font: {vb:stylevar module_header_font};
	text-transform: {vb:stylevar module_header_text_transform};
	margin:9px 15px;
	margin-{vb:stylevar right}:39px;
	width: 100%;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.module-title h1 {
	color:{vb:stylevar module_header_text_color};
	font: {vb:stylevar module_header_font};
	text-align: {vb:stylevar module_header_text_align};
	<vb:comment>/* padding to account for the collapse icon */</vb:comment>
	padding-{vb:stylevar right}: 50px;
}
.page-title-widget .module-title,
.page-title-widget .module-title h1 {
	color:{vb:stylevar primary_module_header_text_color};
	font: {vb:stylevar primary_module_header_font};
	text-transform: {vb:stylevar primary_module_header_text_transform};
	text-align: {vb:stylevar primary_module_header_text_align};
}

.wol-widget .display-avatar {
	margin-bottom: -10px;
}
.wol-location {
	vertical-align: middle;
	margin-{vb:stylevar right}: 5px;
}
.wollist-widget .vb-icon-wrapper {
	margin-{vb:stylevar left}: 4px;
	height: 1.6rem;
}
.wollist-widget .conversation-toolbar-wrapper {
	margin-bottom: 0;
}
.post-date {
	font-size: 1.1rem;
	color: {vb:stylevar time_stamp_color};
}
<vb:comment>Start module button css</vb:comment>
.canvas-layout-container .widget-header .module-buttons {
	line-height: 1.4rem;
	margin: -7px 0 0;
	position: absolute;
	{vb:stylevar right}: 15px;
	top: 50%;
	white-space: nowrap;
}
.canvas-layout-container .widget-header .module-buttons .module-button-item {
	margin-{vb:stylevar left}:2px;
	cursor:pointer;
}
.canvas-layout-container .widget-header .module-buttons .module-button-item:first-child {
	margin-{vb:stylevar left}:0;
}
.view-mode .canvas-layout-container .canvas-widget.widget-no-header-buttons > .widget-header .module-buttons {
	display:none;
}
.canvas-layout-container .widget-header .module-buttons .module-button-item span {
	display: inline-block;
	height: 14px;
	width: 14px;
	margin: 0;
	text-indent: -99999px;
}
.canvas-layout-container .widget-header .module-icon {
	display:none;
}
<vb:comment>End module button css</vb:comment>

.canvas-layout-container .youtube-widget .videocontainer iframe {
	width:100%;
}
.dialog-container.ui-dialog.input-dialog {
	border-radius: 6px;
}
.dialog-container .sb-dialog .subheader {
	font-size: 1.6rem;
	font-weight:bold;
}
.dialog-container .dialog-content {
	margin-bottom:8px;
}
#vb-page-body .ui-widget-overlay {
	background: {vb:stylevar popup_overlay_background};
	opacity:0.5;
	filter:Alpha(Opacity=50);
}

/** Search widget styles */

.list-container .list-item .list-item-footer {
	padding: 5px 0;
}

.list-container .replylike_count li {
	float: {vb:stylevar left};
	margin-{vb:stylevar right}: 10px;
}

.list-container .replylike_count,
.list-container .replylike_count li:first-child,
.list-container .replylike_count div {
	display: inline;
	max-width: 100%;
}

.list-container .replylike_count .channel_text {
	overflow: hidden;
	overflow-wrap: break-word;
	word-wrap: break-word;
	display: inline;
}

.list-container .list-item .list-item-body .photo_result .slider_image {
	border: 3px solid #A9A9A9;
	max-width: 260px;
	max-height: 160px;
	margin: auto;
}

.condense_control {
	font-size: 1rem;
	color: {vb:stylevar body_link_color};
	text-decoration: {vb:stylevar body_link_decoration};
	font-weight: bold;
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
}

/* search widgets styles End */

.canvas-layout-container .summary-widget{
	background-color: {vb:stylevar module_content_background};
}

.profile-sidebar-widget .profileContainer .profile-photo-wrapper .edit-profile,
.groupSummaryContainer .sg-icon-wrapper .editGroupIcon,
.blogSummaryContainer .blog-icon-wrapper .editBlogIcon {
	position: absolute;
	bottom: 0;
	{vb:stylevar right}: 0;
	background: {vb:stylevar side_nav_number_messages_color};
	font-weight: bold;
	color: white;
	font-size: 1.2rem;
	padding: 2px 7px;
	cursor: pointer;
	display:none;
}

.profile-sidebar-widget .profileContainer .profile-photo-wrapper:hover .edit-profile,
.groupSummaryContainer .sg-icon-wrapper:hover .editGroupIcon,
.blogSummaryContainer .blog-icon-wrapper:hover .editBlogIcon {
	display:block;
}

/* activity filters */
.new-conversations-strip {
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	background: lightpink;
	padding: 5px;
	display:none;
}
/*Conversation Bar*/
.conversation-toolbar-wrapper {
	margin-bottom:15px;
	position:relative;
}
.conversation-toolbar-wrapper.top {
	padding:0 !important;
	border:none;
}
.search-results-widget .conversation-toolbar-wrapper {
	margin-bottom:-1px;
}
.search-results-widget .conversation-toolbar-wrapper .conversation-toolbar .toolset-left > li {
	margin-{vb:stylevar right}: 30px;
}
.search-results-widget .conversation-toolbar-wrapper .conversation-toolbar .sort-controls > label {
	margin-{vb:stylevar right}: 5px;
}
.widget-tabs .conversation-toolbar-wrapper,
.blog-conversation-content-widget .conversation-toolbar-wrapper {
	margin-bottom:0;
}

.conversation-toolbar-wrapper .conversation-toolbar {
	background: {vb:stylevar toolbar_background};
	border: {vb:stylevar toolbar_border};
	color:{vb:stylevar toolbar_text_color};
	font: {vb:stylevar toolbar_font};
	<vb:comment>Vertically align the contents</vb:comment>
	display: flex;
	flex-direction: row;
	<vb:comment>Show the left & right toolsets on their respective sides</vb:comment>
	justify-content: space-between;
}
.forum-list-container .forum-list-header {
	background: {vb:stylevar toolbar_background};
	border: {vb:stylevar toolbar_border};
	color:{vb:stylevar toolbar_text_color};
	font: {vb:stylevar forum_list_header_font};
	<vb:comment>left/right hardcoded because they have the same value</vb:comment>
	border-left-width: 0;
	border-right-width: 0;
}

.widget-content .widget-subheader {
	background: {vb:stylevar toolbar_background};
	border: {vb:stylevar toolbar_border};
	height: 35px;
	padding:4px;
	position: relative;
	color:{vb:stylevar toolbar_text_color};
	box-sizing: border-box;
}

.conversation-toolbar-wrapper.bottom {
	margin-top:20px;
}
.conversation-toolbar-wrapper .conversation-toolbar .toolset-left {
	margin: 5px 10px;
	margin-{vb:stylevar right}: 0;
}
.conversation-toolbar-wrapper .conversation-toolbar .toolset-left > li {
	margin-{vb:stylevar right}:10px;
}
.conversation-toolbar-wrapper .conversation-toolbar .toolset-left > li:last-child {
	margin-{vb:stylevar right}: 0;
}
.conversation-toolbar-wrapper .conversation-toolbar .sort-controls .selectBox-dropdown {
	margin-top:-3px;
}
.conversation-toolbar-wrapper .conversation-toolbar .toolset-left > li,
.conversation-toolbar-wrapper .conversation-toolbar .toolset-right > li {
	<vb:comment>Vertically center contents of the toolsets.</vb:comment>
	display: flex;
	align-items: center;
}
<vb:comment>
	TODO: .toolbar-divider and .b-comp-menu-dropdown__trigger-divider are essentially the same and should be combined.
</vb:comment>
.toolbar-divider {
	background-image: linear-gradient(to bottom, {vb:stylevar toolbar_dropdown_divider_color} 40%, rgba(0, 0, 0, 0.0) 20%);
	background-size: 1px 3px;
	background-repeat: repeat-y;
	<vb:comment>Hard-coded "left" because we want the divider to look the same in LTR and RTL.</vb:comment>
	background-position: left top;
	box-sizing: border-box;
	height: 100%;
	width: 2px;
	margin-{vb:stylevar right}: -2px;
	display: block;
}
.toolbar-divider-inner {
	background-image: linear-gradient(to bottom, #FFF 40%, rgba(0, 0, 0, 0.0) 20%);
	background-size: 1px 3px;
	background-repeat: repeat-y;
	<vb:comment>Hard-coded "left" because we want the divider to look the same in LTR and RTL.</vb:comment>
	background-position: left top;
	width: 1px;
	height: 100%;
	display: block;
	margin-top: 1px;
	<vb:comment>Hard-coded "left" because we want the divider to look the same in LTR and RTL.</vb:comment>
	margin-left: 1px;
}
.toolbar-pagenav-wrapper {
	padding: 5px 10px;
}
.toolbar-divider-solid {
	<vb:comment>
		Colors copied from .moderationmenu_container and .toolbar-inline-mod
		NOTE: The border left and right properties are hard-coded so that the shadow effect produced by having
		dark & light 1px vertical lines next to each other continue to work. The dark line is on the
		left and the light line is on the right, which gives the effect of a sunken line with the light
		source coming from the right. This is the same in RTL, so that the vertical divider matches the
		image-based dotted vertical dividers in the toolbar, which always have the light source coming
		from the right. If we swap these in RTL, the divider appears "raised" instead of "sunken".
	</vb:comment>
	border-left: 1px solid #BCBCBC;
	border-right: 1px solid #FFF;
	width: 2px;
	margin-{vb:stylevar right}: -2px;
	box-sizing: border-box;
	height: 100%;
}
.conversation-toolbar-wrapper .conversation-toolbar .toolset-right > li,
.toolbar-wrapper .horizontal-toolbar .toolset.h-right > li {
	margin-top: 0;
}
.conversation-toolbar-wrapper .conversation-toolbar .toolset-right > li:first-child,
.toolbar-wrapper .horizontal-toolbar .toolset.h-right > li:first-child,
.conversation-toolbar-wrapper .conversation-toolbar .toolset-right > li.h-hide:first-child + li,
.toolbar-wrapper .horizontal-toolbar .toolset.h-right > li.h-hide:first-child + li {
	background-image:none;
}
.conversation-toolbar-wrapper .conversation-toolbar > ul > li,
.toolbar-wrapper .horizontal-toolbar > ul > li {
	float: {vb:stylevar left};
	height:100%;
	line-height: 2.4rem;
}
.conversation-toolbar-wrapper .conversation-toolbar .toolbar-search form {
	margin: 0 10px;
}

.pagenav-controls .horizontal-arrows {
	float:{vb:stylevar right};
}
.conversation-toolbar-wrapper .conversation-toolbar .toolset-right > li.toolbar-filter,
.toolbar-wrapper .horizontal-toolbar .toolset.h-right > li.toolbar-filter {
	padding:0;
	cursor:pointer;
	display: flex;
	align-items: center;
}
.conversation-toolbar-wrapper .conversation-toolbar .toolbar-filter .filter-wrapper,
.toolbar-wrapper .horizontal-toolbar .toolset.h-right .toolbar-filter .filter-wrapper {
	border: {vb:stylevar toolbar_dropdown_border};
	border-color: transparent;
	border-bottom: 0 none;
	<vb:comment>Add the width of the toolbar border to the filter menu padding so
	that when it's the last item in the toolbar and the menu is moved to the right
	(see the negative right margin below), the menu will still be wide enough
	internally for the contents.</vb:comment>
	padding: 0 calc(10px + {vb:stylevar toolbar_border.width, withUnits});
	padding-top: {vb:stylevar toolbar_border.width, withUnits};
	height: calc(100% + {vb:stylevar toolbar_border.width, withUnits} + {vb:stylevar toolbar_dropdown_border.width, withUnits});
	line-height: calc(100% + {vb:stylevar toolbar_border.width, withUnits} + {vb:stylevar toolbar_dropdown_border.width, withUnits});
	box-sizing: border-box;
	position: relative;
	<vb:comment>Higher z-index than the dropdown (.toolbar-filter-overlay)</vb:comment>
	z-index: 1001;
	<vb:comment>Add a negative right margin equivalant to the width of
	.toolbar-divider-solid so when the menu is open, it will cover the
	divider. This is overriden when the menu is the last item in the 
	toolbar.</vb:comment>
	margin-top: -{vb:stylevar toolbar_border.width, withUnits};
	margin-{vb:stylevar right}: -2px;
	<vb:comment>Vertically center contents of the filter trigger</vb:comment>
	display: flex;
	align-items: center;
	<vb:comment>Remove the flex box vertical centering on the filter trigger
	itself, since we change the top margin to get it to line up correctly.</vb:comment>
	align-self: normal;
}
.conversation-toolbar-wrapper .conversation-toolbar .toolbar-filter:last-child .filter-wrapper,
.toolbar-wrapper .horizontal-toolbar .toolset.h-right .toolbar-filter:last-child .filter-wrapper {
	<vb:comment>Add the width of the toolbar border to the filter menu padding
	when it's the last item in the toolbar and the menu is moved to the right
	(see the negative right margin below), the menu will still be wide enough
	internally for the contents.</vb:comment>
	padding: 0 calc(10px + {vb:stylevar toolbar_border.width, withUnits});
	<vb:comment>Move the filter menu to the right by the width of the toolbar menu.
	This is so when the filter menu is the last item in the toolbar, we avoid having
	a double border on the right.</vb:comment>
	margin-{vb:stylevar right}: -{vb:stylevar toolbar_border.width, withUnits};
}
.conversation-toolbar-wrapper .conversation-toolbar .toolbar-filter .filter-wrapper.selected,
.toolbar-wrapper .horizontal-toolbar .toolset.h-right .toolbar-filter .filter-wrapper.selected {
	background: {vb:stylevar toolbar_dropdown_background_gradient_start};
	color: {vb:stylevar toolbar_dropdown_text_color};
	border: {vb:stylevar toolbar_dropdown_border};
	border-bottom: 0 none;
}
.conversation-toolbar-wrapper .conversation-toolbar .toolbar-filter .filter-wrapper .label,
.toolbar-wrapper .horizontal-toolbar .toolset.h-right .toolbar-filter .filter-wrapper .label {
	margin-top: -{vb:stylevar toolbar_dropdown_border.width, withUnits};
}
.conversation-toolbar-wrapper .conversation-toolbar .toolbar-filter .filter-wrapper .vb-icon-wrapper,
.toolbar-wrapper .horizontal-toolbar .toolset.h-right .toolbar-filter .filter-wrapper .vb-icon-wrapper {
	height: calc(3.6rem + ({vb:stylevar toolbar_border.width, withUnits} * 2));
	margin-top: -{vb:stylevar toolbar_dropdown_border.width, withUnits};
}
.conversation-toolbar-wrapper .toolbar-filter-overlay,
.toolbar-wrapper .toolbar-filter-overlay {
	display:none;
	width: auto;
	z-index: 1000;
	position: absolute;
	{vb:stylevar right}: 0;
	top: calc(100% - {vb:stylevar toolbar_border.width, withUnits});
	border:{vb:stylevar toolbar_dropdown_border};
	padding: 20px 0;
	font-size: 1.2rem;
	color: {vb:stylevar toolbar_text_color};
	background: {vb:stylevar form_dropdown_background.backgroundColor};
	background: linear-gradient(to bottom, {vb:stylevar toolbar_dropdown_background_gradient_start.backgroundColor}, {vb:stylevar toolbar_dropdown_background_gradient_end.backgroundColor});
}
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options-list,
.toolbar-wrapper .toolbar-filter-overlay .filter-options-list {
	width:100%;
	display:table;
}
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li,
.toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li {
	display: table-cell;
	padding-{vb:stylevar left}: 20px;
	padding-{vb:stylevar right}: 20px;
	border-{vb:stylevar left}: 1px dotted {vb:stylevar toolbar_dropdown_divider_color};
}
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li:first-child,
.toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li:first-child {
	border-{vb:stylevar left}: 0;
}
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-header,
.toolbar-wrapper .toolbar-filter-overlay .filter-header {
	font-weight: bold;
	margin-bottom: 5px;
	color: {vb:stylevar toolbar_dropdown_text_color};
	background: transparent;
}
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options,
.toolbar-wrapper .toolbar-filter-overlay .filter-options {
	margin-{vb:stylevar right}:20px;
	margin-top:3px;
}
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options:last-child,
.toolbar-wrapper .toolbar-filter-overlay .filter-options:last-child {
	margin-{vb:stylevar right}:0;
}
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options label,
.toolbar-wrapper .toolbar-filter-overlay .filter-options label {
	display:block;
	margin-bottom:5px;
	cursor:pointer;
	height:19px;
}
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options label.no-filter-option {
	margin-{vb:stylevar left}: 20px;
	padding-top: 4px;
}
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options label > input,
.toolbar-wrapper .toolbar-filter-overlay .filter-options label > input {
	margin-top:0;
	margin-{vb:stylevar right}:3px;
	margin-bottom: 5px;
	margin-{vb:stylevar left}:1px;
	cursor:inherit;
	vertical-align:middle;
}
.ie9 .conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options label > input,
.ie9 .toolbar-wrapper .toolbar-filter-overlay .filter-options label > input {
	margin-bottom: 4px;
}
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options label > input + span,
.toolbar-wrapper .toolbar-filter-overlay .filter-options label > input + span {
	margin-{vb:stylevar left}:3px;
	color:{vb:stylevar toolbar_dropdown_text_color};
}
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options label > input:checked + span,
.toolbar-wrapper .toolbar-filter-overlay .filter-options label > input:checked + span {
	color:{vb:stylevar toolbar_dropdown_text_color_active};
}
.conversation-toolbar-wrapper.h-disabled form,
.conversation-toolbar-wrapper.h-disabled input[type=text],
.conversation-toolbar-wrapper.h-disabled input[type=radio],
.conversation-toolbar-wrapper.h-disabled div,
.conversation-toolbar-wrapper.h-disabled span,
.conversation-toolbar-wrapper.h-disabled label,
.conversation-toolbar-wrapper.h-disabled a {
	cursor:wait !important;
}
.conversation-toolbar-wrapper .filtered-by {
	border: {vb:stylevar toolbar_form_field_border};
	font-size: 1.1rem;
	height: 2.8rem;
	line-height: 2.8rem;
	margin-top: -1px;
	padding: 0 15px;
	background:{vb:stylevar toolbar_form_field_background};
}
.conversation-toolbar-wrapper .filtered-by > label {
	float:{vb:stylevar left};
	margin-{vb:stylevar right}:5px;
}
.conversation-toolbar-wrapper .filtered-by .filter-text {
	margin-top: 0;
	margin-{vb:stylevar right}:5px;
	margin-bottom:0;
	margin-{vb:stylevar left}:1px;
	position: relative;
	padding-{vb:stylevar right}: 18px;
	white-space: nowrap;
	float: {vb:stylevar left};
	color:#6D6D6D;
}
.filtered-by .b-icon__x-circle {
	position: absolute;
	top: 50%;
	{vb:stylevar right}: 3px;
	margin-top:-5px;
	cursor: pointer;
}
/*End Conversation Bar*/

/* Standard Dropdown */
.selectBox-dropdown {
	border: {vb:stylevar form_dropdown_border};
	<vb:comment>Match height of .b-form-input__input.</vb:comment>
	font: inherit;
	line-height: 1.4;
	height: auto;
}
.selectBox-dropdown:hover {
	color: {vb:stylevar form_dropdown_text_color_hover};
}
.selectBox-dropdown .selectBox-label {
	<vb:comment>Match padding from .b-form-input__input.</vb:comment>
	padding: 3px 8px;
	display: block;
	color: {vb:stylevar form_dropdown_text_color};
	background: {vb:stylevar form_dropdown_background};
	<vb:comment>Match height from .b-form-input__input</vb:comment>
	line-height: 1.4;
	height: auto;
}
.selectBox-dropdown,
.selectBox-options {
	<vb:comment>Match height from .b-form-input__input</vb:comment>
	font: inherit;
	line-height: 1.4;
	height: auto;
}
.selectBox-options {
	background: {vb:stylevar form_dropdown_background};
}
.selectBox-options li a {
	color: {vb:stylevar form_dropdown_text_color};
	<vb:comment>Match height from .b-form-input__input</vb:comment>
	font: inherit;
	line-height: 1.4;
	height: auto;
	<vb:comment>Match top & bottom padding from .b-form-input__input</vb:comment>
	padding-top: 3px;
	padding-bottom: 3px;
}
.selectBox-options li.selectBox-selected a, .selectBox-options li.selectBox-hover a {
	background: {vb:stylevar form_dropdown_background_hover};
	color: {vb:stylevar form_dropdown_text_color_hover};
}
.selectBox-dropdown .selectBox-label img,
.selectBox-options li a img {
	vertical-align: middle;
	margin-top: -2px;
}
/* End Standard Dropdown */

.search-tips-dialog .table .td {
	width: 50%;
}
.dialog-container .search-tips-dialog .dialog-content code {
	background:transparent;
}
.search-tips-dialog .table .td p {
	margin-bottom:0;
	margin-top:15px;
}

.searchConfigFields .autocomplete-container .autocompleteHelper,
.searchPopupBody .autocomplete-container .autocompleteHelper {
	width:150px !important;
	margin-top: 0 !important;
	padding-top: 1px;
}
.searchPopupBody .autocomplete-container .autocompleteHelper {
	width:100px !important;
}
/* End search layout */

/*Tag Cloud*/
.tagcloudlink.level1 {
	font-size: xx-small;
}
.tagcloudlink.level2 {
	font-size: small;
}
.tagcloudlink.level3 {
	font-size: medium;
}
.tagcloudlink.level4 {
	font-size: large;
}
.tagcloudlink.level5 {
	font-size: xx-large;
}
/*End Tag Cloud*/

.bluebox
{
	background: #eeeeff;
	padding: 0;
}

.filterSelected
{
	font-weight: bold;
}

<vb:comment>For some reason, IE9 produces a big gap in between the li's</vb:comment>
.ie9 .conversation-toolbar-wrapper .conversation-toolbar > ul > li > button.subscribe-btn {
	min-width:auto;
}

/*Quotes/Codes*/
.bbcode_container {
	<vb:comment>/* keep this synced with .axd_first-post and .axd_last-post so ads aren't obscured VBV-11912 */</vb:comment>
	clear: {vb:stylevar right};
}
.bbcode_container .bbcode_quote {
	background: {vb:stylevar bbcode_quote_background};
	font-style: italic;
	padding: 10px;
	padding-{vb:stylevar right}:15px;
	padding-{vb:stylevar left}:38px;
	position: relative;
	margin-bottom: 15px;
}
.bbcode_container .bbcode_quote .bbcode_quote_container {
	position: absolute;
	{vb:stylevar left}: 10px;
	top: 10px;
}
.bbcode_container .bbcode_quote .message {
	margin-top:5px;
}

.bbcode_postedby .b-icon__double-arrow-right--blue {
	margin-{vb:stylevar left}:2px;
	overflow:hidden;
}
.bbcode_container .bbcode_description {
	margin-top:10px;
}
.bbcode_container .bbcode_code {
	font-family:Courier,'Courier New',Monaco,Monospace;
	font-size: {vb:stylevar bbcode_code_fontsize};
	line-height: {vb:stylevar bbcode_code_line_height};
	background: {vb:stylevar bbcode_code_background};
	border: {vb:stylevar bbcode_code_border};
	overflow: auto;
	padding: 6px; <vb:comment>If you change this padding, also change the vertical padding value in the bbcode_* templates</vb:comment>
	width: 100%;
	box-sizing: border-box;

	<vb:comment>We want code blocks to be ltr even if the language is rtl</vb:comment>
	text-align:left;
	direction: ltr;
}
/*End Quotes/Codes*/

/* Video */
<vb:comment>
/* TODO: Remove OLD__ after stream view CSS is converted. BEM */
</vb:comment>
.linkcontainer .videocontainer .videothumbnail,
.post-content .videocontainer .videothumbnail,
.OLD__post-content .videocontainer .videothumbnail {
	margin-{vb:stylevar right}:15px;
	margin-bottom:15px;
	border:1px solid {vb:stylevar slideshow_image_background.backgroundColor};
	background: {vb:stylevar slideshow_image_background};
	width:300px;
	height:225px;
	float:{vb:stylevar left};
	position:relative;
}
.youtube-widget .widget-content .videocontainer .videothumbnail {
	height: 260px;
	background: #000;
}

.videothumbnail img,
.videothumbnail div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.videothumbnail .videothumbnailoverlay {
	background-image:url("images/css/video_thumbnail_overlay.png");
	background-repeat:no-repeat;
	background-position:center;
}
.videothumbnail .videothumbnailoverlay:hover {
	background-image:url("images/css/video_thumbnail_overlay_hover.png");
}
.stream-view.activity-view .videoscontainer .videocontainer {
	margin-bottom:15px;
}
.videocontainer .restrain {
	max-width: 640px;
	margin-{vb:stylevar right}: 15px;
}

<vb:comment>** START ** Video Responsive</vb:comment>
.l-small .linkviewcontainer .videocontainer {
	<vb:comment>Move desc below video in Responsive</vb:comment>
	float: none;
	margin-bottom: 15px;
}
.l-small .videocontainer .restrain {
	<vb:comment>Prevent videos from being cut off on one side in responsive</vb:comment>
	width: 100%;
}
<vb:comment>** END ** Video Responsive</vb:comment>

<vb:comment>/* @TODO Figure out a proper way to do this in conjuction with BEM when the videocontainer is converted to BEM. */</vb:comment>
.b-post-sm__content .videocontainer,
.b-post-sm__content .videocontainer .videothumbnail {
	width:265px;
	height:199px;
}
.b-post-sm__content--has-avatar .videocontainer,
.b-post-sm__content--has-avatar .videocontainer .videothumbnail {
	width:220px;
	height:165px;
}
.linkviewcontainer .urlvideo_container .videocontainer,
.urlvideo_container .videocontainer .videothumbnail {
	background: #000;
	float:{vb:stylevar left};
	margin-{vb:stylevar right}:12px;
	margin-bottom:10px;
	width:225px;
	height:169px;
}
.linkviewcontainer .urlvideo_container .videocontainer iframe {
	max-width: 225px;
	max-height: 169px;
}
.linkviewcontainer .videocontainer {
	<vb:comment>This float is intended to float the .videocontainer element
	*only* when it is used as part of the LINK/VIDEO content type. When it
	is used in the [VIDEO] bbcode, or in the sidebar module, we don't want
	a float. See VBV-16743.</vb:comment>
	float: {vb:stylevar left};
}


.videoscontainer.no-signature {margin-bottom:30px;}

/* Link */
.linkcontainer .urlvideo_container {
	float: {vb:stylevar left};
	width: 225px;
	margin-{vb:stylevar right}:12px;
}
.linkcontainer .urlinfo .title {
	color:{vb:stylevar body_link_color};
	text-decoration: {vb:stylevar body_link_decoration};
}
.linkcontainer .jcarousel-container {
	width: 90px;
	height: 75px;
}
.linkcontainer .jcarousel-clip {
	overflow: hidden;
	width: 90px;
	height: 75px;
}
.linkcontainer .jcarousel-item {
	width: 90px;
	height: 75px;
}
.linkcontainer .jcarousel-item-horizontal {
	margin-{vb:stylevar left}: 0;
	margin-{vb:stylevar right}: 0;
}
.linkcontainer .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
/* Link view container */
.videoscontainer .linkviewcontainer {
	float: {vb:stylevar left};
	width: 100%;
}
.thread-view .conversation-starter .linkviewcontainer {
	float: {vb:stylevar left};
}
.linkviewcontainer .urlimg_container {
	float: {vb:stylevar left};
	margin-{vb:stylevar right}: 12px;
}
.linkviewcontainer .urlimg_container img {
	max-height: 75px;
	max-width: 90px;
}
.linkviewcontainer .urlinfo {
	display: block;
	vertical-align: top;
}
.linkviewcontainer .urlinfo .url {
	font-weight:bold;
	color: {vb:stylevar body_link_color};
	text-decoration: {vb:stylevar body_link_decoration};
}
.linkviewcontainer .urlinfo .meta {
	margin:10px 0 15px;
	color:#556065;
}
.list-container.thread-view .list-item.deleted.show-deleted-content .linkviewcontainer .urlinfo .meta {
	margin-bottom:0;
}
.stream-view .linkviewcontainer .urlinfo .meta {
	margin-bottom:0;
}
.linkcontainer .urlinfo .meta {
	margin-bottom:10px;
}
/* Following full END */

<vb:comment>
/* Followers page */
/*
.subscriptions-widget .subscribersContent .header {
	float: none;
	line-height: 2rem;
	font-weight: bold;
}

.subscriptions-widget .subscribersContent .header .first_column {
	width: 40%;
}

.subscriptions-widget .subscribersContent .header .second_column {
	width: 29%;
}

.subscriptions-widget .subscribersContent .header .third_column {
	width: 30%;
}

.subscriptions-widget .subscribersContent .content .user_follower {
	line-height: 2.5rem;
	height: 5rem;
}

.subscriptions-widget .subscribersContent .content .first_column .avatar {
	margin: 5px;
}
*/
/* Followers full END */
</vb:comment>

/*Edit Conversation Post*/
.edit-post .conversation-body,
.edit-post > .post-footer-wrapper {
	display:none;
}
.edit-post .post-content {
	padding-top:0 !important;
}
.edit-post .conversation-body {
	padding-bottom:0 !important;
}

<vb:comment>
/* TODO: Remove after stream view CSS is converted. BEM */
</vb:comment>
.OLD__edit-conversation-container > .b-content-entry,
.OLD__edit-conversation-container > #newTextForm {
	margin: 15px;
	padding-top: 15px;
}
.edit-post .edit-conversation-container {
	overflow: hidden; /* removes the whitespace that shows below the content entry buttons in edit mode. VBV-8818 */
}
/*End Edit Conversation Post*/

.gallery-wrapper {
	position:relative;
}

.upload-photo-dialog-container {
	min-height:318px;
}

.gallery-wrapper .photo-display-container.entry-field {
	padding:0;
	width:99.8%;
	min-height:72px;
}
.edit-post .gallery-wrapper .photo-display-container.entry-field {
	margin-top:170px;
}
.gallery-wrapper .photo-display {
	margin-top:10px;
}
.upload-photo-dialog-container .gallery-wrapper .photo-display {
	margin:0;
	min-height:263px;
	max-height:525px;
	overflow:hidden;
}
.upload-photo-dialog-container.has-scrollbar .gallery-wrapper .photo-display {
	overflow:auto;
}
.dialog-container.ui-dialog .sb-dialog.photo-display-container {
	padding:0;
}
.gallery-wrapper .photo-display .photo-item-wrapper {
	border:{vb:stylevar popup_border};
	margin-{vb:stylevar left}:-1px;
	margin-top:-1px;
	height:261px;
	width: 200px;
}
.attach-limit-warning {
	margin-bottom: 2px;
	border: 0;
}
.gallery-wrapper .photo-display .photo-item-wrapper.last-in-row {
	border-{vb:stylevar right}:0;
}
.upload-photo-dialog-container.has-scrollbar .gallery-wrapper .photo-display .photo-item-wrapper.last-in-row {
	border-{vb:stylevar right}:{vb:stylevar popup_border};
	margin-{vb:stylevar right}:10px;
}
.gallery-wrapper .photo-display .photo-item-wrapper:first-child {
	border-radius: 0;
	border-top-{vb:stylevar left}-radius: 3px;
}
.gallery-wrapper .photo-display .photo-item-wrapper:first-child + .photo-item-wrapper + .photo-item-wrapper {
	border-radius: 0;
	border-top-{vb:stylevar right}-radius: 3px;
}
.gallery-wrapper .photo-display .photo-item .thumbnail-container {
	height: 100%;
	position: relative;
}
.gallery-wrapper .photo-display .photo-item .thumbnail-container .thumbnailbox-wrapper .thumbnailbox {
	display:table-cell;
	height: 180px;
	width: 180px;
	vertical-align:middle;
	padding:10px;
}
.gallery-wrapper .photo-display .photo-item .thumbnail-container .thumbnailbox-wrapper {
	display:table;
	height: 200px;
	width: 200px;
	table-layout:fixed;
}
.gallery-wrapper .photo-display .photo-item .thumbnail-container .thumbnailbox-wrapper .thumbnailbox .thumbnail {
	height: auto;
	width: auto;
	max-height: 180px;
	max-width: 180px;
	position:relative;
}
.gallery-wrapper .photo-display .photo-item .thumbnail-container .divider {
	border:{vb:stylevar popup_border};
	width: 180px;
	margin:0 10px;
}
.photo-item .remove-icon {
	position: absolute;
	bottom: 0;
	{vb:stylevar right}: 0;
	cursor:pointer;
}
.gallery-wrapper .photo-display .photo-item .thumbnailbox .thumbnail-holder {
	position:relative;
	text-align:center;
}
.gallery-wrapper .photo-display .photo-item .photo-caption {
	min-height: 4rem;
	padding: 10px;
	font-size: 1.1rem;
	width:180px;
}
.gallery-wrapper .photo-display .photo-item .photo-caption .caption-box {
	border: 0;
	font-size: 1.1rem;
	margin: 0;
	width: 100%;
	height: 4rem;
	resize:none;
	line-height: 1.333rem;
	overflow:hidden;
	color:inherit;
	background: {vb:stylevar popup_background};
}
.gallery-wrapper .photo-display .photo-item .photo-caption .caption-box:focus {
	overflow:auto;
}
.conversation-list .list-item-gallery .post-content .post-content-text {
	margin-bottom:15px;
}

/*slideshow*/
.slideshow-dialog {
	padding:0 !important;
	border:0 !important;
	border-radius:0;
	background: transparent;
}
.slideshow {
	padding: 0 !important;
	background:{vb:stylevar slideshow_image_background} !important;
	border-radius: {vb:stylevar slideshow_border_radius_size};
}
<vb:comment>/* Needs double selector for more specificity to override jQuery UI CSS */</vb:comment>
.ui-dialog-content.slideshow {
	border: {vb:stylevar slideshow_border};
}
.slideshow .thumbnails {
	margin: 0 15px;
	background: {vb:stylevar slideshow_thumbnail_carousel_background};
}
.slideshow .caption {
	background: {vb:stylevar slideshow_image_background};
	color: {vb:stylevar slideshow_image_text_color};
	font-size: 1.2rem;
	margin:15px;
}
.slideshow .caption .links {
	margin-bottom:5px;
}
.slideshow .caption .title {
	overflow-wrap: break-word;
	word-wrap: break-word;
}
<vb:comment>
Firefox on desktop seems to have a minimum height of 34px before displaying the scrollbars even if overflow:auto and fixed height are set.
Presumably because the height of the Up and Down scrollbar buttons is 34px (17px each) which is bigger than other browsers? (VBV-3436)
</vb:comment>
.slideshow .slideshow-wrapper > .close-btn {
	position:absolute;
	top:0;
	{vb:stylevar right}: 10px;
	z-index: 9999;
	cursor:pointer;
	opacity: 0.75;
	filter: alpha(opacity=75);
	border: {vb:stylevar slideshow_close_button_border};
	border-radius: {vb:stylevar slideshow_close_button_border_radius_size};
}
.slideshow.jcarousel-direction-rtl {
	direction: rtl;
}
.slideshow .jcarousel-clip {
	overflow: hidden;
	margin: 10px auto;
}
.slideshow .thumbnails .jcarousel-clip {
	background:transparent;
}
<vb:comment>/* Slideshow width and height set in vbSlideshow.js */</vb:comment>
.slideshow .thumbnails > .jcarousel-clip-horizontal {
	height: 60px;
}
.slideshow .jcarousel-item {
	display:table;
	width: 100%;
}
.slideshow .thumbnails .jcarousel-item {
	display:block;
}
.slideshow .thumbnails > .jcarousel-clip .jcarousel-item {
	width: 80px;
	height: 60px;
	overflow:hidden;
}
.slideshow .jcarousel-item .image-wrapper {
	display:table-cell;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
}
.slideshow .thumbnails .jcarousel-item .image-wrapper {
	cursor:pointer;
	display:block;
}
.slideshow .thumbnails .jcarousel-item .image-wrapper.dimmed {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.slideshow .thumbnails .jcarousel-item .image-wrapper:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.slideshow .jcarousel-item .image {
	width:auto;
	height:auto;
}
.slideshow .jcarousel-item .thumbnail {
	max-width: 80px;
	max-height: 60px;
	width:auto;
	height:auto;
	vertical-align:middle;
	margin: auto auto;
}
.slideshow .jcarousel-item-horizontal {
	margin-{vb:stylevar left}: 0;
}
.slideshow .thumbnails .jcarousel-item-horizontal {
	margin: 0 5px;
	background: {vb:stylevar slideshow_thumbnail_background};
}
.slideshow.jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-{vb:stylevar left}: 10px;
	margin-{vb:stylevar right}: 0;
}

<vb:comment>
/**
 * Horizontal Buttons
 */
</vb:comment>
.slideshow .slideshow-wrapper > .jcarousel-next-horizontal {
	position: absolute;
	top: 161px;
	{vb:stylevar right}: 0;
	cursor: pointer;
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.slideshow .slideshow-wrapper > .jcarousel-next-horizontal.jcarousel-next-disabled,
.slideshow .slideshow-wrapper > .jcarousel-prev-horizontal.jcarousel-prev-disabled {
	display:none !important;
}
.slideshow.jcarousel-direction-rtl .slideshow-wrapper > .jcarousel-next-horizontal {
	{vb:stylevar left}: 0;
	{vb:stylevar right}: auto;
}
.slideshow .thumbnails > .jcarousel-next-horizontal {
	position: absolute;
	top: 0;
	{vb:stylevar right}: 0;
	cursor: pointer;
}
.slideshow .thumbnails > .jcarousel-next-horizontal.jcarousel-next-disabled {
	cursor:default;
}
.slideshow .slideshow-wrapper > .jcarousel-prev-horizontal {
	position: absolute;
	top: 161px;
	{vb:stylevar left}: 0;
	cursor: pointer;
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.slideshow.jcarousel-direction-rtl .slideshow-wrapper > .jcarousel-prev-horizontal {
	{vb:stylevar left}: auto;
	{vb:stylevar right}: 0;
}
.slideshow .thumbnails > .jcarousel-prev-horizontal {
	position: absolute;
	top: 0;
	{vb:stylevar left}: 0;
	cursor: pointer;
}
.slideshow .thumbnails > .jcarousel-prev-horizontal.jcarousel-prev-disabled {
	cursor:default;
}




.widget-content,
.post-content{
	color:{vb:stylevar body_text_color};
}
/*styles for generic tabs*/
.widget-tabs.ui-tabs .widget-tabs-panel > .ui-tabs-panel {
	padding:0;
}
.ui-widget-content {
	<vb:comment>Override jQuery UI CSS so we inherit from the parent (and thus vB stylevars</vb:comment>
	color: inherit;
	<vb:comment>Inherit from body_background. See VBV-18351</vb:comment>
	background: inherit;
}
.ui-widget-content.dialog-container {
	<vb:comment>Set background so it doesn't inherit from body_background for dialogs. See VBV-18372.</vb:comment>
	background: {vb:stylevar popup_background};
	color: {vb:stylevar popup_text_color};
}
.widget-tabs.ui-tabs .ui-widget-content a,
.widget-tabs.ui-tabs .ui-widget-content a:active,
.widget-tabs.ui-tabs .ui-widget-content a:visited,
.sb-dialog.ui-dialog-content.ui-widget-content a,
.sb-dialog.ui-dialog-content.ui-widget-content a:active,
.sb-dialog.ui-dialog-content.ui-widget-content a:visited {
	color: {vb:stylevar body_link_color};
	text-decoration: {vb:stylevar body_link_decoration};
}
.widget-tabs.ui-tabs .ui-widget-content a:hover,
.sb-dialog.ui-dialog-content.ui-widget-content a:hover {
	color: {vb:stylevar body_link_color_hover};
	text-decoration: {vb:stylevar body_link_decoration_hover};
}
<vb:comment>/* TODO we should be able to style this without using important so much */</vb:comment>
.view-mode .widget-tabs .widget-tabs-nav {
	min-height: {vb:stylevar module_tab_height} !important;
	line-height: {vb:stylevar module_tab_height} !important;
	border: {vb:stylevar module_tab_border} !important;
	border-bottom: 0 none !important;
	margin: 0 0 -{vb:stylevar module_tab_border.width, withUnits} 0 !important;
	padding:0 !important;
	position: relative !important;
	background: {vb:stylevar module_tab_background} !important;
	text-transform: {vb:stylevar module_tab_text_transform};
	border-radius: {vb:stylevar module_tab_border_radius_size} {vb:stylevar module_tab_border_radius_size} 0 0 !important;
}
.view-mode .widget-tabs .widget-tabs-nav-background {
	border: {vb:stylevar module_tab_border} !important;
	border-bottom: 0 none !important;
	background: {vb:stylevar module_tab_background} !important;
	border-radius: {vb:stylevar module_tab_border_radius_size} {vb:stylevar module_tab_border_radius_size} 0 0 !important;
}
.view-mode .widget-tabs .widget-tabs-nav.widget-header .module-title {
	text-transform: inherit;
}
.view-mode .conversation-content-widget.widget-tabs .widget-tabs-nav {
	margin: 0 0 -1px !important;
}
.view-mode .widget-tabs .widget-tabs-nav .module-title {
	width:100%;
	min-height: {vb:stylevar module_tab_height};
	height: {vb:stylevar module_tab_height};
	margin:0 !important;
	background: {vb:stylevar module_tab_background} !important;
}
.widget-tabs .widget-tabs-nav .ui-tabs-nav {
	background: {vb:stylevar module_tab_background};
	border: 0;
	height: 100%;
	padding: 0;
	border-bottom-{vb:stylevar right}-radius:0;
}
.activity-stream-widget.widget-tabs .widget-header.widget-tabs-nav .ui-tabs-nav {
	<vb:comment>/* This appears to not be used, commenting it only in case this change breaks something. */</vb:comment>
	/* height: 23px; */
}
#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-item .lastpost .lastpost-title,
#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-item .lastpost .lastpost-title {
	white-space:normal;
}
#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .widget-header,
#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .widget-header {
	max-height:49px;
	height:auto !important;
}
#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .widget-header .module-title,
#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .widget-header .module-title {
	max-height:49px;
	height:auto !important;
}
#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget.widget-tabs .widget-header.widget-tabs-nav .ui-tabs-nav,
#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget.widget-tabs .widget-header.widget-tabs-nav .ui-tabs-nav {
	height: auto;
}
.widget-tabs .widget-tabs-nav li {
	background: transparent;
	<vb:comment>Negative top margin to account for border width</vb:comment>
	margin: -{vb:stylevar module_tab_border.width, withUnits} 0 0 0;
	padding: 0 !important;
	<vb:comment>Border should take the same space as the active border, but here it's transparent</vb:comment>
	border: {vb:stylevar module_tab_border_active};
	border-bottom: 0 none;
	border-color: transparent;
	height: {vb:stylevar module_tab_height};
	font: {vb:stylevar module_tab_font};
	line-height: {vb:stylevar module_tab_height};
	border-radius: {vb:stylevar module_tab_border_radius_size} {vb:stylevar module_tab_border_radius_size} 0 0;
}
.widget-tabs .widget-tabs-nav li:first-child {
	margin-{vb:stylevar left}: -{vb:stylevar module_tab_border.width, withUnits};
}
.widget-tabs .widget-tabs-nav li.ui-tabs-active {
	background: {vb:stylevar module_tab_background_active};
	border: {vb:stylevar module_tab_border_active};
	border-bottom: 0 none;
	font: {vb:stylevar module_tab_font_active};
	line-height: {vb:stylevar module_tab_height};
}
.widget-tabs .widget-tabs-nav .ui-tabs-nav li a {
	padding:0 10px !important;
	color:{vb:stylevar module_tab_text_color};
	text-decoration: {vb:stylevar module_tab_text_decoration};
}
.widget-tabs .widget-tabs-nav .ui-tabs-nav li a:hover {
	color: {vb:stylevar module_tab_text_color_hover};
	text-decoration: {vb:stylevar module_tab_text_decoration_hover};
}
.widget-tabs .widget-tabs-nav li.ui-tabs-active a,
.widget-tabs .widget-tabs-nav li.ui-tabs-active a:hover {
	color:{vb:stylevar module_tab_text_color_active};
	text-decoration: {vb:stylevar module_tab_text_decoration_active};
	cursor:default;
}
.view-mode .widget-tabs .widget-tabs-nav .module-buttons {
	position:absolute;
	{vb:stylevar right}:6px;
	top:50%;
	margin:-9px 0 0 0 !important;
}
.widget-tabs .widget-tabs-panel {
	padding-top:0 !important;
}
.widget-tabs .widget-tabs-panel--border {
	<vb:comment>Border & radius matches .canvas-layout-container .canvas-widget</vb:comment>
	border: {vb:stylevar module_content_border};
	border-bottom-left-radius: {vb:stylevar module_border_radius_size};
	border-bottom-right-radius: {vb:stylevar module_border_radius_size};
}
.widget-tabs.channel-conversation-list-wrapper {
	border:0;
	padding:0;
	margin-top:15px;
}
<vb:comment>
 Override border on .widget-tabs.ui-widget-content (ui- class added by tabs).
 Copy of the .widget-tabs.channel-conversation-list-wrapper rule, except for margin-top
</vb:comment>
.widget-tabs.widget-tabs--no-border {
	border:0;
	padding:0;
}


<vb:comment>
	Allow using widget-tabs styling generically. To do so, add the 
	.widget-tabs--generic class to the .widget-tabs element.
	TODO: Refactor widget-tabs into the BEM model.
</vb:comment>
.widget-tabs.widget-tabs--generic .widget-tabs-nav {
	height: auto;
}
.widget-tabs.widget-tabs--generic .widget-tabs-nav .ui-tabs-nav {
	border: inherit;
	<vb:comment>Important needed to override other .widget-tabs rules that also use it.</vb:comment>
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}


.view-mode .subchannel-widget + .channel-content-widget .channel-conversation-list-wrapper {
	margin-top:0;
}
.activity-stream-widget .ui-tabs-nav li a:hover,
.profileTabs .ui-tabs-nav li a:hover,
.conversation-content-widget .ui-tabs-nav li a:hover,
.widget-tabs.channel-conversation-list-wrapper .ui-tabs-nav li a:hover {
	color:{vb:stylevar module_tab_text_color_hover};
	text-decoration: {vb:stylevar module_tab_text_decoration_hover};
}
.activity-stream-widget .ui-tabs-nav li.ui-tabs-active a:hover,
.profileTabs .ui-tabs-nav li.ui-tabs-active a:hover,
.conversation-content-widget .ui-tabs-nav li.ui-tabs-active a:hover,
.widget-tabs.channel-conversation-list-wrapper .ui-tabs-nav li.ui-tabs-active a:hover {
	text-decoration: {vb:stylevar module_tab_text_decoration_active};
	color:{vb:stylevar module_tab_text_color_active};
	cursor: default;
}
/*end styles for generic tabs*/

/* stream view (activity stream, channel conversation list, conversation detail stream*/
.conversation-list.stream-view {
	border: {vb:stylevar primary_module_border};
}
.activity-stream-widget .conversation-list.stream-view,
.channel-content-widget .conversation-list.stream-view,
.socialgroup-category-list-widget .conversation-list.stream-view {
	border-width:0 0 1px 0;
}
.activity-stream-widget .conversation-list.stream-view .list-item-header .avatar,
.channel-content-widget .conversation-list.stream-view .list-item-header .avatar,
.activity-stream-widget .post-footer-wrapper .post-footer .divider,
.channel-content-widget .post-footer-wrapper .post-footer .divider,
.blog-conversation-content-widget .post-footer-wrapper .post-footer .divider,
.activity-stream-widget .post-footer-wrapper .post-footer .post-info,
.channel-content-widget .post-footer-wrapper .post-footer .post-info,
.blog-conversation-content-widget .post-footer-wrapper .post-footer .post-info {
	margin-{vb:stylevar left}:0;
}
.activity-stream-widget .conversation-list.stream-view .list-item-header .info,
.channel-content-widget .conversation-list.stream-view .list-item-header .info,
.activity-stream-widget .post-footer-wrapper .post-footer .divider,
.channel-content-widget .post-footer-wrapper .post-footer .divider,
.blog-conversation-content-widget .post-footer-wrapper .post-footer .divider {
	margin-{vb:stylevar right}:0;
}
.activity-stream-widget .list-container .list-item .list-item-body,
.channel-content-widget .list-container .list-item .list-item-body {
	padding-{vb:stylevar left}:0;
	padding-{vb:stylevar right}:0;
}
.article-list.list-container .list-item .list-item-body {
	padding-top: 0;
}
.conversation-list.stream-view .list-item {
	border:0;
	border-top:{vb:stylevar primary_module_border};
	width:100%;
	margin:0;
	padding-top:15px;
	background:{vb:stylevar list_item_background};
	border-radius:0;
}
<vb:comment>/* 
	The "stream-view-full-width" class and the "activity_stream_content_padding"
	stylevar together provide a way to change the padding for the stream view
	elements that are shown "full width" in the default style. See VBV-14035 and
	VBV-5357
*/</vb:comment>
.conversation-list.stream-view.stream-view-full-width .list-item {
	padding: {vb:stylevar activity_stream_content_padding}; 
	box-sizing: border-box;
}
.conversation-list.stream-view .list-item.comment-entry-box-container {
	padding-top:0;
}
.conversation-list.stream-view .list-item:first-child {
	border-top:0;
}
.conversation-list.stream-view .list-item-header {
	width:100%;
	position:relative;
}
.conversation-list.stream-view .list-item-header .post-header {
	width:60%;
}
.conversation-list.stream-view.full-activity-view .list-item-header .post-header {
	margin-top:1px;
}
.conversation-list.stream-view .list-item-header .post-header.table {
	height:34px;
}
.article-list.stream-view .list-item-header .post-header.table {
	height: auto;
}
.album-widget .conversation-list.stream-view .list-item-header .post-header {
	margin-{vb:stylevar left}:15px;
}
.conversation-list.stream-view .list-item-header .post-header .post-action-wrapper {
	width:100%;
}
.conversation-content-widget .conversation-list.stream-view .list-item-header .post-header.table .post-action-wrapper.td {
	line-height: 1.6rem;
}
.conversation-content-widget .conversation-list.stream-view .list-item-header .post-header .post-action-wrapper .author {
	line-height: 1.6rem;
	margin-top:0;
}
.conversation-content-widget .conversation-list.stream-view .list-item-header .post-header .user-profile.author {
	font-weight:bold;
}
.conversation-list.stream-view .list-item-header .avatar {
	margin-{vb:stylevar left}:15px;
}
.profile-widget .conversation-list.stream-view .list-item-header {
	margin-{vb:stylevar left}:15px;
}
.profile-widget .conversation-list.stream-view .list-item-header .avatar {
	margin-{vb:stylevar left}: 0;
}
.profile-widget .conversation-list.stream-view .list-item-header .info {
	margin-{vb:stylevar right}: 30px;
}
.search-results-widget .list-item-header > .post-header,
.search-results-widget .list-item-header > .channel-info {
	margin-{vb:stylevar left}:15px;
}
.search-results-widget .list-item-header > .avatar {
	margin-{vb:stylevar right}:-5px;
}
.conversation-list.stream-view .list-item-header .info {
	margin-{vb:stylevar right}:15px;
	text-align:{vb:stylevar right};
}
.conversation-list.stream-view .list-item-header .info .post-date {
	float:none;
}
.conversation-list.stream-view .list-item-header .info .goto-post {
	display:block;
}
.conversation-list.stream-view .list-item-header .info .subscribed {
	text-align:{vb:stylevar right};
	color: {vb:stylevar time_stamp_color};
	font-size: 1.1rem;
	font-weight: bold;
}
.conversation-list.stream-view .list-item-header .info .joined {
	text-align:{vb:stylevar right};
	color: {vb:stylevar time_stamp_color};
	font-size: 1.1rem;
	font-weight: bold;
}
.conversation-list.stream-view .list-item-header .channel-info a {
	font-weight:normal;
	color: {vb:stylevar post_controls_text_color};
}
.list-item-channel .channel-info {
	width:90%;
}
.list-item-channel .channel-info .channel-title {
	overflow:hidden;
	overflow-wrap: break-word;
	word-wrap:break-word;
	margin-left: 40px;
}
.list-item-channel .channel-info .channel-desc{
	margin-left: 40px;
}
.conversation-list.stream-view .list-item-body .post-content.ellipsis.multiline,
.search-widget .conversation-list .list-item-body.ellipsis.multiline {
	max-height: 3.2rem;
	line-height: 1.6rem;
}

.conversation-list.stream-view .list-item-body .post-links,
.pm-message-list .list-item .post-links {
	font-size: 1rem;
	font-weight: bold;
	margin-top: 10px;
	text-transform: uppercase;
}
.conversation-list.stream-view .list-item-body .post-links.hide-see-link .see-link,
.conversation-list.stream-view .list-item-body .post-links.hide-see-link > span,
.pm-message-list .list-item .post-links.hide-see-link .see-link {
	display:none;
}
.conversation-list.stream-view .list-item-body .post-links > span {
	 padding: 0 3px;
}
.conversation-list.stream-view .list-item-video .list-item-body .post-content,
.conversation-list.stream-view .list-item-gallery .list-item-body .post-content,
.conversation-list.stream-view .list-item-link .list-item-body .post-content {
	margin-bottom:15px;
}
.media-tab .conversation-list.stream-view .list-item-gallery .list-item-body .post-content {
	margin-bottom:10px;
}
.conversation-toolbar-wrapper + .scrolltofixed-filler + .conversation-list.stream-view,
.conversation-toolbar-wrapper + .scrolltofixed-filler + .conversation-content .conversation-list.stream-view {
	margin-top:-2px;
}
.conversation-list.stream-view .list-item-poll .list-item-body .post-content {
	max-height:none;
}
.conversation-list.stream-view.activity-view .list-item-poll .list-item-body .post-content ul.poll {
	max-height:78px;
}
.conversation-list.stream-view.activity-view .list-item-poll .list-item-body .post-content ul.poll .poll-item {
	max-height:69px;
	/* width:95%;\
 */
}
.conversation-list.stream-view.activity-view .list-item-poll .view-more-ctrl.h-hide + .b-button-group + .view-less-ctrl {
	display:inline-block;
	margin-top:8px;
}
.conversation-list.stream-view.activity-view .list-item-poll .view-more-ctrl.h-hide + .b-button-group + .view-less-ctrl.h-hide {
	display:none;
}
.conversation-list.stream-view .list-item-poll .list-item-body .post-content .poll-desc {
	line-height: 1.6rem;
	margin-top:15px;
}
.conversation-list.stream-view .list-item-poll .list-item-body .post-content .poll-desc.ellipsis.multiline {
	max-height:36px;
}
.conversation-list.stream-view .list-item-poll .list-item-body .post-content .view-more-ctrl {
	display:inline-block;
	margin-top:-3px;
}
.conversation-list.stream-view .list-item-poll .list-item-body .post-content .view-more-ctrl.h-hide {
	display:none;
}
.conversation-list.thread-view .list-item-video .list-item-body .videoscontainer {
	float:{vb:stylevar left};
	width:100%;
}
.videoscontainer {
	overflow:hidden;
}
.conversation-empty {
	padding: 20px;
	text-align: center;
	font-weight: bold;
	background: {vb:stylevar no_content_background};
}
/* stream view END */
/*Activity Stream Forum Tab / SubForum Module*/
.forum-list-container {
	border-collapse: separate;
	font-size: 1.2rem;
	margin-bottom:0;
}
.subchannel-widget .forum-list-container {
	border:{vb:stylevar post_border};
	border-width:1px 0 0;
}
.forum-list-container th,
.forum-list-container td {
	padding:0;
}
.forum-list-container .forum-list-header .header-forum span {
	margin:0 12px;
}
.forum-list-container .forum-list-header .header-forum {
	border-{vb:stylevar left}:{vb:stylevar toolbar_border};
}
.forum-list-container .forum-list-header .header-lastpost {
	border-{vb:stylevar right}:{vb:stylevar toolbar_border};
}
.forum-list-container .forum-list-header th {
	border-bottom: {vb:stylevar toolbar_border};
}
#forum-tab .forum-list-container .forum-list-header th {
	border-top: {vb:stylevar toolbar_border};
	padding-top: 10px;
	padding-bottom: 10px;
}
.forum-list-container .forum-list-header .header-forum,
.forum-list-container .forum-item .cell-forum {
	width:50%;
	text-align:{vb:stylevar left};
}
.subchannel-widget .forum-list-container .forum-list-header .header-forum,
.subchannel-widget .forum-list-container .forum-item .cell-forum {
	width:54%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.forum-list-container .forum-list-header .header-topics,
.forum-list-container .forum-list-header .header-posts,
.forum-list-container .forum-item .topics-count,
.forum-list-container .forum-item .posts-count {
	text-align:center;
	padding-{vb:stylevar left}:8px;
	padding-{vb:stylevar right}:8px;
	width:4%;
}
.subchannel-widget .forum-list-container .forum-list-header .header-topics,
.subchannel-widget .forum-list-container .forum-list-header .header-posts,
.subchannel-widget .forum-list-container .forum-item .topics-count,
.subchannel-widget .forum-list-container .forum-item .posts-count {
	width:8%;
}
.forum-list-container .forum-list-header .header-topics,
.forum-list-container .forum-item .topics-count {
	padding-{vb:stylevar left}:16px;
}
.forum-list-container .forum-list-header .header-posts,
.forum-list-container .forum-item .posts-count {
	padding-{vb:stylevar right}:16px;
}
.forum-list-container .forum-list-header .header-lastpost,
.forum-list-container .forum-item .lastpost {
	width:42%;
	text-align:{vb:stylevar left};
}
.subchannel-widget .forum-list-container .forum-list-header .header-lastpost,
.subchannel-widget .forum-list-container .forum-item .lastpost {
	width:30%;
}
.forum-list-container .category-header {
	background: {vb:stylevar primary_module_subheader_background};
	height: 33px;
}
.forum-list-container .category-header td {
	padding:0 12px;
	border-top: {vb:stylevar primary_module_subheader_border};
}
.forum-list-container .forum-list-header + .category-header td {
	border-top: none;
}
.forum-list-container .category-header .category {
	font: {vb:stylevar forum_list_category_font};
	float:{vb:stylevar left};
	color:{vb:stylevar primary_module_subheader_text_color} !important;
}
.forum-list-container .forum-item td {
	padding:15px 0;
	border-top:1px dotted #B7BBCE;
	vertical-align:top;
}
.forum-list-container .category-header + .forum-item td,
.subchannel-widget .forum-list-container .forum-list-header + .forum-item td {
	border-top:0;
}
.subchannel-widget .forum-list-container .forum-item td {
	border-top:{vb:stylevar post_border};
}
.forum-list-container .forum-item td:first-child {
	padding-{vb:stylevar left}:5px;
}
.forum-list-container .forum-item .cell-forum .icon {
	vertical-align: middle;
	margin-{vb:stylevar right}:4px;
	margin-top: 2px;
}
.forum-list-container .forum-item.subforum-item .cell-forum .icon {
	margin-{vb:stylevar right}:5px;
}
.forum-list-container .forum-item .cell-forum .forum-title {
	font: {vb:stylevar forum_list_forum_font};
}
.forum-list-container .forum-item .cell-forum .viewer {
	color: {vb:stylevar content_list_secondary_text_color};
}
.forum-list-container .forum-item .cell-forum .viewer span {
}
.forum-list-container .forum-item .cell-forum .forum-desc {
	margin-{vb:stylevar left}: 24px;
}
.forum-list-container .forum-item.sub .cell-forum .forum-desc {
	margin-{vb:stylevar left}: 18px;
}
.forum-list-container .forum-item .lastpost > .lastpost-wrapper,
.forum-list-container .forum-item .cell-forum > .forum-wrapper {
	display: table;
	table-layout:fixed;
	width:100%;
}
.forum-list-container .forum-item .lastpost > .lastpost-wrapper > .lastpost-info,
.forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {
	display: table-cell;
	vertical-align: top;
	width:100%;
	padding-{vb:stylevar left}:0;
}
.forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {
	padding-{vb:stylevar left}:24px;
}
.forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info.forum-info-has-rss {
	<vb:comment>/* Allow room on the right for RSS icon VBV-12285 */</vb:comment>
	padding-{vb:stylevar right}: 35px;
}
.l-small .forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info.forum-info-has-rss {
	<vb:comment>/* RSS icon is removed at smaller screen sizes using .h-hide-on-small, so remove the unneeded padding in that case VBV-14296 */</vb:comment>
	padding-{vb:stylevar right}: 0;
}
.forum-list-container .forum-item .lastpost > .lastpost-wrapper > .avatar + .lastpost-info {
	padding-{vb:stylevar left}:42px;
}
.forum-list-container .forum-item .lastpost > .lastpost-wrapper > .lastpost-info > .lastpost-title,
.forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info > .forum-title {
	display: inline-block;
	width:100%;
}


.forum-list-container .forum-item,
.forum-list-container .subforum-list,
.blogmember-list .list-container .list-item,
.sg-groups-list .sg-groups-list-container .list-item {
	background: {vb:stylevar content_list_background};
	color: {vb:stylevar content_list_text_color};
}
<vb:comment>Extra selectors for specificity</vb:comment>
.widget-content .forum-list-container .forum-item a,
.widget-content .forum-list-container .forum-item a:active,
.widget-content .forum-list-container .forum-item a:visited,
.widget-content .forum-list-container .subforum-list a,
.widget-content .forum-list-container .subforum-list a:active,
.widget-content .forum-list-container .subforum-list a:visited, 
.widget-content .blogmember-list .list-container .list-item a,
.widget-content .blogmember-list .list-container .list-item a:active,
.widget-content .blogmember-list .list-container .list-item a:visited,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a:active,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a:visited {
	color: {vb:stylevar content_list_link_color};
	text-decoration: {vb:stylevar content_list_link_decoration};
}
.widget-content .forum-list-container .forum-item a:hover,
.widget-content .forum-list-container .subforum-list a:hover,
.widget-content .blogmember-list .list-container .list-item a:hover,
.widget-content .sg-groups-list .sg-groups-list-container .list-item a:hover {
	color: {vb:stylevar content_list_link_color_hover};
	text-decoration: {vb:stylevar content_list_link_decoration_hover};
}
.forum-list-container .forum-item .post-date,
.forum-list-container .subforum-list .post-date,
.blogmember-list .list-container .post-date,
.sg-groups-list .sg-groups-list-container .post-date {
	color: {vb:stylevar content_list_secondary_text_color};
}


.forum-list-container .subforum-list table {
	margin-bottom:0;
	<vb:comment>Table layout fixed and width keep the subforum table from exanding wider than the containing div. See VBV-14743.</vb:comment>
	table-layout: fixed;
	width: 100%;
}
.forum-list-container .subforum-list > td {
	padding-top:0;
	padding-{vb:stylevar right}:12px;
	padding-{vb:stylevar left}:29px;
	padding-bottom:15px;
}
.forum-list-container .subforum-list .subforum-header {
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: -6px;
}
.forum-list-container .subforum-list .subforum-item {
	padding-{vb:stylevar right}:40px;
	vertical-align: top;
}
.forum-list-container .subforum-list .subforum-item:last-child {
	padding-{vb:stylevar right}: 0;
}

<vb:comment>
VBV-11205: IE9 really doesn't like this padding.  It causes the description table cells to not wrap which blows out the width of
everything in some really unusual ways.  But it only does this in certain circumstances depending on the exact makeup of the forum
tree.  In particular it *seems* like this happens when the subforum list goes to more than one row, possibly only when the normal
render would cause that list to display under right hand column content.  However it appears that the behavior is also dependant
on the phrase of the mooon and the current market price of cheese.  Given that I can't predict exactly why IE9 wigs out I can't
guarentee this fixes all cases, but it fixes all cases I can find.  Lastly this may cause minor display issues with the
subforum list not having enough spacing, but it's way better than it used to be.
</vb:comment>
.ie9 .forum-list-container .subforum-list .subforum-item {
	padding-{vb:stylevar right}:0px;
}

.forum-list-container .subforum-list .subforum-item .icon,
.forum-list-container .forum-item.sub .cell-forum .icon {
	margin-{vb:stylevar right}: 7px;
	margin-top:2px;
	float:{vb:stylevar left};
}
.forum-list-container .subforum-list .subforum-item .subforum-info {
	float:{vb:stylevar left};
}

.list-footer {
	text-align: center;
	padding: 5px 10px;
	border-bottom: {vb:stylevar primary_module_border};
	background: {vb:stylevar module_tab_background};
	color: {vb:stylevar module_tab_text_color};
}
.subchannel-widget .list-footer {
	border-bottom: {vb:stylevar post_border};
}

/*Channel Widget - Topic Tab*/
.topic-list-container {
	width:100%;
	border:{vb:stylevar post_border};
	border-width:0 0 1px;
	margin-bottom:0;
	border-collapse:separate;
}
.topic-list-container .topic-list-header {
	height: 3.3rem;
	line-height: 3.3rem;
	font: {vb:stylevar primary_module_subheader_font};
	background:{vb:stylevar primary_module_subheader_background};
	color: {vb:stylevar primary_module_subheader_text_color};
}
.topic-list-container .topic-list-header th {
	height: 3.3rem;
	line-height: 3.3rem;
	text-align:{vb:stylevar left};
	padding:0;
}
.topic-list-container .topic-list-header .header-topic {
	width:60%;
	padding-{vb:stylevar left}:12px;
	border-{vb:stylevar left}:{vb:stylevar primary_module_subheader_border};
}
.topic-list-container .topic-list-header .header-icons {
	width:1%;
}
.topic-list-container .topic-list-header .header-stats {
	width:12%;
}
.topic-list-container .topic-list-header .header-lastpost {
	width:27%;
	border-{vb:stylevar right}:{vb:stylevar primary_module_subheader_border};
}
.inlinemod-container .topic-list-container .topic-list-header .header-topic {
	width:58%;
}


.topic-list-container .topic-list {
	background: {vb:stylevar content_list_background};
	color: {vb:stylevar content_list_text_color};
}
<vb:comment>Extra selectors for specificity</vb:comment>
.widget-tabs .topic-list-container .topic-list .topic-item a,
.widget-tabs .topic-list-container .topic-list .topic-item a:active,
.widget-tabs .topic-list-container .topic-list .topic-item a:visited {
	color: {vb:stylevar content_list_link_color};
	text-decoration: {vb:stylevar content_list_link_decoration};
}
.widget-tabs .topic-list-container .topic-list .topic-item a:hover {
	color: {vb:stylevar content_list_link_color_hover};
	text-decoration: {vb:stylevar content_list_link_decoration_hover};
}
.topic-list-container .topic-list .post-date {
	color: {vb:stylevar content_list_secondary_text_color};
}


.topic-list-container .topic-list.sticky-list + .topic-list tr:first-child td {
	border-top-width: 2px;
}
.topic-list-container .topic-list .topic-item td {
	padding: 10px 15px;
	border-top: {vb:stylevar primary_module_subheader_border};
	vertical-align:top;
}
.topic-list-container .topic-list .topic-item td.cell-lastpost {
	padding-left: 0;
}
.topic-list-container .topic-list .topic-item.unapproved {
	background: {vb:stylevar postbit_unapproved_background};
}
.topic-list-container .topic-list .topic-item.deleted {
	background: {vb:stylevar postbit_deleted_background};
}
.topic-list-container .topic-list .topic-item.sticky {
	background: {vb:stylevar sticky_topic_background_color};
}
.topic-list-container .topic-list .topic-item.highlight-featured {
	background: {vb:stylevar topic_featured_background};
}
.topic-list-container .topic-list .topic-item:first-child {
	border-top:0;
}
.topic-list-container .topic-list .topic-item .cell-topic {
	position:relative;
	padding-{vb:stylevar left}:10px;
}
.topic-list-container .topic-list .topic-item .cell-icons {
	vertical-align:middle;
	white-space:nowrap;
	padding-{vb:stylevar left}:0;
	min-width:16px;
	text-align:{vb:stylevar right};
}
.topic-list-container .topic-list .topic-item .cell-icons .icon {
	display:inline-block;
	width:16px;
	height:16px;
	margin-{vb:stylevar left}:5px;
}
.topic-list-container .topic-list .topic-item .cell-icons .icon:first-child {
	margin-{vb:stylevar left}:0;
}
<vb:comment>
.topic-list-container .topic-list .topic-item .cell-icons .icon.expiring-redirect-icon {
	/* @todo: add background image for expiring thread redirects here */
	/* Don't actually add the image here, use a b-icon image and add the class to the element. */
}
</vb:comment>
.cell-topic .vb-icon-topic-status {
	float: {vb:stylevar left};
	top:3px;
}
.topic-list-container .topic-list .topic-item .cell-topic .topic-wrapper {
	width: 87%;
	margin-{vb:stylevar left}: 8px;
	font-weight: bold;
	float: {vb:stylevar left};
}
.topic-list-container .loading-icon {
	vertical-align: middle;
	margin-{vb:stylevar left}: 5px;
}
.topic-list-container .topic-list .topic-item.read .cell-topic .topic-wrapper {
	font-weight: normal;
}
.topic-list-container .topic-list .topic-item .cell-topic .topic-wrapper .prefix {
	float: {vb:stylevar left};
	margin: 0;
	margin-{vb:stylevar right}:5px;
	font-weight:normal;
}
.topic-list-container .topic-list .topic-item .cell-topic .topic-wrapper .go-to-first-unread {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.topic-list-container .topic-list .topic-item .cell-lastpost .go-to-last-post {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}

.topic-list-container .topic-list .topic-item .cell-topic .topic-info {
	margin-{vb:stylevar left}: 24px;
	display: block;
}
.topic-list-container .topic-list .topic-item .cell-count {
	padding-{vb:stylevar left}:0;
	font-size: 1.2rem;
}
.topic-list-container .topic-list .topic-item .cell-count {
	padding-{vb:stylevar left}:0;
	font-size: 1.2rem;
}
.topic-list-container .topic-list .topic-item.inlinemod-item.unapproved .cell-count,
.topic-list-container .topic-list .topic-item.inlinemod-item.unapproved .cell-lastpost,
.topic-list-container .topic-list .topic-item.inlinemod-item.deleted .cell-count,
.topic-list-container .topic-list .topic-item.inlinemod-item.deleted .cell-lastpost {
	vertical-align:middle;
}
.topic-list-container .topic-list .topic-item.inlinemod-item.unapproved.has-unpublished .cell-count,
.topic-list-container .topic-list .topic-item.inlinemod-item.unapproved.has-unpublished .cell-lastpost {
	vertical-align:top;
}
.topic-list-container .topic-list .topic-item.inlinemod-item.deleted .cell-lastpost .delete-reason {
	overflow:hidden;
	max-height:16px;
}
.deletedItems-list .delete-reason label{
	color:{vb:stylevar diff_remove_color};
}

#privateMessageContainer .deletedItems-list .post-content{
	margin: 0;
}
#privateMessageContainer .privateMessageActionCheck {
	margin-{vb:stylevar left}:17px;
}
#privateMessageContainer .deletedItems-list .list-item-wrapper,
#privateMessageContainer .infractions-list .list-item-wrapper{
	padding-{vb:stylevar left}:10px;
}
#privateMessageContainer .deletedItems-list .list-item-wrapper .avatar,
#privateMessageContainer .infractions-list .list-item-wrapper .avatar {
	margin-{vb:stylevar left}:0;
}
#privateMessageContainer .deletedItems-list .list-item-body-wrapper{
	margin-{vb:stylevar left}:43px;
}

#privateMessageContainer .deletedItems-list .list-item-body{
	padding-{vb:stylevar left}:0;
}
#privateMessageContainer .deletedItems-list .list-item-body .pending-buttons{
	margin-{vb:stylevar left}: -7px;
}
#privateMessageContainer .infractions-list .list-item-wrapper .post-content {
	margin-{vb:stylevar left}:0;
}
#privateMessageContainer .infractions-list .list-item-wrapper{
	padding-{vb:stylevar left}:10px;
}


.topic-list-container .topic-list .topic-item .cell-inlinemod-item {
	text-align:{vb:stylevar right};
	padding-{vb:stylevar left}:0;
}
.topic-list-container .topic-list .topic-item .cell-inlinemod-item input {
	margin:0;
}
.topic-title{
	color:{vb:stylevar topic_title_color};
}
/*END Channel Widget - Topic Tab*/

<vb:comment>END subchannel widget</vb:comment>

<vb:comment>Unsubscribe Overlay START</vb:comment>
.unsubscribe-overlay .unsubscribe-options {
	margin:20px 10px 0;
}
.unsubscribe-overlay .unsubscribe-options .unsubscribe-option {
	clear:both;
	margin-top:15px;
}
.unsubscribe-overlay .unsubscribe-options .unsubscribe-option:first-child {
	margin-top:0;
}
.unsubscribe-overlay .unsubscribe-options .unsubscribe-option > input {
	float: {vb:stylevar left};
	margin-bottom: 10px;
	margin-{vb:stylevar right}: 10px;
	margin-{vb:stylevar left}:0;
	margin-top: 1px;
}
.unsubscribe-overlay .unsubscribe-options .unsubscribe-option > label {
	display:table-cell;
}
<vb:comment>Unsubscribe Overlay END</vb:comment>


.ui-tooltip {
	background: {vb:stylevar popup_background};
}
.ui-tooltip .ui-tooltip-tip {
	background: {vb:stylevar postbit_background};
}
.ui-tooltip .ui-tooltip-titlebar {
	background: {vb:stylevar postbit_background};
	color: {vb:stylevar popup_header_text_color};
	border-color: {vb:stylevar popup_border.color};
}
.ui-tooltip .ui-tooltip-content {
	background: {vb:stylevar popup_background};
	color: {vb:stylevar body_text_color};
	border-color: {vb:stylevar popup_border.color};
}
.ui-tooltip .ui-tooltip-close {
	background: {vb:stylevar button_secondary_background};
	color: {vb:stylevar button_secondary_text_color};
	border-color: {vb:stylevar button_secondary_border.color};
}
.ui-tooltip .ui-tooltip-close:hover {
	background: {vb:stylevar button_secondary_background};
	color: {vb:stylevar button_secondary_text_color};
	border-color: {vb:stylevar button_secondary_border_hover.color};
}

/* Share a Post Popup */
.ui-tooltip-sharepostlink {
	max-width: 550px;
}
/* Who Voted Popup */
.ui-tooltip-whovoted ul li {
	clear: {vb:stylevar left};
	padding-top: 5px;
}
.ui-tooltip-whovoted ul li .avatar {
	display: inline-block;
	height: auto;
	margin: auto;
	float: {vb:stylevar left};
	margin-{vb:stylevar right}: 5px;
}
.ui-tooltip-whovoted ul li img {
	width: 45px;
	height: 45px;
}
.ui-tooltip-whovoted ul li .username {
	font-size: 1.4rem;
	font-weight: bold;
}
.ui-tooltip-whovoted ul li .usertitle {
	color: #CCC;
}
.ui-tooltip-whovoted .ui-tooltip-content {
	padding-{vb:stylevar right}: 25px;
	max-height: 195px;
	overflow-y: auto;
	white-space: nowrap;
	overflow-wrap: break-word;
	word-wrap: normal;
}

/* Signature Popup */
.ui-tooltip-signature {
	max-width: 550px;
}
.post-signature {
	margin-bottom:15px;
	clear:both;
}
.ui-tooltip-signature .ui-tooltip-content {
	background: {vb:stylevar tooltip_signature_background};
	border: {vb:stylevar tooltip_signature_border};
	padding: 12px;
	font-size: 1.1rem;
	line-height: 1.6rem;
}
.ui-tooltip-signature .post-signature {
	margin-bottom:0;
	color: {vb:stylevar time_stamp_color};
}

/* Notices */
.notices {
	padding: 0 20px 15px 20px;
	background: {vb:stylevar content_background};
	width: {vb:stylevar wrapper_width};
	min-width: {vb:stylevar wrapper_min_width};
	max-width: {vb:stylevar wrapper_max_width};
	margin: auto;
	<vb:comment>/* Border box needed since this element has padding */</vb:comment>
	box-sizing: border-box;
}
.notice {
	padding: 6px 10px;
	border: {vb:stylevar notice_border};
	background: {vb:stylevar notice_background};
	color: {vb:stylevar notice_text_color};
	margin-bottom: 15px;
	min-height: 16px;
	border-radius: 3px;
}
.notice:last-child {
	margin-bottom: 0;
}
.notice > .close {
	float: {vb:stylevar right};
	margin-{vb:stylevar left}: 10px;
	margin-top: 2px;
	cursor: pointer;
}
.conversation-status-message.notice {
	font-weight:bold;
	margin-bottom:22px;
	font-size: 1.4rem;
}
.conversation-status-message.notice .close {
	display:none;
}
.conversation-status-message.notice.show-x .close {
	display:block;
}

/* Announcements */
.canvas-layout-container .canvas-widget.announcement-widget {
	border: {vb:stylevar announcement_border};
	background: {vb:stylevar announcement_background};
	color: {vb:stylevar announcement_text_color};
	padding: 6px 10px;
}
.canvas-layout-container .canvas-widget.announcement-widget .widget-content {
	padding: 0;
}
.canvas-layout-container .canvas-widget.announcement-widget .widget-content .ui-widget-content {
	color: {vb:stylevar announcement_text_color};
}
.announcement-tabs {
	background: transparent;
	border: none;
	padding:0;
}
.announcement-tabs .tab {
	min-height:38px;
}
.announcement-tabs .tab > h3 {
	font-size: 1.4rem;
	padding-bottom: 6px;
	text-transform: uppercase;
}
.announcement-tabs .tabnav {
	float: {vb:stylevar right};
	margin-{vb:stylevar right}: -4px;
}
.announcement-tabs .tabnav .count {
	float: {vb:stylevar left};
	font-size: 1.1rem;
	margin-{vb:stylevar right}: 7px;
}
.announcement-tabs .tabnav .control {
	float: {vb:stylevar left};
	cursor: pointer;
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-{vb:stylevar left}: 3px;
	padding-top: 1px;
}
.announcement-tabs .tabnav .control.h-hide {
	display: none;
}
.announcement-tabs .announcementtext {
	height:auto !important;
}
.announcement-tabs .ui-tabs-nav {
	display: none;
}
.announcement-tabs.ui-tabs .ui-tabs-panel {
	padding: 0;
}
.announcement-widget .widget-header {
	display: none;
}
.announcement-widget.empty {
	display: none;
}

/* Inline Mod */
.stream-view .inlinemod-item.inlinemod_highlight,
.topic-list .inlinemod-item.inlinemod_highlight,
.blog-conversation-content-widget.conversation-content-widget .list-container.stream-view .list-item.conversation-starter.inlinemod-item.inlinemod_highlight,
.blog-conversation-content-widget.conversation-content-widget .list-container.stream-view .list-item.conversation-starter.inlinemod-item.inlinemod_highlight .list-item-body-wrapper {
	background:#D6E8EF !important;
}
.inlinemod-item .checkbox {
	margin-{vb:stylevar right}: 15px;
	margin-top: 9px;
}
.thread-view .inlinemod-item .checkbox {
	margin-{vb:stylevar left}: 10px;
	margin-{vb:stylevar right}: 0;
	margin-top: -3px;
}
.stream-view .inlinemod-item .checkbox {
	margin-top: 0;
}
.inlinemod-item .checkbox .cb_inlinemod {
	margin:0;
}
.conversation-content-widget .list-container.thread-view .list-item.inlinemod-item .post-title {
	width:92%;
}
.moderationmenu_container:not(.module-buttons) {
	z-index:1000;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container {
	height: 100%;
}
.moderationmenu_container .moderation-mainmenu {
	<vb:comment>Vertically align the inline mod checkbox</vb:comment>
	display: flex;
	align-items: center;
	height: 100%;
}
.moderationmenu_container .moderation-mainmenu .cb_inlinemod_main {
	margin: 0 8px;
}
.moderationmenu_container .moderation-mainmenu .mainmenu.hover .cb_inlinemod_main {
	margin-top:12px;
}
.moderationmenu_container .moderation-mainmenu .mainmenu.pos-top.hover .cb_inlinemod_main {
	margin-top:13px;
}
.moderationmenu_container .moderation-mainmenu .mainmenu {
	position:relative;
	padding:0 10px;
}
.moderationmenu_container .moderation-mainmenu .mainmenu.administrative {
	padding:0;
}

.moderationmenu_container .moderation-mainmenu .mainmenu .moderation-submenu {
	position:absolute;
	{vb:stylevar right}:0;
	top:24px;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu {
	border:1px solid transparent;
	border-width:0 1px;
	cursor:pointer;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu.hover {
	background: #FFF !important;
	border-color:#BCBCBC;
	border-{vb:stylevar left}-color:transparent;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu.hover.pos-top {
	margin-top: -7px;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu.hover > span {
	margin-top: 10px;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu.pos-top.hover > span {
	margin-top: 11px;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu.hover .submenu {
	border-top:0;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu.hover.pos-top .submenu {
	border-bottom:0;
	border-top:1px solid;
	border-top-color:inherit;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu.administrative.hover + .mainmenu.moderation {
	background: none;
	border-{vb:stylevar left}:1px solid transparent;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu.moderation {
	padding: 0;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu.moderation > span {
	float:{vb:stylevar left};
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu.moderation.hover {
	background:#FFF;
	border-{vb:stylevar right}-color:transparent;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu.administrative + .mainmenu.moderation.hover {
	border-{vb:stylevar left}: 1px solid #BCBCBC;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu .submenu {
	top:37px;
	{vb:stylevar right}:-1px;
	{vb:stylevar left}:auto;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu.moderation .submenu {
	{vb:stylevar right}:-2px;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu .submenu > li {
	border-top:1px dotted #C0C0C0;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu .submenu > li:first-child {
	border-top:0;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu .submenu.splitmenu > li.col1 {
	border-{vb:stylevar right}:1px dotted #C0C0C0;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu .submenu.splitmenu > li.col2:last-child {
	border-bottom:1px dotted #C0C0C0;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu .submenu.splitmenu {
	cursor: default;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu .submenu.splitmenu > li {
	cursor: pointer;
}
.conversation-toolbar .toolbar-inline-mod .moderationmenu_container .moderation-mainmenu .mainmenu .submenu > li > a {
	color:inherit;
}
.conversation-toolbar-wrapper .conversation-toolbar .toolset-right > .toolbar-inline-mod {
	padding-{vb:stylevar left}:0;
	padding-{vb:stylevar right}:0;
	background: none;
}
.dialog-container.ui-dialog.inlinemod-delete-dialog .sb-dialog {
	padding:15px;
}
.dialog-container.ui-dialog.inlinemod-delete-dialog.loading .sb-dialog .b-button-group {
	display:none;
}
.delete-posts-form .delete-posts-header {
	margin-bottom:8px;
}
.delete-posts-form .delete-posts-body .delete-posts-options {
	margin:5px 0 13px 0;
}
.delete-post-dialog .delete-posts-form .delete-posts-body .delete-posts-options {
	margin-top:0;
	margin-bottom:5px;
}
.delete-posts-form .delete-posts-body .delete-posts-options input,
.manage-deleted-form input {
	margin-top:3px;
	margin-{vb:stylevar right}:3px;
	margin-bottom:7px;
	margin-{vb:stylevar left}:0;
	vertical-align: middle;
}
.delete-posts-form .delete-posts-body .delete-posts-reason,
.manage-deleted-form textarea,
.manage-deleted-form input[type='text']{
	width:452px;
}
.delete-post-dialog .delete-posts-form .delete-posts-body .delete-posts-reason {
	width:442px;
}
.delete-post-dialog .delete-posts-form .delete-posts-body .description {
	font-size: 1.1rem;
	margin-top:8px;
	margin-bottom:0;
}
.delete-posts-form .delete-posts-body .soft-delete-option {
	margin-bottom:12px;
}
.spam-form .userlist{
	margin-top: 10px;
}
.spam-form .userban li{
	margin-top: 10px;
	position: relative;
}
.spam-form .userban li label{
	position: absolute;
	margin-{vb:stylevar left}:30px;
}
.spam-form .userban li .userbanfield{
	position: relative;
	margin-{vb:stylevar left}: 190px;
}

.manage-deleted-form .indented {
	margin-{vb:stylevar left}:20px;
}
.manage-deleted-form .edit-topic-header,
.manage-deleted-form .moderationlog-header {
	margin-top:15px;
}
.manage-deleted-form .edit-topic-title p {
	margin-bottom:10px;
}
.manage-deleted-form .posticons-header,
.manage-deleted-form .delete-posts-header,
.manage-deleted-form .delete-posts-body .deletereason-row {
	margin-top:10px;
}
.manage-deleted-form .post-icon-menu{
	padding:5px
}
.manage-deleted-form .post-icon-menu .post-icon-item{
	display: inline-block;
	padding-{vb:stylevar right}: 16px;
}
.manage-deleted-form .modlog_rows {
	max-height:99px;
	overflow:auto;
}
.manage-deleted-form .modlog_rows li {
	border-top: 1px dotted {vb:stylevar post_controls_divider_color};
	padding: 8px 0;
}
.manage-deleted-form .modlog_rows li:first-child {
	border-top: 0;
}
/* End Inline Mod*/

<vb:comment> Visitor Message display widget START</vb:comment>
.visitormessage-widget .conversation-list.stream-view .list-item-header .vm-desc {
	margin-{vb:stylevar left}: 15px;
}
.visitormessage-widget .conversation-list {
	border: 0;
}
<vb:comment> Visitor Message display widget END</vb:comment>

<vb:comment> PM pending posts START</vb:comment>
.private-message-widget .pending-posts-container .message-list {
	border:0;
}
.private-message-widget .pending-posts-container .message-list .list-item {
	padding-top:17px;
}
.private-message-widget .pending-posts-container .message-list .list-item .avatar {
	margin-{vb:stylevar left}:17px;
}
.private-message-widget .pending-posts-container .message-list .list-item .info {
	margin-{vb:stylevar right}:17px;
	height: auto;
	line-height: normal;
	width: 150px;
}
.private-message-widget .pending-posts-container .message-list .list-item .post-date {
	margin-bottom: 5px;
	text-align: {vb:stylevar right};
}

.photo-count {
	display: inline-block;
	<vb:comment>Matches the padding on buttons, since this is shown in the button row</vb:comment>
	padding: 0.4rem 1.2rem;
}
.photo-count .icon,
.photo-count .count {
	vertical-align: middle;
}

.private-message-widget .pending-posts-container .list-item-wrapper{
	width:95%;
}
.pending-post-overlay-container .pending-post-overlay {
	overflow: hidden;
}
.pending-post-overlay-container .pending-post-overlay .post-action-wrapper {
	line-height: 3.2rem;
}
.pending-post-overlay-container .pending-post-overlay .conversation-list {
	border:0;
}
.pending-post-overlay-container .pending-post-overlay .conversation-list .list-item {
	padding-top:0;
}
.pending-post-overlay-container .pending-post-overlay .conversation-list .list-item .list-item-header .avatar {
	margin-{vb:stylevar left}: 0;
}
.pending-post-overlay-container .pending-post-overlay .conversation-list .list-item .list-item-body {
	padding-{vb:stylevar left}:0;
	padding-{vb:stylevar right}:0;
}
.pending-post-overlay-container .pending-post-overlay .conversation-list .list-item .post-footer-wrapper .post-footer .divider {
	margin:0;
}
.pending-post-overlay-container .pending-post-overlay .dialog-content {
	margin-bottom: 0;
}
.pending-post-overlay-container .pending-post-overlay .pending-buttons .b-button.h-hide {
	display: none;
}
.pending-post-overlay-container .ui-dialog-title {
	width: 50%;
}
.pending-post-overlay .list-item-header{
	margin-bottom:10px;

}

.pending-post-overlay .notes{
	font-weight:bold;
	margin-bottom:10px;
}
.pending-post-overlay .notes .notes-field{
	width: 90%;
	margin-bottom:0px;
}
.pending-post-overlay .dialog-content{
	border-bottom:{vb:stylevar popup_border};
	border-bottom-style:dotted;
}
.pending-post-overlay .list-item form{
	padding:0px;
}
.delete-posts-form .delete-posts-options .ban_user{
	margin-{vb:stylevar left}:20px;
}

.private-message-widget .nav-pane .folder-list .folder-item.pending-posts .label,
.private-message-widget .nav-pane .folder-list .folder-item.pending-posts.has-count .label {
	width: 200px;
}

<vb:comment> PM pending posts END</vb:comment>
.debug-hook-info {
	display: inline-block;
	border: 1px dashed red;
	height: 100%;
	max-height: 50px;
	width: 100%;
	max-width: 300px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	color: red !important;
}
#debug-information {
	margin: 20px auto;
	width: 500px;
	border: 3px solid {vb:stylevar main_nav_admin_bar_divider_left_color};
	padding: 5px;
	background: {vb:stylevar content_background};
	color: {vb:stylevar body_text_color};
}
#debug-information ol {
	margin: 0 20px;
}

.error-widget pre {
	width:100%;
	height:300px;
	overflow:auto;
	border:1px solid #888;
	padding:5px;
}
.searchFields_tag .tag-input,
.autocomplete-container input {
	width:auto !important;
	padding: 0;
	margin:-2px 0 0 !important;
	float: {vb:stylevar left};
	font-size: inherit;
}
.searchSwitchToAdvanced, .searchSwitchToForm {
	margin-bottom:10px;
}
.advancedSearchFields .searchFields_searchJSON {
	width:98.5%;
	height:100px;
}
.advancedSearchFields .add-search-container .add-search-fieldset input.short {
	width:200px;
}
.advancedSearchFields .add-search-container .add-search-fieldset input.short.datefield {
	width:75px;
}
.advancedSearchFields .tag-box .tag {
	margin-top:0px;
	margin-bottom:0px;
}
#tag-box-searchFields_tag .tag {
	margin-top: 0;
}
.advancedSearchFields .add-search-container .add-search-fieldset button {
	margin-{vb:stylevar left}:0;
	margin-{vb:stylevar right}:0;
}
.advancedSearchFields .add-search-container .add-search-container {
	margin-{vb:stylevar left}:20px;
}
.advancedSearchFields .add-search-container .add-search-fieldset input[type="checkbox"],
.advancedSearchFields .add-search-container .add-search-fieldset select,
.advancedSearchFields .add-search-container .add-search-fieldset input[type="radio"] {
	width:auto;
}
.advancedSearchFields .add-search-container .add-search-fieldset select.searchFields_channel {
	width:100%;
}

/* auto-complete popup*/

<vb:comment>
the b-content-entry and ui-widget-content classes are needed here to force this to apply 
since otherwise the ui-autocomplete class is overridden by a .canvas-widget .ui-widget-content 
rule elsewhere -- the extra classes are preferable to !important
</vb:comment>
.b-content-entry .ui-widget-content.ui-autocomplete {
	border: {vb:stylevar popup_border};
	font-size: 1.2rem;
	min-width: 120px;
	padding: 0;
	background:{vb:stylevar autosuggest_background};
	border-radius: 0;
}
.ui-autocomplete .ui-menu-item {
	font: inherit;
	line-height: 1.4;
	height: auto;
	padding: 0 10px;
	color:inherit;
	border-radius: 0;
}
.ui-autocomplete .ui-menu-item.ui-state-hover {
	background: {vb:stylevar autosuggest_background_active};
	border: 0;
	margin: 0;
	color:inherit;
}
/* end auto-complete popup*/


.axd-widget .widget-header {
	display: none;
}

.canvas-layout-container .canvas-widget.axd-widget .widget-content {
	padding: 0;
}
.member-list .member-item {
	line-height: 3.2rem;
	height: 3.2rem;
	font-size: 1.2em;
	padding:15px 0;
	border-top:1px dotted {vb:stylevar post_controls_divider_color};
}
.member-list .member-item:first-child {
	border-top:0;
}

<vb:comment>/***** START - Main Navigation Bar at the top of each page *****/</vb:comment>
.main-navbar-bottom-line {
	background: {vb:stylevar main_nav_admin_bar_bottom_line_background};
	height: {vb:stylevar main_nav_admin_bar_bottom_line_height};
}


<vb:comment> begin profile media</vb:comment>
#mediaList {
	padding:16px;
	padding-{vb:stylevar right}:0;
	padding-bottom:5px;
}
#mediaList .item-album {
	width: 150px;
	height: auto;
	margin-{vb:stylevar right}:11px;
	margin-bottom: 11px;
	padding:10px 10px 15px;
	background: {vb:stylevar side_nav_background};
	border: {vb:stylevar side_nav_border};
}
#mediaList .item-album .media-thumbnail {
	text-align: center;
	width:150px;
	height: 11.3rem;
	line-height: 11.3rem;
	cursor:pointer;
	margin-bottom:14px;
}
#mediaList .item-album .media-thumbnail img {
	max-height: 113px;
	max-width: 150px !important;
	vertical-align:middle;
}
#mediaList .item-album .media-title {
	font-size: 1.2rem;
	font-weight:bold;
}
#mediaList .item-album .media-count {
	font-size: 1.1rem;
	font-weight:bold;
}
.album-detail {
	padding-bottom:17px;
	margin: 15px;
}
.album-detail.conversation-list.stream-view {
	border:0;
}
.album-detail .album-title {
	font-size: 1.6rem;
	font-weight:bold;
}
.album-detail .media-count {
	font-size: 1.1rem;
	margin-{vb:stylevar left}:5px;
}
.album-detail .post-content {
	line-height: 1.6rem;
	margin-top:11px;
}
.album-detail .profile-media-uploadphotos {
	margin-{vb:stylevar left}:0;
	margin-bottom:1px;
}
.album-detail .edit-post .profile-media-uploadphotos {
	display:none;
}
.album-detail .list-item-body-wrapper > .photo-preview {
	margin-top:10px;
}
.logged-out .album-detail .list-item-body-wrapper > .photo-preview {
	clear: both;
	padding-top: 15px;
}
.album-detail .edit-post > .photo-preview {
	display:none;
}
.album-detail .edit-post {
	margin-top:10px;
}
.photo-preview .photoPreviewBox {
	width: 127px;
	height: 127px;
	background: {vb:stylevar photo_preview_background};
	position:relative;
	border: {vb:stylevar photo_preview_border};
	margin-{vb:stylevar right}:-1px;
	margin-top:-1px;
}
.photo-preview .photoPreviewBox:first-child {
	border-{vb:stylevar left}-width:1px;
}
.photo-preview .photoPreviewBox .photoPreviewBox-large {
	width: 204px;
	height: auto;
	background: {vb:stylevar photo_preview_background};
	padding:10px;
	margin:0;
	position:absolute;
	border: {vb:stylevar photo_preview_border};
	{vb:stylevar left}:-1px;
	top:-1px;
	z-index:1000;
	display:none;
}
.photo-preview .photoPreviewBox:hover .photoPreviewBox-large {
	display:block;
}
.photo-preview .photoPreviewBox .photoPreviewBox-large .media-title {
	margin-top:5px;
}
.photoPreviewBox-large .media-title {
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.4rem;
	<vb:comment>Ellipsis very long filenames/single-string-captions</vb:comment>
	white-space: wrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.photoPreviewBox-large .media-info {
	margin-top:3px;
}
.photoPreviewBox-large .media-info .media-author {
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.4rem;
}
.photoPreviewBox-large .vertical-divider {
	margin:0 3px;
}
#profileMediaDetailContainer[data-nodeid="-1"] { /*for Video album page*/
	padding:0;
}
#profileMediaDetailContainer .toolbar-filter-overlay {
	width: 120px;
	text-align: {vb:stylevar left};
	padding: 5px 10px;
}

#profileMediaDetailContainer .entry-field {
	width: 98% !important;
}
#profileMediaDetailContainer .view-more-btn {
	margin-bottom:17px;
}
.channel-content-widget #profileMediaDetailContainer {
	padding-{vb:stylevar left}:0;
	padding-{vb:stylevar right}:0;
}
<vb:comment> end profile media</vb:comment>

<vb:comment> begin photo selector</vb:comment>
.photoSelectorTabs
{
	float: {vb:stylevar left};
}
.photoSelectorTabs ul,
.photoSelectorTabs li
{
	background:#F4F4F4 !important;
	border-radius:0 !important;
}
.photoSelectorTabs.ui-tabs .ui-tabs-nav li
{
	border: {vb:stylevar popup_border} !important;
	border-width:0 0 1px 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1.2rem;
	float:none !important;
	width:150px;
	height:auto;
	min-height: 3rem;
	white-space:normal;
	overflow:hidden;
	top:0;
}
.photoSelectorTabs li a
{
	color: #09161B !important;
	padding-{vb:stylevar left}: 0 !important;
	padding-{vb:stylevar right}: 0 !important;
	width: 100%;
	min-height: 1.8rem;
	line-height: 1.8rem;
}
.photoSelectorTabs li a span
{
	padding-{vb:stylevar left}: 10px !important;
	padding-{vb:stylevar right}: 10px !important;
	display:block;
}
.photoSelectorTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.photoSelectorTabs.ui-tabs .ui-tabs-nav li.ui-state-active
{
	background: #FFF !important;
	border-{vb:stylevar right}-color: transparent !important;
}
.photoSelectorTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.photoSelectorTabs.ui-tabs .ui-tabs-nav li.ui-state-active a
{
	font-weight:bold;
}
.photoSelectorTabs.ui-tabs .ui-tabs-nav li.ui-tabs-loading a
{
	color: {vb:stylevar module_tab_text_color} !important;
	font-weight:normal;
}
.photoSelectorTabs ul
{
	width: 150px;
	float: {vb:stylevar left};
	padding: 0 !important;
	border: 0;
	overflow-y:auto;
	overflow-x:hidden;
}
.photoSelectorTabs > div.tabPanel {
	margin-top: 0;
	padding: 0;
	width: 401px;
	overflow:auto;
	border-radius:0;
}

.photo-selector-wrapper .photo-selector-container .photo-selector-galleries {
	margin:0;
	padding:0;
	width:100%;
	border:{vb:stylevar popup_border};
	border-radius:0;
	box-sizing: border-box;
}
.photoSelectorTabs,
.photoSelectorTabs ul,
.photoSelectorTabs > div.tabPanel,
.photo-selector-wrapper .photo-selector-container .photo-selector-galleries {
	height:450px;
}
.photo-selector-wrapper .photo-selector-container {
	overflow:hidden;
}
.photo-selector-wrapper .photo-selector-container .photo-selector-galleries .photo-item-wrapper {
	cursor:pointer;
	height:200px;
	border-radius:0 !important;
}
.photo-selector-wrapper .photo-selector-container .photo-selector-galleries .photo-item-wrapper.selected {
	background:#F9F9F9;
}
.photo-selector-wrapper.has-scrollbar .gallery-wrapper .photo-display .photo-item-wrapper.last-in-row {
	border-{vb:stylevar right}:{vb:stylevar photo_border};
}
.photo-selector-wrapper .photo-selector-galleries .photo-item {
	position:relative;
}
.photo-selector-wrapper .photo-selector-galleries .photo-item .photo-checkbox input {
	position:absolute;
	margin:0;
	top:5px;
	{vb:stylevar right}:5px;
	z-index:2000;
}
.photo-selector-wrapper .photo-selector-galleries .photo-item .thumbnail-container .thumbnailbox-wrapper .thumbnailbox {
	height: 172px;
	width: 172px;
	padding:14px;
}
.photo-selector-wrapper .photo-selector-galleries .photo-item .thumbnail-container .thumbnailbox-wrapper .thumbnailbox .thumbnail {
	max-height: 172px;
	max-width: 172px;
}
<vb:comment> end photo selector</vb:comment>

/** START human verification */
.humanverify .imageregt {
	width: 184px !important;
	margin-top:3px;
}
.humanverify {
	margin-top:20px;
}
.humanverify .label_column {
	margin-bottom:8px;
	font-size: 1.4rem;
	font-weight:bold;
	display:block;
}
.humanverify .refresh_imagereg,
.humanverify .progress_imagereg {
	vertical-align:bottom;
}
/** END human verification */

#preview-overlay .conversation-list.stream-view {
	border: none !important;
}
#preview-overlay .conversation-list.stream-view .list-item {
	background: transparent;
}
.site-name {
	margin: 5px 0;
}


<vb:comment>the markup for these classes are added by the ckeditor js, should verify the styles are still needed</vb:comment>
a.cke_button .cke_button__quote_icon.cke_button_icon,
a.cke_button .cke_button__code_icon.cke_button_icon,
a.cke_button .cke_button__html_icon.cke_button_icon,
a.cke_button .cke_button__php_icon.cke_button_icon,
a.cke_button .cke_button__autoload_icon.cke_button_icon  {
	background-position: center !important;
}

<vb:comment>a tag/.b-link override. VBV-8771 @todo move to more appropriate place along with other cke rules.</vb:comment>
.cke_dialog_ui_html .videoListLink {
	color: #000000;
}

<vb:comment>
/* 
VBV-16523
Responsive CKE image2 dialog. In css_global instead of css_editor because the editor html is outside of the iframe that includes css_editor.
Note, the selectors are a bit messy because if we just do  .cke-image2-info-tab-wrapper .cke_dialog_ui_hbox_first, any descendant hbox_first also get hit. The 'leftGroup' & 'rightGroup' aren't
direct children of the wrapper, unfortunately, and there's no way to get around that.
*/
</vb:comment>
.l-xsmall .cke-image2-info-tab-wrapper > tbody > tr > td.cke_dialog_ui_hbox_first, 
.l-xsmall .cke-image2-info-tab-wrapper > tbody > tr > td.cke_dialog_ui_hbox_last {
	display: block;
	width: auto !important; /* override 50% width set directly on element by cke */
}
.l-xsmall .cke-image2-info-tab-wrapper > tbody > tr > td.cke_dialog_ui_hbox_last.cke_dialog_ui_vbox_child {
	padding: 0 !important; /* override 10px padding set directly on element by cke */
}

.search-widget .photo-preview,
.search-widget .photo_result {
	margin-top: 2px;
	margin-bottom: 2px;
}
.search-widget .widget-content .widget-footer {
	margin: 15px 0 0 0;
}

.conversation-list.stream-view .list-item.list-item-channel {
	padding-bottom:15px;
	padding-{vb:stylevar right}: 15px;
	box-sizing: border-box;
}
.conversation-list.stream-view .list-item.list-item-channel .avatar {
	border:0;
}

<vb:comment> list-item-forum shows up as list-item-{vb:raw channelType} in the markup </vb:comment>
.conversation-list.stream-view .list-item.list-item-channel.list-item-forum .avatar {
	width: 16px;
}
.conversation-list.stream-view .list-item.list-item-channel.list-item-forum .channel-info a {
	position:relative;
	top:-3px;
}
.onlineuserlist .avatar {
	margin-bottom:10px;
}
.onlineuserlist-invisible {
	border: 1px dashed {vb:stylevar post_border.color};
}
.username-invisible-user:after {
	content: "*";
}
.forum_disabled_wrapper {
	padding: 0 20px 15px 20px;
	background: {vb:stylevar content_background};
	width: {vb:stylevar wrapper_width};
	min-width: {vb:stylevar wrapper_min_width};
	max-width: {vb:stylevar wrapper_max_width};
	margin: auto;
	<vb:comment>/* Border box needed since this element has padding */</vb:comment>
	box-sizing: border-box;
}
.forum_disabled {
	color: red;
	font-size: 1.4rem;
}
div.error-msg-box {
	margin-bottom: 8px;
}

<vb:comment>
	/* Make tables in posts look like tables in WYSIWYG */
	This is probably not a typographical errors 'text_table_' is a real
	class that gets added somewhere to the table markup in posts, though
	it doesn't appear in the templates anywhere
</vb:comment>
div.text_table_ table {
	margin-bottom:0;
}

/* Post History */
.post-history-comparison-body li {
	padding:5px;
}

.post-history-comparison-body li.add {
	background-color:{vb:stylevar diff_add_background.backgroundColor};
	color:{vb:stylevar diff_add_color};
}

.post-history-comparison-body li.remove {
	background-color:{vb:stylevar diff_remove_background.backgroundColor};
	color:{vb:stylevar diff_remove_color};
}

.post-history-comparison-body li div.add,
#comparelist li div.remove {
	float:{vb:stylevar left};
}

.post-history-comparison-body li blockquote {
	margin-{vb:stylevar left}:10px;
}

<vb:comment>/* START PAGENAV */</vb:comment>
.pagenav-container {
	margin-top: 15px;
	margin-bottom: 15px;
}
.pagenav-container--no-margin {
	margin-top: 0;
	margin-bottom: 0;
}
<vb:comment>/* END PAGENAV */</vb:comment>

.post-edit .post-history {
	cursor:pointer;
}

<vb:comment>
	*** Accessibility: Show focus outline on all elements that can be focused ***
</vb:comment>
<vb:comment>Basic elements</vb:comment>
a:focus,
input:focus,
textarea:focus,
button:focus,
select:focus,
<vb:comment>vBulletin pseudo link & button classes</vb:comment>
.js-link:focus,
.js-button:focus,
<vb:comment>A few additional classes</vb:comment>
.b-button:focus,
.ui-state-focus,
.custom-dropdown:focus,
<vb:comment>Extra selectors needed to override CKEditor CSS</vb:comment>
.cke_dialog_body .cke_dialog_contents .b-button:focus {
	outline: 1px dotted {vb:stylevar body_link_color.color};
}]]></template>
		<template name="css_help.css" templatetype="template" date="1551294582" username="vBulletin" version="5.5.2 Alpha 1"><![CDATA[/****** Help (FAQ) *****/
.faqs{
	display:table-cell;
	width:220px;
	vertical-align:top;
	color:{vb:stylevar module_header_text_color};
}
.faqs .faq-search,
.faqs .faq-groups{
	border: {vb:stylevar module_content_border};
	box-sizing:border-box;
	background:{vb:stylevar side_nav_background};
}

.faqs .faq-search{
	padding:12px;
	border-bottom:none;
	background: {vb:stylevar thread_starter_background};
	border-radius:3px 3px 0 0;
}

.faqs .rx-help-menu {
	border: {vb:stylevar module_content_border};
	box-sizing: border-box;
	background: {vb:stylevar side_nav_background};
	width: 100%;
	padding: 12px;
	background: {vb:stylevar thread_starter_background};
}

.faqs .faq-group {
	display: block;
	width:100%;
	height:auto;
	border-top:{vb:stylevar module_content_border};
}
.faqs .sub-faqs .faq-group{
	border-top:none;
	padding-top:6px;
	padding-bottom:0;
}
.faq-groups .ui-widget-content,
.faq-groups .ui-widget-content a{
	background:transparent;
}
.faqs .faq-groups{
	font-size: 1.3rem;
	margin-{vb:stylevar right}: 0;
	margin-bottom: 0;
	border-radius:0 0 3px 3px;
	border-top:none;
}
.faq-groups .sub-faqs{
	padding: 0;
}
.faq-groups .sub-faqs .faq-link,
.faq-search-results .faq-link {
	padding: 4px 0;
	padding-{vb:stylevar left}: 38px;
	margin: 0;
	border-radius: 0;
}
.sub-faqs .sub-faqs{
	border:none;
}
.faqs .faq-group a.faq-group-title,
.faqs .faq-search-title{
	padding: 10px 0;
	padding-{vb:stylevar left}: 25px;
	overflow: hidden;
	font-weight:bold;
	font-size: 1.3rem;
	line-height: 1.5rem;
	background: {vb:stylevar side_nav_background};
	border: none;
	color:{vb:stylevar side_nav_text_color};
	position:relative;
	margin: 0;
}
.faqs .faq-group .sub-faqs a.faq-group-title{
	background: {vb:stylevar side_nav_background};
	color:{vb:stylevar side_nav_text_color};
	text-decoration: none;
	font-size: 1.2rem;
	font-weight:normal;
}
.faq-groups .sub-faqs .sub-faqs .faq-link{
	margin-top:6px;
}
.faq-search-title{
	padding-top:10px;
}
.faq-search-title .ui-icon{
	margin-top:2px;
}
.faqs .faq-group a.faq-group-title:hover{
	background:{vb:stylevar side_nav_background_hover};
	color:{vb:stylevar side_nav_text_color_hover};
	text-decoration: none;
}
.faq-block .faq-group-title{
	font-weight:bold;
	font-size: 1.8rem;
	color:{vb:stylevar body_link_color};
	text-decoration: {vb:stylevar body_link_decoration};
	display:block;
	margin-bottom:18px;
}
.ui-accordion .ui-accordion-header {
	<vb:comment>Override rules from the UI component</vb:comment>
	display: flex;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	<vb:comment>Override rules from the UI component</vb:comment>
	position: static;
	margin-top: auto;
}
.faqs .faq-groups a,
.faqs .faq-search-results a{
	border:none;
	background:{vb:stylevar side_nav_background};
	color:{vb:stylevar side_nav_text_color};
	text-decoration: none;
	font-size: 1.2rem;
}
.faqs .faq-groups a:hover,
.faqs .faq-groups .faq-link:hover {
	background: {vb:stylevar side_nav_background_hover};
	color: {vb:stylevar side_nav_text_color_hover};
}
.faqs .faq-groups a.selected,
.faqs .faq-groups .faq-link.selected{
	background: {vb:stylevar side_nav_background_active};
	color: {vb:stylevar side_nav_text_color_active};
}
.faq-link.ui-state-hover,
.faqs .faq-groups .faq-link:hover{
	text-decoration: none;
}

.faq-group .label_column {
	display: table-cell;
	width: 22%;
	padding-{vb:stylevar right}: 15px;
}
.faq-content{
	display:table-cell;
	background: {vb:stylevar module_content_background};
	vertical-align:top;
}
.faq-block{
	height:auto;
	min-height:24px;
}
.faq-search .search-btn{
	margin-top:0;
	margin-{vb:stylevar left}:-2px;
}
.faqSearchFields .form_row{
	margin-top: 10px;
	color:{vb:stylevar primary_module_subheader_text_color};
}
.faqSearchFields .form_row .label{
	font-weight:bold;
}
.faqSearchControl{
	font-weight:bold;
	font-size: 1.1rem;
}
.sub-faqs.ui-widget-content{
	border:none;
}
.faqs .faq-search-results{
	margin-{vb:stylevar left}:25px;
}
.faq-content .faq-search-back{
	font-weight:bold;
	margin-bottom:10px;
	position:relative;
}
.faq-link span{
	display:none;
}
.faqs .field_column{
	margin: 10px 0 12px;
}
.faqs .faq-groups .sub-faqs a.faq-group-title{
	padding-{vb:stylevar left}:13px;
}
.faqs .sub-faqs .ui-accordion .ui-accordion-header .ui-icon{
	{vb:stylevar left}:0;
}
.help-widget .highlight {
	background-color: {vb:stylevar search_result_highlight_color};
}

<vb:comment>/* Begin Responsive */</vb:comment>
.l-small .faqs,
.l-small .faq-content {
	display: block;
}
.l-small .faqs {
	width: auto;
}
.l-small .faq-content {
	border: {vb:stylevar module_content_border};
	border-top: none;
}
<vb:comment>/* End Responsive */</vb:comment>]]></template>
		<template name="css_imgareaselect-animated.css" templatetype="template" date="1354308406" username="vBulletin" version="5.0.0 Beta 21"><![CDATA[/*
 * imgAreaSelect animated border style
 */

.imgareaselect-border1 {
	background: url(images/css/imgareaselect/border-anim-v.gif) repeat-y {vb:stylevar left} top;
}

.imgareaselect-border2 {
    background: url(images/css/imgareaselect/border-anim-h.gif) repeat-x {vb:stylevar left} top;
}

.imgareaselect-border3 {
    background: url(images/css/imgareaselect/border-anim-v.gif) repeat-y {vb:stylevar right} top;
}

.imgareaselect-border4 {
    background: url(images/css/imgareaselect/border-anim-h.gif) repeat-x {vb:stylevar left} bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
	border: solid 1px #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-outer {
	background-color: #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-selection {
}]]></template>
		<template name="css_imgareaselect-default.css" templatetype="template" date="1354308406" username="vBulletin" version="5.0.0 Beta 21"><![CDATA[
/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
	background: url(images/css/imgareaselect/border-v.gif) repeat-y {vb:stylevar left} top;
}

.imgareaselect-border2 {
    background: url(images/css/imgareaselect/border-h.gif) repeat-x {vb:stylevar left} top;
}

.imgareaselect-border3 {
    background: url(images/css/imgareaselect/border-v.gif) repeat-y {vb:stylevar right} top;
}

.imgareaselect-border4 {
    background: url(images/css/imgareaselect/border-h.gif) repeat-x {vb:stylevar left} bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {  
}
]]></template>
		<template name="css_jquery-ui-1_11_4_custom.css" templatetype="template" date="1549643587" username="vBulletin" version="5.5.1 Alpha 4"><![CDATA[/*! jQuery UI - v1.11.4 - 2015-11-03
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, slider.css, tabs.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none !important;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	{vb:stylevar left}: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	{vb:stylevar left}: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.01rem;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	{vb:stylevar left}: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	{vb:stylevar left}: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	{vb:stylevar right}: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	{vb:stylevar left}: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	{vb:stylevar right}: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	{vb:stylevar left}: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	{vb:stylevar left}: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	{vb:stylevar right}: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em;
	padding-{vb:stylevar left}: .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-{vb:stylevar left}: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-{vb:stylevar left}: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	{vb:stylevar left}: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	{vb:stylevar left}: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-{vb:stylevar right}: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em;
	padding-{vb:stylevar left}: 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em;
	padding-{vb:stylevar left}: 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-{vb:stylevar left}: 2.1em;
	padding-{vb:stylevar right}: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	{vb:stylevar left}: 50%;
	margin-{vb:stylevar left}: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	{vb:stylevar left}: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	{vb:stylevar right}: .5em;
}

/* button sets */
.ui-buttonset {
	margin-{vb:stylevar right}: 7px;
}
.ui-buttonset .ui-button {
	margin-{vb:stylevar left}: 0;
	margin-{vb:stylevar right}: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	{vb:stylevar left}: 2px;
}
.ui-datepicker .ui-datepicker-next {
	{vb:stylevar right}: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	{vb:stylevar left}: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	{vb:stylevar right}: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	{vb:stylevar left}: 50%;
	margin-{vb:stylevar left}: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: {vb:stylevar right};
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-{vb:stylevar left}: 0;
	border-{vb:stylevar right}: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: {vb:stylevar right};
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: {vb:stylevar left};
}

/* mod for safari/iPhone disabled button issue: changed element type to anchor */
.ui-datepicker .ui-datepicker-buttonpane a {
	margin:.5em .2em .4em;
	cursor:pointer;
	padding:.2em .6em .3em;
	width:auto;
	overflow:visible;
}
.ui-datepicker .ui-datepicker-buttonpane a.ui-datepicker-current {float:{vb:stylevar left};}
.ui-datepicker .ui-datepicker-buttonpane a.ui-datepicker-close {float:{vb:stylevar right};}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: {vb:stylevar left};
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-{vb:stylevar left}-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: {vb:stylevar left};
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	{vb:stylevar right}: 2px;
	{vb:stylevar left}: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	{vb:stylevar left}: 2px;
	{vb:stylevar right}: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	{vb:stylevar right}: 1px;
	{vb:stylevar left}: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	{vb:stylevar left}: 1px;
	{vb:stylevar right}: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: {vb:stylevar right};
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: {vb:stylevar left};
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: {vb:stylevar right};
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-{vb:stylevar right}-width: 0;
	border-{vb:stylevar left}-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	<vb:comment>This always needs to be a literal left, not the stylevar, to work
	correctly in RTL, since position and offset in the viewport is always calculated
	relative to the top left corner of the browser window in both LTR and RTL text
	directions. If we use the left stylevar, the value will be set to 'right' under
	RTL, producing right:0; on the element. The JS code then sets top & left, but
	due to the right:0, the dialog will be aligned flush with the right side of the
	viewport. See VBV-16115 for more information.</vb:comment>
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: {vb:stylevar left};
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	{vb:stylevar right}: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: {vb:stylevar left};
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em;
	padding-{vb:stylevar left}: .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: {vb:stylevar right};
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em;
	margin-{vb:stylevar left}: 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	{vb:stylevar right}: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em;
	padding-{vb:stylevar left}: .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-{vb:stylevar left}: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	{vb:stylevar left}: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	{vb:stylevar left}: auto;
	{vb:stylevar right}: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: {vb:stylevar left};
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: {vb:stylevar left};
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-{vb:stylevar left}: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	{vb:stylevar left}: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	{vb:stylevar right}: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	{vb:stylevar left}: -.3em;
	margin-{vb:stylevar left}: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	{vb:stylevar left}: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: {vb:stylevar left};
	position: relative;
	top: 0;
	margin: 1px .2em 0;
	margin-{vb:stylevar left}: 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: {vb:stylevar left};
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font: {vb:stylevar global_text_font}
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa /*{borderColorContent}*/;
	background: #ffffff /*{bgColorContent}*/;
	color: #222222 /*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222 /*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa /*{borderColorContent}*/;
	background: #cccccc /*{bgColorHeader}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222 /*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
	background: #e6e6e6 /*{bgColorDefault}*/;
	font-weight: normal;
	color: #555555 /*{fcDefault}*/;;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555 /*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999 /*{borderColorHover}*/;
	background: #dadada /*{bgColorHover}*/;
	font-weight: normal;
	color: #212121 /*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121 /*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #003eff;
	background: #aaaaaa /*{borderColorActive}*/;
	font-weight: normal;
	color: #212121 /*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121 /*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1 /*{borderColorHighlight}*/;
	background: #fbf9ee /*{bgColorHighlight}*/;
	color: #363636 /*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636 /*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a /*{borderColorError}*/;
	background: #fef1ec /*{bgColorError}*/;
	color: #cd0a0a /*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a /*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a /*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/css/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/css/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/css/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/css/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/css/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/css/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/css/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-{vb:stylevar left},
.ui-corner-tl {
	border-top-{vb:stylevar left}-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-{vb:stylevar right},
.ui-corner-tr {
	border-top-{vb:stylevar right}-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-{vb:stylevar left},
.ui-corner-bl {
	border-bottom-{vb:stylevar left}-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-{vb:stylevar right},
.ui-corner-br {
	border-bottom-{vb:stylevar right}-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa /*{bgColorOverlay}*/;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: 0;
	padding: 5px;
	background: #aaaaaa /*{bgColorShadow}*/
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}]]></template>
		<template name="css_jquery_datatables.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[/*
 *  File:         demo_table.css
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../js/jquery/datatables/images/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	clear: both;
	zoom: 1; /* Feeling sorry for IE */
	margin: 10px 0;
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	{vb:stylevar left}: 50%;
	width: 250px;
	height: 3rem;
	margin-{vb:stylevar left}: -125px;
	margin-top: -15px;
	padding: 14px 0 2px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 1.4rem;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: {vb:stylevar left};
}

.dataTables_filter {
	width: 50%;
	float: {vb:stylevar right};
	text-align: {vb:stylevar right};
	padding-bottom: 10px;
}

.dataTables_info {
	width: 60%;
	float: {vb:stylevar left};
}

.dataTables_paginate {
	float: {vb:stylevar right};
	text-align: {vb:stylevar right};
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	float: {vb:stylevar left};
	cursor: pointer;
	color: #111 !important;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active,
.paginate_disabled_next:active, .paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous, .paginate_enabled_previous {
	padding-{vb:stylevar left}: 23px;
}
.paginate_disabled_next, .paginate_enabled_next {
	padding-{vb:stylevar right}: 23px;
	margin-{vb:stylevar left}: 10px;
}

.paginate_disabled_previous {
	background: url('../js/jquery/datatables/images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
	background: url('../js/jquery/datatables/images/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
	background: url('../js/jquery/datatables/images/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
	background: url('../js/jquery/datatables/images/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
	background: url('../js/jquery/datatables/images/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
	background: url('../js/jquery/datatables/images/forward_enabled_hover.png') no-repeat top right;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	border: 1px solid #555555;
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px;
	padding-{vb:stylevar left}: 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
}

table.display tfoot th {
	padding: 3px 18px;
	padding-{vb:stylevar left}: 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../js/jquery/datatables/images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../js/jquery/datatables/images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../js/jquery/datatables/images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../js/jquery/datatables/images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../js/jquery/datatables/images/sort_desc_disabled.png') no-repeat center right;
}
 
th:active {
	outline: none;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #111;
}

tr.even {
	background-color: #333;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.h-clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 2.2rem;
	line-height: 2.2rem;
}

.paging_full_numbers a:active {
	outline: none
}

.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
 	.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #111;
}

tr.odd td.sorting_2 {
	background-color: #111;
}

tr.odd td.sorting_3 {
	background-color: #111;
}

tr.even td.sorting_1 {
	background-color: #333;
}

tr.even td.sorting_2 {
	background-color: #333;
}

tr.even td.sorting_3 {
	background-color: #333;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}]]></template>
		<template name="css_jquery_fileupload-ui.css" templatetype="template" date="1541016757" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[@charset 'UTF-8';
/*
 * jQuery File Upload UI Plugin CSS 5.0.6
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://creativecommons.org/licenses/MIT/
 */

.fileupload-buttonbar .ui-button input {
  position: absolute;
  top: 0;
  {vb:stylevar right}: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 0;
  border-{vb:stylevar left}-width: 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}

.fileinput-button {
  overflow: hidden;
}

/* Fix for IE 6: */
*html .fileinput-button {
  padding: 2px 0;
}

/* Fix for IE 7: */
*+html .fileinput-button {
  padding: 2px 0;
}

.fileupload-buttonbar {
  padding: 0.2em 0.4em;
}

.fileupload-buttonbar .ui-button {
  vertical-align: middle;
  /*Added for VBulletin*/
  font-family:Verdana,Arial,sans-serif;
  font-size: 1.2rem;
}

.fileupload-content {
  padding: 0.2em 0.4em;
  border-top-width: 0;
  /*Added for VBulletin*/
  min-height:250px;
  max-height:500px;
  overflow:auto;
}

.fileupload-content .ui-progressbar {
  width: 200px;
  height: 20px;
}

.fileupload-content .ui-progressbar-value {
  background: url("images/css/pbar-ani.gif");
}

.fileupload-content .fileupload-progressbar {
  width: 400px;
  margin: 10px 0;
}

.files {
  margin: 10px 0;
  border-collapse: collapse;
}

.files td {
  padding: 5px;
  border-spacing: 5px;
}

.files img {
  border: none;
}

.files .name {
  padding: 0 10px;
}

.files .size {
  padding: 0 10px;
  padding-{vb:stylevar left}: 0;
  text-align: {vb:stylevar right};
  white-space: nowrap;
}

.ui-state-disabled .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ui-state-disabled input {
  cursor: default;
}
/*Added by GV for vBulletin*/
.fileupload-content .error {
	background:none;
	border:none;	
}]]></template>
		<template name="css_jquery_qtip_min.css" templatetype="template" date="1541095147" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[.ui-tooltip,.qtip{position:absolute;/* use literal left instead of stylevar since this is for browser positioning */left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:1.05rem;line-height:1.2rem;}.ui-tooltip-fluid{display:block;visibility:hidden;position:static!important;float:{vb:stylevar left}!important;}.ui-tooltip-content{position:relative;padding:5px 9px;overflow:hidden;border:1px solid #000001;text-align:{vb:stylevar left};word-wrap:break-word;overflow:hidden;}.ui-tooltip-titlebar{position:relative;min-height:14px;padding:5px;/* left and right padding needs to use stylevars */padding-{vb:stylevar right}:35px;padding-{vb:stylevar left}:10px;overflow:hidden;border:1px solid #000001;border-width:1px 1px 0;font-weight:bold;}.ui-tooltip-titlebar+.ui-tooltip-content{border-top-width:0!important;}/*!Default close button class */ .ui-tooltip-titlebar .ui-state-default{position:absolute;{vb:stylevar right}:4px;top:50%;margin-top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;}* html .ui-tooltip-titlebar .ui-state-default{top:16px;}.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon{display:block;text-indent:-1000em;}.ui-tooltip-icon,.ui-tooltip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-tooltip-icon .ui-icon{width:18px;height:1.4rem;text-align:center;text-indent:0;font:normal bold 1rem/1.3rem Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em;}/*!Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar,.ui-tooltip-default .ui-tooltip-content{border-color:#F1D031;background-color:#FFFFA3;color:#555;}.ui-tooltip-default .ui-tooltip-titlebar{background-color:#FFEF93;}.ui-tooltip-default .ui-tooltip-icon{border-color:#CCC;background:#F1F1F1;color:#777;}.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{border-color:#AAA;color:#111;}.ui-tooltip .ui-tooltip-tip{margin:0 auto;overflow:hidden;z-index:10;}.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip *{position:absolute;line-height:0.01rem!important;font-size:0.01rem!important;color:#123456;background:transparent;border:0 dashed transparent;}.ui-tooltip .ui-tooltip-tip canvas{top:0;{vb:stylevar left}:0;}#qtip-overlay{position:fixed;{vb:stylevar left}:-10000em;top:-10000em;}#qtip-overlay.blurs{cursor:pointer;}#qtip-overlay div{position:absolute;{vb:stylevar left}:0;top:0;width:100%;height:100%;background-color:black;opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}/*!Light tooltip style */ .ui-tooltip-light .ui-tooltip-titlebar,.ui-tooltip-light .ui-tooltip-content{border-color:#E2E2E2;color:#454545;}.ui-tooltip-light .ui-tooltip-content{background-color:white;}.ui-tooltip-light .ui-tooltip-titlebar{background-color:#f1f1f1;}/*!Dark tooltip style */ .ui-tooltip-dark .ui-tooltip-titlebar,.ui-tooltip-dark .ui-tooltip-content{border-color:#303030;color:#f3f3f3;}.ui-tooltip-dark .ui-tooltip-content{background-color:#505050;}.ui-tooltip-dark .ui-tooltip-titlebar{background-color:#404040;}.ui-tooltip-dark .ui-tooltip-icon{border-color:#444;}.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{border-color:#303030;}/*!Cream tooltip style */ .ui-tooltip-cream .ui-tooltip-titlebar,.ui-tooltip-cream .ui-tooltip-content{border-color:#F9E98E;color:#A27D35;}.ui-tooltip-cream .ui-tooltip-content{background-color:#FBF7AA;}.ui-tooltip-cream .ui-tooltip-titlebar{background-color:#F0DE7D;}.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{background-position:-82px 0;}/*!Red tooltip style */ .ui-tooltip-red .ui-tooltip-titlebar,.ui-tooltip-red .ui-tooltip-content{border-color:#D95252;color:#912323;}.ui-tooltip-red .ui-tooltip-content{background-color:#F78B83;}.ui-tooltip-red .ui-tooltip-titlebar{background-color:#F06D65;}.ui-tooltip-red .ui-state-default .ui-tooltip-icon{background-position:-102px 0;}.ui-tooltip-red .ui-tooltip-icon{border-color:#D95252;}.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{border-color:#D95252;}/*!Green tooltip style */ .ui-tooltip-green .ui-tooltip-titlebar,.ui-tooltip-green .ui-tooltip-content{border-color:#90D93F;color:#3F6219;}.ui-tooltip-green .ui-tooltip-content{background-color:#CAED9E;}.ui-tooltip-green .ui-tooltip-titlebar{background-color:#B0DE78;}.ui-tooltip-green .ui-state-default .ui-tooltip-icon{background-position:-42px 0;}/*!Blue tooltip style */ .ui-tooltip-blue .ui-tooltip-titlebar,.ui-tooltip-blue .ui-tooltip-content{border-color:#ADD9ED;color:#5E99BD;}.ui-tooltip-blue .ui-tooltip-content{background-color:#E5F6FE;}.ui-tooltip-blue .ui-tooltip-titlebar{background-color:#D0E9F5;}.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{background-position:-2px 0;}/*!Add shadows to your tooltips in:FF3+,Chrome 2+,Opera 10.6+,IE6+,Safari 2+*/ .ui-tooltip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);}.ui-tooltip-shadow .ui-tooltip-titlebar,.ui-tooltip-shadow .ui-tooltip-content{filter:progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3)";_margin-bottom:-3px;.margin-bottom:-3px;}/*!Add rounded corners to your tooltips in:FF3+,Chrome 2+,Opera 10.6+,IE9+,Safari 2+*/ .ui-tooltip-rounded,.ui-tooltip-rounded .ui-tooltip-content,.ui-tooltip-tipsy,.ui-tooltip-tipsy .ui-tooltip-content,.ui-tooltip-youtube,.ui-tooltip-youtube .ui-tooltip-content{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.ui-tooltip-rounded .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-titlebar{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}.ui-tooltip-rounded .ui-tooltip-titlebar+.ui-tooltip-content,.ui-tooltip-tipsy .ui-tooltip-titlebar+.ui-tooltip-content,.ui-tooltip-youtube .ui-tooltip-titlebar+.ui-tooltip-content{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}/*!Youtube tooltip style */ .ui-tooltip-youtube{-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;}.ui-tooltip-youtube .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-content{_margin-bottom:0;.margin-bottom:0;background:transparent;background:rgba(0,0,0,0.85);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";color:white;border-color:#CCC;}.ui-tooltip-youtube .ui-tooltip-icon{border-color:#222;}.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{border-color:#303030;}.ui-tooltip-jtools{background:#232323;background:rgba(0,0,0,0.7);background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-gradient(linear,{vb:stylevar left} top,{vb:stylevar left} bottom,from(#717171),to(#232323));border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333;}.ui-tooltip-jtools .ui-tooltip-titlebar{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";}.ui-tooltip-jtools .ui-tooltip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";}.ui-tooltip-jtools .ui-tooltip-titlebar,.ui-tooltip-jtools .ui-tooltip-content{background:transparent;color:white;border:0 dashed transparent;}.ui-tooltip-jtools .ui-tooltip-icon{border-color:#555;}.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{border-color:#333;}.ui-tooltip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.4);box-shadow:4px 4px 5px rgba(0,0,0,0.4);}.ui-tooltip-cluetip .ui-tooltip-titlebar{background-color:#87876A;color:white;border:0 dashed transparent;}.ui-tooltip-cluetip .ui-tooltip-content{background-color:#D9D9C2;color:#111;border:0 dashed transparent;}.ui-tooltip-cluetip .ui-tooltip-icon{border-color:#808064;}.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{border-color:#696952;color:#696952;}.ui-tooltip-tipsy{border:0;}.ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-content{_margin-bottom:0;.margin-bottom:0;background:transparent;background:rgba(0,0,0,.87);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";color:white;border:0 transparent;font-size: 1.1rem;font-family:'Lucida Grande',sans-serif;font-weight:bold;line-height:1.6rem;text-shadow:0 1px black;}.ui-tooltip-tipsy .ui-tooltip-titlebar{padding:6px 35px 0 10px;}.ui-tooltip-tipsy .ui-tooltip-content{padding:6px 10px;}.ui-tooltip-tipsy .ui-tooltip-icon{border-color:#222;text-shadow:none;}.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{border-color:#303030;}.ui-tooltip-tipped .ui-tooltip-titlebar,.ui-tooltip-tipped .ui-tooltip-content{border:3px solid #959FA9;filter:none;-ms-filter:none;}.ui-tooltip-tipped .ui-tooltip-titlebar{background:#3A79B8;background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-webkit-gradient(linear,{vb:stylevar left} top,{vb:stylevar left} bottom,from(#3A79B8),to(#2E629D));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";color:white;font-weight:normal;font-family:serif;border-bottom-width:0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}.ui-tooltip-tipped .ui-tooltip-content{background-color:#F9F9F9;color:#454545;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}.ui-tooltip-tipped .ui-tooltip-icon{border:2px solid #285589;background:#285589;}.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{background-color:#FBFBFB;color:#555;}.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{filter:none;-ms-filter:none;}]]></template>
		<template name="css_jquery_selectBox.css" templatetype="template" date="1547586480" username="vBulletin" version="5.5.1 Alpha 2"><![CDATA[/* Dropdown control */
.selectBox-dropdown {
	min-width: 50px;
	position: relative;
	border: solid 1px #BFC5C9;
	line-height: 2rem;
	text-decoration: none;
	text-align: {vb:stylevar left};
	color: #000;
	outline: none;
	vertical-align: middle;
	font-size: 1.3rem;
	background: #FFF;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	border-radius: 3px;
	display: inline-block;
	cursor: default;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #666;
}

.selectBox-dropdown.selectBox-menuShowing {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
	<vb:comment>Match padding from .b-form-input__input less border width.</vb:comment>
	padding: calc(3px - {vb:stylevar form_dropdown_border.width, withUnits}) 8px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	background-color: #FFF;
	border-radius: 3px;
}

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 45%;
	{vb:stylevar right}: 8px;
}


/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	min-height: 1em;
	border: solid 1px #BFC5C9; /* should be the same border width as .selectBox-dropdown */
	background: #FFF;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}


/* Inline control */
.selectBox-inline {
	min-width: 150px;
	outline: none;
	border: solid 1px #BFC5C9;
	background: #FFF;
	display: inline-block;
	border-radius: 3px;
	overflow: auto;
}

.selectBox-inline:focus {
	border-color: #666;
}


/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}

.selectBox-options LI A {
	line-height: 2.4rem;
	padding: 0 8px;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
	color:inherit;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #EBEBEB;
}

<vb:comment>
.module_filter_nodes .selectBox-options LI.selectBox-disabled A here to
give higher specificity for select-box inside of module config editor dialog 
.module_filter_nodes .selectBox.selectBox-disabled .selectBox-options LI A is similar,
but for when the entire selectBox control is disabled rather than a single option.
</vb:comment>
.module_filter_nodes .selectBox-options LI.selectBox-disabled A,
.module_filter_nodes .selectBox-options LI.selectBox-disabled A:hover,
.module_filter_nodes .selectBox.selectBox-disabled .selectBox-options LI A,
.module_filter_nodes .selectBox.selectBox-disabled .selectBox-options LI A:hover,
.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #EBEBEB;
}

.selectBox-options .selectBox-optgroup {
	color: inherit;
	background: #F3F3F3;
	font-weight: bold;
	line-height: 2.4rem;
	padding: 0 4px;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}]]></template>
		<template name="css_jquery_thumbnail-radio-checkbox.css" templatetype="template" date="1363827557" username="vBulletin" version="5.0.2 Alpha 2"><![CDATA[/*default CSS needed for thumbnail radio button plugin*/
.radio-checkbox-thumbnail-container {
	width:auto;
	text-align:center;
	margin:10px 20px;
	float:{vb:stylevar left};
}
.radio-checkbox-thumbnail {
	border: 3px solid transparent;
	height: auto;
	width: auto;
	cursor:pointer;
}
.radio-checkbox-thumbnail img {
	border:3px solid #FFF;
}
.radio-checkbox-thumbnail.has-hover:hover,
.radio-checkbox-thumbnail.selected,
.radio-checkbox-thumbnail.has-hover.h-disabled.selected:hover {
	border-color:#0000FF;
}
.radio-checkbox-thumbnail.h-disabled {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	border-color:transparent;
	cursor:default;
}
.radio-checkbox-thumbnail.has-hover.h-disabled:hover {
	border-color:transparent;
}
]]></template>
		<template name="css_links" templatetype="template" date="1359165106" username="vBulletin" version="5.0.0 Beta 28"><![CDATA[<vb:comment>
Fetch css links. For use with AJAX calls that need to supply css <link> tags. 
Takes advantage of the stylesheet runtime to determine if we're using css stored as files or if we need to break down rollups into individual templates. cssFiles is an array.
</vb:comment>
{vb:cssExtra {vb:var cssFiles}}]]></template>
		<template name="css_login.css" templatetype="template" date="1541086850" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[#idLoginHtml {
	margin:0;
	padding: 10px 5px 5px 5px;
}
#idLoginPage {
	margin: 0;
	padding: 0;
	background: transparent;
	overflow: hidden;
	min-width: 0;
	color: {vb:stylevar body_text_color};
	font: {vb:stylevar global_text_font};
}
#idLoginPage a, 
#idLoginPage a:active, 
#idLoginPage a:visited {
	color: {vb:stylevar body_link_color};
	text-decoration: {vb:stylevar body_link_decoration};
}
#idLoginPage a:hover {
	color: {vb:stylevar body_link_color_hover};
	text-decoration: {vb:stylevar body_link_decoration_hover};
}
#idLoginPage .error {
	margin-bottom: 10px;
	padding:0;
	color: {vb:stylevar main_nav_login_error_text_color};
	border:0;
	background:transparent;
	font-weight:bold;
	text-align: center;
}
#idLoginForm {
	margin:0 auto;
	max-width:310px;
}
#idLoginForm .tr .td {
	width:10%;
	padding-bottom:10px;
}
#idLoginPage .login-fieldset input[class*=badlogin] {
	background: {vb:stylevar main_nav_login_error_field_background};
	border-color: {vb:stylevar global_palette_warning_01};
	border-width: 2px;
}
#idLoginForm .secondary-controls {
	margin-top: 5px;
	width: 40%;
	font-size: 1.1rem;
}
#idLoginForm .secondary-controls input {
	vertical-align:bottom;
	margin:0 3px;
	margin-{vb:stylevar left}: 0;
}
#idLoginForm #idLostPasswordLink {
	display: block;
	line-height: 1.4rem;
	margin-top: 5px;
	margin-bottom:5px;
}
#idLoginForm .primary-controls {
	margin-top: 5px;
	text-align:center;
}
#idLoginForm .primary-controls a {
	font-weight:bold;
}
#idLoginForm #idLoginBtn {
	margin:0 0 10px;
	display:block;
	min-width: 0;
	padding-{vb:stylevar left}: 14px;
	padding-{vb:stylevar right}: 14px;
}
#idLoginRedirectHtml,
#idLoginRedirectHtml body {
	height:100%;
}
#idLoginPage .redirectMessage-wrapper {
	height:100%;
	position:relative;
}
#idLoginPage #redirectMessage {
	position:absolute;
	{vb:stylevar left}:0;
	top:50%;
	text-align: center;
	margin-top: -7px;
	width:100%;
}]]></template>
		<template name="css_memberlist.css" templatetype="template" date="1543426730" username="vBulletin" version="5.5.0 Alpha 1"><![CDATA[/* Members List */

.memberlist-widget .message-list .list-item-member{
	background:{vb:stylevar list_item_background};
}
.memberlist-widget .vb-icon-wrapper{
	height: 1.6rem;
}
.memberlist-widget .vb-icon-triangle-down-wide,
.memberlist-widget .vb-icon-triangle-up-wide {
	position: static !important;
	margin-top: 0 !important;
}
.memberlist-widget .conversation-toolbar-wrapper{
	margin-bottom:0;
}
.memberlist-widget .list-item .send-message{
	vertical-align:top;
}
.memberlist-widget .b-table .b-table__row--header {
	min-height: 3rem;
}]]></template>
		<template name="css_message_center.css" templatetype="template" date="1547586480" username="vBulletin" version="5.5.1 Alpha 2"><![CDATA[/* Message Center CSS Rules */

<vb:comment>
Private Messaging css begins here
</vb:comment>

.notificationIcon {
	width: 2.5rem;
	height: 2.5rem;
	padding: 5px 0;
	margin: 0;
	font-size: 0.9rem;
	font-family: {vb:stylevar global_text_font.fontFamily};
	text-align: center;
	background-image: url('images/notification_icon_bg.png');
	background-repeat: no-repeat;
	background-color: #ffffff;
}

<vb:comment>
/*******************************************************************************
 * Private Message widget
 *******************************************************************************/
</vb:comment>

.private-message-widget .nav-pane {
	width:100%; /* 163px */
	padding: 0;
	float:{vb:stylevar left};
	background:{vb:stylevar side_nav_background};
	font-size: 1.3rem;
}
.compose-btn-container {
	padding: 10px;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item {
*/
</vb:comment>
.private-message-widget .folder-item {
	line-height: 2em;
	height: 2em;
	position:relative;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item > a {
*/
</vb:comment>
.private-message-widget .folder-link {
	display:block;
	width:100%;
	height: 2em;
	line-height: 2em;
	position:relative;
	overflow:hidden;
	color:{vb:stylevar side_nav_text_color};
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item > a[href]:hover {
*/
</vb:comment>
.private-message-widget .folder-link:hover {
	background: {vb:stylevar side_nav_background_hover};
	color: {vb:stylevar side_nav_text_color_hover};
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item > a[data-href] {
*/
</vb:comment>
.private-message-widget .folder-link[data-href] {
	cursor:default;
}
.private-message-widget .folder-link[data-href]:hover {
	background:transparent;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item > a.selected,
.private-message-widget .nav-pane .folder-list .folder-item > a.selected[href]:hover {
*/
</vb:comment>
.private-message-widget .folder-link.selected,
.private-message-vidget .folder-link.selected[href]:hover,
.private-message-widget .folder-link.selected[data-href]:hover {
	background:{vb:stylevar side_nav_background_active};
	color:{vb:stylevar side_nav_text_color_active};
	font-weight:bold;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.inbox {
*/
</vb:comment>
.private-message-widget .inbox {
	text-transform:uppercase;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.inbox .label {
*/
</vb:comment>
.private-message-widget .inbox .label {
	margin-{vb:stylevar left}:10px;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item .icon {
*/
</vb:comment>
<vb:comment>
/* .folder-link selector needed to differentiate these from other icons on the
 * page. */
</vb:comment>
.private-message-widget .folder-link .vb-icon {
	width:15px;
	min-height: 14px;
	display:inline-block;
	position:absolute;
	margin-top: -8px;
	top:50%;
	{vb:stylevar left}:10px;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item .label {
*/
</vb:comment>
.private-message-widget .nav-pane .folder-item .label {
	display:inline-block;
	width:200px;
}
.private-message-widget .nav-pane .folder-item .vb-icon + .label {
	margin-{vb:stylevar left}:35px;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.custom-folder.has-count:hover .label {
*/
</vb:comment>
.private-message-widget .custom-folder.has-count:hover .label {
	width:104px;
}
<vb:comment>
/*Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.special-folder .label {
*/
</vb:comment>
.private-message-widget  .nav-pane .folder-item.special-folder .label {
	width:200px;
}
.private-message-widget  .nav-pane .folder-item.special-folder > .label {
	color: {vb:stylevar side_nav_text_color};
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.special-folder .icon + .label {
*/
</vb:comment>
.private-message-widget .special-folder .vb-icon + .label,
.private-message-widget .special-folder .icon + .label {
	width:200px;
}

<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.custom-folder .edit-icon-wrapper {
*/
</vb:comment>
.custom-folder .edit-icon-wrapper {
	width:32px;
	height: 2em;
	display:inline-block;
	position:absolute;
	top: 1px;
	{vb:stylevar right}: 3px;
	display:none;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.custom-folder .edit-icon-wrapper .edit-icon {
*/
</vb:comment>
.vb-icon-edit {
  background-position:-192px -176px;
	width:12px;
	height: 12px;
	display:inline-block;
	margin-top:-6px;
	position:absolute;
	top:50%;
	{vb:stylevar right}:10px;
	text-indent:-999999px;
	cursor:pointer;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.custom-folder a[href]:hover .edit-icon-wrapper {
*/
</vb:comment>
.folder-link[href]:hover .edit-icon-wrapper {
	display:inline-block;
}
<vb:comment>
/* Selector reduction
.private-message-widget .nav-pane .folder-list .folder-item.custom-folder.edit-folder-mode a[href]:hover .edit-icon-wrapper {
*/
</vb:comment>
.edit-folder-mode .folder-link[href]:hover .edit-icon-wrapper {
	display:none;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.custom-folder.has-count .edit-icon {
*/
</vb:comment>
.custom-folder.has-count .vb-icon-edit {
	{vb:stylevar right}:37px;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.custom-folder .edit-box-wrapper {
*/
</vb:comment>
.custom-folder .edit-box-wrapper {
	display:none;
	position:absolute;
	{vb:stylevar left}:34px;
	top:0;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.custom-folder .edit-box-wrapper .edit-folder-box {
*/
</vb:comment>
.custom-folder .edit-folder-box {
	width:103px;
	line-height: 1.6rem;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.custom-folder.edit-folder-mode .edit-box-wrapper {
*/
</vb:comment>
.custom-folder.edit-folder-mode .edit-box-wrapper {
	display:inline-block;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.custom-folder .edit-box-wrapper .delete-icon {
	*/
</vb:comment>
.private-message-widget .delete-icon {
	position:absolute;
	margin-top:-6px;
	top:50%;
	{vb:stylevar right}:-15px;
	cursor:pointer;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.custom-folder.edit-folder-mode a {
*/
</vb:comment>
.edit-folder-mode .folder-link {
	cursor:default;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.add-folder .icon {
*/
</vb:comment>
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item .count {
*/
</vb:comment>
.folder-item .count {
	height: 1rem;
	line-height: 1rem;
	display:inline-block;
	border: {vb:stylevar side_nav_border};
	position:absolute;
	<vb:comment>Negative top margin of half the total height of the element (height + padding + borders)</vb:comment>
	margin-top: calc(-0.5rem - 3px - {vb:stylevar side_nav_border.width, withUnits});
	top:50%;
	{vb:stylevar right}:10px;
	background: {vb:stylevar content_background};
	font-size: 1.1rem;
	font-weight:bold;
	color:{vb:stylevar side_nav_number_messages_color};
	padding:3px;
	min-width: 1.2rem;
	text-align:center;
	border-radius:2px;
}
<vb:comment>
/* Selector reduction:
.private-message-widget .nav-pane .folder-list .folder-item.has-count.edit-folder-mode .count {
*/
</vb:comment>
.folder-item.has-count.edit-folder-mode .count {
	display:none;
}
<vb:comment>
/* Selector reduction
.private-message-widget .nav-pane .folder-list .folder-item.inbox,
.private-message-widget .nav-pane .folder-list .folder-item.reports,
.private-message-widget .nav-pane .folder-list .folder-item.requests,
.private-message-widget .nav-pane .folder-list .folder-item.notifications,
.private-message-widget .nav-pane .folder-list .folder-item.pending-posts {
	font-weight:bold;
}
.private-message-widget .nav-pane .folder-list .folder-item.reports,
.private-message-widget .nav-pane .folder-list .folder-item.requests,
.private-message-widget .nav-pane .folder-list .folder-item.notifications,
.private-message-widget .nav-pane .folder-list .folder-item.pending-posts {
	height: 2.9rem;
	line-height: 2.9rem;
}
*/
</vb:comment>
<vb:comment>
/* .folder-item-main is a top-level folder in Private Messages, requiring
 * bolding of text and a slightly taller height than folders within the Message
 * Center area */
</vb:comment>
.folder-item-main {
	font-weight: bold;
	height: 2em;
	line-height: 2em;
}

.private-message-widget .nav-pane .divider-solid {
	margin: 0;
	padding: 0;
	height: 0;
	width: 100%;
	border-top: {vb:stylevar side_nav_border};
	border-bottom: none;
}
<vb:comment>
.private-message-widget .main-pane {
	/*margin:-1px -1px -1px -1px;*/ /*restore left margin of 163px if we move private messages back to one widget*/
	/*border:{vb:stylevar form_dropdown_border};*/
}
</vb:comment>

<vb:comment>
/****************************************************************************
 * Private Message widget Main Pane
 ****************************************************************************/
</vb:comment>
.private-message-widget .main-pane .main-pane-header {
	background: {vb:stylevar primary_module_subheader_background};
	color: {vb:stylevar primary_module_subheader_text_color};
	font: {vb:stylevar primary_module_subheader_font};
	height: 3.3rem;
	line-height: 3.3rem;
	text-transform: uppercase;
	border:{vb:stylevar primary_module_subheader_border};
	border-right: none;
	border-left: none;
}
.private-message-widget .main-pane .main-pane-header.notifications-action-bar{
	background: {vb:stylevar module_tab_background_active};
}
#notificationContent .main-pane-header.notification-date-bar{
	font-size: 1.3rem;
	font-weight: bold;
}
.private-message-widget .main-pane .main-pane-header.list-controls {
	font-weight:normal;
	text-transform: none;
	border-top:0;
	margin-top:0 !important;
}
.private-message-widget .main-pane .main-pane-header:first-child {
	border-top: none;
}
.private-message-widget .main-pane .message-list .main-pane-header {
	text-transform: none;
}
.private-message-widget .main-pane .message-list .main-pane-header + .message-item {
	border-top:0;
}
.private-message-widget .main-pane .message-list .main-pane-header:first-child {
	margin-top:0;
}
.private-message-widget .main-pane .message-list .message-item {
	border:0;
	border-top:{vb:stylevar module_content_border};
	width:auto;
	margin:0;
	border-radius:0;
}
.private-message-widget .main-pane .message-list .message-item:last-child {
	border-bottom-{vb:stylevar right}-radius:2px;
}
.private-message-widget .main-pane .message-list .message-item.message-unread,
.private-message-widget .last-msg-unread {
	background:{vb:stylevar private_messages_mark_as_unread_background};
}
.private-message-widget .main-pane .message-list.pm-notification-list .message-item.notification-unread {
	background:{vb:stylevar notification_detail_unread_background};
}
.private-message-widget .main-pane .message-list .message-item:first-child {
	border-top:0;
}
.private-message-widget .main-pane .message-list .message-item .message-checkbox {
	margin-{vb:stylevar right}:10px;
	float:{vb:stylevar left};
	line-height: 3.2rem;
}
.private-message-widget .main-pane .message-list.pm-message-list .message-item .message-checkbox {
	height: 74px;
}
.private-message-widget .main-pane .message-list .message-item .message-checkbox input {
	margin:0;
}
.private-message-widget .main-pane .message-list .message-item .message-header {
	height: 3.4rem;
}
.private-message-widget .main-pane .message-list .message-item .message-header .avatar {
	border: {vb:stylevar activity_stream_avatar_border};
	width:32px;
	height:32px;
	overflow:hidden;
	margin-bottom: 10px;
}
.private-message-widget .main-pane .message-list .message-item .message-header .info {
	color: {vb:stylevar text_tertiary_color};
}
.private-message-widget .main-pane .message-list .message-item .message-header .subject {
	font-weight:bold;
	height: 1.9rem;
}
.private-message-widget .main-pane .message-list .message-item .message-body {
	margin: 0;
	clear: {vb:stylevar left};
}
.private-message-widget .main-pane .message-list.pm-message-list .topic-item .cell-topic,
.private-message-widget .main-pane .message-list.pm-message-list .forum-item .cell-forum,
.private-message-widget .main-pane .message-list.pm-message-list .user-item .cell-user {
	padding-{vb:stylevar left}: 15px;
}
.private-message-widget .main-pane .message-list.pm-message-list .topic-item .cell-topic .topic-title,
.private-message-widget .main-pane .message-list.pm-message-list .forum-item .cell-forum .forum-title,
.private-message-widget .main-pane .message-list.pm-message-list .user-item .cell-user .author {
	font-size: 1.6rem;
}
.private-message-widget.conversation-content-widget .list-container.thread-view .list-item .list-item-body-wrapper .list-item-body {
	padding-bottom:20px;
}
.private-message-widget.conversation-content-widget .conversation-content {
	padding:20px 15px 0 15px;
}
.private-message-widget.conversation-content-widget .conversation-content.private-message-detail.show-subcontrols {
	padding: 0;
}
.private-message-widget.conversation-content-widget .conversation-content.private-message-detail .list-controls {
	display:none;
}
.private-message-widget.conversation-content-widget .conversation-content.private-message-detail.show-subcontrols .list-controls {
	display:block;
}
.private-message-widget.conversation-content-widget .conversation-content.private-message-detail.show-subcontrols .privateMessageSummary {
	display:none;
}
.private-message-widget.conversation-content-widget .conversation-content.private-message-detail.show-subcontrols .conversation-list {
	margin: 15px;
}
.private-message-widget.conversation-content-widget .list-container .list-item:first-child {
	margin-top:0;
}
.private-message-widget .message-list .message-item {
	background: {vb:stylevar content_background};
}
.pm-report-list.conversation-list.stream-view {
	border:0;
}
.canvas-layout-container .conversation-content-widget .pm-report-list .list-item-header .info {
	height:auto;
	line-height:normal;
}
.view-mode .canvas-layout-container .private-message-display.canvas-widget.widget-no-border {
	border-bottom-{vb:stylevar right}-radius:2px;
}
.l-small .private-message-display.canvas-widget {
	border: {vb:stylevar primary_module_border};
}


<vb:comment>*START* Responsive for topic list in subscriptions/subscribers in Message center</vb:comment>

.l-xsmall .topic-list-container.pm-message-list {
	display: block;
	border: none;
}

.l-xsmall .topic-list-container.pm-message-list tbody {
	display: block;
}

.l-xsmall .topic-list-container.pm-message-list tr {
	display: block;
	border-top: {vb:stylevar primary_module_border};
	clear: {vb:stylevar right};
}
.l-xsmall .topic-list-container.pm-message-list tr:first-child {
	border-top: none;
}

.l-xsmall .topic-list-container.pm-message-list td {
	display: block;
	padding-{vb:stylevar left}: 10px;
	padding-{vb:stylevar right}: 10px;
}
<vb:comment>Extra selectors needed for specificity</vb:comment>
.l-xsmall .private-message-widget .main-pane .message-list.pm-message-list .topic-item .cell-topic, 
.l-xsmall .private-message-widget .main-pane .message-list.pm-message-list .forum-item .cell-forum {
	padding-{vb:stylevar left}: 10px;
	padding-{vb:stylevar right}: 10px;
}

.l-xsmall .topic-list-container.pm-message-list .cell-topic,
.l-xsmall .topic-list-container.pm-message-list .cell-forum {
	clear: {vb:stylevar right};
}
.l-xsmall .topic-list-container.pm-message-list .cell-gotopost {
	float: {vb:stylevar right};
}
/*.l-xsmall .topic-list-container.pm-message-list .cell-lastpost,
.l-xsmall .topic-list-container.pm-message-list .lastpost {
}*/
.l-xsmall .topic-list-container.pm-message-list .lastpost-title {
	display: block;
}



<vb:comment>*END* Responsive for topic list in subscriptions/subscribers in Message center</vb:comment>


.message-empty {
	padding: 10px 20px;
	text-align: center;
	font-weight: bold;
	background: {vb:stylevar no_content_background};
}

.pm-request-list .message-item .pmRequestMesage {
	width: calc(100% - 14rem);
	display: inline-flex;
	align-items: center;
}

<vb:comment>:first-of-type instead of :first-child so we skip the hidden #notificationFilters</vb:comment>
.private-message-widget .main-pane .pm-notification-list .message-item:first-of-type {
	border-top: 0 none;
}
.pm-notification-list .message-item .notification-message {
	width: calc(100% - 13rem);
	float: {vb:stylevar left};
	display: inline-flex;
	align-items: center;
}
.pm-notification-list .message-item .notification-message-text {
	box-sizing: border-box;
	width: 100%;
	margin-{vb:stylevar left}: -44px;
	padding-{vb:stylevar left}: 44px;
}
.pm-notification-list .message-item .post-date {
	margin-bottom: 5px;
}

#privateMessageContainer .message-item .post-date {
	margin-bottom: 5px;
	text-align: {vb:stylevar right};
}
#privateMessageContainer .list-item-header {
	margin-bottom: 5px;
}
#privateMessageContainer .post-content {
	margin-{vb:stylevar left}:17px;
	margin-{vb:stylevar right}:12px;
}

.pmViewCb input
{
	margin:0;
}

#pmFloatingBarContent
{
	margin: 5px 10px;
}
#pmFloatingBarContent .pagenav-controls
{
	margin-top: 1px;
}
#pmFloatingBarContent .toolset.h-right {
	margin-top:1px;
}
#pmFloatingBarContent .toolset.h-right .toolbar-filter .filter-wrapper {
	margin-{vb:stylevar right}:0;
}
#pmFloatingBarContent .toolset.h-right .toolbar-filter .filter-wrapper.selected {
	margin-{vb:stylevar right}:-10px;
}
#pmFloatingBar .toolbar-filter-overlay {
	margin-{vb:stylevar right}:-1px;
	margin-top:-3px;
}
#pmForwardPrompt {
	margin: 5px 0 0;
	margin-{vb:stylevar left}: 7px;
}
.private-message-widget .split-button {
	min-width: 78px;
}
.private-message-widget .split-button .split-button-wrapper {
	padding: 0;
}
.private-message-widget .split-button .split-button-wrapper .button-set {
	margin-{vb:stylevar right}: 0;
}
.private-message-widget .split-button .split-button-wrapper .button-set .button-text {
	font-size: 1.2rem;
	padding-{vb:stylevar left}: 10px;
	text-align: center;
}
.private-message-widget .split-button .split-button-wrapper .button-set .button-text .ui-button-text {
	padding:0;
}

.private-message-widget .split-button .split-button-wrapper .submenu {
	background: {vb:stylevar side_nav_background};
	border:{vb:stylevar side_nav_border};
	border-top: 0;
	font-weight: normal;
	position: absolute;
	text-align: {vb:stylevar left};
	top: 24px;
	min-width:100%;
	width:auto;
}
.private-message-widget .split-button .split-button-wrapper .submenu li {
	border-bottom-color:transparent;
	border-top:{vb:stylevar side_nav_border};
	line-height: 2.3rem;
}
.private-message-widget .split-button .split-button-wrapper .submenu li:hover {
	background: {vb:stylevar toolbar_dropdown_item_background_active};
}
#pmOpenNewFolderName {
	font-weight:bold;
}

#pmMoveBlock
{
	margin-{vb:stylevar left}:200px;
}
#pmNewFolderName
{
	height:60px;
	padding-{vb:stylevar right}:10px;
}
.privateMessageSummary
{
	margin-bottom: 17px;
}
.messageIndent
{
	margin-{vb:stylevar left}: 5em;
}
.pmNotifDlgLink {
	color: {vb:stylevar body_link_color};
	text-decoration: {vb:stylevar body_link_decoration};
	cursor: pointer;
	margin: auto;
}
.ui-tooltip.ui-tooltip-notification-others {
	width: 30vw;
	min-width: 300px;
	max-width: 90vw;
}
.ui-tooltip-notification-others .ui-tooltip-content{
	max-height: 50vh;
	padding-top: 0;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
}
#pmBtnDelete .vb-icon,
#pmBtnNotificationDelete .vb-icon {
	vertical-align: middle;
	width: 13px;
	height: 16px;
	margin-{vb:stylevar right}:5px;
	margin-top: -3px;
}

#btnMove .vb-icon {
	vertical-align: middle;
	width: 15px;
	height: 16px;
	margin-{vb:stylevar right}:5px;
	margin-top: -3px;
}

#pmBtnOpenChat .b-icon {
	vertical-align: middle;
	margin-{vb:stylevar right}:5px;
	margin-top: -3px;
}

.l-small .canvas-layout-container .private-message-search {
	width: inherit !important;
}
.canvas-layout-container .private-message-toolbar,
.canvas-layout-container .private-message-search {
	background: {vb:stylevar toolbar_background} !important;
}
.private-message-widget.private-message-search .widget-content,
.private-message-widget.private-message-toolbar .widget-content {
	<vb:comment>
		We need to set a height because the toolbar element can be empty, causing it to collapse smaller than the search element on the left.
		Calculates the height of a form field .b-input__input, along with paddings and borders, plus the padding on #pmSearch
	</vb:comment>
	height: calc(1.8rem + 20px + ({vb:stylevar form_field_border.width, withUnits} * 2));
}
#pmSearch {
	padding: 6px 10px;
}

<vb:comment>
/**************************************************
 * Private Messaging css ends here
 *************************************************/
</vb:comment>

<vb:comment>/*Infraction START*/</vb:comment>
.custom-infraction-info {
	margin:10px 0 0;
}
.custom-infraction-info .td {
	padding-{vb:stylevar right}:3px;
	padding-bottom:3px;
}
.give-infraction-dialog .dialog-content {
	max-height:500px;
	overflow-y:auto;
}
.give-infraction-dialog .dialog-content.has-scrollbar {
	padding-{vb:stylevar right}:15px;
}
.infraction-send-pm .blockbody > .blockrow {
	margin-top:10px;
}
.infraction-send-pm .blockbody > .blockrow:first-child {
	margin-top:0;
}
.infraction-send-pm .ckeditor-bare-box {
	border: 0;
	resize:vertical;
}
.infraction-send-pm .cke_editor_ckeditor-infraction-pm {
	padding: 0;
	border: 0;
	background: {vb:stylevar form_field_background};
	width:auto !important;
}
.infraction-container .infraction-send-pm .blockrow-body {
	padding: 0;
}
.infraction-send-pm .b-toolbar {
	border-width: 1px 0;
}
.infraction-send-pm .b-toolbar.h-border-top-none {
	border-top: 0;
}
.infraction-send-pm .b-toolbar.h-border-botttom-none {
	border-bottom: 0;
}
.infraction-send-pm .b-content-entry-panel__content--last {
	border-radius: 0 0 2px 2px;
}
.infraction-send-pm .b-editor {
	border:0;
}
.infraction-send-pm .b-content-entry--all-panels-hidden .b-editor,
.infraction-send-pm .b-content-entry--all-panels-hidden .b-editor > .cke_reset,
.infraction-send-pm .b-content-entry--all-panels-hidden .b-editor .cke_inner,
.infraction-send-pm .b-content-entry--all-panels-hidden .b-editor .cke_contents {
	border-radius: 0 0 2px 2px;
}
.infraction-dashboard-stats .td:first-child {
	padding-{vb:stylevar right}:20px;
}
.infraction-list td,
.infraction-list th {
	border-bottom:{vb:stylevar primary_module_subheader_border};
}
.infraction-list .infraction-date-col,
.infraction-list .infraction-expires-col,
.infraction-list .infraction-view-col,
.infraction-list .infraction-points-col {
	white-space:nowrap;
	width:10%;
}
.infraction-list .infraction-date-col,
.infraction-list .infraction-expires-col {
	padding-{vb:stylevar left}:20px;
	padding-{vb:stylevar right}:20px;
}
.infraction-list .infraction-reason-col {
	width:60%;
	text-align:{vb:stylevar left};
	padding-{vb:stylevar left}:0;
}
.infraction-list .vb-icon-ctrl-infract {
	margin-{vb:stylevar right}:5px;
}
.infraction-warning-control {
	display:block;
	margin-top:5px;
}
.infraction-warning-control.h-hide {
	display:none;
}
.infraction-level-list th:first-child,
.infraction-ban-list th:first-child {
	text-align:{vb:stylevar left};
}
.infraction-ban-list {
	margin-bottom:0;
}
.infraction-ban-reason {
	margin-top:10px;
}
.infraction-ban-reason .ban-reason-desc {
	color: #FF0000;
    margin: 5px 0 8px;
}
.infraction-ban-reason .ban-reason {
	margin-top:10px;
	display:block;
	resize:vertical;
}
.infraction-container {
	padding:15px;
}
.sb-dialog .infraction-container {
	padding:0;
}
.infraction-container .blockrow {
	border:{vb:stylevar module_content_border};
	border-radius:3px;
}
.infraction-container .blockrow-head {
	padding:5px;
	border-bottom:{vb:stylevar module_header_border};
	background:{vb:stylevar module_header_background};
	border-radius:2px 2px 0 0;
}
.infraction-container .blockrow-head.collapsed {
	border-bottom:0;
}
.infraction-container .blockrow-body {
	padding:10px;
}
.infraction-container th:first-child,
.infraction-container td:first-child {
	padding-{vb:stylevar left}:0;
}


#privateMessageContainer .pending-posts-container .infractions-list .list-item .infraction-info a{
	font-weight:bold;
}
#privateMessageContainer .pending-posts-container .infractions-list .list-item.read .infraction-info a{
	font-weight:normal;
}
.private-message-widget .pending-posts-container .infractions-list .list-item .info{
	width:210px;
}


<vb:comment>/*Infraction END*/</vb:comment>]]></template>
		<template name="css_profile.css" templatetype="template" date="1551208115" username="vBulletin" version="5.5.2 Alpha 1"><![CDATA[<vb:comment>Profile Sidebar widget + Profile Widget or Profile Subscriptions Widget START</vb:comment>

#profileTabs {
	border: 0 none;
	padding: 0;
}
#profileTabs .conversation-list.stream-view {
	border: 0 none;
}

.profilePreviewContainer {
	float:{vb:stylevar left};
	width:100%;
}

<vb:comment>About Section START</vb:comment>
.section .section-header {
	font-weight:bold;
	background: {vb:stylevar profile_section_background};
	height: 3rem;
	line-height: 3rem;
	border:{vb:stylevar profile_section_border};
	border-width: 1px 0;
	padding: 0 15px;
}
.section .section-content.table {
	width:100%;
}
.section.about-status .section-content {
	padding: 18px 15px;
}
.section.about-status .section-content textarea {
	padding: 14px;
	width: 100%;
	box-sizing: border-box;
}
.section .section-content.table .tr {
	height:30px;
	vertical-align:top;
}
.section .section-content.table .tr .td {
	font-weight:bold;
	width:20%;
	padding:10px 40px;
	white-space:normal;
}
.section .section-content.table .tr .td + .td {
	font-weight:normal;
	width:80%;
	text-transform: none;
}
.section .section-content.table .sub-section .section-header {
	border:0;
	background:transparent;
	text-transform:uppercase;
	padding: 0;
	margin-top: 4px;
}
.section .section-content.table .sub-section:first-child .section-header {
	margin-top:0;
}
.section .section-content.table .sub-section {
	border-top:1px dotted {vb:stylevar profile_content_divider_border};
}
.section .section-content.table .sub-section:first-child {
	border-top:0;
}
.section .section-content.table .sub-section .section-content.table .tr .td {
	font-weight:normal;
	padding: 10px 0;
}
.section .section-content.table .sub-section .section-content.table {
	padding: 0;
	margin-bottom: 4px;
}
.section.about-links ul li {
	margin: 5px 0;
}
.section.about-links ul li a {
	font-weight: normal;
	text-transform: none;
}
<vb:comment>About Section END</vb:comment>

.editNotes
{
	font-size: .85em;
}

.profileMediaEditContainer
{
	width:500px;

}

/** follow profile buttons (but really has nothing to do with them?) */

.profile-widget .header {
	margin-bottom: 40px;
}

.profile-widget .header .first_column {
	float: {vb:stylevar left};
	padding: 5px;
}

.profile-widget .header .second_column {
	float: {vb:stylevar left};
	margin-{vb:stylevar left}: 20px;
	margin-top: 7px;
}

.profile-widget .header .third_column {
	float: {vb:stylevar right};
	padding: 5px;
}

.profile-widget .header .third_column .subscribepending_button {
	height: 25px;
	width: 100px;
	float: {vb:stylevar left};
	margin-{vb:stylevar right}: 5px;
}

.profile-widget .header .third_column .pm_button {
	height: 25px;
	width: 130px;
	float: {vb:stylevar right};
	color: #66CC00;
	border: 2px solid #66CC00;
}

.profile-widget .widget-tabs .widget-tabs-panel {
	border:0;
	padding:0;
}
.profile-widget .widget-tabs .widget-tabs-panel.about-tab {
	border: none;
	border-top: {vb:stylevar primary_module_border};
}
#mediacontent .conversation-list.stream-view .list-item-header .post-title {
	margin-{vb:stylevar left}:15px;
	width:75%;
}

#mediacontent .conversation-list.stream-view .list-item-header .info {
	margin-{vb:stylevar right}:15px;
	line-height: 1.6rem;
}


/**
	profile-widget-layout
**/

.b-layout--contiguous .profile-widget {
	width:100%;
	margin-bottom:0;
}
.b-layout--contiguous .profile-sidebar-widget .widget-content {
	width:100%;
}
.b-layout--contiguous .profile-widget .widget-content {
	padding:0 !important;
}
.b-layout--contiguous .profile-widget .widget-content .profile-container .profileTabs {
	margin-bottom: 3px !important;
}
.b-layout--contiguous .profile-widget .widget-content .profile-container .profileTabs > .tab {
	border-bottom-left-radius:0 !important;
}
.b-layout--contiguous .profile-widget .widget-content .profile-container .profileTabs > .tab.about-tab {
	margin-bottom:-2px !important;
}
.b-layout--contiguous .profile-widget .widget-content .profile-container .profileTabs > .tab > .pagenav-controls,
.b-layout--contiguous .profile-widget .widget-content .profile-container .profileTabs > .tab > .pagenav-controls .pagenav-form {
	margin-top:-1px !important;
}
.b-layout--contiguous .profile-widget .widget-content .profile-container .profileTabs > .tab > .pagenav-controls .pagenav-form {
	background: #FFF;
	margin: -1px 1px 1px;
}
.b-layout--contiguous .profile-widget .widget-content .profile-container .profileTabs .conversation-list {
	margin-bottom:-1px !important;
}
.b-layout--contiguous .subscriptions-widget {
	width:100% !important;
}
.b-layout--contiguous .subscriptions-widget .widget-content {
	padding:0 !important;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs {
	border: 0;
	padding: 0;
}
.b-layout--contiguous .widget-tabs .widget-tabs-panel .conversation-empty {
	clear: both;
	margin: 0 1px;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs > .tab {
	padding: 0;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .groups-tab {
	border-width: 1px;
	border: {vb:stylevar module_content_border};
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscriptions-tab .conversation-toolbar-wrapper {
	position:relative;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .conversation-toolbar-wrapper .back-button {
	margin-{vb:stylevar left}:0;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscriptions-tab .conversation-toolbar-wrapper .toolbar-filter-overlay {
	width: auto;
	z-index: 1;
	position: absolute;
	{vb:stylevar right}: 0;
	top: 39px;
	padding: 20px 20px 0;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container {
	margin-top: -1px;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list-header {
	width: 100%;
	border: {vb:stylevar primary_module_subheader_border};
	border-left: 0 none;
	border-right: 0 none;
	background: {vb:stylevar primary_module_subheader_background};
	color: {vb:stylevar primary_module_subheader_text_color};
	font-weight: bold;
}
.b-layout--contiguous .subscriptions-widget .conversation-toolbar-wrapper .conversation-toolbar {
	border-left: 0 none;
	border-right: 0 none;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list-header .arrow {
	cursor: pointer;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list-header .td {
	vertical-align: middle;
	padding: 0 14px;
	height: 35px !important;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list-header .td label {
	display: inline-block;
	height: 3.5rem;
	line-height: 3.5rem;
	float: {vb:stylevar left};
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list-header .td .arrow {
	margin-top: 5px;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .first_column {
	width: 65%;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .second_column {
	width: 20%;
	white-space: nowrap;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .third_column {
	width: 15%;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list {
	width: 99.8%;
	border: {vb:stylevar module_content_border};
	border-top: 0;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list .subscription-item {
	background: transparent;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container.followers .subscription-list .subscription-item {
	height:55px;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list .subscription-item .td {
	height: 42px !important;
	vertical-align: middle;
	padding: 0 14px;
	border-top:{vb:stylevar module_content_border};
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list .subscription-item:first-child .td {
	border-top:0;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list .subscription-item .td a {
	font-weight: bold;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list .subscription-item .td a.author {
	font-weight: normal;
	line-height: 3.4rem;
}
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list .subscription-item .subscription-button {
	text-align: center;
}

<vb:comment>Profile Sidebar widget + Profile Widget or Profile Subscriptions Widget END</vb:comment>


<vb:comment> Profile sidebar widget START </vb:comment>
.profile-sidebar-widget {
	width:100%;
	background:transparent !important;
}
.profile-sidebar-widget .widget-content {
	padding: 10px;
	width: 100%;
}

#cropFrame label {
	margin-bottom: 5px;
	font-weight:bold;
	display: block;
}
#cropFrame .profile-photo-wrapper{
	overflow: hidden;
}
#cropFrame .profile-photo-wrapper > img{
	max-width:100% !important;
	max-height:100% !important;
	width:auto !important;
	height:auto !important;
}

.profile-sidebar-widget .profileContainer .profile-photo-wrapper {
	position: relative;
	max-width: 202px;
	max-height:202px;
	width:100%;
	height:100%;
	margin: 0 auto;
}

.profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo {
	max-width: 200px;
	max-height: 200px;
	width: auto;
	height: auto;
	border: 1px solid {vb:stylevar side_nav_avatar_border};
}

.profile-sidebar-widget .profileContainer .profile-acct .username {
	font-weight:bold;
	font-size: 1.8rem;
	margin-top:14px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.l-small .profile-sidebar-widget .profileContainer .profile-acct .username {
	margin-top: 0;
}

.profile-sidebar-widget .profileContainer .profile-acct .edit-user-link {
	display: block;
	float: {vb:stylevar right};
	margin-top: 7px;
}
.profile-sidebar-widget .profileContainer .status-update {
	margin: 10px 0;
	height: auto;
	min-height: 0;
	padding: 0;
}

.profile-sidebar-widget .profileContainer .profile-info  {
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.l-small .profile-sidebar-widget .profileContainer .profile-info {
	margin-bottom: 0;
}

.profile-sidebar-widget .profileContainer .profile-info .profile-info-item {
	line-height: 2rem;
}
.profile-sidebar-widget .profile-menulist {
	border-top: {vb:stylevar side_nav_item_border_bottom};
	margin:0 0 -1px 0;
	width: 100%;
}
.profile-sidebar-widget .profile-menulist .profile-menulist-item > a {
	display:block;
	font-weight:bold;
}
.profile-sidebar-widget .profile-menulist .profile-menulist-item > a > label {
	color: {vb:customstylevar profile_userpanel_textcolor, {vb:var userid}};
	cursor:pointer;
}
.profile-sidebar-widget .profile-menulist .profile-menulist-item > a > .subscriptions-count,
.profile-sidebar-widget .profile-menulist .profile-menulist-item .subscriptions-count {
	color:{vb:stylevar profilesidebar_count_text_color};
	padding:3px;
	border: {vb:stylevar side_nav_border};
	display:inline-block;
	font-size: 1.1rem;
	min-width: 1.6rem;
	height: 1.6rem;
	line-height: 1.6rem;
	text-align: center;
	position: absolute;
	{vb:stylevar right}: 10px;
	top: 50%;
	<vb:comment>Negative top margin of half the total height of the element (height + padding + borders) Add one extra pixel so that the space is greater at the bottom than at the top for visual balance.</vb:comment>
	margin-top: calc(-0.8rem - 3px - {vb:stylevar side_nav_border.width, withUnits} - 1px);
	background: {vb:stylevar content_background};
	border-radius:1px;
}
.profile-action-buttons {
	border-top: {vb:stylevar side_nav_item_border_top};
	<vb:comment>Bottom border handled by widget container</vb:comment>
}

/* .profile-sidebar-widget .subscription-container */
.profile-sidebar-widget .subscription-container {
	position: relative;
}

.profile-sidebar-widget .subscription-container .subscription-text {
	position: absolute;
	{vb:stylevar left}: 1px;
}

.profile-sidebar-widget .subscription-container .subscription-link {
	position: absolute;
	{vb:stylevar right}: 5px;
}














#editProfilePhotoDlg .frmprofilePhoto h4 {
	margin-bottom:15px;
}
#editProfilePhotoDlg .profile-img-option-container {
	margin-bottom:18px;
}
#editProfilePhotoDlg .profile-img-option-container > label input {
	margin-{vb:stylevar left}:0;
	margin-{vb:stylevar right}:6px;
}
#editProfilePhotoDlg .profile-img-option-container .profile-img-option-field {
	margin-{vb:stylevar left}: 20px;
	margin-top: 5px;
}
#editProfilePhotoDlg .profile-img-option-container .profile-img-option-field > input {
	margin-{vb:stylevar left}:0;
	margin-{vb:stylevar right}:5px;
	float:{vb:stylevar left};
	width:70%;
}

/* #profCustom_contentButtons .profile-img-option-container, */
/* #profCustom_contentText .profile-img-option-container, */
/* #profCustom_contentHeader .profile-img-option-container, */
.profileTabs .profile-img-option-container {
  padding: 10px 18px;
}

.default-avatar-container {
	margin-top: 15px;
	max-height:240px;
	overflow-y:auto;
}
.default-avatar-container .avatarHolder {
	width: 204px;
	height: auto;
	text-align: center;
	margin-bottom:20px;
	margin-{vb:stylevar right}:15px;
}
.default-avatar-container .avatarHolder .defaultAvatarSet
{
	border: 2px solid #E6E6E6;
	max-width:200px;
	max-height:200px;
	width:100%;
	height:100%;
	cursor:pointer;
}
.default-avatar-container .avatarHolder .defaultAvatarSet.defaultAvatarSelected
{
	border-color:#4455AA;
}

#editProfilePhotoDlg .upload-progress-bar {
	margin-top: 5px;
	margin-{vb:stylevar right}: 10px;
}
#editProfilePhotoDlg .profile-img-option-container .upload-progress-bar {
	margin-top: 5px;
	margin-bottom: 15px;
	text-align: {vb:stylevar left};
	margin-{vb:stylevar left}: 20px;
}

.profile-widget .post-footer-wrapper .post-footer ul li,
.profile-widget .conversation-list.stream-view .list-item-header .info .subscribed,
.canvas-layout-container .canvas-widget .widget-content .profileTabs .post-date
{
	color: {vb:customstylevar profile_content_secondarytext, {vb:var userid}};
	border-color: inherit;
}

.profile-widget .widget-tabs.ui-tabs .ui-widget-content a,
.profile-widget .widget-tabs.ui-tabs .ui-widget-content a:active,
.profile-widget  .widget-tabs.ui-tabs .ui-widget-content a:visited
{
	color: {vb:customstylevar profile_content_linktext, {vb:var userid}};
}

.profile_sidebar_content .b-button.b-button--primary {
    color: {vb:customstylevar profilesidebar_button_text_color, {vb:var userid}};
    border: {vb:customstylevar profilesidebar_button_border, {vb:var userid}};
    background: {vb:customstylevar profilesidebar_button_background, {vb:var userid}};
}
.profile_sidebar_content {
	background: {vb:customstylevar side_nav_background, {vb:var userid}};
	color: {vb:customstylevar profile_userpanel_textcolor, {vb:var userid}};
	font: {vb:customstylevar profile_userpanel_font, {vb:var userid}};
}
.profileSidebar .profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo {
	border: {vb:customstylevar side_nav_avatar_border, {vb:var userid}};
}
.profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo {
	vertical-align: baseline;
}
.profileContainer .username .vb-icon {
	display:inline-block;
	width:12px;
	height:12px;
}
.profile-sidebar-widget .profile-menulist .profile-menulist-item .subscriptions-count,
.profile-sidebar-widget .profile-menulist .profile-menulist-item a,
.profile-sidebar-widget .profile-menulist .profile-menulist-item a:visited {
	color: {vb:customstylevar profile_userpanel_linkcolor, {vb:var userid}};
}
.profile-sidebar-widget .profile-menulist .profile-menulist-item {
	position:relative;
	line-height: 2.9rem;
	border-top: {vb:stylevar side_nav_item_border_top};
	border-bottom: {vb:stylevar side_nav_item_border_bottom};
}
.profile-sidebar-widget .profile-menulist .profile-menulist-item:last-child {
	border-bottom-color: transparent;
}

<vb:comment> Profile sidebar widget END</vb:comment>




.profileTabs .section .section-header {
	background: {vb:customstylevar profile_section_background, {vb:var userid}};
	border: {vb:customstylevar profile_section_border, {vb:var userid}};
	border-left: 0 none;
	border-right: 0 none;
	color: {vb:customstylevar profile_section_text_color, {vb:var userid}};
	font: {vb:customstylevar profile_section_font, {vb:var userid}};
}
.profileTabs .section:first-child .section-header {
	border-top: 0 none;
}
.view-mode .profile-widget .profileTabs .widget-tabs-nav,
.view-mode .subscriptions-widget .subscribeTabs .widget-tabs-nav {
	<vb:comment>These rules need !important due to ".view-mode .widget-tabs .widget-tabs-nav" rules.</vb:comment>
	border:{vb:customstylevar profcustom_navbar_border, {vb:var userid}} !important;
	border-bottom: 0 none !important;
	margin: -{vb:stylevar module_content_border.width, withUnits} !important;
	margin-bottom: 0 !important;
	border-radius: 0 !important;
}
.profileTabs .widget-tabs-nav li.ui-tabs-active,
.subscribeTabs .widget-tabs-nav li.ui-tabs-active {
	border:{vb:customstylevar profcustom_navbar_border_active, {vb:var userid}};
	border-bottom: 0 none;
}
.profileTabs .widget-tabs-nav.ui-tabs-nav li a,
.subscribeTabs .widget-tabs-nav.ui-tabs-nav li a {
	background: {vb:customstylevar profcustom_navbar_background, {vb:var userid}};
	color: {vb:customstylevar profcustom_navbar_text_color, {vb:var userid}};
	padding: 0 10px;
	text-decoration: {vb:stylevar module_tab_text_decoration};
}
.profileTabs .widget-tabs-nav.ui-tabs-nav li a:hover,
.subscribeTabs .widget-tabs-nav.ui-tabs-nav li a:hover {
	text-decoration: {vb:stylevar module_tab_text_decoration_hover};
	color: {vb:stylevar module_tab_text_color_hover};
}
.profileTabs .widget-tabs-nav.ui-tabs-nav li.ui-tabs-active a,
.subscribeTabs .widget-tabs-nav.ui-tabs-nav li.ui-tabs-active a {
	background: {vb:customstylevar profcustom_navbar_background_active, {vb:var userid}};
	color: {vb:customstylevar profcustom_navbar_text_color_active, {vb:var userid}};
	text-decoration: {vb:stylevar module_tab_text_decoration_active};
	cursor: default;
}
.profileTabs .widget-tabs-nav.ui-tabs-nav li.ui-tabs-active a:hover,
.subscribeTabs .widget-tabs-nav.ui-tabs-nav li.ui-tabs-active a:hover {
	text-decoration: {vb:stylevar module_tab_text_decoration_active};
}


.profileTabs .conversation-toolbar-wrapper .conversation-toolbar,
.forum-list-container .forum-list-header {
	background: {vb:customstylevar toolbar_background, {vb:var userid}};
	border: {vb:customstylevar toolbar_border, {vb:var userid}};
	color:{vb:customstylevar profcustom_navbar_toolbar_text_color, {vb:var userid}};
	border-left: 0 none;
	border-right: 0 none;
}
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .toolbar-filter:last-child .filter-wrapper,
.profileTabs .toolbar-wrapper .horizontal-toolbar .toolset.h-right .toolbar-filter:last-child .filter-wrapper {
	<vb:comment>Add the width of the toolbar border to the filter menu padding
	when it's the last item in the toolbar and the menu is moved to the right
	(see the negative right margin below), the menu will still be wide enough
	internally for the contents.</vb:comment>
	padding: 0 {vb:stylevar toolbar_border.width, withUnits};
	<vb:comment>Move the filter menu to the right by the width of the toolbar menu.
	This is so when the filter menu is the last item in the toolbar, we avoid having
	a double border on the right.</vb:comment>
	margin-{vb:stylevar right}: -0;
}
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .pagenav-controls {
	padding: 0 {vb:stylevar toolbar_border.width, withUnits}; 
}


#profileTabs.profileTabs,
#profileTabs.profileTabs .conversation-list.stream-view .list-item,
#profileTabs.profileTabs .widget-content,
#profileTabs.profileTabs .post-content {
	background: {vb:customstylevar profile_content_background, {vb:var userid}};
	color: {vb:customstylevar profile_content_primarytext, {vb:var userid}};
	font: {vb:customstylevar profile_content_font, {vb:var userid}};
}
.profileTabs .tab .list-container {
	border: {vb:customstylevar profile_content_border, {vb:var userid}};
}
.profileTabs .conversation-toolbar .b-button.b-button--primary,
.profileTabs .conversation-toolbar .b-button.b-button--primary:hover {
	color: {vb:customstylevar profcustom_navbarbutton_color, {vb:var userid}};
	border: {vb:customstylevar button_primary_border, {vb:var userid}};
	border-color: {vb:customstylevar profcustom_navbarbutton_border, {vb:var userid}};
	background: {vb:customstylevar profcustom_navbarbutton_background, {vb:var userid}};
}
.profileTabs .conversation-toolbar .b-button.b-button--secondary,
.profileTabs .conversation-toolbar .b-button.b-button--secondary:hover {
	color: {vb:customstylevar profcustom_navbarbuttonsecondary_color, {vb:var userid}};
	border: {vb:customstylevar button_secondary_border, {vb:var userid}};
	border-color: {vb:customstylevar profcustom_navbarbuttonsecondary_border, {vb:var userid}};
	background: {vb:customstylevar profcustom_navbarbuttonsecondary_background, {vb:var userid}};
}
.profileTabs .post-footer-wrapper .post-footer .divider {
    color: {vb:customstylevar profile_content_divider_border, {vb:var userid}};
    border: {vb:customstylevar profile_content_divider_border, {vb:var userid}}
}
input.colorPicker {
  width: 5em;
  padding-top: 0;
  padding-bottom: 0;
}
.profileNavTabs,
.profileNavTabs ul,
.profileNavTabs li {
	background: {vb:stylevar side_nav_background};
	border-color: {vb:stylevar side_nav_border.color};
	color: {vb:stylevar side_nav_text_color};
	margin: 0;
	padding: 0;
}
.profileNavTabs .active,
.profileNavTabs .active a,
.profileNavTabs .active ul,
.profileNavTabs .active li {
	background: {vb:stylevar side_nav_background};
	color: {vb:stylevar side_nav_text_color};
	border: {vb:stylevar side_nav_border};
}
.profileNavTabs .ui-tabs-nav li,
.profileNavTabs.ui-tabs .ui-tabs-nav li {
	border: none;
}
.profileNavTabs .profileNavInner {
  padding: 0;
}
.profileNavTabs .profileNavInner > li {
  margin-{vb:stylevar right}: 10px;
}
.profileNavTabs label > input[type="radio"],
.profileNavTabs label > input[type="checkbox"] {
  vertical-align: baseline;
}
.profileNavTabs label > input[type="radio"] {
  margin-{vb:stylevar right}: 5px;
}
.profileNavTabs label > input[type="checkbox"] {
  margin-{vb:stylevar right}: 3px;
}
.profileNavTabs label {
  display: inline-block;
  vertical-align: baseline;
}
.profileNavTabs label:hover {
  cursor: pointer;
}
.profileNavOuter > li {
  float: none;
  border: none;
}
.profile_custom_edit .profileEditContent > ul.profileNavOuter > li.ui-tabs-active a {
  background: {vb:stylevar content_background};
  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}
.profCustomSubField {
  margin-left: 120px;
  padding-left: 1em;
}
.profileNavTabs ul.profileNavInner {
  float: none;
}
.profileNavTabs ul {
	width: 155px;
	float: {vb:stylevar left};
	padding: 0;
	border: 0;
	margin: 0;
}
.profileNavTabs li {
	width: 155px;
	float: {vb:stylevar left};
	padding: 15px 5px;
	margin: 0;
	border: 0;
	height: 39px;
}
.profileNavTabs .profileEditContent > .tab {
	margin-{vb:stylevar left}: 173px;
	margin-{vb:stylevar right}: 10px;
	margin-bottom: 10px;
	border: none;
	padding: 0;
}
.profileNavTabs .profCustomTab ul,
.profileNavTabs .profCustomTab li,
.profileNavTabs .profCustomTab .tab {
	width: auto;
	background: transparent none;
}
.profCustomTab {
	padding: 0;
	margin: 0;
}
.profCustomTab {
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}
.profCustomTab tab {
	padding: 0;
	margin: 0;
	float: {vb:stylevar right};
	height: 350px;
}
.profCustomEditField {
  padding: 10px 0;
}
.profCustomEditField:first-child {
  padding-top: 0;
}
.ui-tabs-panel > .profCustomEditField,
.profCustomEditBorderTop {
  border-top: 1px solid #d3d3d3;
}
.ui-tabs-panel > .profCustomEditField:first-child {
  border-top: none;
}

.profCustomEditField input[type=radio],
.profCustomEditField label {
  vertical-align: middle;
}

.profCustomLabel {
	width: 120px;
	text-align: {vb:stylevar left};
	padding-{vb:stylevar right}: 1em;
	float: {vb:stylevar left};
	font-weight: bold;
}
.profCustomTitle {
	margin: 8px 0 3px;
}

.profCustomBgTemplate {
	float: {vb:stylevar left};
	padding-bottom: 10px;
}

.profile_custom_edit {
  margin-bottom: 20px;
}

.profile_custom_edit .profileEditButtons {

}
.profile_custom_edit .profileEditButtons .profileEditButtonsInner {
	margin: 12px 12px 6px;
}
.profile_custom_edit .profileEditContent {
}
.profile_custom_edit .profileEditContent > ul {
	padding: 0;
	margin: 0;
	margin-{vb:stylevar left}: 12px;
}
.profile_custom_edit .profileEditContent > ul li {
	background: transparent;
	padding: 0;
}
.profile_custom_edit .profileEditContent > ul li a {
	background: transparent;
	margin: 0;
	width: 155px;
	padding: 10px 0;
	padding-{vb:stylevar left}: 15px;
	border-top-{vb:stylevar left}-radius: 3px;
	border-bottom-{vb:stylevar left}-radius: 3px;
	border-top-{vb:stylevar right}-radius: 0;
	border-bottom-{vb:stylevar right}-radius: 0;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 1.4rem;
	color: {vb:customstylevar button_secondary_text_color, {vb:var userid}};
}
.profile_custom_edit .profileEditContent > ul li.ui-state-active a {
	color: {vb:customstylevar button_secondary_text_color, {vb:var userid}};

}
.profile_custom_edit .profileEditContent > div .ui-widget-content {
	border-width: 0;
	border-top-{vb:stylevar left}-radius: 0;
	border-bottom-{vb:stylevar left}-radius: 0;
	border-top-{vb:stylevar right}-radius: 3px;
	border-bottom-{vb:stylevar right}-radius: 3px;
	margin-top: 1px;
	padding: 10px 20px;
	background: {vb:stylevar content_background};
}
.profile_custom_edit .profileEditContent > div .ui-widget-content .ui-widget-content {
	padding: 0;
}
.profile_custom_edit .profCustomTab ul li.ui-state-active a.b-button {
	border: {vb:customstylevar button_primary_border, {vb:var userid}};
	background: {vb:customstylevar button_primary_background, {vb:var userid}};
	color: {vb:customstylevar button_primary_text_color, {vb:var userid}} !important;
}


.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.b-button--secondary,
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.b-button--secondary:hover,
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar a.b-button.b-button--secondary,
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar a.b-button.b-button--secondary:visited {
	color: {vb:customstylevar profcustom_navbarbuttonsecondary_color, {vb:var userid}};
	<vb:comment>profcustom_navbarbuttonsecondary_border is actually only a COLOR stylevar, not a border stylevar</vb:comment>
	border-color: {vb:customstylevar profcustom_navbarbuttonsecondary_border, {vb:var userid}};
	background: {vb:customstylevar profcustom_navbarbuttonsecondary_background, {vb:var userid}};
	vertical-align: top;
}
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.b-button--primary {
	color: {vb:customstylevar profcustom_navbarbutton_color, {vb:var userid}};
	<vb:comment>profcustom_navbarbutton_border is actually only a COLOR stylevar, not a border stylevar</vb:comment>
	border-color: {vb:customstylevar profcustom_navbarbutton_border, {vb:var userid}};
	background: {vb:customstylevar profcustom_navbarbutton_background, {vb:var userid}};
}]]></template>
		<template name="css_reset.css" templatetype="template" date="1541016757" username="vBulletin" version="5.4.6 Alpha 2"><![CDATA[/* Based from http://meyerweb.com/eric/tools/css/reset/ with changes for vBulletin */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	font-size: {vb:stylevar root_font_size};
}
<vb:comment>responsive:css:removed min-width of 960px</vb:comment>
body {
	line-height: {vb:stylevar body_line_height};
	background: {vb:stylevar body_background};
	color: {vb:stylevar body_text_color};
	font: {vb:stylevar global_text_font};
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1 {
	font-size: 1.8rem;
}
h2 {
	font-size: 1.6rem;
}
h3 {
	font-size: 1.4rem;
}
h1,h2,h3,h4,h5,h6,strong,b {
	font-weight:bold;
}
em {
	font-style:italic;
}
blockquote,dl {
	margin:1em;
}
dl {
	margin-{vb:stylevar left}:2em;
}
dl dd {
	margin-{vb:stylevar left}:1em;
}
th,td {
	padding:0.5em;
	vertical-align:middle;
}
th {
	font-weight:bold;
	text-align:center;
}
caption {
	margin-bottom:.5em;
	text-align:center;
}
p,fieldset,table {
	margin-bottom:1em;
}
table {
	font-size:inherit;
	font:100%;
}
code {
	font-family:"Andale Mono", "Monotype.com", "Courier New", Courier, monospace;
	color:black;
	background: {vb:stylevar bbcode_code_background};
	padding:0 3px;
}
textarea {
	padding:0;
	margin:1px 0;
}
input[type=text],input[type=password],textarea,select {
	border: {vb:stylevar form_field_border};
	font-family: inherit;
}
input[type=text][readonly],textarea[readonly] {
	color: {vb:stylevar text_tertiary_color};
}
<vb:comment>IE puts an extra 3px padding around radios & checkboxes. Gecko & Webkit don't allow them to have padding.</vb:comment>
.ie input[type=radio],
.ie input[type=checkbox] {
	padding:0;
}
<vb:comment>/*Fixes button line-height "bug" in Firefox*/</vb:comment>
input::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border:0;
}
<vb:comment>*** Form field placeholder text ***</vb:comment>
<vb:comment>Firefox <= 18</vb:comment>
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: {vb:stylevar placeholder_text_color} !important;
	opacity: 1;
}
<vb:comment>Firefox > 18</vb:comment>
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: {vb:stylevar placeholder_text_color} !important;
	opacity: 1;
}
<vb:comment>Webkit, etc.</vb:comment>
::-webkit-input-placeholder {
	color: {vb:stylevar placeholder_text_color} !important;
	opacity: 1;
}
<vb:comment>IE <= 11</vb:comment>
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: {vb:stylevar placeholder_text_color} !important;
	opacity: 1;
}
<vb:comment>Edge</vb:comment>
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: {vb:stylevar placeholder_text_color} !important;
	opacity: 1;
}
<vb:comment>Current standard?</vb:comment>
input::placeholder,
textarea::placeholder {
	color: {vb:stylevar placeholder_text_color} !important;
	opacity: 1;
}]]></template>
		<template name="css_responsive.css" templatetype="template" date="1546019746" username="vBulletin" version="5.5.1 Alpha 1"><![CDATA[<vb:comment>responsive:css - media queries:general media queries
/* remove link to edit picture modals */</vb:comment>
#editProfilePicture,.profile-media-upload{display:none;}
html.fileinput .profile-photo-wrapper:hover #editProfilePicture,
html.fileinput .profile-media-upload{display:block;}


<vb:comment>/* Customize My Theme panels */</vb:comment>
@media only screen and (max-width:900px) {

	.profile_custom_edit .profileEditContent > ul.profileNavOuter {
		display:block;
		width:auto;
		float:none;
		margin:0 10px;
		border-radius:0;
	}

	<vb:comment>/* Apply clearfix */</vb:comment>
	ul.profileNavOuter:before,ul.profileNavOuter:after {content:" "; display:table;}
	ul.profileNavOuter:after{clear:both;}

	.profileNavTabs .profileNavOuter li {
		float:{vb:stylevar left};
		width: auto;
		height: auto;
		margin: 0 1px;
		margin-{vb:stylevar left}: 0;
	}

	.ui-tabs .ui-tabs-nav li.ui-tabs-active{padding-bottom:0;}
	.profile_custom_edit .profileEditContent > .profileNavOuter li a {
		display: inline-block;
		width: auto;
		height: auto;
		padding: 5px 12px;
		border-top-{vb:stylevar left}-radius: 3px;
		border-bottom-{vb:stylevar left}-radius: 0;
		border-top-{vb:stylevar right}-radius: 3px;
		border-bottom-{vb:stylevar right}-radius: 0;
	}

	.profile_custom_edit .profileEditContent > .profileNavOuter li a span{display:inline;}
	.profileNavTabs .profileEditContent > .tab {margin:0 10px 10px !important;}
	.profile_custom_edit .profileEditContent >  .ui-widget-content {
		border-top-{vb:stylevar left}-radius: 0;
		border-bottom-{vb:stylevar left}-radius: 3px;
		border-top-{vb:stylevar right}-radius: 0;
		border-bottom-{vb:stylevar right}-radius: 3px;
	}

	.profile_custom_edit .profileEditContent > div .ui-widget-content{padding: 10px !important;}
}

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

	.profile_custom_edit .profileEditContent > .profileNavOuter li a {
		padding: 5px 8px;
	}

}

@media only screen and (max-width:480px) {
	.forum_disabled_wrapper {
		padding: 10px 10px 0 10px;
	}

	<vb:comment>/* forgot password page */</vb:comment>
	#frmLostpw .stretch{margin-{vb:stylevar left}:10px;}
	#frmLostpw div:first-child{width:95%;}

}

<vb:comment>
/* header elements: remove edit, resize logo */
/* Delta: 16 px, 555px here is same as 539px in body width() */
/*@media only screen and (max-width:440px) {#header .site-logo img{width:170%;}}*/
</vb:comment>

@media only screen and (max-width:440px) {
	<vb:comment>/* #header .site-logo img{width:80%;} */</vb:comment>
	#header .site-logo.header-edit-box{padding-{vb:stylevar left}:8px;padding-{vb:stylevar right}:8px}
}

<vb:comment>/* @media only screen and (max-width:767px) {.widget-content{font-size:.92em}} */</vb:comment>



<vb:comment>
/* ==========================================================================
   General responsiveness
   ========================================================================== */
</vb:comment>

  img {
    max-width: 100%;
    height: auto;
  }



<vb:comment>
/* ==========================================================================
   Body and wrappers
   ========================================================================== */

/**
* Our overriding goal here is to allow a range of flexible widths between
* a minimum and maximum size.
*/
</vb:comment>

#outer-wrapper {
  margin: {vb:stylevar wrapper_margin};
}

@media only screen and (max-width:767px) {
  #outer-wrapper {
    margin: 0;
  }
}


<vb:comment>
/* ==========================================================================
   Content
   ========================================================================== */
</vb:comment>

@media only screen and (max-width:480px) {
  #content {
    /* Bump down the margins to make more space for content */
    padding-{vb:stylevar left}:  10px;
    padding-{vb:stylevar right}: 10px;
  }
}

<vb:comment>
/* ==========================================================================
   Columns
   ========================================================================== */
</vb:comment>

.canvas-layout-row .no-columns { display: none; }


<vb:comment>
/* ==========================================================================
   Header
   ========================================================================== */
</vb:comment>

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

  #header .site-logo {padding-{vb:stylevar left}: 20px;}

<vb:comment>
	/* Bring this under 320px or you get side-scrolling on iPhone portrait mode. */
</vb:comment>
  #header .header-cell {min-width:300px;}

  #header .toolbar {display:none}

}

@media only screen and (max-width:480px) {
  #vb-page-body .main-header,
  .view-mode .canvas-layout-container .canvas-widget.profile-settings-widget .widget-header .module-title {
    <vb:comment>/* Reduce the font size at narrower screen width */</vb:comment>
    font-size: 2.4rem;
    line-height: 2.4rem;
    padding: 5px 0 10px;
  }
  #header .site-logo {
    padding-{vb:stylevar left}: 10px;
  }
}

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

  #vb-page-body .main-header,
  .view-mode .canvas-layout-container .canvas-widget.profile-settings-widget .widget-header .module-title {
    font-size: 2rem;
    line-height: 2rem;
  }

  #header .site-logo {padding-{vb:stylevar left}: 10px;}
}


<vb:comment>
/* ==========================================================================
   Header Logo
   ========================================================================== */

/**
* In a change from the way we've been doing responsive, for the logo image,
* we're going to try to constrain its _height_, based on the height of
* the viewport. */

#header .site-logo img {
  /* Let's just cap the max logo image height in all cases. */
  /* max-height: 100px; */
}
</vb:comment>

@media only screen and (max-height: 480px) {
  <vb:comment>/* iPhone portrait mode */</vb:comment>
  #header .site-logo img {
    max-height: 40px;
    width: auto;
  }
  <vb:comment>/* Let's also reduce the padding of the enclosing container */</vb:comment>
  #header .site-logo {
    padding-top: 14px;
    padding-bottom: 16px;
  }
}

@media only screen and (max-height: 320px) {
  <vb:comment>
  /* iPhone landscape mode (shorter than portrait mode, of course) */
  </vb:comment>
  #header .site-logo img {
    max-height: 32px;
    width: auto;
  }
  <vb:comment>
  /* Reduce the padding of the enclosing container even further */
  </vb:comment>
  #header .site-logo {
    padding-top: 10px;
    padding-bottom: 12px;
  }

}



<vb:comment>
/* ==========================================================================
   Admin features
   ========================================================================== */

   /*
		Hide admin features after margin collapse
		Set to higher breakpoint b/c of the amount of items in the limited horizontal space
		These items may have move (in the DOM). It doesn't look like a subpath from
		#header will work as a selector
   */
</vb:comment>
	@media only screen and (max-width:1000px) {
		#sitebuilder-wrapper,
		.config-site-menu-item {
			display:none;
		}
	}

	@media only screen and (max-width:767px) {
		.edit-switch-container{display:none;}
	}



<vb:comment>
/* ==========================================================================
   Notices
   ========================================================================== */
</vb:comment>

@media only screen and (max-width:480px) {
	.notices {
		padding: 10px 10px 0 10px;
	}
}

<vb:comment>
/* ==========================================================================
   Filter bar
   ========================================================================== */

/* Selected filters bar on Forum Topic page
   ========================================================================== */

</vb:comment>
@media only screen and (max-width:767px) {
  /* Selected Filters bar */
  .conversation-toolbar-wrapper .filtered-by {
    /* Full-sized version was height set to 18px, so make that the min-height */
    min-height: 1.8rem;
    /* Let it set its own normal height */
    height: auto;
    /* Make a few adjustments to make it look right */
    padding: 3px 10px;
    line-height: 2rem;
  }

<vb:comment>
  /**
   * Make sure the words "Clear All" break together to the next line
   * if necessary.
   */
</vb:comment>
  .filtered-by .clear-all { display: inline-block; }
}



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

<vb:comment>
/* Responsive Filter menu
   ==========================================================================
   *
   * This is a first attempt to make a palatable responsive filter
   * menu at smaller sizes. We change the vertical columns to
   * horizontal rows and let the options simply run inline. */
</vb:comment>
  .conversation-toolbar-wrapper .toolbar-filter-overlay,
  .toolbar-wrapper .toolbar-filter-overlay {
    padding: 0;
  }

  .conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li,
  .toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li  {
    display: block;
    padding: 10px;
    border-{vb:stylevar left}: none;
    border-top: 1px dotted {vb:stylevar toolbar_dropdown_divider_color};
  }

  .conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li:first-child,
  .toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li:first-child {
    border-top: none;
  }

  .conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li label,
  .toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li label {
    display: inline-block;
    margin-{vb:stylevar right}: 1em;
  }

  /* relocate online indicator */
  .userinfo .userinfo-extra.icons {bottom:;top:10px;left:90%;}


}

<vb:comment>
/* ==========================================================================
   Forum Directory tab
   ========================================================================== */
</vb:comment>

@media only screen and (max-width:768px) {
  <vb:comment>
  /**
   * The full-size code doesn't handle breaking text very well. If the
   * name of the forum wraps, it falls under the icon, which isn't desirable.
   * So we're going to take the original margin applied to .forum-desc (below)
   * and apply it to the whole table cell.
   * (continued below)
   */
  </vb:comment>
  .forum-list-container .forum-item td:first-child {
    padding-{vb:stylevar left}: 25px;
    position: relative;
  }

  <vb:comment>
  /* (continued from above)
   * We then position the icon in the padded area.
   * (continued below)
   */
  </vb:comment>
  .forum-list-container .forum-item.subforum-item .cell-forum .icon {
    position: absolute;
    {vb:stylevar left}: 5px;
  }

  <vb:comment>
  /* (continued from above)
   * And remove the margin from forum desc.
   */
  </vb:comment>
  .forum-list-container .forum-item .cell-forum .forum-desc {
    margin-{vb:stylevar left}: 0px;
  }

	<vb:comment>
	/**
	 * Display list of subforums in one column instead of three.
	 */
	</vb:comment>
	.forum-list-container .subforum-list .subforum-item {
		display: block;
		padding-{vb:stylevar right}: 0;
	}
	.forum-list-container .subforum-list .subforum-item .subforum-info {
		float: none;
		display: block; <vb:comment>/* For IE */</vb:comment>
	}
	.forum-list-container .subforum-list .subforum-item .counts {
		display: none;
	}
}




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

	<vb:comment>/* START Forum list on home page */</vb:comment>

	<vb:comment>/* Hide the Latest Post column */</vb:comment>
	.forum-list-container .forum-list-header .header-topics,
	.forum-list-container .forum-list-header .header-posts,
	.forum-list-container .forum-list-header .header-lastpost,
	.forum-list-container .forum-item .cell-forum .forum-desc,
	.forum-list-container .forum-item .topics-count,
	.forum-list-container .forum-item .posts-count,
	.forum-list-container .forum-item .lastpost {
		display: none;
	}

	.forum-list-container .forum-item td.cell-forum {
		padding: 8px 10px;
	}

	.forum-list-container .forum-item .cell-forum .forum-wrapper .forum-info,
	.forum-list-container .forum-item .cell-forum .forum-wrapper .forum-info .forum-title {
		display: inline;
		padding: 0;
	}

	.forum-list-container .forum-item .cell-forum .rx-forum-stats,
	.forum-list-container .forum-item .cell-forum .rx-lastpost-info {
		color: {vb:stylevar content_list_secondary_text_color};
		display: block;
	}

	<vb:comment>/* Add border to the right of the Posts column which is now the last column as a result of hiding the Latest Post column */</vb:comment>
	.forum-list-container .forum-list-header .header-posts {
		border-{vb:stylevar right}:{vb:stylevar primary_module_subheader_border};
	}

	<vb:comment>	/* We don't want the view count to wrap, better to have it break to the next line all together */</vb:comment>
	.forum-list-container .viewer {
		white-space: nowrap;
	}

	<vb:comment>/* END Forum list on home page */</vb:comment>
}





<vb:comment>
/* ==========================================================================
   Forum Topic
   ========================================================================== */
</vb:comment>

@media only screen and (max-width:767px) {
  .list-container .list-item .list-item-body { padding: 10px; }
  #thread-view-tab .post-footer .content-tags { margin-{vb:stylevar left}: 10px; }

<vb:comment>
  .conversation-list.stream-view .list-item-header {
    /* padding-top: 15px; */
  }
</vb:comment>

}

@media only screen and (max-width:480px) {
  <vb:comment>/* Stack the thread view conversation components */</vb:comment>
  .conversation-content-widget .list-container.thread-view .list-item .userinfo {
    width: 100%;
    float: none;
    display: block;
    text-align:{vb:stylevar left};
    padding: 10px 10px 16px;
    box-sizing: border-box;
  }

<vb:comment>
  /* Put a clearfix in only when we get down to this width */
  /* http://nicolasgallagher.com/micro-clearfix-hack/ */
</vb:comment>
  .conversation-content-widget .list-container.thread-view .list-item .userinfo:before,
  .conversation-content-widget .list-container.thread-view .list-item .userinfo:after {
    content: " ";
    display: table;
  }

  .conversation-content-widget .list-container.thread-view .list-item .userinfo:after {
    clear: both;
  }


  .conversation-content-widget .list-container.thread-view .list-item .list-item-body-wrapper {
    width: 100%;
    float: none;
    display: block;
    margin: 0;
  }

<vb:comment>
  /**
   * Reposition the pointer from the left side to the top of the
   * container, rotating it in the process.
   */
</vb:comment>
  .conversation-content-widget .list-item-body-wrapper .pointer-left {
    <vb:comment>/* Move above and outside the text block */</vb:comment>
    top: -10px;
    <vb:comment>/* Position centered under the avatar */</vb:comment>
    {vb:stylevar left}: 39px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .conversation-content-widget .thread-view .post-footer-wrapper .post-footer .divider,
  .conversation-content-widget .post-footer-wrapper .post-footer .divider {
    margin: 0;
  }

  <vb:comment>/* Remove moderation checkbox */</vb:comment>
  .thread-view .inlinemod-item .checkbox { display: none; }


<vb:comment>
  /**
   * In general, we are trying to collapse the elements of .userinfo into a
   * single line where possible, breaking onto a second line where necessary.
   */
</vb:comment>

  .conversation-content-widget .list-container.thread-view .list-item .userinfo .avatar {
    float:{vb:stylevar left};
    margin-{vb:stylevar right}: 10px;
  }

  .conversation-content-widget .list-container.thread-view .list-item .userinfo .author {
    margin-top: 0;
    margin-{vb:stylevar right}: 10px;
	overflow-wrap: break-word;
    word-wrap: break-word;
  }

  .userinfo .reputation {
    margin-{vb:stylevar right}: 10px;
    padding-{vb:stylevar left}: 0;
  }

  .conversation-content-widget .list-container.thread-view .list-item .list-item-body-wrapper .list-item-body {
    padding-top: 10px;
    padding-{vb:stylevar left}: 10px;
    padding-{vb:stylevar right}: 10px;
  }

  .userinfo .userinfo-extra { margin-top: 5px; display: block; width: 100%;}

  .userinfo .userinfo-extra li {
    display: inline-block;
    margin-{vb:stylevar right}: 10px;
  }

<vb:comment>
  /**
   * Having these items position themselves like TDs with content vertically
   * aligned in the center and no padding whatsoever creates problems when the
   * content breaks to a second line -- that element's text will butt up
   * against the top edge of the container. Here we're merely adding a little
   * breathing room to ensure against that.
   */
</vb:comment>
  .conversation-list.stream-view .list-item-header .info,
  .conversation-content-widget .conversation-list.stream-view .list-item-header .post-header.table .post-action-wrapper.td {
    padding-top: 5px;
  }


  .conversation-list.stream-view .list-item-header .post-header {
    width: auto;
	margin-left: 52px;
    float: none;
  }

  .conversation-list.stream-view .list-item-header .post-header .post-action-wrapper {
    width: auto;
  }

  .post-header .channel-info {
    display: inline;
    display: inline-block;
  }

  .conversation-list.stream-view .list-item-header .h-right {
    width: 100%;
    clear: both;
    display: block;
    height: auto;
    line-height: 1em;
    padding: 0 0 15px;
    margin-{vb:stylevar left}: 10px;
  }

  .conversation-list.stream-view .list-item-header .info .post-date {
    float:{vb:stylevar left};
    margin-{vb:stylevar left}: 45px;
  }

  .conversation-list.stream-view .list-item-header .info .subscribed  {
    clear: none;
    display: inline-block;
  }

  .conversation-list.stream-view .list-item-header .post-header.table {
    height: auto;
  }
}

@media only screen and (max-width:320px) {
  .userinfo-extra{clear:{vb:stylevar left};}
  .post-footer-wrapper .post-footer ul li{margin-{vb:stylevar left}:6px;}
}


<vb:comment>
/* ==========================================================================
   New Topic form
   ========================================================================== */

/* General-purpose rules that prevent the file upload
* button and text from displaying if Modernizr detects that
* the browser doesn't support input[type=file] */
</vb:comment>

.b-button--upload,
.b-file-chooser__text--filetypes {
	display: none;
}

html.fileinput .b-button--upload,
html.fileinput .b-file-chooser__text--filetypes {
  display: inline;
  display: inline-block;
}




<vb:comment>
/* ==========================================================================
   Inline Leave a Comment
   ========================================================================== */
</vb:comment>

@media only screen and (max-width:479px) {
  .comment-entry-box {
    padding: 10px 10px 15px;
  }
}


<vb:comment>
/* ==========================================================================
   Canvas widget chrome
   ========================================================================== */
</vb:comment>

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

	<vb:comment>The 10px padding and negatigve margin on .canvas-widget and
	.widget-header is in sync with .widget-header-divider</vb:comment>

  .canvas-layout-container .canvas-widget:not(.widget-no-border),
  .canvas-layout-container .canvas-widget-highlight {
    border: none;
    padding: 0 10px 10px 10px;
    border-radius: 0;
    width: 100%;
  }

  .canvas-layout-container .canvas-widget.page-title-widget {
    margin: 10px 0 0 0;
  }

  .canvas-layout-container .canvas-widget .widget-content {
    padding-top: 0;
  }

  .canvas-layout-container .canvas-widget:not(.widget-no-border) .widget-header {
	<vb:comment>The bottom border and margin is used instead of
	.widget-header-divider</vb:comment>
    border-top:{vb:stylevar module_content_border};
    border-bottom:{vb:stylevar module_content_border};
    margin: 0 -10px 10px -10px;
		border-radius: 0;
  }
  .canvas-layout-container .canvas-widget.collapsed:not(.widget-no-border) {
    padding-bottom: 0;
  }
  .canvas-layout-container .canvas-widget.collapsed .widget-header {
    margin-bottom: 0;
  }

	<vb:comment>Tabbed module container (Calendar page)</vb:comment>
	.canvas-layout-container .widget-tabs-panel .canvas-widget {
		border-bottom-left-radius: {vb:stylevar module_border_radius_size};
		border-bottom-right-radius: {vb:stylevar module_border_radius_size};
	}
	.canvas-layout-container .widget-tabs-panel .canvas-widget .widget-header {
		border-top: 0 none;
	}
	.canvas-layout-container .widget-tabs-panel .canvas-widget .fc-header-toolbar {
		margin-top: 10px;
	}

  .canvas-layout-container #canvas-layout-wide-narrow .canvas-widget-list.section-1 .canvas-widget,
  .canvas-layout-container #canvas-layout-wide-narrow .canvas-widget-list.section-1 .canvas-widget-highlight {
    width: 100%;
  }

  .canvas-layout-container #canvas-layout-full .canvas-widget, .canvas-layout-container #canvas-layout-full .canvas-widget-highlight {
    width: 100%;
  }

  .canvas-layout-container .canvas-widget .widget-header .module-title {
    margin-{vb:stylevar left}: 10px;
  }

  .list-container .list-item {
    width: 100%;
    border: none;
    border-bottom: 1px solid silver;
  }

  .search-widget .list-container .list-item {
    border: 1px solid silver;
    border-width:1px 0 0 0;
  }

}



<vb:comment>
/* ==========================================================================
   Blog Summary
   ========================================================================== */

/* This uses the .summary-widget class to override the rules in css_blogs_groups.css. */
</vb:comment>

@media only screen and (max-width:767px) {
  .summary-widget .groupSummaryContainer .sg-icon-wrapper,
  .summary-widget .blogSummaryContainer .blog-icon-wrapper {
    max-width: 64px;
    margin-{vb:stylevar left}: 5px;
	margin-top: 0;
    float: {vb:stylevar right};
  }
}


<vb:comment>
/* ==========================================================================
   Blog Admin
   ========================================================================== */

/* Using really specific rules to override css_blogs_groups.css */
</vb:comment>

.blogAdminRight .blog-form-row .row-content .select-label {
  margin-top: 1em;
}

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

  .blog-admin-content .blogAdminLeft {
    width: 30%;
  }
  .blog-admin-content .blogAdminRight {
    width: 69%;
    box-sizing: border-box;
    padding: 10px;
  }

  .blog-admin-content .blog-form-row {
    margin-{vb:stylevar left}: 0;
    margin-{vb:stylevar right}: 0;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .blog-admin-content .blog-form-row .row-title {
    float: none;
    width: 100%;
    padding-bottom: 6px;
  }

  .blog-admin-content .blog-form-row .row-content,
  .blog-admin-content .blog-form-row .row-description {
    width: 100%;
    margin: 0;
  }

  .blog-admin-content .blog-form-row .row-description {
    margin-top: 6px;
  }

  .row-content input[type=text] {
    box-sizing: border-box;
    padding: 0.25em;
    font-size: 1.076923077em;
  }

}

@media only screen and (max-width:479px) {
  .blog-admin-content .blogAdminLeft,
  .blog-admin-content .blogAdminRight {
    box-sizing: border-box;
    float: none;
    width: 100%;
  }

	.blog-admin-content .blogAdminLeft {
		border: 0 none;
		padding: 10px 12px;
	}
}


<vb:comment>
/* ==========================================================================
   Profile
   ========================================================================== */
</vb:comment>

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

  .profile-sidebar-widget .profile-menulist{margin:0px !important;}

  .b-layout--contiguous .profile-sidebar-widget .widget-content {
    box-sizing: border-box;
    width: 100% !important;
    padding: 0px !important;
  }

  .profile-sidebar-widget .profile-menulist {
    clear: both;
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
  }

}


<vb:comment>
/* restyle profile image for responsive to allow more space for title, name, etc */
</vb:comment>
@media only screen and (max-width:767px) {
	.profileContainer .profile-photo-wrapper.h-align-center{text-align:{vb:stylevar left};}
	.profileContainer .profile-photo-wrapper .profile-photo{max-height:100px !important;max-width:100px !important;}

	.profile-sidebar-widget .profile_sidebar_content .profileContainer .profile-photo-wrapper {
		float:{vb:stylevar left};
		margin-{vb:stylevar right}:10px;
		margin-bottom:10px;
		width:auto!important;
	}
}


@media only screen and (max-width:479px) {
  .canvas-layout-container .canvas-layout .canvas-layout-row.has-columns .canvas-widget-list.section-0 {
    width: 100% !important;
    display: block !important;
    float: none;
    height: auto !important;
  }




  .canvas-layout-container .canvas-layout .canvas-layout-row.has-columns .canvas-widget-list.section-0:before,
  .canvas-layout-container .canvas-layout .canvas-layout-row.has-columns .canvas-widget-list.section-0:after {
    content: " ";
    display: table;
  }

  .canvas-layout-container .canvas-layout .canvas-layout-row.has-columns .canvas-widget-list.section-0:after {
    clear: both;
  }


  .canvas-layout-container .canvas-layout .canvas-layout-row.has-columns .canvas-widget-list.section-1 {
    width: 100% !important;
    display: block !important;
    float: none;
    height: auto !important;
  }

  .canvas-layout-container .canvas-widget.profile-sidebar-widget {
    margin-bottom: 0;
  }


  .profile-sidebar-widget .profileContainer .profile-photo-wrapper {
    max-width:100px;
    float:{vb:stylevar left};
    margin-{vb:stylevar right}: 10px;
    margin-bottom: 10px;
  }
  .profile-sidebar-widget .profileContainer .profile-acct .username {
    margin-top: 0;
	overflow-wrap: break-word;
    word-wrap: break-word;
  }

}

<vb:comment>
/* Put some spacing between the columns after they collapse to single column. */
/*
	@media only screen and (max-width:479px) {
		.canvas-layout-container #canvas-layout-narrow-wide .canvas-widget-list.section-1 .canvas-widget.profile-widget,
		.canvas-layout-container #canvas-layout-narrow-wide .canvas-widget-list.section-1 .canvas-widget.subscriptions-widget{margin-top: 20px;}
	}
*/
</vb:comment>
@media only screen and (max-width:767px) {
	.canvas-layout-container #canvas-layout-narrow-wide .canvas-widget-list.section-0 {
		margin-bottom: 20px;
	}
}



<vb:comment>
/* ==========================================================================
   Private Messages
   ========================================================================== */
</vb:comment>


.avatar.h-left > img {
  vertical-align: inherit;
}


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

  .private-message-widget.conversation-content-widget .conversation-content {
    padding: 0;
  }

<vb:comment>
  /* Correct a strange 45px line-height to something more reasonabl */
</vb:comment>
  .pm-request-list .message-item .pmRequestMesage {
    line-height: 1.2em !important;
  }
  ul.pm-notification-list .message-item .notification-message {
    margin-{vb:stylevar right}: 0;
    margin-bottom: 10px;
  }
  ul.pm-notification-list .message-item .notification-message .h-clearfix {
    display: block;
  }
  ul.pm-notification-list .message-item .notification-message-text {
    margin-top: 0;
  }
  ul.pm-notification-list .message-item .post-date {
    float: none;
    text-align: {vb:stylevar right};
  }
  .canvas-layout-container .widget-content > .private-message-search {
    width: 100% !important;
  }

  .private-message-widget.conversation-content-widget .conversation-content {
    padding: 10px;
  }

}

<vb:comment>
/* ==========================================================================
   Private Message Toolbars
   ========================================================================== */
</vb:comment>

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

  #pmFloatingBarContent .split-button {
    min-width:0;
    margin-{vb:stylevar left}: 4px;
  }

  .private-message-toolbar .split-button .split-button-wrapper .button-set .button-text {
    min-width:0;
    padding-{vb:stylevar left}: 5px;
    padding-{vb:stylevar right}: 2px;
  }

}

@media only screen and (max-width:680px) {
  #notificationPageto { padding-{vb:stylevar left}: 3px; padding-{vb:stylevar right}: 3px; width: 16px; }
  #privatemessagePaging { padding-{vb:stylevar right}: 2px; padding-{vb:stylevar left}: 5px; }
}

@media only screen and (max-width:640px) {
  .hideable-text { display: none; }
  #pmBtnMarkRead,
  #pmBtnMarkUnRead { min-width:0; }
}

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

  #pmFloatingBarContent .split-button,
  #privateMessageContainer .split-button {
    margin-{vb:stylevar left}: 3px;
  }

  #btnMove {
    padding-{vb:stylevar left}: 5px;
    padding-{vb:stylevar right}: 1px;
  }
}

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

  .view-mode .canvas-layout-container .private-message-widget.private-message-toolbar {
    border-top-{vb:stylevar left}-radius: 3px;
  }

  .split-button.h-left {
    height: 25px;
  }

}

#privateMessageContainer .toolset.h-left {
  padding: 5px;
  padding-{vb:stylevar right}: 10px;
  padding-{vb:stylevar left}: 6px;
  display: none;
  background: {vb:stylevar side_nav_background};
  border-bottom: {vb:stylevar side_nav_border};
}

@media only screen and (max-width:599px) {
  #privateMessageContainer .toolset.h-left {
    box-sizing: border-box;
    display: block;
    float: none;
    width: 100%;
  }
  #privateMessageContainer .toolset.h-left .split-button {
  	margin-bottom: 5px;
  }
  #privateMessageContainer .toolset.h-left:before,
  #privateMessageContainer .toolset.h-left:after {
    content: " ";
    display: table;
  }
  #privateMessageContainer.toolset.h-left:after {
    clear: both;
  }

}



<vb:comment>responsive:css - media queries:profile page</vb:comment>

@media only screen and (max-width:767px) {
<vb:comment>
	/* profile settings: account tab */
</vb:comment>

	<vb:comment>
	/* profile settings: privacy and notifications - allow text break on spaces */
	</vb:comment>
	#privacyTab .prof_usersetting_row .settings_right label,
	#notificationsTab .prof_usersetting_row .settings_right .suboption label
	{white-space:normal !important;}

	<vb:comment>
	/* edit profile picture - modal */
	</vb:comment>
	div.edit-profile-photo-dialog-container,

	img.profile-photo{vertical-align:baseline;}

	<vb:comment>
	/* fix status textarea - reducing size of padding on this element */
	</vb:comment>
	.section.about-status div.section-content textarea{padding:5px;}

	<vb:comment>
	/* remove excessive padding for mobile display */
	</vb:comment>
	.section .section-content.table .tr .td{padding: 10px 5px !important;}
	.section div.section-header{padding-{vb:stylevar left}:5px;}

}

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

<vb:comment>
	/* reduce font size for time zone select box - select for safari, anchor for other browsers */
</vb:comment>
	.prof_usersetting_row .settings_right select.user_tzo.timezone_dropDown,
	.prof_usersetting_row .settings_right a.user_tzo.timezone_dropDown{font-size:.75em;}
}

<vb:comment>
/* remove filter elements */
</vb:comment>
@media only screen and (max-width:767px) {

<vb:comment>
	/* removes background image (vertical bar) from filter */
	</vb:comment>
	.conversation-toolbar-wrapper .conversation-toolbar .toolset-right > li,
	.toolbar-wrapper .horizontal-toolbar .toolset.h-right > li {background:none;}

}

<vb:comment>
/* profile: subscriptions,subscribers */
/* by default, hide facade and display existing elements */
</vb:comment>


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

	/* TODO this should be in the b-layout file */
	.b-layout--contiguous .subscriptions-widget{min-width:332px;}

}

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

	.b-layout--contiguous .subscriptions-widget{min-width:0 !important;}

}

<vb:comment>responsive:css - media queries:registration page</vb:comment>

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

	<vb:comment>/* Registration page */</vb:comment>
	div.registration-widget{padding:0 !important;border:none !important;}
	#regContent{border:none !important;margin:0 !important;background:none;}
	#regContent input{max-width:240px;}
	#regStep2{text-align:{vb:stylevar left};}
	#regStep2Btn{
		margin-top:10px;
		margin-bottom:10px;
		height:22px;
		font-weight:bold;
		background:none;
		background-color:#2379B5;
		color:#fff;
		border-radius:2px !important;
		cursor: pointer;
		border: {vb:stylevar button_primary_border};
	}

}

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

	div.form-fieldset .form_row .label_column {
		display: block;
		width:100%;
	}

	div.form-fieldset .form_row .field_column {
		display: block;
		padding-top:5px;
		padding-bottom:20px;
		width:100%;
	}

	div.form-fieldset .form_row .field_column .imagereg_container {width:205px;}

}


<vb:comment>responsive:css - media queries:search page</vb:comment>
.search-results-widget .conversation-toolbar.mobile-search-results {display: none;}
@media only screen and (max-width:767px) {

	#advancedSearchFields{padding:0 !important;}
	#rx-tags-column{display:block !important;}
	.form-row-daterange div.field_column {width:300px;min-width:300px;}

	<vb:comment>
	/* search results - mobile view */
	/*
		***important note: existing desktop version of vb5 has layout issues
		if enough characters (19 chars or so) are added to keyword field, keywords control
		on search results page improperly positions search icon
	*/
  </vb:comment>
	.search-result-header .search-controls {margin-bottom:0px;}
	.search-controls .search-control-popup {margin-bottom:10px;display:block;margin-{vb:stylevar left}:0px;}
	.search-controls .search-control-popup .PopupContent {top:22px;}
	.search-controls .search-control-popup span{max-width:250px}
	.search-results-widget .widget-content,
	.search-results-widget .widget-content .search-result-header,
	.search-results-widget .widget-content  .conversation-toolbar-wrapper{display:block;float:none;clear:both}
	.search-results-widget .conversation-toolbar-wrapper .conversation-toolbar .toolset-left > li {margin-{vb:stylevar right}:5px;}
	.conversation-toolbar .toolset-left .sort-controls label{display:none;}
	.search-results-widget .conversation-toolbar.desktop .toolset-right {display: none;}
	.search-results-widget .conversation-toolbar.mobile-search-results {display: block;}

}

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

	<vb:comment>/* restyle all labels */</vb:comment>
	.add-search-fieldset .label_column
	{
		width:275px !important;
		height:18px !important;
		display:inline-block !important;
		clear:both !important;
		margin-top:20px !important;
		text-align:{vb:stylevar left};
		float:{vb:stylevar left};
	}

	<vb:comment>
	/* restyle all field columns */
	</vb:comment>
	.add-search-fieldset div.field_column{float:{vb:stylevar left};display:block;}
	.add-search-fieldset div.field_column label{float:{vb:stylevar left};max-width:250px;width:250px;}
	.add-search-fieldset div.field_column label input,
	.add-search-fieldset div.field_column label img{float:{vb:stylevar right};}

	<vb:comment>
	/* search header */
	</vb:comment>
	.search-fields-widget .widget-header{padding-{vb:stylevar left}:0px !important;}

	<vb:comment>
	/* search: keywords */
	/* restyle TITLE ONLY checkbox */
	</vb:comment>
	.form-row-keywords .field_column,.form-row-members .field_column{padding:0 !important;}
	.form-row-keywords .info_column,.form-row-members .info_column{padding:0 !important;clear:both !important;float:{vb:stylevar left};text-align:{vb:stylevar left};}
	<vb:comment>/* restyle SEARCH TIPS */</vb:comment>
	a.search-tips{margin-top:2px !important;}

	.form-row-daterange div.field_column label.date-from{float:{vb:stylevar left};}
	.form-row-daterange div.field_column label.date-to{float:{vb:stylevar left};margin:0px !important;}
	.form-row-daterange div.field_column label.date-lastvisit input{float:{vb:stylevar left};}

	<vb:comment>/* search page: tags */</vb:comment>
	.form_layout .form-fieldset .form_row.form-row-tags .field_column .tag-editor-wrapper .add-tag-link {top:0;}
	<vb:comment>/* search page: tags modal dialog */</vb:comment>
	.form-row-tags > .field_column{padding-bottom:0px !important;}

	<vb:comment>/* search page: date inputs */</vb:comment>
	.form-row-daterange .field_column .date-from,
	.form-row-daterange .field_column .date-to{float:{vb:stylevar right};margin-bottom:5px;}
	input.searchFields_from_date,
	input.searchFields_to_date {margin-{vb:stylevar left}:8px !important;width:150px !important;}

	<vb:comment>
	/* sort by, order */
	</vb:comment>
	.add-search-fieldset .form-row-sortby div.field_column{padding-bottom:0px !important;}
	.add-search-fieldset .label_column.sort-order{margin-top:0px !important;padding-top:0px !important;}
	.searchFields_order_field,.searchFields_order_direction{margin-bottom:5px;}

}

<vb:comment>responsive:css - media queries:blogs page:incrementally shrink and remove elements</vb:comment>

<vb:comment>
/*
	As viewport shrinks the following breakpoints alter the display of, or hide,
	elements in the filter (conversation-toolbar) and blogs sub menu (ui-tabs-nav)

	@1150	reduce size of "All" button
	@1025	hide "Show:" label
	@860	hide "My Blog Posts" button in filter, hide "Member Blogs" link in blogs menu
	@767	parent container expands, re-display "My Blog Posts" button and "Show:" label

	note: These paths are specific to blogs and social groups in the path of a column with the
		style "l-col__fixed-6".	The l-col__fixed-6 class replaced the bootstrap class span4.
		This class makes these controls too small to display all elements at certain widths.
		To limit the number of regressions introduced (VBV-9543), find/replace was used here.

*/
</vb:comment>
@media only screen and (max-width:1150px) {

	<vb:comment>/* reduce size of "All" button */</vb:comment>
	.canvas-layout-row > .canvas-widget-list.l-col__fixed-6 > .canvas-widget >
	.widget-tabs-panel > .ui-widget-content > .conversation-toolbar-wrapper >
	.conversation-toolbar > .toolset-left button.showAll{min-width:50px;min-width:50px;}

}

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

	<vb:comment>/* hide "Show:" label */</vb:comment>
	.canvas-layout-row > .canvas-widget-list.l-col__fixed-6 > .canvas-widget >
	.widget-tabs-panel > .ui-widget-content > .conversation-toolbar-wrapper >
	.conversation-toolbar > .toolset-left > li > .button-set > .b-button__text-primary {display:none;}

}

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

	<vb:comment>/* hide "My Blog Posts" button */</vb:comment>
	.canvas-layout-row > .canvas-widget-list.l-col__fixed-6 > .canvas-widget >
	.widget-tabs-panel > .ui-widget-content > .conversation-toolbar-wrapper >
	.conversation-toolbar > .toolset-left button.showMy{display:none;}

	<vb:comment>/* hide "Member Blogs" link */</vb:comment>
	.canvas-layout-row > .canvas-widget-list.l-col__fixed-6 > .canvas-widget >
	.widget-header > .module-title > .ui-widget-header > li > a[href="#memberblog-tab"]{display:none;}

}


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

	<vb:comment>
	/* re-display "My Blog Posts" button and "Show:" label */
	</vb:comment>
	.canvas-layout-row > .canvas-widget-list.l-col__fixed-6 > .canvas-widget >
	.widget-tabs-panel > .ui-widget-content > .conversation-toolbar-wrapper >
	.conversation-toolbar > .toolset-left button.showMy{display:inline-block}
	.canvas-layout-row > .canvas-widget-list.l-col__fixed-6 > .canvas-widget >
	.widget-tabs-panel > .ui-widget-content > .conversation-toolbar-wrapper >
	.conversation-toolbar > .toolset-left > li > .button-set > .b-button__text-primary {display:inline-block;}

}

<vb:comment>
/*
	As viewport shrinks the following breakpoints alter the display of, or hide,
	elements in the filter (conversation-toolbar) and blogs sub menu (ui-tabs-nav)

	@1150	reduce size of "All" button
	@1025	hide "Show:" label
	@860	hide "My Blog Posts" button in filter, hide "Member Blogs" link in blogs menu
	@767	parent container expands, re-display "My Blog Posts" button and "Show:" label

	note: These paths are specific to blogs and social groups in the path of a column with the
		style "l-col__flex-6".	The l-col__flex-6 class replaced the bootstrap class span8.
		This class makes these controls too small to display all elements at certain widths.
		To limit the number of regressions introduced (VBV-9543), find/replace was used here.

*/
</vb:comment>

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

	<vb:comment>/* re-display "My Blog Posts" button and "Show:" label */</vb:comment>
	.canvas-layout-row > .canvas-widget-list.l-col__flex-6 > .canvas-widget >
	.widget-tabs-panel > .ui-widget-content > .conversation-toolbar-wrapper >
	.conversation-toolbar > .toolset-left button.showMy{display:inline-block}
	.canvas-layout-row > .canvas-widget-list.l-col__flex-6 > .canvas-widget >
	.widget-tabs-panel > .ui-widget-content > .conversation-toolbar-wrapper >
	.conversation-toolbar > .toolset-left > li > .button-set > .b-button__text-primary {display:inline-block;}

}

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

	<vb:comment>/* reduce size of "All" button */</vb:comment>
	.canvas-layout-row > .canvas-widget-list.l-col__flex-6 > .canvas-widget >
	.widget-tabs-panel > .ui-widget-content > .conversation-toolbar-wrapper >
	.conversation-toolbar > .toolset-left button.showAll{min-width:75px;min-width:75px;}

}

<vb:comment>responsive:css - media queries:conversation buttons</vb:comment>

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

	<vb:comment>
	/* remove link and divider(s) */
	</vb:comment>
	.post-links .see-link.more{display:none}
	.post-links span{display:none}

	<vb:comment>
	/* set quote text color to orange */
	</vb:comment>

	<vb:comment>
	/* resize comment textarea box to fit within container and remove container margins */
	</vb:comment>
	.list-item-body-wrapper div.comment-entry-box{margin-{vb:stylevar left}:0 !important;margin-{vb:stylevar right}:0  !important;}
}

<vb:comment>
/* reducing padding for small viewport size to allow more room for footer buttons */
</vb:comment>
@media only screen and (max-width:479px) {

	.post-links a.goto-post{
		padding: 0 .8em;
	}
}

<vb:comment>responsive:css - media queries:contact us page</vb:comment>

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

	#pagetitle,
	form.vbform.block .blockhead,
	form.vbform.block .blockbody .blocksubhead{margin-top:10px;}

	form.vbform.block  .blockfoot input{
		margin-top:10px;
		margin-bottom:10px;
		background-color:#2379B5;
		color:#fff;
		border-radius:2px;
		cursor: pointer;
		border: {vb:stylevar button_primary_border};
	}

	<vb:comment>
	/* contact us */
	</vb:comment>
	.contactusFields_subject_container label{display:block;}
	.contactusFields input,.contactusFields textarea{max-width:240px;}
	.contactusFields_other_subject{display:block;margin-top:10px;}

}


<vb:comment>responsive:css - media queries:breadcrumbs page section</vb:comment>

<vb:comment>
/* Fix for a weird main CSS rule that fails to catch the
* unlinked last breadcrumb. */
</vb:comment>
#breadcrumbs .ellipsis {
  line-height: 1.6rem !important;
}

@media only screen and (max-width:767px) {
	#breadcrumbs {
		margin: 0;
		padding-top: 10px;
		clear: both;
	}
}

@media only screen and (max-width:480px) {
	#breadcrumbs {
		margin: 0;
		padding: 10px 10px 0 10px;
	}
}



<vb:comment>responsive:css:video resizing</vb:comment>

.videocontainer {
	position: relative;
	overflow: hidden;
	<vb:comment>display inline-block allows the video to be 
	left/right/center aligned using the alignment editor buttons</vb:comment>
	display: inline-block;
}
.youtube-widget .videocontainer {
	float: none;
	<vb:comment>don't use inline-block in the video module</vb:comment>
	display: block;
}

@media only screen and (min-width: 320px) {
    .videocontainer .restrain, {
        height: 200px;
    }
}

@media only screen and (min-width: 568px) {
    .videocontainer .restrain {
        height: 348px;
    }
}

@media only screen and (min-width: 695px) {
    .videocontainer .restrain {
        height: 360px;
    }
}


<vb:comment>responsive:css - media queries:modal windows</vb:comment>
@media only screen and (max-width:767px) {

	.prompt-dialog-container .ui-dialog-titlebar{border:none;}

}

<vb:comment>
/* Photo Carousel: iPhone landscape */
</vb:comment>
@media only screen and (max-width:480px) {

<vb:comment>
	.slideshow {padding:0px !important;background:{vb:stylevar photo_background};}
	.slideshow .slideshow-wrapper > .jcarousel-clip-horizontal {width:421px;height:200px;}
	.slideshow .thumbnails > .jcarousel-clip-horizontal {width:344px;height:52px;}/*width:234px*/
	.slideshow .slideshow-wrapper > .jcarousel-clip .jcarousel-item {width:421px;height:200px;}
	.slideshow .thumbnails > .jcarousel-clip .jcarousel-item {width:70px;height:52px;overflow:hidden;}
	.slideshow .jcarousel-item .image {max-width:300px;max-height:200px;width:auto;height:auto;}

	body > div.slideshow-dialog{width:421px !important;height:357px !important;}
	body > div.slideshow-dialog > div.slideshow {height:357px !important;width:421px !important;}
	div.slideshow-wrapper > div.jcarousel-next,div.slideshow-wrapper > div.jcarousel-prev {top:80px !important;}
	body > div.slideshow-dialog > div.slideshow-wrapper.jcarousel-container.jcarousel-container-horizontal > div.jcarousel-clip.jcarousel-clip-horizontal
	body > div.slideshow-dialog > div.slideshow-wrapper.jcarousel-container.jcarousel-container-horizontal > div.jcarousel-clip.jcarousel-clip-horizontal > ul > li.jcarousel-item,
	body > div.slideshow-dialog > div.slideshow-wrapper.jcarousel-container.jcarousel-container-horizontal > div.jcarousel-clip.jcarousel-clip-horizontal > ul > li.jcarousel-item > div.image-wrapper{width:421px !important;}
</vb:comment>

}

<vb:comment>
/* Photo Carousel: iPhone portrait */
</vb:comment>
@media only screen and (max-width:320px) {

<vb:comment>
	.slideshow {padding:0px !important;background:{vb:stylevar photo_background};}
	.slideshow .slideshow-wrapper > .jcarousel-clip-horizontal {width:311px;height:200px;}
	.slideshow .thumbnails > .jcarousel-clip-horizontal {width:250px;height:52px;}/*234*/
	.slideshow .slideshow-wrapper > .jcarousel-clip .jcarousel-item {width:311px;height:200px;}
	.slideshow .thumbnails > .jcarousel-clip .jcarousel-item {width:70px;height:52px;overflow:hidden;}
	.slideshow .jcarousel-item .image {max-width:300px;max-height:200px;width:auto;height:auto;}

	body > div.slideshow-dialog{width:311px !important;height:357px !important;}
	body > div.slideshow-dialog > div.slideshow {height:357px !important;width:311px !important;}
	div.slideshow-wrapper > div.jcarousel-next,div.slideshow-wrapper > div.jcarousel-prev {top:80px !important;}
	body > div.slideshow-dialog > div.slideshow-wrapper.jcarousel-container.jcarousel-container-horizontal > div.jcarousel-clip.jcarousel-clip-horizontal
	body > div.slideshow-dialog > div.slideshow-wrapper.jcarousel-container.jcarousel-container-horizontal > div.jcarousel-clip.jcarousel-clip-horizontal > ul > li.jcarousel-item,
	body > div.slideshow-dialog > div.slideshow-wrapper.jcarousel-container.jcarousel-container-horizontal > div.jcarousel-clip.jcarousel-clip-horizontal > ul > li.jcarousel-item > div.image-wrapper{width:311px !important;}
</vb:comment>

}

<vb:comment>
 /* fix to addition of float:none to css_global.css.xml */
</vb:comment>
  @media only screen and (max-width:767px) {
	.canvas-layout-container .canvas-layout .canvas-layout-row.has-columns .canvas-widget-list{float:{vb:stylevar left};}
  }

<vb:comment>
 /* make all the Activity Stream tabs visible and prevent the Forum tab content to bleed out of the available width when in the narrow 30% column */
</vb:comment>
  @media only screen and (max-width:1060px) {
  	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .widget-header,
  	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .widget-header,
  	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .widget-header .module-title,
  	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .widget-header .module-title {height:auto !important;}

	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget #forum-tab,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget #forum-tab,
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container th,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container th,
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container td,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container td {overflow:hidden;}

	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-list-header .header-forum,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-list-header .header-forum,
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-item .cell-forum,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-item .cell-forum {
		width:50%;
	}
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-list-header .header-topics,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-list-header .header-topics,
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-list-header .header-posts,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-list-header .header-posts,
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-item .topics-count,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-item .topics-count,
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-item .posts-count,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-item .posts-count {
		padding-{vb:stylevar left}:2px;
		padding-{vb:stylevar right}:2px;
		width:25%;
	}
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-list-header .header-topics,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-list-header .header-topics,
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-item .topics-count,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-item .topics-count {
		padding-{vb:stylevar left}:4px;
	}
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-list-header .header-posts,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-list-header .header-posts,
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-item .posts-count,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-item .posts-count {
		padding-{vb:stylevar right}:4px;
	}
	<vb:comment>
	/* Hide Last Post column */
	</vb:comment>
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-list-header .header-lastpost,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-list-header .header-lastpost,
	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-item .lastpost,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-item .lastpost {
		display:none;
	}

  <vb:comment>
  	/* Add border to the right of the Posts column which is now the last column as a result of hiding the Last Post column */
  </vb:comment>
  	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget .forum-list-container .forum-list-header .header-posts,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget .forum-list-container .forum-list-header .header-posts {
  		border-{vb:stylevar right}:{vb:stylevar post_border};
  	}

	#canvas-layout-wide-narrow .canvas-widget-list.section-1 .activity-stream-widget.widget-tabs .widget-header.widget-tabs-nav .ui-tabs-nav,
	#canvas-layout-narrow-wide .canvas-widget-list.section-0 .activity-stream-widget.widget-tabs .widget-header.widget-tabs-nav .ui-tabs-nav {
		height: auto;
	}
  }

<vb:comment>
	/* remove middle columns and widen outer columns for better iPhone portrait display */
</vb:comment>
	@media only screen and (max-width:767px) {
		.topic-list-container .topic-list .cell-lastpost{min-width:150px !important;}
	}




	<vb:comment>
	/*
	 * Topic List
	 *
	 * We're in a transtional state to getting the CSS organized. For now, I'm grouping these .l-small rules
	 * here to go with the replace the max-width:479px media query they were a part of. VBV-9793
	 * These are .topic-list-container rules.
	 */
	</vb:comment>

	<vb:comment>/* Table */</vb:comment>
	.l-narrow-column .topic-list-container,
	.l-small .topic-list-container {
		display: block;
	}

	<vb:comment>/* Header row */</vb:comment>
	.l-narrow-column .topic-list-container .topic-list-header,
	.l-small .topic-list-container .topic-list-header {
		display: block;
	}
	<vb:comment>/* Hide the title in search module results when display as topics is chosen */</vb:comment>
	.search-widget .topic-list-container .topic-list-header {
		display: none;
	}
	.l-narrow-column .topic-list-container .topic-list-header .header-icons,
	.l-narrow-column .topic-list-container .topic-list-header .header-stats,
	.l-narrow-column .topic-list-container .topic-list-header .header-lastpost,
	.l-small .topic-list-container .topic-list-header .header-icons,
	.l-small .topic-list-container .topic-list-header .header-stats,
	.l-small .topic-list-container .topic-list-header .header-lastpost {
		display:none;
	}

	<vb:comment>/* Table rows */</vb:comment>
	.l-narrow-column .topic-list-container .topic-list,
	.l-small .topic-list-container .topic-list {
		display: block;
	}
	.l-narrow-column .topic-list-container .topic-list .topic-item,
	.l-small .topic-list-container .topic-list .topic-item {
		<vb:comment>/* Needed to position .cell-inlinemod-item */</vb:comment>
		display: block;
		position: relative;
		min-height: 50px;
	}

	<vb:comment>/* Base style for table cells */</vb:comment>
	.l-narrow-column .topic-list-container .topic-list .cell-topic,
	.l-narrow-column .topic-list-container .topic-list .cell-count,
	.l-narrow-column .topic-list-container .topic-list .cell-lastpost,
	.l-narrow-column .topic-list-container .topic-list .cell-inlinemod-item,
	.l-small .topic-list-container .topic-list .cell-topic,
	.l-small .topic-list-container .topic-list .cell-count,
	.l-small .topic-list-container .topic-list .cell-lastpost,
	.l-small .topic-list-container .topic-list .cell-inlinemod-item {
		padding: 0 5px;
		display: block;
		box-sizing: border-box;
		color: {vb:stylevar content_list_text_color};
	}
	.l-narrow-column .topic-list-container .topic-list .cell-count,
	.l-narrow-column .topic-list-container .topic-list .cell-lastpost,
	.l-narrow-column .topic-list-container .topic-list .cell-inlinemod-item,
	.l-narrow-column .topic-list-container .topic-list.sticky-list + .topic-list tr:first-child td.cell-count,
	.l-narrow-column .topic-list-container .topic-list.sticky-list + .topic-list tr:first-child td.cell-lastpost,
	.l-narrow-column .topic-list-container .topic-list.sticky-list + .topic-list tr:first-child td.cell-inlinemod-item,
	.l-small .topic-list-container .topic-list .cell-count,
	.l-small .topic-list-container .topic-list .cell-lastpost,
	.l-small .topic-list-container .topic-list .cell-inlinemod-item,
	.l-small .topic-list-container .topic-list.sticky-list + .topic-list tr:first-child td.cell-count,
	.l-small .topic-list-container .topic-list.sticky-list + .topic-list tr:first-child td.cell-lastpost,
	.l-small .topic-list-container .topic-list.sticky-list + .topic-list tr:first-child td.cell-inlinemod-item {
		border-top: none;
	}

	<vb:comment>/* Title cell */</vb:comment>
	.l-narrow-column .topic-list-container .topic-list .cell-topic,
	.l-small .topic-list-container .topic-list .cell-topic {
		padding-top: 10px;
	}
	.l-narrow-column .topic-list-container .topic-list .topic-item .cell-topic .topic-wrapper,
	.l-small .topic-list-container .topic-list .topic-item .cell-topic .topic-wrapper {
		box-sizing: border-box;
		width:100%;
		font-size: 1.2em;
		line-height: 1.1em;
		margin-{vb:stylevar left}: 0;
		margin-bottom: 2px;
		padding-{vb:stylevar left}: 45px;
		padding-{vb:stylevar right}: 22px;
	}
	.l-narrow-column .topic-list-container .topic-list .topic-item .cell-topic .topic-info,
	.l-small .topic-list-container .topic-list .topic-item .cell-topic .topic-info {
		display: none;
	}
	.l-narrow-column .topic-avatar,
	.l-small .topic-avatar {
		position: absolute;
		top: 13px;
		{vb:stylevar left}: 8px;
	}

	<vb:comment>/* Icon cell */</vb:comment>
	.l-narrow-column .topic-list-container .topic-list .cell-icons,
	.l-small .topic-list-container .topic-list .cell-icons {
		display:none;
	}

	<vb:comment>/* Count cell */</vb:comment>
	.l-narrow-column .topic-list-container .topic-list .cell-count,
	.l-small .topic-list-container .topic-list .cell-count {
		font-size: 0.9em;
		padding-bottom: 2px;
		padding-{vb:stylevar left}: 50px;
	}
	.l-narrow-column .topic-list-container .topic-list .cell-count .posts-count,
	.l-narrow-column .topic-list-container .topic-list .cell-count .views-count,
	.l-narrow-column .topic-list-container .topic-list .cell-count .votes-count,
	.l-small .topic-list-container .topic-list .cell-count .posts-count,
	.l-small .topic-list-container .topic-list .cell-count .views-count,
	.l-small .topic-list-container .topic-list .cell-count .votes-count {
		display: inline;
	}

	<vb:comment>/* Last post cell */</vb:comment>
	.l-narrow-column .topic-list-container .topic-list .topic-item td.cell-lastpost,
	.l-small .topic-list-container .topic-list .topic-item td.cell-lastpost {
		font-size: 0.9em;
		padding-{vb:stylevar left}: 50px;
		padding-{vb:stylevar right}: 5px;
		padding-top: 0;
		padding-bottom: 10px;
	}
	.l-narrow-column .topic-list-container .topic-list .cell-lastpost .avatar,
	.l-narrow-column .topic-list-container .topic-list .cell-lastpost .lastpost-by,
	.l-small .topic-list-container .topic-list .cell-lastpost .avatar,
	.l-small .topic-list-container .topic-list .cell-lastpost .lastpost-by {
		display: none;
	}
	.l-narrow-column .topic-list-container .topic-list .cell-lastpost .post-date,
	.l-small .topic-list-container .topic-list .cell-lastpost .post-date {
		font-size: inherit;
		color: {vb:stylevar content_list_secondary_text_color};
	}

	<vb:comment>/* Handle redirect, deleted, and unapproved */</vb:comment>
	.l-narrow-column .topic-list-container .topic-list .topic-item.redirect .cell-count,
	.l-narrow-column .topic-list-container .topic-list .topic-item.redirect .cell-lastpost,
	.l-narrow-column .topic-list-container .topic-list .topic-item.deleted .cell-count,
	.l-narrow-column .topic-list-container .topic-list .topic-item.deleted .cell-lastpost,
	.l-narrow-column .topic-list-container .topic-list .topic-item.unapproved .cell-count,
	.l-narrow-column .topic-list-container .topic-list .topic-item.unapproved .cell-lastpost,
	.l-small .topic-list-container .topic-list .topic-item.redirect .cell-count,
	.l-small .topic-list-container .topic-list .topic-item.redirect .cell-lastpost,
	.l-small .topic-list-container .topic-list .topic-item.deleted .cell-count,
	.l-small .topic-list-container .topic-list .topic-item.deleted .cell-lastpost,
	.l-small .topic-list-container .topic-list .topic-item.unapproved .cell-count,
	.l-small .topic-list-container .topic-list .topic-item.unapproved .cell-lastpost {
		display: none;
	}

	<vb:comment>/* Inline mod cell -- Note: inline moderation is completely hidden elsewhere in this file at the smallest screen sizes */</vb:comment>
	.l-narrow-column .topic-list-container .topic-list .cell-inlinemod-item,
	.l-small .topic-list-container .topic-list .cell-inlinemod-item {
		padding-top: 10px;
		width: 30px;
		position: absolute;
		top: 3px;
		{vb:stylevar right}: 3px;
	}

	<vb:comment>/* END Topic List */</vb:comment>




	/*
	 * The statistics UI also uses the .table, .tr, and .td classes. We need !important here because the
	 * ".table .td" rule also uses !important for display: table-cell.
	 */
	.l-small .sg-statistics, .l-small .blogChannel-statistics{display:none !important;}


	<vb:comment>
	/* encapsulate debug info */
	</vb:comment>
	.l-small #debug-information {
		box-sizing: border-box;
		overflow: auto;
		width: 280px;
		max-width: 280px;
	}


<vb:comment>
	/* reset size of slider */
</vb:comment>
	@media only screen and (max-width:480px) {
		html.touch .ui-timepicker-div .ui_tpicker_hour .ui-slider-horizontal,
		html.touch .ui-timepicker-div .ui_tpicker_minute .ui-slider-horizontal{width:42%;}
	}

<vb:comment>
	/* fix for filter 1px off (found on home,blogs,groups)*/
</vb:comment>
	@media only screen and (max-width:479px) {

		.activity-stream-widget .conversation-toolbar-wrapper .conversation-toolbar{margin-top:-1px;}

	}

	<vb:comment>
	/* fix for responsive display of profile image upload form */
	</vb:comment>
	@media only screen and (max-width:767px) {

		#editProfilePhotoDlg .profile-img-option-container .profile-img-option-field > input{width:90% !important;margin-bottom:10px;}

	}


	<vb:comment>
	/* fix for responsive display of group icon upload form */

	/* only display radio button and label if fileinput class exists in html element */
	/* see 'New Topic form' section above */
	</vb:comment>
	.rx-modal-label.blog-form-row{display:inline;display:inline-block;}
	.rx-modal-label.blog-form-row.rx-fileinput{display:none;}
	html.fileinput .rx-modal-label.blog-form-row.rx-fileinput{display:inline;display:inline-block;}

	.rx-modal.ui-dialog {
		border-radius: 3px;
		padding:0;
	}

	.rx-modal.ui-widget-header {
		background: none;
		border:none;
		color:none;
		font-weight:none;
	}

	.rx-modal.ui-dialog .ui-dialog-titlebar {
		background: {vb:stylevar popup_header_background};
		border:{vb:stylevar popup_border};
		border-radius:3px 3px 0 0;
		border-width:0 0 1px;
		font-size: 1.8rem;
		height: 3rem;
		line-height: 3rem;
	}

	.rx-modal.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{display:none;}
	.rx-modal-label.blog-form-row .row-title{float:{vb:stylevar left};width:20px;}

	.rx-modal .blog-form-row .row-content{width:auto;}
	.rx-modal input[type="radio"]{margin:0;}

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

		.rx-modal{height:auto;}
		.rx-modal .sgicon-upload-form .blog-form-row{margin:0;}
		.rx-modal .sgicon-upload-form > div{margin-top:10px;}
		.rx-modal .sgicon-upload-form .rx-modal-label.blog-form-row{margin-top:30px;}

		.rx-modal .sgIconUploader{
			margin: 15px 2px;
			overflow:hidden;
			padding:6px !important;
		}
		.rx-modal .sgIconUploader h4{margin-bottom:10px;}
		.rx-modal .btnSGIconUrlSubmit{margin-bottom:10px;}

		.rx-modal-label.blog-form-row .row-title input{margin-{vb:stylevar left}:0;}
		.rx-modal-label.blog-form-row .row-content{float:{vb:stylevar left};width:250px;}
		.rx-modal-content.blog-form-row .row-content{width:275px;float:{vb:stylevar left};margin-top:10px;}

	}

	<vb:comment>
	/* profile conversation style */
	</vb:comment>
	@media only screen and (max-width:480px) {
		#profileTabs .conversation-list .list-item .post-header .post-action-wrapper{padding-{vb:stylevar right}:10px;}
		.conversation-list .list-item-header .info .post-date{margin-{vb:stylevar left}:0 !important}
		.conversation-list .list-item-header .info.h-right,
		.conversation-list .list-item-header .checkbox.h-right {
			padding: 5px 0 0 0;
			float: {vb:stylevar left};
			width: 90%;
		}

		.conversation-list.stream-view .list-item-header .avatar {
			margin-{vb:stylevar left}: 10px;
		}

		<vb:comment>
		/* since markup difference between page implementations, need extra rules */
		</vb:comment>
		#activity-stream-tab .conversation-list .list-item-header .info.h-right{margin-{vb:stylevar left}:0;}
	}

	<vb:comment>
	/* ckeditor overflow issue on iphone portrait - New Topic and Blog edit description fields */
	</vb:comment>
	@media only screen and (max-width:480px) {
		#cke_ckeditor-bare > span{overflow:hidden;}
		#cke_ckeditor-bare-edit > span{overflow:hidden;}
	}

	<vb:comment>
	/* User Profile's edit subscriber page section-1 widget (subscriptions,subscribers,groups) */
	</vb:comment>
	@media only screen and (max-width:767px) {
	}

	<vb:comment>
	/* User Profile's edit subscriber page subscriptions,subscribers,groups list - reduce padding at smaller view */
	</vb:comment>
	@media only screen and (max-width:480px) {
		.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list .subscription-item .td.first_column{padding-left:7px !important;padding-right:0px !important;}
		.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list .subscription-item .td.second_column{padding-left:7px !important;padding-right:0px !important;}
		.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list .subscription-item .td.third_column{padding-left:7px !important;padding-right:7px !important;}
	}

	<vb:comment>
	/* groups tab */
	</vb:comment>
	div#groupsTab{padding:5px !important;}
	@media only screen and (min-width:767px) {

		.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-{vb:stylevar right}-radius:0;}
		.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-{vb:stylevar left}-radius:0;}

	}

	<vb:comment>
	/* chrome,safari (but not opera) style overrides */
	</vb:comment>
	html.no-firefox.no-opera .subscribersContent,
	html.no-firefox.no-opera .subscriptionsContent{margin-{vb:stylevar right}:-2px;}

	@media only screen and (min-width:550px) and (max-width:1050px) {
		html.no-firefox.no-opera .subscribersContent,
		html.no-firefox.no-opera .subscriptionsContent{margin-{vb:stylevar right}:-3px !important;}
	}

<vb:comment>
	/**
	 *
	 *	conversation toolbar
	 *	style for mobile versus desktop
	 *
	 **/
</vb:comment>
	@media only screen and (max-width:990px) {

		<vb:comment>
		/* hide  left (button) container and search - both copied and displayed on new toolbar row */
		</vb:comment>
		.conversation-view > .conversation-toolbar-wrapper > .conversation-toolbar.desktop > ul.toolset-left{display:none;}

		<vb:comment>
		/* filter options: display vertically and remove border-left */
		</vb:comment>
		.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li,
		.toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li {
			display:block;border-{vb:stylevar left}:none;
		}

		<vb:comment>
		/* resize pagination arrows */
		</vb:comment>
		.conversation-view > .conversation-toolbar-wrapper > .conversation-toolbar.desktop > ul.toolset-right > li.toolbar-pagenav div.horizontal-arrows{width:112px;}
		.conversation-view > .conversation-toolbar-wrapper > .conversation-toolbar.desktop > ul.toolset-right > li.toolbar-pagenav div.horizontal-arrows a{width:55px;}
		.widget-tabs-panel .conversation-toolbar-wrapper > .conversation-toolbar > ul.toolset-right > li.toolbar-pagenav div.horizontal-arrows{width:82px;}
		.widget-tabs-panel .conversation-toolbar-wrapper > .conversation-toolbar > ul.toolset-right > li.toolbar-pagenav div.horizontal-arrows a{width:35px;}
		ul.toolset.h-right > li.pagenav-controls div.horizontal-arrows{width:71px;} 	<vb:comment>/* profile notifications: arrows 35px wide, x2 = 70px + 1px border = 71px */</vb:comment>
		ul.toolset.h-right > li.pagenav-controls div.horizontal-arrows a{width:35px;}

	}

.h-prevent-scroll-v {
	height: 100%;
	overflow: hidden;
	/*position: relative;*/
}]]></template>
		<template name="css_search.css" templatetype="template" date="1424884214" username="vBulletin" version="5.1.7 Alpha 3"><![CDATA[/* 
	For the advanced search and search results pages.
	Anything related to the popups was left together in css_global.css because
	the popup is also being used in the header and to keep those rules together.
*/


.search-controls{
	display: inline-block;
	position:relative;
	margin-bottom:20px;
}

.search-result-header .search-stats {
	color: #555555;
	margin-bottom: 12px;
}


.search-controls a, .search-controls a:active, .search-controls a:visited{
	color:#FFF !important;
	text-decoration: underline;
}
.search-fields-widget .searchConfigFields .add-search-fieldset.form-fieldset input.searchFields_keywords,
.search-fields-widget .searchConfigFields .add-search-fieldset.form-fieldset input.searchFields_author {
	width:97.9%;
}
.search-results-widget .highlight {
	background-color: {vb:stylevar search_result_highlight_color};
}
.canvas-widget.search-fields-widget #advancedSearchFields {
	padding: 0 0px;
}
.search-fields-widget #advancedSearchFields .add-search-fieldset {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.search-fields-widget .searchConfigFields .add-search-fieldset .label_column {
	display: table-cell;
	width: 22%;
	padding-{vb:stylevar right}: 15px;
}
.search-fields-widget .searchConfigFields .add-search-fieldset .info_column {
	display: table-cell;
	width: 22%;

	padding-{vb:stylevar left}: 15px;
}]]></template>
		<template name="css_sitebuilder.css" templatetype="template" date="1551490672" username="vBulletin" version="5.5.2 Alpha 1"><![CDATA[.edit-mode .blockrow {
	margin-bottom:15px;
}
body.edit-mode .textbox.stretch,
body.edit-mode .sb-dialog .textbox.stretch {
	height: 2.4rem;
	width:100%;
	box-sizing: border-box;
}
body.edit-mode #sitebuilder-wrapper .textbox,
body.edit-mode .sb-dialog .textbox {
	padding:3px;
	border:{vb:stylevar inline_edit_field_border};
	border-radius:3px;
	color:{vb:stylevar inline_edit_form_text_color};
	background: #FFF;
}
body.edit-mode #sitebuilder-wrapper textarea.textbox,
body.edit-mode .sb-dialog textarea.textbox {
	height:auto;
}
.edit-mode .canvas-layout-container .canvas-widget.conversation-content-widget .widget-content {
	padding-top:5px;
}
.edit-mode .pollresults {
	display: block !important;
}
.edit-mode .pollresults .b-button-group {
	display: none !important;
}
.edit-mode form.poll {
	display: none !important;
}
.edit-mode .canvas-layout-container .canvas-widget .widget-header .module-title {
	margin-{vb:stylevar right}:134px;
	color:#828891;
}
.edit-mode .canvas-layout-container .canvas-widget.hidden-widget {
	border-color: #E2E5E8;
}
.edit-mode .canvas-layout-container .canvas-widget.hidden-widget.shadow {
	box-shadow: 1px 2px 3px #EEEEEE;
}
.edit-mode .canvas-layout-container .canvas-widget.hidden-widget .widget-header .module-title,
.edit-mode .canvas-layout-container .canvas-widget.hidden-widget .widget-content {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.edit-mode .canvas-layout-container .canvas-widget.container-widget .canvas-widget .widget-header .module-title {
	margin-{vb:stylevar right}:153px;
}
.edit-mode .conversation-content-widget .main-header {
	font-weight:bold;
	width:100%;
}
.edit-mode .conversation-content-widget .main-header > .hide-on-editmode {
	margin:0 15px;
}
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item,
.edit-mode .canvas-layout-container .widget-content .module-tab-button-item {
	padding: 0;
	display:inline;
}
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item span,
.edit-mode .canvas-layout-container .widget-content .module-tab-button-item span {
	height: 24px;
	width: 24px;
}
<vb:comment>display & text-indent rules copied from .module-button-item span rules in css_global</vb:comment>
.edit-mode .canvas-layout-container .widget-content .module-tab-button-item span {
	display: inline-block;
	text-indent: -99999px;
	vertical-align: middle;
}
<vb:comment>
	The "Add tab" button is a bit different. The text content + is used as the icon.
	font-size to match module-tab-button-item height,
	line-height to help vertically center.
</vb:comment>
.edit-mode .canvas-layout-container .widget-content .module-tab-button-item.tab-add-button span {
	text-indent: 0px;
	text-align: center;
	font-size: 2.4rem;
	line-height: 2.4rem;
}
<vb:comment>Add some margin to push over the buttons a bit.</vb:comment>
.edit-mode .canvas-layout-container .widget-content .module-tab-title {
	margin-{vb:stylevar right}: 1em;
}
.edit-mode .conversation-list.stream-view.activity-view .list-item:hover .list-item-header .goto-post {
	display:none;
}
.edit-mode .conversation-toolbar-wrapper + .scrolltofixed-filler + .conversation-list.stream-view,
.edit-mode .conversation-toolbar-wrapper + .conversation-list.stream-view {
	margin-top:5px;
}
.edit-mode .canvas-layout-container .widget-header .module-buttons {
	margin-top:-12px;
	{vb:stylevar right}:5px;
}
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item.hide-icon input {
	margin: 0 0 1px;
	vertical-align: bottom;
}
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item.move-icon {
	cursor:move;
}
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item.move-icon span {
	background:transparent url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll -64px -64px;
}
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item.edit-button span,
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item.edit-menu span,
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item.axd-edit-button span,
.edit-mode .canvas-layout-container .widget-content .tab-edit-button span {
	background:transparent url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll -32px -64px;
}
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item.close-button span,
.edit-mode .canvas-layout-container .widget-content .tab-remove-button span {
	background:transparent url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll 0 -64px;
}
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item.toggle-button.collapse span {
	background:transparent url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll -96px -64px;
}
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item.toggle-button.expand span {
	background:transparent url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll -128px -64px;
}
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item.pin-icon span {
	background:transparent url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll -48px -96px;
}
.edit-mode .canvas-layout-container .widget-header .module-buttons .module-button-item.pin-icon.pin-icon--pinned span {
	background:transparent url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll -80px -96px;
}
.edit-mode .post-footer-wrapper .post-footer .divider {
	display:none;
}
.content-row {
	margin-bottom:10px;
	line-height: 2.2rem;
}
#page-header-container {
	margin-top:5px;
	padding:0 10px 10px 10px;
}
#page-header-container .option {
	margin-top:10px;
}
#page-header-container .option > label,
#page-header-container .option .subitem {
	margin-{vb:stylevar left}:26px;
	display:none;
}
#page-header-container .option .subitem .note {
	font-size: 1.1rem;
	line-height: 1.6rem;
	width:420px;
	margin-top:2px;
}
.edit-mode.lnkEditPage .canvas-layout-container .canvas-layout .canvas-widget-list.has-adjacent-right-col,
.edit-mode.lnkNewPage .canvas-layout-container .canvas-layout .canvas-widget-list.has-adjacent-right-col {
	border-{vb:stylevar right}:1px dashed #C0C0C0;
}
.edit-mode.lnkEditPage .canvas-layout-container .canvas-layout .canvas-layout-row,
.edit-mode.lnkNewPage .canvas-layout-container .canvas-layout .canvas-layout-row {
	border-bottom:1px dashed #C0C0C0;
}
.edit-mode .canvas-layout-container .canvas-layout .canvas-layout-row.has-columns + .canvas-layout-row.no-columns,
.edit-mode .canvas-layout-container .canvas-layout .canvas-layout-row.no-columns + .canvas-layout-row.no-columns + .canvas-layout-row.no-columns {
	border-bottom:0 !important;
}
.edit-mode .canvas-layout-container .canvas-layout .canvas-widget-list .module-item.ui-draggable {
	visibility:hidden;
}
.canvas-layout-container .canvas-widget-highlight {
	border:3px dashed #C0C0C0;
	background:transparent;
	line-height: 2.4rem;
	width:100%;
	box-sizing:border-box;
}
.canvas-layout-container .canvas-widget-highlight + .canvas-widget-highlight {
	display:none;
}
.canvas-widget-item .edit-button {
	float:{vb:stylevar right};
	margin:8px 5px 5px;
	margin-{vb:stylevar left}: 0;
}
.channel-list .channel-item .num-subchannels {
	float:{vb:stylevar right};
	height: 1.6rem;
	font-size 13px;
	line-height: 1.6rem;
	margin: 6px 6px 0;
	margin-{vb:stylevar left}: 0;
	color: #333;
}
.channel-list .channel-item .toggle-button {
	float:{vb:stylevar right};
	width: 1.6rem;
	height: 1.6rem;
	border:1px solid #9D9DCF;
	color:#9D9DCF;
	background:#E7E7F8;
	cursor:pointer;
	font-size: 1.3rem;
	font-weight:bold;
	line-height: 1.3rem;
	text-align:center;
	margin:6px 2px 0;
	margin-{vb:stylevar left}: 0;
}
.canvas-layout-container .canvas-widget-item .close-button,
.channel-list .channel-item .close-button {
	float:{vb:stylevar right};
	width: 1.6rem;
	height: 1.6rem;
	border:1px solid #CF9D9D;
	color:#CF9D9D;
	background:#F8E7E7;
	cursor:pointer;
	font-size: 1.3rem;
	font-weight:bold;
	line-height: 1.5rem;
	text-align:center;
	margin:7px 0 0 0;
}
.drag-highlight {
	text-align:center;
	margin:5px;
	font-size: 1.4rem;
	line-height: 3.2rem;
	color:#C0C0C0;
	background:transparent;
}
.canvas-widget .grip-icon {
	margin-top:2px;
}
.edit-mode .dialog-container {
	border:0;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.5);
}
.edit-mode .dialog-container,
.edit-mode #edit-page-dropdown .tab,
.edit-mode #edit-page-dropdown #save-page-form,
.edit-mode #manage-page-dropdown .tab,
.edit-mode #manage-page-dropdown #manage-pages,
.edit-mode #edit-navbar,
.edit-mode .dialog-container .notice,
.config-site-panel,
.sb-style-panel {
	color:{vb:stylevar inline_edit_header_body_text_color};
}
.edit-mode .dialog-container .ui-dialog-titlebar {
	padding:25px 30px 20px 30px;
	height:24px;
}
.edit-mode .dialog-container .ui-dialog-titlebar,
.edit-mode .main-header {
	font: bold 2.4rem/1.8rem 'Helvetica Condensed','Arial Narrow',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
}

.edit-mode .dialog-container.prompt-dialog .ui-dialog-titlebar {
	font-size: 1.8rem;
	line-height: 1.1rem;
	padding:20px 25px 18px 25px;
}
.edit-mode .dialog-container .ui-widget-header {
	background:{vb:stylevar inline_edit_background.backgroundColor} url(images/css/bckg_stripe.png) repeat scroll 0 0;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:{vb:stylevar inline_edit_header_line_top_color};
	color:{vb:stylevar inline_edit_header_body_text_color};
}
.edit-mode .dialog-container .sb-dialog {
	padding:30px 55px 27px 55px;
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:{vb:stylevar inline_edit_header_line_bottom_color};
	color:{vb:stylevar inline_edit_header_body_text_color};
	background:{vb:stylevar inline_edit_background};
}
.edit-mode .dialog-container .sb-dialog.search-tips-dialog {
	padding:30px;
}
.edit-mode .dialog-container .sb-dialog.search-tips-dialog code {
	color:inherit;
}
.edit-mode .search-tips-dialog-container.ui-dialog .ui-dialog-titlebar-close {
	margin-top: 0;
	{vb:stylevar right}: 10px;
	top: 10px;
}
.edit-mode .dialog-container.prompt-dialog .sb-dialog {
	padding:30px;
}
.edit-mode .dialog-container.input-dialog .ui-dialog-titlebar .ui-dialog-title {
	margin:0;
}
.edit-mode .dialog-container.input-dialog .ui-dialog-titlebar .ui-dialog-title .dialog-subtitle {
	font: {vb:stylevar global_text_font};
	font-weight: normal;
	text-transform:none;
	display:block;
	margin-top:5px;
}
.edit-mode .dialog-container .sb-dialog .dialog-content .icon + .message {
	width:331px;
}
.edit-mode .dialog-container.dialog-box .dialog-content .icon.warning-icon {
	background: url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll 0 -96px transparent;
}
.edit-mode .dialog-container .sb-dialog .dialog-content .notice {
	background: none;
	border: 0;
	padding: 5px 0;
}
#preview-dialog .dialog-content {
	z-index:-9999;
	position:relative;
	height:99%;
	margin-top:0;
}
.channel-config-dialog{
	color:{vb:stylevar inline_edit_header_body_text_color};
}
.channel-config-dialog a{
	color:{vb:stylevar body_link_color};
	text-decoration: {vb:stylevar body_link_decoration};
}

.channel-config-dialog .dialog-content .loading-icon {
	margin:16px 0 0 -8px;
}
.edit-mode .dialog-container.ui-dialog {
	background:{vb:stylevar inline_edit_background};
}
.edit-mode .main-header,
.sb-style-panel .main-header {
	font: bold 2.4rem/1.8rem 'Helvetica Condensed','Arial Narrow',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
}
.edit-mode .subheader {
	font-size: 1.6rem;
	color:{vb:stylevar inline_edit_subheader_text_color};
}
.edit-mode .body-text {
	font-size: 1.3rem;
}
.edit-mode .dialog-container .sb-dialog .comments {
	font-style:italic;
	font-size: 1.2rem;
	border-width:1px 0;
	border-style:solid;
	border-color:{vb:stylevar inline_edit_popup_comment_line_color};
	padding:10px 0 8px;
	margin:30px 0 0;
}
.dialog-container .sb-dialog #imageUrl {
	width: 310px;
}
.dialog-container.site-logo-dialog-container .sb-dialog .body-text {
	vertical-align:top;
	height: 2.4rem;
	line-height: 2.4rem;
	float:{vb:stylevar left};
}
#config-dialog form {
	height:100%;
}
#config-dialog .dialog-content {
	min-height:82%;
}
#config-dialog .widget-name {
	margin-bottom:5px;
}
#config-dialog .dialog-content .widget-config-container {
	border:1px solid #C0C0C0;
}
#config-dialog .dialog-content .widget-config-container.notice {
	border:0;
}
#config-dialog .dialog-content .config-row {
	padding:5px;
}
#config-dialog .dialog-content .config-row.odd {
	/*background:#F3F3F3;*/
}
#config-dialog .dialog-content .config-row .config-label,
#config-dialog .dialog-content .config-row .config-value {
	width:48%;
}
.advancedSearchFields .config-description,
#config-dialog .config-description {
	display: block;
	font-weight: normal;
	font-size: 1.1rem;
	font-style: italic;
}
#config-dialog .dialog-content .config-row .config-value label {
	margin-{vb:stylevar right}:15px;
	padding:0 5px;
}
#config-dialog .dialog-content .config-textbox {
	width:97%;
}
<vb:comment>
Add some margins to make space for the "handle" that is larger than the slider.
Keep the top/bot margin synced with paddings for 
#config-dialog .dialog-content .config-row
</vb:comment>
#config-dialog .dialog-content .config-slider {
	margin: 5px 5%;
}
.advancedSearchFields .config-required-mark,
#config-dialog .config-required-mark {
	width:3%;
	padding-{vb:stylevar right}:5px;
	text-align:{vb:stylevar right};
	color:#FF0000;
	font: bold 1.7rem Courier New, Verdana, Arial;
}
.searchSwitchToForm .widget-note,
#config-dialog .widget-note {
	font-size: 1.1rem;
	padding-top: 5px;
}
#config-dialog .widget-note .config-required-mark {
	padding:0;
}
#thumbnail-list {
	width:100%;
	margin-bottom:15px;
}
#preview-dialog .dialog-content {
 height: 99%;
 margin-top: 0;
 position: relative;
 z-index: -9999;
}
/*Channel Widget*/
.channel-config-dialog .add-channel-container {
	margin:5px 0 10px 0;
	padding:8px;
	padding-{vb:stylevar left}: 0;
}
.channel-config-dialog .add-channel-container label {
	font-weight:bold;
}
.searchFields_tag .tag-input,
.autocomplete-container input{
	width:auto !important;
	padding-top: 0;
	padding-bottom: 0;
}
.searchSwitchToAdvanced label, .searchSwitchToForm label {
	cursor:pointer;
	color: #4682B4;
	text-decoration: none;
}
.advancedSearchFields .searchFields_searchJSON {
	width:70%;
	height:100px;
}
.channel-config-dialog .add-channel-container .add-channel-fieldset input{
	width:80%;
}
.advancedSearchFields .add-search-container .add-search-fieldset input.short{
	width:200px;
}
.advancedSearchFields .tag-box .tag{
	margin-top:0px;
	margin-bottom:0px;
}

#tag-box-searchFields_tag .tag{
	margin-top: 0;
}
.channel-config-dialog .add-channel-container .add-channel-fieldset button ,
.advancedSearchFields .add-search-container .add-search-fieldset button {
	margin-{vb:stylevar left}:0;
	margin-{vb:stylevar right}:0;
}
.advancedSearchFields .add-search-container .add-search-container {
	margin-{vb:stylevar left}:20px;
}
.advancedSearchFields .add-search-container .add-search-fieldset input[type="checkbox"],
.advancedSearchFields .add-search-container .add-search-fieldset select,
.advancedSearchFields .add-search-container .add-search-fieldset input[type="radio"]{
	width:auto;
}

.channel-config-dialog .channel-list {
<vb:comment>
ghartling: Setting min-height to !important to override a mysterious
duplicate rule that shows up elsewhere in the CSS that I was unable to track down.
</vb:comment>
	min-height:0px !important;
	overflow-y:auto;
}
.channel-config-dialog .channel-list .main-channel-container {
	border:1px dotted #868686;
	/*min-height:87px;*/
	margin-bottom:10px;
	margin-{vb:stylevar right}:2px;
	padding-top:5px;
	background:{vb:stylevar inline_edit_background};
	overflow-x:auto;
}
.channel-config-dialog .channel-list .channel-item-highlight {
	min-height:32px;
	text-align:{vb:stylevar left};
}
.channel-config-dialog .channel-list .main-channel-container > .grip-icon {
	margin:-3px 0 0 1px;
}
.channel-config-dialog .channel-list .channel-item-container .channel-item,
.channel-config-dialog .channel-list .channel-item-highlight {
	background: #EFF3F8;
	border: 1px solid #B0C4DE;
	margin: 0 0 8px;
	margin-{vb:stylevar left}: 15px;
	padding: 0 5px;
	width:530px;
}
.channel-config-dialog .channel-list .main-channel-container .channel-item .grip-icon {
	margin-top:2px;
}
.channel-config-dialog .channel-list .main-channel-container .channel-item .close-button {
	margin-top:6px;
}

.channel-config-dialog .channel-list .channel-item .add-subchannel-button,
.channel-config-dialog .channel-list .channel-item .channel-to-category,
.channel-config-dialog .channel-list .channel-item .category-to-channel {
	font-weight: bold;
	height: 16px;
	margin: 6px 5px;
	float:{vb:stylevar right};
}

.channel-config-dialog .channel-list .channel-item .add-subchannel-button {
	width: 16px;
	text-align: center;
}
.channel-config-dialog .channel-list .channel-item .add-subchannel-button a {
	color:#2E8AE6;
}
.channel-config-dialog .channel-list .main-channel-container-highlight,
.channel-config-dialog .channel-list .main-channel-container .channel-item-highlight {
	border-style:dashed;
	background:transparent;
}
.channel-config-dialog .channel-list .main-channel-container-highlight {
	border-color:#FFF;
}
.channel-config-dialog .channel-list .main-channel-container .sub-channel-container {
	margin-{vb:stylevar left}:30px;
	min-height:10px;
}/*
.channel-config-dialog .channel-list .main-channel-container .sub-channel-container .channel-item,
.channel-config-dialog .channel-list .main-channel-container .sub-channel-container .channel-item-highlight {
	width:95.98%;
}*/
.channel-config-dialog .channel-list .channel-item .channel-title {
	float: {vb:stylevar left};
	min-height: 1.6rem;
	line-height: 1.6rem;
	margin: 5px;
	font-size: 1.2rem;
	width:322px;
}
.channel-config-dialog .channel-list .main-channel-container .channel-item .channel-title div {
	font-weight:normal;
	min-height: 1.8rem;
	line-height: 1.8rem;
	border:1px dashed transparent;
	cursor:text;
	color:#222;
	overflow: hidden;
	text-overflow: ellipsis;
}
.channel-config-dialog .channel-list .main-channel-container .channel-item .channel-title div:hover {
	border-color:#C0C0C0;
}
.channel-config-dialog .channel-list .main-channel-container .channel-item .channel-title input {
	width:100%;
	display:none;
	padding:0;
}
.channel-config-dialog .dialog-content {
	min-height:294px;
}
.channel-config-dialog-container.ui-dialog .ui-dialog-titlebar-close {
	display:none;
}
/*End Channel Widget*/
/*Page Editor*/
#select-template .template-list .template-item {
	text-align:center;
	font-size: 1.1rem;
	margin:0 20px;
	color:#4DCDFF;
	display: inline-block;
	vertical-align: top;
}
#select-template .template-list .template-item:first-child {
	/*margin-left:17px;*/
}
#edit-page-dropdown .tabs .tab,
#edit-page-dropdown #save-page-form,
#manage-page-dropdown .tabs .tab,
/*#manage-page-dropdown #save-page-form,*/
.config-site-panel,
.sb-style-panel .tabs .tab,
#edit-navbar {
	padding:0;
	width:100%;
	background:{vb:stylevar inline_edit_background.backgroundColor} url("images/css/bckg_stripe.png") repeat scroll 0 0;
	position:relative;
	border-bottom:1px solid #51565B;
	border-radius:0;
}
#edit-page-dropdown .form-gutter-right,
#edit-navbar .form-gutter-right,
#manage-page-dropdown .form-gutter-right {
	position:absolute;
	top:0;
	{vb:stylevar right}:0;
	background:{vb:stylevar inline_edit_background};
	height:100%;
	width:50%;
}
#edit-page-dropdown .panel .panel-header-text,
#manage-page-dropdown .panel .panel-header-text,
#edit-navbar .panel .panel-header-text,
.config-site-panel .panel .panel-header-text,
.sb-style-panel .panel .panel-header-text {
	border-{vb:stylevar right}: 1px solid {vb:stylevar inline_edit_header_line_top_color};
	font-size: 1.2rem;
	min-height: 201px;
	padding-{vb:stylevar left}:10px;
	padding-{vb:stylevar right}:15px;
	width: 274px;
}
.edit-mode .main-header,
.sb-style-panel .main-header {
	padding-top:50px;
}
.edit-mode .conversation-content-widget .main-header {
	padding-top:0;
}
#edit-page-dropdown .panel .panel-header-text .note,
#manage-page-dropdown .panel .panel-header-text .note,
#edit-navbar .panel .panel-header-text .note,
.config-site-panel .panel .panel-header-text .note,
.sb-style-panel .panel .panel-header-text .note {
	font-style:italic;
	font-size: 1.1rem;
}
#edit-page-dropdown .panel .panel-header-text .note .header,
#manage-page-dropdown .panel .panel-header-text .note .header,
#edit-navbar .panel .panel-header-text .note .header,
.config-site-panel .panel .panel-header-text .note .header,
.sb-style-panel .panel .panel-header-text .note .header {
	font-weight:bold;
}
#edit-page-dropdown .panel .panel-header-text p,
#manage-page-dropdown .panel .panel-header-text p,
#edit-navbar .panel .panel-header-text p,
.config-site-panel .panel .panel-header-text p,
.sb-style-panel .panel .panel-header-text p {
	margin:15px 0 0;

	text-align:{vb:stylevar left};
}
#edit-page-dropdown .panel .panel-header-text .header + p,
#manage-page-dropdown .panel .panel-header-text .header + p,
#edit-navbar .panel .panel-header-text .header + p,
.config-site-panel .panel .panel-header-text .header + p,
.sb-style-panel .panel .panel-header-text .header + p {
	margin-top:20px;
}
#edit-page-dropdown .panel .panel-main-content,
#manage-page-dropdown .panel .panel-main-content,
#edit-navbar .panel .panel-main-content,
.config-site-panel .panel .panel-main-content,
.sb-style-panel .panel .panel-main-content {
	width:629px;
	background:{vb:stylevar inline_edit_background};
	/*min-height:150px;*/
	border-{vb:stylevar left}: 1px solid {vb:stylevar inline_edit_header_line_bottom_color};
	padding-top: 30px;
	padding-{vb:stylevar right}: 10px;
	padding-bottom:15px;
	padding-{vb:stylevar left}: 20px;
	position:relative;
	z-index:1;
}
.sb-style-panel .panel .panel-main-content {
	width: 695px;
	min-height: 338px;
}
#edit-navbar .panel .panel-main-content {
	padding-{vb:stylevar left}: 40px;
	padding-bottom:30px;
}
#edit-page-dropdown .panel .panel-main-content.module-list-container,
#manage-page-dropdown .panel .panel-main-content.module-list-container {
	padding-top:64px;
	min-height:180px;
}
#edit-page-dropdown .panel .panel-main-content.template-list-container,
#manage-page-dropdown .panel .panel-main-content.template-list-container {
	padding-top:64px;
	min-height:180px;
}
#edit-page-dropdown .panel .panel-main-content.layout-list-container,
#manage-page-dropdown .panel .panel-main-content.layout-list-container {
	min-height:180px;
	padding-top:64px;
}

#edit-navbar,
#manage-page {
	position:relative;
}
#edit-navbar .panel .panel-header-text,
#manage-page .panel .panel-header-text{
	line-height: 1.6rem;
}
#navbar-edit-item {
	padding: 30px;
}
#navbar-edit-item .dialog-content {
	margin-bottom: 0;
}
#navbar-edit-item .blockrow > label,
#navbar-edit-item .blockrow > input {
	display:block;
}
#navbar-edit-url {
	margin-bottom:5px;
}
#navbar-edit-usergroups-dialog .dialog-body .blockrow {
	margin-bottom:4px;
}
#edit-navbar .navbar-list {
	padding:5px 0;
}
#edit-navbar .navbar-list li {
	line-height: 2.4rem;
	cursor: move;
	border-bottom:1px dotted #2F3841;
	color: {vb:stylevar body_link_color};
	text-decoration: {vb:stylevar body_link_decoration};
}
#edit-navbar .navbar-list li:first-child {
	border-top:1px dotted #2F3841;
}
#edit-navbar .navbar-list li.selected {
	background: transparent url("images/css/bckg_areaheader.png") repeat;
}
#edit-navbar .navbar-list li > label {
	margin-{vb:stylevar right}: 5px;
	cursor:move;
}
#edit-navbar .navbar-list li.ui-sortable-helper {
	background-color:#ECF9FD;
	padding-{vb:stylevar left}:5px;
	border:1px solid #888383;
}
#edit-navbar .navbar-list .nav-item-controls {
	color: #C0C0C0;
	font-size: 1.6rem;
	line-height: 2.1rem;
}
#edit-navbar .navbar-list .nav-item-controls > span,
.sitebuilder-panel__top-controls > div >span {
	display: inline-block;
	margin: 0 5px;
	position: relative;
	cursor: pointer;
}
#edit-navbar .navbar-list.footer .nav-item-controls > .navbar-item-edit + i,
#edit-navbar .navbar-list.footer .nav-item-controls > .navbar-item-opensubnav {
	display:none;
}
#edit-navbar .navbar-list.footer .nav-item-controls > .navbar-item-edit + i,
#edit-navbar .navbar-list.footer .nav-item-controls > .navbar-item-opensubnav,
#edit-navbar .sub-navbar-list .nav-item-controls > .navbar-item-edit + i,
#edit-navbar .sub-navbar-list .nav-item-controls > .navbar-item-opensubnav {
	display:none;
}
#edit-navbar .navbar-list li.sortable-highlight {
	border:2px dashed #AEAEAE;
	background: transparent;
	margin-top:0;
	text-align:center;
	font-size: 1.1rem;
	line-height: 2.2rem;
	font-weight:bold;
	color:#AEAEAE;
}
#edit-navbar .new-nav-item {
	background: {vb:stylevar body_link_color};
	text-decoration: {vb:stylevar body_link_decoration};
	color: #FFF;
	font-size: 1.2rem;
	font-weight: bold;
	height: 2.4rem;
	line-height: 2.4rem;
	text-align: center;
	cursor:pointer;
	border-radius: 3px;
}
#edit-navbar .navbar-ui-wrapper,
#edit-navbar .subnavbar-ui-wrapper,
#edit-navbar .navbar-edit-wrapper {
	float: {vb:stylevar left};
	background: #FFF;
	min-width: 210px;
	padding: 15px;
	line-height:normal;
	border-radius: 3px;
}
#edit-navbar .subnavbar-ui-wrapper {
	margin-{vb:stylevar left}: 20px;
}
#edit-navbar .subnavbar-ui-wrapper .subnavbar-list-container {
	min-height:10px;
}
#navbar-ui-container {
	color:{vb:stylevar body_text_color};
	position:relative;
}
#select-template a,
#select-template a:active,
#select-template a:visited {
	color:#4DCDFF;
	text-decoration: none;
	font-weight:bold;
}
#select-template a:hover {
	color:#6B9BC3;
}
#select-template .radio-checkbox-thumbnail-container,
#change-layout .radio-checkbox-thumbnail-container {
	margin:0;
	white-space: normal;
}
#select-template .radio-checkbox-thumbnail {
	margin-bottom:10px;
	border-width: 1px;
	width: 96px;
}
#select-template .radio-checkbox-thumbnail img {
	border:0;
}
#select-template .radio-checkbox-thumbnail-container {
	width:98px;
}
#select-template #search-template-keyword {
	width:266px;
}
#change-layout .layout-list-container .layout-item .layout-border {
	width:auto;
	height:auto;
	margin-bottom:10px;
	border-width:1px;
}
#change-layout .layout-list-container .layout-item {
	width:auto;
	height:auto;
	text-align:center;
	font-size: 1.2rem;
	background:transparent;
	display: inline-block;
	margin:0 17px;
	color:#4DCDFF;
}
#change-layout .layout-list-container .layout-item .layout-border img {
 border: 0;
}
#change-layout .layout-list-container .layout-item .layout-border.selected,
#change-layout .layout-list-container .layout-item .layout-border:hover,
#select-template .template-list .template-border.selected,
#select-template .template-list .template-border:hover {
	border-color:#467D96;
	background:#467D96;
	border-radius:3px;
}
#add-modules .module-list-container .scroller.category,
#create-new-module-dialog .module-list-container .scroller.category {
	width:599px;
	overflow-x:hidden;
}

#add-modules .module-list .module-item,
#add-modules .module-list-container .module-item.ui-draggable-dragging,
#create-new-module-dialog .module-list .module-item,
#create-new-module-dialog .module-list-container .module-item.ui-draggable-dragging {
	display: inline-block;
	margin:0;
	width:100px;
	text-align:center;
	cursor:move;
	box-shadow:none;
}
#add-modules .module-item .widget-header,
#create-new-module-dialog .module-item .widget-header {
	border-bottom:0;
	margin:0 17px 20px 17px;
	width:63px;
}
#add-modules .module-item .widget-header .module-title,
#create-new-module-dialog .module-item .widget-header .module-title {
	font-size: 1.1rem;
	margin: 0;
	width:100px;
	color:{vb:stylevar inline_edit_module_title_text_color};
	margin: 0;
	margin-{vb:stylevar left}: -20px;
	text-align:center;
}
#add-modules .module-item .widget-header .module-title .admin-only,
#add-modules .module-list-container .module-item.ui-draggable-dragging .widget-header .module-title .admin-only,
#create-new-module-dialog .module-item .widget-header .module-title .admin-only,
#create-new-module-dialog .module-list-container .module-item.ui-draggable-dragging .widget-header .module-title .admin-only {
	display:none;
}
#add-modules .module-item.round-corner5,
#create-new-module-dialog .module-item.round-corner5 {
	border-radius: 0;
}
#add-modules .module-item .canvas-widget-icon,
#add-modules .module-item .module-icon,
#create-new-module-dialog .module-item .canvas-widget-icon,
#create-new-module-dialog .module-item .module-icon {
	margin-bottom:10px;
	width:63px;
}
#add-modules .module-item .canvas-widget-icon img,
#add-modules .module-item .module-icon img,
#create-new-module-dialog .module-item .canvas-widget-icon img,
#create-new-module-dialog .module-item .module-icon img {
	width:63px;
	height:63px;
}
#add-modules .module-item .grip-icon,
#add-modules .module-item .close-button,
#add-modules .module-item .edit-button,
#add-modules .module-item .module-buttons,
#add-modules .module-item .widget-content,
#add-modules .module-item .h-clear,
#add-modules .module-list-container .module-item.ui-draggable-dragging .grip-icon,
#add-modules .module-list-container .module-item.ui-draggable-dragging .close-button,
#add-modules .module-list-container .module-item.ui-draggable-dragging .edit-button,
#add-modules .module-list-container .module-item.ui-draggable-dragging .module-buttons,
#add-modules .module-list-container .module-item.ui-draggable-dragging .widget-content,
#add-modules .module-list-container .module-item.ui-draggable-dragging .h-clear,
#create-new-module-dialog .module-item .grip-icon,
#create-new-module-dialog .module-item .close-button,
#create-new-module-dialog .module-item .edit-button,
#create-new-module-dialog .module-item .module-buttons,
#create-new-module-dialog .module-item .widget-content,
#create-new-module-dialog .module-item .h-clear,
#create-new-module-dialog .module-list-container .module-item.ui-draggable-dragging .grip-icon,
#create-new-module-dialog .module-list-container .module-item.ui-draggable-dragging .close-button,
#create-new-module-dialog .module-list-container .module-item.ui-draggable-dragging .edit-button,
#create-new-module-dialog .module-list-container .module-item.ui-draggable-dragging .module-buttons,
#create-new-module-dialog .module-list-container .module-item.ui-draggable-dragging .widget-content,
#create-new-module-dialog .module-list-container .module-item.ui-draggable-dragging .h-clear {
	display:none;
}
#add-modules .module-item .canvas-widget-title,
#create-new-module-dialog .module-item .canvas-widget-title {
	width:66px;
	text-align:center;
}
#add-modules #search-module-keyword {
	width:266px;
}
#add-modules .categories,
#create-new-module-dialog .categories {
	margin:0 0 25px;
	height: 20px;
	width: 638px;
}
#sg_canvas #tabs-color a,
#add-modules .categories .category,
#create-new-module-dialog .categories .category {
	color:{vb:stylevar inline_edit_search_bar_text_color};
	background: {vb:stylevar inline_edit_search_bar_background};
	cursor: pointer;
	float: {vb:stylevar left};
	font-size: 1.1rem;
	height: 1.6rem;
	line-height: 1.6rem;
	margin-{vb:stylevar left}: 10px;
	min-width: 64px;
	padding: 2px 8px;
	text-align: center;
	white-space:nowrap;
	border-radius:3px;
}
#sg_canvas #tabs-color a:hover,
#add-modules .categories .category:hover,
#create-new-module-dialog .categories .category:hover {
	color:{vb:stylevar inline_edit_background.backgroundColor};
	background: {vb:stylevar inline_edit_search_bar_background_hover};
	border-color:{vb:stylevar inline_edit_search_bar_background_hover.backgroundColor};
}
#add-modules .categories .category:first-child,
#create-new-module-dialog .categories .category:first-child {
	margin-{vb:stylevar left}:0;
}
#sg_canvas #tabs-color a.sel,
#add-modules .categories .category.selected,
#add-modules .categories .category.selected:hover,
#add-modules .categories .category:active,
#create-new-module-dialog .categories .category.selected,
#create-new-module-dialog .categories .category.selected:hover,
#create-new-module-dialog .categories .category:active {
	background-color: #ececec;
	background: {vb:stylevar inline_edit_search_bar_background_active};
	color:{vb:stylevar inline_edit_search_text_active_color};
	cursor: default;
}
#add-modules .category-arrow-left,
#create-new-module-dialog .category-arrow-left {
	margin-{vb:stylevar right}:5px;
	background:transparent url(images/css/sprite_icons_{vb:stylevar textdirection}.png) no-repeat scroll -16px -144px;
}
#add-modules .category-arrow-left:hover,
#add-modules .category-arrow-left:active,
#create-new-module-dialog .category-arrow-left:hover,
#create-new-module-dialog .category-arrow-left:active {
	background-position:-32px -144px;
}
#add-modules .category-arrow-right,
#create-new-module-dialog .category-arrow-right {
	margin-{vb:stylevar left}:5px;
	background:transparent url(images/css/sprite_icons_{vb:stylevar textdirection}.png) no-repeat scroll -48px -144px;
}
#add-modules .category-arrow-right:hover,
#add-modules .category-arrow-right:active,
#create-new-module-dialog .category-arrow-right:hover,
#create-new-module-dialog .category-arrow-right:active {
	background-position:-64px -144px;
}
#add-modules .category-arrow-left,
#add-modules .category-arrow-right,
#create-new-module-dialog .category-arrow-left,
#create-new-module-dialog .category-arrow-right {
	visibility:hidden;
	cursor: pointer;
	width:10px;
	height:10px;
	margin-top:5px;
	text-indent:-99999px;
}
.module-list-container .module-list .non-module-item {
	cursor: auto;
}
.module-list-container .module-list .non-module-item a {
	color: #4DCDFF;
}
.canvas-layout-container .category-customized_copy .custom-module-manage-links,
.canvas-layout-container .category-customized_copy .module-buttons .edit-button {
	display: none;
}
.ui-draggable-dragging .custom-module-manage-links {
	display: none;
}
.module-list-container .custom-module-manage-links a {
	font-size: 1.1rem;
	color: red;
}
.module-list-container .custom-module-manage-links a:hover {
	text-decoration: underline;
}
#create-new-module-dialog .custom-module-manage-links {
	display: none;
}
.module-list-container .module-title a {
	font-size: 1.1rem;
	color: #4DCDFF;
}

#vb-page-body #save-page-form .subheader {
	font-size: 1.3rem;
	font-weight:normal;
	display:block;
	margin-bottom:5px;
}

<vb:comment>For inputs on the same line as the subheader, mostly checkboxes</vb:comment>
#vb-page-body #save-page-form .form-field-inline .subheader {
	display:inline-block;
}

#save-content .form-field {
	margin-bottom:20px;
}
#save-content .form-field.last {
	margin-bottom:15px;
}
#save-page-form .form-field #pagetitle,
#save-page-form .form-field #templatetitle-new,
#save-page-form .form-field #metadescription {
	width:99%;
}
#save-page-form .form-field .url {
	font-weight:bold;
	margin-{vb:stylevar right}:5px;
}
#save-page-form .form-field #pageurl {
	width:250px;
}
#save-page-form .form-field #templatetitle-edit {
	width:250px;
}
<vb:comment>
	This should be in the css_form.css file, but we don't use that for site builder.
	Really we should consolidate the form logic to the BEM code
</vb:comment>
.form-field .field-text,
.form-field .checkbox
{
	vertical-align: middle;
}
#save-content .form-field input[type=radio] + label {
	font-weight:bold;
	margin-{vb:stylevar right}:5px;
}
#save-content .edit-page-template {
	height: 2.4rem;
	line-height: 2.4rem;
}
.lnkNewPage #save-content .edit-page-template {
	display:none;
}
.lnkEditPage #save-content .new-page-template {
	display:none;
}
.page-template-name {
	margin-{vb:stylevar left}: 10px;
	font-style: italic;
}
/*End Page Editor*/
#edit-page-dropdown,
#manage-page-dropdown {
	border-bottom:1px solid #1A1E24;
	margin:auto;
	width:100%;
}
#edit-page-dropdown-gutter {
	display:none;
}
#edit-page-dropdown .tabs,
#manage-page-dropdown .tabs,
.sb-style-panel .tabs {
	padding:0;
	border-width:0;
	border-radius: 0;
}
#edit-page-dropdown .tabs .tabs-list,
#manage-page-dropdown .tabs .tabs-list,
.sb-style-panel .tabs .tabs-list {
	border:0;
	padding:0;
	background:none;
	border-radius: 0;
}
/*.edit-mode .admin-only {
	display:block;
}
.edit-mode span.admin-only {
	display:inline;
}*/
.edit-mode.lnkEditPage .canvas-widget div.admin-only,
.edit-mode.lnkPageManager .canvas-widget div.admin-only,
.edit-mode.lnkNewPage .canvas-widget div.admin-only {
	display:block;
}
.edit-mode.lnkEditPage .canvas-widget div.admin-only.inline,
.edit-mode.lnkPageManager .canvas-widget div.admin-only.inline,
.edit-mode.lnkNewPage .canvas-widget div.admin-only.inline {
	display:inline;
}
.edit-mode.lnkEditPage .canvas-widget span.admin-only,
.edit-mode.lnkPageManager .canvas-widget span.admin-only,
.edit-mode.lnkNewPage .canvas-widget span.admin-only {
	display:inline;
	vertical-align: top;
}
.edit-mode.lnkEditPage .canvas-layout-container,
.edit-mode.lnkPageManager .canvas-layout-container,
.edit-mode.lnkNewPage .canvas-layout-container {
	border:1px dashed #C0C0C0;
	margin-bottom:16px;
}
.edit-mode.lnkEditPage .canvas-layout-container .widget-header,
.edit-mode.lnkPageManager .canvas-layout-container .widget-header,
.edit-mode.lnkNewPage .canvas-layout-container .widget-header {
	background: #FFF url("images/css/bckg_areaheader.png") repeat scroll 0 0;
	cursor: default;
}
.edit-mode.lnkEditPage .canvas-layout-container .widget-content a,
.edit-mode.lnkPageManager .canvas-layout-container .widget-content a,
.edit-mode.lnkNewPage .canvas-layout-container .widget-content a {
	text-decoration:none !important;
	color:#2F2F2F !important;
	cursor:auto !important;
}
.edit-mode #channel-tabbar .channel-tabbar-list li a,
.edit-mode #footer-tabbar ul li a {
	color: #FFF;
	cursor:default;
}
.edit-mode #channel-tabbar .channel-tabbar-list li.current a,
.edit-mode #footer-tabbar ul li.current a {
	color: #13242F;
}
.edit-mode #channel-tabbar .channel-tabbar-list li a:hover,
.edit-mode #footer-tabbar ul li a:hover {
	background:transparent;
}
#admin-navbar-strip,
#edit-page-dropdown .panel,
#edit-page-dropdown .tabs .tabs-list-wrapper,
#manage-page-dropdown .panel,
#manage-page-dropdown .tabs .tabs-list-wrapper,
#edit-navbar .panel,
.config-site-panel .panel,
.sb-style-panel .panel,
.sb-style-panel .tabs .tabs-list-wrapper {
	min-width: {vb:stylevar wrapper_min_width};
	max-width: {vb:stylevar wrapper_max_width};
	width: {vb:stylevar wrapper_width};
	margin: auto;
}
#admin-navbar-strip {
	color:#5A86D5;
	padding:0;
	padding-{vb:stylevar left}: 15px;
	margin:auto;
	position: relative;
}
#admin-navbar-strip,
#admin-navbar-strip-gutter,
#edit-page-dropdown .tabs .tabs-gutter,
#manage-page-dropdown .tabs .tabs-gutter,
.config-site-panel-gutter,
.sb-style-panel .tabs .tabs-gutter {
	background: {vb:stylevar sitebuilder_tabbar_background};
	height: 4.2rem;
	line-height: 4.2rem;
	border-bottom:0;
	padding:0;
	<vb:comment>For the absolute positioning on the :before rule below.</vb:comment>
	position: relative;
}
<vb:comment>Lines under tabs. This was previously in the gradient sprite.</vb:comment>
#admin-navbar-strip:before,
#admin-navbar-strip-gutter:before,
#edit-page-dropdown .tabs .tabs-gutter:before,
#manage-page-dropdown .tabs .tabs-gutter:before,
.config-site-panel-gutter:before,
.sb-style-panel .tabs .tabs-gutter:before {
	content: " ";
	position: absolute;
	{vb:stylevar left}: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	height: 3px;
	border-top: 1px solid #0C0F11;
	background: #3A3D41;
	border-bottom: 1px solid #111518;
}
#edit-page-dropdown .tabs .tabs-list-wrapper,
#manage-page-dropdown .tabs .tabs-list-wrapper,
.sb-style-panel .tabs .tabs-list-wrapper {
	position:relative;
}
#edit-page-dropdown .tabs .tabs-list .tab-item,
#manage-page-dropdown .tabs .tabs-list .tab-item,
.sb-style-panel .tabs .tabs-list .tab-item {
	background: {vb:stylevar sitebuilder_tabbar_tab_background};
	border: 1px solid #0C0F11;
	color: {vb:stylevar inline_edit_folder_text_color_active_hover};
	font: bold 1rem/3rem Helvetica,Arial,sans-serif;
	height: 3rem;
	margin: 7px 3px 0;
	margin-{vb:stylevar left}: 0;
	text-transform: uppercase;
	border-radius:0;
}
#edit-page-dropdown .tabs .tabs-list .tab-item a span,
#manage-page-dropdown .tabs .tabs-list .tab-item a span,
.sb-style-panel .tabs .tabs-list .tab-item a span {
	padding: 0 12px;
}
#edit-page-dropdown .tabs .tabs-list .tab-item.ui-state-hover,
#edit-page-dropdown .tabs .tabs-list .tab-item.ui-state-selected,
#edit-page-dropdown .tabs .tabs-list .tab-item.ui-state-active,
#manage-page-dropdown .tabs .tabs-list .tab-item.ui-state-hover,
#manage-page-dropdown .tabs .tabs-list .tab-item.ui-state-selected,
#manage-page-dropdown .tabs .tabs-list .tab-item.ui-state-active,
.sb-style-panel .tabs .tabs-list .tab-item.ui-state-hover,
.sb-style-panel .tabs .tabs-list .tab-item.ui-state-selected,
.sb-style-panel .tabs .tabs-list .tab-item.ui-state-active {
	background:{vb:stylevar inline_edit_background};
}
#edit-page-dropdown .tabs .tabs-list .tab-item.ui-state-selected,
#edit-page-dropdown .tabs .tabs-list .tab-item.ui-state-active,
#manage-page-dropdown .tabs .tabs-list .tab-item.ui-state-selected,
#manage-page-dropdown .tabs .tabs-list .tab-item.ui-state-active,
.sb-style-panel .tabs .tabs-list .tab-item.ui-state-selected,
.sb-style-panel .tabs .tabs-list .tab-item.ui-state-active {
	padding-bottom:0;
}
#edit-page-dropdown .tabs .tabs-list .tab-item a,
#manage-page-dropdown .tabs .tabs-list .tab-item a,
.sb-style-panel .tabs .tabs-list .tab-item a {
	border-color: {vb:stylevar inline_edit_folder_inner_highlight_color};
	border-style: solid solid none solid;
	border-width: 1px 1px 0 1px;
	color: {vb:stylevar inline_edit_folder_text_color_active_hover};
	display: inline-block;
	min-width: 119px;
	padding: 0;
	text-align: center;
	height:29px;
}
#edit-page-dropdown .tabs .tabs-list .tab-item.ui-state-selected a,
#edit-page-dropdown .tabs .tabs-list .tab-item.ui-state-active a,
#manage-page-dropdown .tabs .tabs-list .tab-item.ui-state-selected a,
#manage-page-dropdown .tabs .tabs-list .tab-item.ui-state-active a,
.sb-style-panel .tabs .tabs-list .tab-item.ui-state-selected a,
.sb-style-panel .tabs .tabs-list .tab-item.ui-state-active a {
	color:{vb:stylevar inline_edit_folder_active_color};
}
#edit-page-dropdown .ui-tabs .tabs-list .tab-item.ui-tabs-active a,
#edit-page-dropdown .ui-tabs .tabs-list .tab-item.ui-state-disabled a,
#edit-page-dropdown .ui-tabs .tabs-list .tab-item.ui-tabs-loading a,
#manage-page-dropdown .ui-tabs .tabs-list .tab-item.ui-tabs-active a,
#manage-page-dropdown .ui-tabs .tabs-list .tab-item.ui-state-disabled a,
#manage-page-dropdown .ui-tabs .tabs-list .tab-item.ui-tabs-loading a,
.sb-style-panel .ui-tabs .tabs-list .tab-item.ui-tabs-active a,
.sb-style-panel .ui-tabs .tabs-list .tab-item.ui-state-disabled a,
.sb-style-panel .ui-tabs .tabs-list .tab-item.ui-tabs-loading a {
	cursor:default;
}
#admin-navbar-strip .prompt-text {
	color:#4DCDFF;
	font-size: 1.1rem;
	font-weight:bold;
}

.sb-main-button-group {
	position: absolute;
	{vb:stylevar right}: 0;
	top: 0;
	height: 3.9rem;
	margin:0;
	text-align:{vb:stylevar left};
	line-height: 4.2rem;
}
.sb-main-button-group li {
	float:{vb:stylevar left};
	background: {vb:stylevar sitebuilder_tabbar_button_background};
	border-width:0 1px;
	border-style:solid;
	border-color:transparent {vb:stylevar inline_edit_button_divider_right_color} transparent {vb:stylevar inline_edit_button_divider_left_color};
	height:100%;
}
.sb-main-button-group li:hover {
	background-position:0 -142px;
}
.sb-main-button-group li:active {
	background-position:0 -184px;
}
.admin-button-flat {
	height:100%;
	padding-{vb:stylevar left}:14px;
	padding-{vb:stylevar right}:14px;
	font-size: 1.1rem;
	font-weight:bold;
	font-family:inherit;
	color:{vb:stylevar inline_edit_button_flat_text_color};
	cursor:pointer;
	-moz-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-o-user-select:none;
	user-select:none;
}
.admin-button-flat .icon {
	margin-{vb:stylevar right}:9px;
	background:transparent url(images/css/sprite_icons_{vb:stylevar textdirection}.png) no-repeat scroll;
	display:inline-block;
	height:16px;
	width:16px;
	vertical-align:text-bottom;
}
.lnkSaveChanges .icon {
	background-position:0 0;
}
.lnkExitWithoutSaving .icon {
	background-position:-16px 0;
}
.lnkDeletePage .icon {
	background-position:-16px -32px;
}
.edit-mode.lnkHeader #header {
	z-index:1;
	position:relative;
}
.edit-mode.lnkHeader #header-axd.header-edit-box,
.edit-mode.lnkHeader #header .header-cell {
	border:2px dashed #4DCDFF;
	border-top:0;
}

.edit-mode.lnkHeader #header .site-logo {
	z-index:3;
}
.edit-mode.lnkHeader #header .site-logo > a {
	cursor:default;
}

.edit-mode.lnkHeader #header .disable-overlay {
	width:100%;
	background:transparent url("images/css/bckg_nonedit.png") repeat scroll 0 0;
	position:absolute;
	z-index:2;
	{vb:stylevar right}:0;
	top:0;
}
.edit-mode.lnkHeader #header-axd {
	min-height:80px;
}
.edit-mode.lnkHeader #header-axd .axd {
	overflow:hidden;
}
.edit-mode.lnkHeader #header-axd .iframe-axd-container {
	height:70px;
}
.edit-mode.lnkHeader #header-axd .admin-only,
.edit-mode.lnkHeader #header .admin-only {
	position:absolute;
	top:0;
	{vb:stylevar right}:0;
	display:inline;
	color:#3B3B3B;
	background:transparent url(images/css/bckg_areaheader.png) repeat scroll 0 0;
	padding:5px;
	width:97%;
	text-align:{vb:stylevar right};
	z-index:100;
}
.edit-mode.lnkHeader #header .admin-only {
	{vb:stylevar left}:0;
}
.edit-mode.lnkHeader #header-axd .admin-only {
	width:99%;
	position: inherit;
}
.edit-mode.lnkHeader #header-axd div.admin-only,
.edit-mode.lnkHeader #header div.admin-only {
	display:block;
}
.edit-mode.lnkHeader #header-axd div.admin-only.inline,
.edit-mode.lnkHeader #header div.admin-only.inline {
	display:inline;
}
.edit-mode.lnkHeader #header.h-disabled .site-logo {
	background-image:none;
}
.edit-mode .axd-container .axd-placeholder {
	border: 1px dashed #FF0000;
	display: inline-block;
	padding: 10px;
	background:#FFF;
	color:#808080;
}
#axd-list-dialog {
	padding:30px;
}
#axd-list-dialog .dataTables_wrapper {
	margin: 20px 0 0;
}
#axd-config-dialog .displayoptions {
	margin-bottom:0;
}
#axd-config-dialog .displayoptions .sub-header {
	color: #F0FDCF;
	margin-bottom:10px;
	font-size: 1.4rem;
	font-weight: bold;
}
#axd-config-dialog .displayoptions .blockrow {
	margin-bottom:10px;
}
#axd-config-dialog .displayoptions .blockrow > label {
	display:table;
}
#axd-config-dialog .displayoptions .blockrow > label > span {
	display:table-cell;
}

#axd-config-dialog label.tall-criteria > span {
	vertical-align:top;
}

#axd-config-dialog .displayoptions .blockrow .textbox {
	width: 40px;
}
#axd-config-dialog .displayoptions .blockrow .textbox.is_date {
	width: 70px;
}

#axd-config-dialog .axd-config-main label {
	display:block;
}

#axd-config-dialog .tall-criteria .criteria-text {
	vertical-align:top;
}

#axd-config-dialog textarea.textbox {
	height: auto;
}
.canvas-widget.ui-state-disabled {
	opacity: 1;
}
.edit-mode .canvas-layout-container .canvas-layout .canvas-layout-row.no-columns .canvas-widget-list {
	min-height:150px;
	height:auto;
}
.edit-mode .canvas-layout-container .canvas-layout .canvas-layout-row.has-columns .canvas-widget-list {
	min-height:300px;
	height:300px;
}
.edit-mode .canvas-layout-container .canvas-layout .canvas-widget.container-widget .canvas-layout-row {
	border:0;
}
.edit-mode .canvas-layout-container .canvas-layout .canvas-widget.container-widget .canvas-layout-row .canvas-widget-list {
	min-height:106px;
	height:auto;
	border:1px dashed #C0C0C0;
}
.edit-mode .canvas-layout-container .canvas-widget {
	margin:8px 0;
}
.edit-mode .canvas-layout-container .canvas-widget.dummy-widget {
	text-align:center;
	color:#828891;
	border:0;
	margin:0;
	padding:0;
	display:table;
	height:106px;
	width:100% !important;
}
.edit-mode .canvas-layout-container .canvas-widget.dummy-widget.dummy-widget--no-fixed-height {
	height: auto;
}
.edit-mode .canvas-layout-container .canvas-widget.dummy-widget span {
	display:table-cell;
	vertical-align:middle;
}
.edit-mode .canvas-layout-container .canvas-widget-highlight {
	height:6px;
	min-height:0;
	padding-top:0;
	padding-bottom:0;
	border:0;
	background:#FF9999;
	margin:-3px 0 -6px;
	border-radius:1px;
}
.edit-mode .canvas-widget-list .canvas-widget:first-child + .canvas-widget-highlight,
.edit-mode .canvas-widget-list .canvas-widget.canvas-widget-highlight:first-child {
	margin-top:1px;
}
.edit-mode .canvas-layout-container .canvas-widget.announcement-widget {
	background: #FFF;
}
.edit-mode .announcement-widget .widget-header {
	display: block;
}
.edit-mode .page-title-widget {
	padding-bottom: 0;
}
.edit-mode .canvas-widget.empty {
	display: block;
}
.edit-mode .axd-widget .widget-header {
	display: block;
}
.edit-mode .canvas-layout-container .canvas-widget.axd-widget .widget-content {
	padding: 15px 0 0;
}
.page_manager_table{
	width:100%;
}
.page_manager_table th{
	border-bottom:{vb:stylevar module_content_border};
}
.page_manager_table th:last-child,
.page_manager_table td:last-child{
	border-{vb:stylevar right}:none;
}
.page_manager_table th,
.page_manager_table td{
	border-{vb:stylevar right}:{vb:stylevar module_content_border};
}
.page_manager_table .buttons{
	float:{vb:stylevar right};
	width:52px;
}
.page_manager_table .channel_name{
	width:270px;
}
.page_manager_table .buttons span.edit{
	background-position:-32px -64px;
}
.page_manager_table .buttons span.delete{
	background-position:-0px -64px;
}
.page_manager_table .buttons span{
	background: url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll -0px -64px transparent;
	height: 24px;
	width: 24px;
	display: inline-block;
	margin: 0;
	text-indent: -99999px;
	cursor: pointer;
}

.form_label{
	width:150px;
	margin-{vb:stylevar right}:10px;
}
.form_cell{
	width:460px;
}
#manage-pages .panel-header-text{
	margin: 0 !important;
	padding: 0 !important;
}
#top-level-channels li{
	border-bottom-width: 1px;
	display: block;
	float: none;
	width: 100%;
	margin: 0;
}
#top-level-channels li a{
	width: 100%;
}
.edit-mode .sb-dialog .selectBox-dropdown,
.edit-mode #sitebuilder-wrapper .selectBox-dropdown {
	box-shadow: none;
}
#search-config-dialog a {
	color:#4DCDFF;
	max-width: 470px;
}
#search-config-dialog .form_layout .form-fieldset .form_row .field_column .textbox {
	width:98.5%;
	resize:none;
}
#search-config-dialog .form_layout .form-fieldset .form_row .field_column .textbox.search-fields__datefield--days {
	width:35px;
}
#search-config-dialog {
	padding-{vb:stylevar left}: 30px;
	padding-{vb:stylevar right}: 30px;
}
#search-config-dialog.sb-dialog .dialog-content {
	margin-bottom: 0;
}
#search-config-dialog.sb-dialog .dialog-content .form_layout {
	padding:0;
}
#search-config-dialog .form_layout .form-fieldset .form_row .field_column .field-desc {
	color:inherit;
}
#search-config-dialog .searchConfigFields .autocomplete-container {
	border:{vb:stylevar inline_edit_field_border};
	line-height: 1.6rem !important;
	min-height: 1.6rem !important;
}
#search-config-dialog .searchConfigFields .autocomplete-container .autocompleteHelper {
	height:16px;
}
#search-config-dialog .autocomplete-box .autocomplete {
	height: 1.7rem;
	line-height: 1.7rem;
}
<vb:comment>
BEGIN sitebuilder-panel block
</vb:comment>
/* 
	Mostly copied from the ".sb-style-panel .tabs .tab" rule, added border-width 0 because the auto-added
	ui-widget classes were adding an unwanted 1px top/left/right border
*/
.sitebuilder-panel {
	color:{vb:stylevar inline_edit_header_body_text_color};
	padding:0;
	width: 100%;
	background:{vb:stylevar inline_edit_background.backgroundColor} url("images/css/bckg_stripe.png") repeat scroll 0 0;
	position:relative;
	border-width: 0px;
	border-bottom:1px solid #51565B;
	border-radius:0;
}
.sitebuilder-panel__panel {
	min-width: {vb:stylevar wrapper_min_width};
	max-width: {vb:stylevar wrapper_max_width};
	width: {vb:stylevar wrapper_width};
	margin: auto;
}
.sitebuilder-panel__header {
	font-size: 1.2rem;
	min-height: 201px;
	width: 274px;
}
<vb:comment>Combined from various .main-header rules. padding-bottom is new here </vb:comment>
.sitebuilder-panel__main-header {
	font: bold 2.4rem/1.8rem 'Helvetica Condensed','Arial Narrow',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	padding-top: 50px;
	padding-bottom: 15px;
}
.sitebuilder-panel__header > p {
	margin: 15px 15px 0;
	margin-{vb:stylevar left}: 0;
	text-align:{vb:stylevar left};
}
.sitebuilder-panel__header .tabs {
	padding:0;
	border-width:0;
	border-radius: 0;
}
.sitebuilder-panel__header .tabs-list {
	border:0;
	padding:0;
	background:none;
	border-radius: 0;
}
.sitebuilder-panel__header .tabs-list .tab-item {
	background: {vb:stylevar sitebuilder_tabbar_tab_background};
	border: 1px solid #0C0F11;
	color: {vb:stylevar inline_edit_folder_text_color_active_hover};
	font: bold 1rem/3rem Helvetica,Arial,sans-serif;
	height: 3rem;
	margin: 7px 0 0 0;
	text-transform: uppercase;
	border-radius:0;
	
	border-style: solid none solid solid;
	border-width: 1px;
	border-{vb:stylevar right}-width: 0;
	
	width: 100%;
	cursor: pointer;
}

.sitebuilder-panel__header .tabs-list .tab-item a {
	color: {vb:stylevar inline_edit_folder_text_color_active_hover};	
	display: inline-block;
	min-width: 119px;
	padding: 0;
	text-align: center;
	height:29px;
	width: 100%;
}
.sitebuilder-panel__header .tabs-list .tab-item.ui-state-hover,
.sitebuilder-panel__header .tabs-list .tab-item.ui-state-selected,
.sitebuilder-panel__header .tabs-list .tab-item.ui-state-active {
	background:{vb:stylevar inline_edit_background};
}
.sitebuilder-panel__header .tabs-list .tab-item.ui-state-selected a,
.sitebuilder-panel__header .tabs-list .tab-item.ui-state-active a {
	padding-bottom:0;
	color:{vb:stylevar inline_edit_folder_active_color};
	cursor: default;
}
.sitebuilder-panel__main-content {
	min-height: 201px;
	width:629px;
	background:{vb:stylevar inline_edit_background};
	/*min-height:150px;*/
	border-{vb:stylevar left}: 1px solid {vb:stylevar inline_edit_header_line_bottom_color};
	padding-top: 30px;
	/*padding-top: 64px;*/
	padding-{vb:stylevar right}: 10px;
	padding-bottom:15px;
	padding-{vb:stylevar left}: 20px;
	position:relative;
	z-index:1;
}
.sitebuilder-panel__bottom-buttons {
	<vb:comment>/* 12px to roughly match the current vertical positioning of button on style panel */</vb:comment>
	padding-bottom: 12px;
	padding-right: 1.4em;
}
.sitebuilder-panel__top-controls {
	display: table;
}
.sitebuilder-panel__top-controls > div {
	display: table-cell;
	vertical-align: middle;
}
.sitebuilder-panel__top-controls .delete-icon {
	width: 24px;
	height: 24px;
	background:transparent url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll -128px 0px;
	<vb:comment>align with checkbox column, account for 15px padding on page-item. Also override margin from .sitebuilder-panel__top-controls > div >span</vb:comment>
	margin: 0 15px 0 0;
}
<vb:comment>override .pagenav-controls .horizontal-arrows's float:right</vb:comment>
.sitebuilder-panel__top-controls .pagenav-controls .horizontal-arrows {
	float: left;
}
.sitebuilder-panel__pages-list-container {
	margin-bottom: 10px;
	<vb:comment>/*
	experimental to try to keep the close button near bottom of panel without using position:absolute
	min-height: 87px;
	 */
	</vb:comment>
}
<vb:comment>/* background and border colors come from the list in the Sitebuilder "Navigation" tab */</vb:comment>
.pages-list {
	background: #fff;
	padding: 15px;
	border-radius: 3px;
	margin-top: 15px;
}
.page-item, 
.page-item--header {
	border-top: 1px dotted #2f3841;
	padding: 2px 0 3px 0;
	<vb:comment>/*
		Differentiate extra-anchor text from intra-anchor text.
		Match Navigation > Edit Navigation Bar panel's #navbar-ui-container color
	*/</vb:comment>
	color:{vb:stylevar body_text_color};
}
.page-item--header {
	border: none;
}
.page-item:last-child {
	border-bottom: 1px dotted #2f3841;
}
.page-item a {
	<vb:comment>/* 
		Match Navigation > Edit Navigation Bar panel's #edit-navbar .navbar-list li color.
	*/</vb:comment>
	color: {vb:stylevar body_link_color};
}
.sitebuilder-panel .horizontal-arrows,
.sitebuilder-panel__top-controls .horizontal-arrows {
	background: #fff;
}
<vb:comment>
END sitebuilder-panel block
</vb:comment>
/* Tab Order config CSS */
.config-value.tab_order ul li {
	border: 1px solid #EFF3F8;
	padding: 5px;
	margin-bottom: 5px;
	cursor: N-resize;
}
<vb:comment>
Remove filter to avoid IE9 border-radius and background gradient bleeding bug.
This occurs in all custom dropdowns but only noticeable when dropdown is in a container with a dark background color or image like in Sitebuilder
So let's remove the filter in the custom dropdowns in Sitebuilder.
</vb:comment>
.ie9.edit-mode #sitebuilder-wrapper .custom-dropdown,
.ie9.edit-mode .sb-dialog .custom-dropdown {
	filter:none;
}

<vb:comment>Custom DataTable CSS for Header Ads</vb:comment>
.dataTables_wrapper .dataTables_filter {
	float: none;
	padding-bottom: 42px;
	text-align: left;
	width: auto;
}
.dataTables_wrapper .dataTables_filter .axdfilter {
	width: 190px;
	font-weight: normal;
	margin-{vb:stylevar left}: 5px;
	margin-{vb:stylevar right}: 3px;
}
.dataTables_wrapper .dataTables_filter label {
	font-weight:bold;
}
.dataTables_wrapper .axdtable {
	border-width: 0 0 1px;
	border-color: #3B444D;
	border-spacing:0;
	border-collapse:separate;
}
.dataTables_wrapper .axdtable th.axd-cell {
	border-bottom: 1px solid #242B33;
	border-top:0;
	height:28px;
	outline:none;
}
.dataTables_wrapper .axdtable .axd-cell,
.dataTables_wrapper .axdtable .dataTables_empty {
	border-top: 1px solid #3B444D;
	padding: 2px 10px;
	background:transparent;
	height:24px;
}
.dataTables_wrapper .axdtable tr .axd-cell:first-child {
	padding-{vb:stylevar left}: 0;
}
.dataTables_wrapper .axdtable tr {
	background:transparent;
}
.dataTables_wrapper .axdtable .axdtable-title {
	width:60%;
	text-align:{vb:stylevar left};
}
.dataTables_wrapper .axdtable .axdtable-active {
	width:5%;
	text-align:center;
}
.dataTables_wrapper .axdtable .axdtable-display-order {
	width:20%;
	text-align:center;
	white-space:nowrap;
}
.dataTables_wrapper .axdtable .axdtable-display-order input {
	width:40px;
}
.dataTables_wrapper .axdtable .axdtable-action {
	width:15%;
	text-align:center;
	white-space:nowrap;
}
.dataTables_wrapper .axdtable .axdtable-action .editlink > span {
	background:transparent url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll -64px 0;
	width:24px;
	height:24px;
	display:inline-block;
}
.dataTables_wrapper .axdtable .axdtable-action .editlink > span:hover {
	background-position:-96px 0;
}
.dataTables_wrapper .axdtable .axdtable-action .deletelink > span {
	background:transparent url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll -128px 0;
	width:24px;
	height:24px;
	display:inline-block;
}
.dataTables_wrapper .axdtable .axdtable-action .deletelink > span:hover {
	background-position:-160px 0;
}
.dataTables_wrapper .axdtable .sorting_disabled {
	cursor:default;
}
.dataTables_wrapper .axdtable .axd-cell > span {
	background:transparent url("images/css/sprite_icons_{vb:stylevar textdirection}.png") no-repeat scroll -160px -32px;
	width:16px;
	height:16px;
	display:inline-block;
	margin-{vb:stylevar left}:5px;
	position:relative;
	top:3px;
}
.dataTables_wrapper .axdtable .axd-cell.sorting > span {
	display:none;
}
.dataTables_wrapper .axdtable .sorting_asc > span {
	background-position:-160px -32px;
}
.dataTables_wrapper .axdtable .sorting_asc > span:hover {
	background-position:-192px -32px;
}
.dataTables_wrapper .axdtable .sorting_desc > span {
	background-position:-96px -32px;
}
.dataTables_wrapper .axdtable .sorting_desc > span:hover {
	background-position:-128px -32px;
}

<vb:comment>End Custom DataTable CSS</vb:comment>

.js-style-panel .warning
{
	background-color: inherit;
	color: #ff3333;
	border:none;
}
.sb-style-panel_cssextraedit
{
	width: 700px;
	height: 300px;
}


.sb-sprite-icon-preview-title {
	font-weight: bold;
	vertical-align: middle;
}
.sb-sprite-icon-preview-bg-btn {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ccc;
	width: 16px;
	height: 16px;
	margin-{vb:stylevar left}: 2px;
}
.sb-sprite-icon-preview-bg-btn--selected {
	border: 1px solid #94b357;
}
.sb-sprite-icon-preview-img-wrapper {
	border: 1px solid #ccc;
}]]></template>
		<template name="css_sprite_icons_general.css" templatetype="template" date="1514999107" username="vBulletin" version="5.4.0 Alpha 1" />
		<template name="css_unreset.css" templatetype="template" date="1359143866" username="vBulletin" version="5.0.0 Beta 28"><![CDATA[<vb:comment>
/**
* UN-RESET
*
* These definitions are designed to undo the effects of CSS Reset, but only when contained within a *.reset element.
* Code is based on YUI Base
*/
</vb:comment>
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/
.restore body {
	<vb:comment>/* For breathing room between content and viewport. */</vb:comment>
	margin:10px;
}
.restore h1 {
	<vb:comment>/* 18px via YUI Fonts CSS foundation. */</vb:comment>
	font-size: 138.5%;
}
.restore h2 {
	<vb:comment>/* 16px via YUI Fonts CSS foundation. */</vb:comment>
	font-size: 123.1%;
}
.restore h3 {
	<vb:comment>/* 14px via YUI Fonts CSS foundation. */</vb:comment>
	font-size: 108%;
}
.restore h1,
.restore h2,
.restore h3 {
	<vb:comment>/* Top & bottom margin based on font size. */</vb:comment>
	margin: 1em 0;
}
.restore h1,
.restore h2,
.restore h3,
.restore h4,
.restore h5,
.restore h6,
.restore strong,
.restore dt,
.restore b {
	<vb:comment>/* Bringing boldness back to headers and the strong element. */</vb:comment>
	font-weight: bold;
}
.restore i {
	font-style:italic;
}
.restore u {
	text-decoration:underline;
}
.restore optgroup {
	font-weight:normal;
}
.restore abbr,
.restore acronym {
	<vb:comment>/* Indicating to users that more info is available. */</vb:comment>
	border-bottom: 1px dotted {vb:stylevar post_controls_divider_color};
	cursor: help;
}
.restore em {
	<vb:comment>/* Bringing italics back to the em element. */</vb:comment>
	font-style: italic;
}
.restore del {
	<vb:comment>/* Striking deleted phrases. */</vb:comment>
	text-decoration: line-through;
}
.restore blockquote,
.restore ul,
.restore ol,
.restore dl {
	<vb:comment>/* Giving blockquotes and lists room to breath. */</vb:comment>
	margin: 1em;
}
.restore ol,
.restore ul,
.restore dl {
	<vb:comment>/* Bringing lists on to the page with breathing room. */</vb:comment>
	margin-{vb:stylevar left}: 2em;
}
.restore ol > li,
.restore ol.decimal > li {
	list-style:decimal outside;
}
.restore ol.upper-roman > li {
	list-style:upper-roman outside;
}
.restore ol.lower-roman > li {
	list-style:lower-roman outside;
}
.restore ol.upper-alpha > li {
	list-style:upper-alpha outside;
}
.restore ol.lower-alpha > li {
	list-style:lower-alpha outside;
}
.restore ul > li {
	<vb:comment>/* Giving UL's LIs generated disc markers. */</vb:comment>
	list-style: disc outside;
}
.restore dl dd {
	<vb:comment>/* Giving UL's LIs generated numbers. */</vb:comment>
	margin-{vb:stylevar left}: 1em;
}
.restore th,
.restore td {
	<vb:comment>/* Borders and padding to make the table readable. */</vb:comment>
	border: 1px solid {vb:stylevar post_controls_divider_color};
	padding: 0.5em;
}
.restore th {
	<vb:comment>/* Distinguishing table headers from data cells. */</vb:comment>
	font-weight: bold;
	text-align: center;
}
.restore caption {
	<vb:comment>/* Coordinated margin to match cell's padding. */</vb:comment>
	margin-bottom: .5em;
	<vb:comment>/* Centered so it doesn't blend in to other content. */</vb:comment>
	text-align: center;
}
.restore sup {
	<vb:comment>/* to preserve line-height and selector appearance */</vb:comment>
	vertical-align: super;
	font-size: smaller;
}
.restore sub {
	<vb:comment>/* to preserve line-height and selector appearance */</vb:comment>
	vertical-align: sub;
	font-size: smaller;
}
.restore p,
.restore fieldset,
.restore table,
.restore pre {
	<vb:comment>/* So things don't run into each other. */</vb:comment>
	margin-bottom: 1em;
}
<vb:comment>
/* Opera requires 1px of padding to render with contemporary native chrome */
</vb:comment>
.restore button,
.restore input[type="checkbox"],
.restore input[type="radio"],
.restore input[type="reset"],
.restore input[type="submit"] {
	padding:1px;
}]]></template>
		<template name="css_utilities.css" templatetype="template" date="1553639971" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[.h-left {
	float:{vb:stylevar left};
}
.h-right {
	float:{vb:stylevar right};
}
.h-clear {
	clear:both;
}
.h-clear-left {
	clear: {vb:stylevar left};
}
.h-clear-right {
	clear: {vb:stylevar right};
}
.h-clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
}
.h-block {
	display: block;
}
.h-inline {
	display: inline;
}
.h-inline-block {
	display: inline-block;
}
.h-pointer{
	cursor:pointer;
}
<vb:comment>
/* Text size helpers */
</vb:comment>
.h-text-size--10 { font-size: 1rem; }
.h-text-size--11 { font-size: 1.1rem; }
.h-text-size--14 { font-size: 1.4rem; }

.h-text--right {
  text-align: {vb:stylevar right};
}

.h-text--fixedwidthfont{font-family: Courier,'Courier New',Monaco,Monospace;}

.h-wordwrap {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.h-nowrap {
	white-space: nowrap;
}

.h-warning {
	color: {vb:stylevar main_nav_login_error_text_color}; /* this stylevar should be renamed to warning_color or similar*/
}

.textbox {
	line-height: 1.4;
	height: auto;
	padding:3px 8px;
	border: {vb:stylevar form_field_border};
	background: {vb:stylevar form_field_background};
	color: {vb:stylevar form_field_text_color};
	font:inherit;
	border-radius:3px;
}
.textbox[type="text"] {
	<vb:comment>temporary workaround for VBV-8583 until we get the global css under better control</vb:comment>
	line-height: 1.4;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
}
textarea.textbox {
	padding:8px;
	height:auto;
}
.textbox.stretch {
	width: 100%;
	line-height: 1.4;
	height: auto;
	box-sizing: border-box;
}
textarea.textbox.stretch {
	height:auto;
}

.h-hide {
	display: none;
}
.h-hide-imp {
	display:none !important;
}


<vb:comment>***** Start show/hide-on-<size> rules *****</vb:comment>

<vb:comment>

	* HIDE rules * 
	.h-hide-on-large  --- hidden for .l-desktop
	                      shown for .l-small and .l-xsmall
	.h-hide-on-small  --- hidden for .l-small AND .l-xsmall
	                      shown for .l-desktop
	.h-hide-on-xsmall --- hidden for .l-xsmall
	                      shown for .l-desktop and .l-small

	* SHOW rules *
	.h-show-on-xsmall --- hidden for .l-desktop and .l-small
	                      shown for .l-xsmall
	                      This rule is needed because we can't use a combination
	                      of .h-hide-on-large and .h-hide-on-small, since at the
	                      .l-xsmall size, the .l-small class is also present.

	NOTE: We specifically only use rules to *hide* the elements when they need
	to be hidden, and avoid using any *show* rules (display:block, display:inline
	etc), so that we don't inadvertently change how the element displays when it
	is shown.

	NOTE: We only apply the .h-hide-on-narrow/wide-column conceptual classes when
	in Responsive .l-desktop size, since we don't use multiple columns in Responsive
	thus the conceptual distinction between wide/narrow columns no longer exists.
	If we were to continue applying it in Responsive, there would be conflicts
	between these classes and the responsive classes, since many of the same
	transformations are used for narrow columns and Responsive view.

	See also the documentation for checkColumnWidth() and checkBrowserSize()
	in responsive.js

</vb:comment>
<vb:comment>VIEWPORT width rules (RESPONSIVE CLASSES)</vb:comment>
.l-desktop .h-hide-on-large,
.l-small .h-hide-on-small,
.l-xsmall .h-hide-on-xsmall,
.l-desktop .h-show-on-xsmall,
<vb:comment>Needs the body selector until checkColumnOverflow() is refactored to not use .l-small on narrow columns.</vb:comment>
body.l-small:not(.l-xsmall) .h-show-on-xsmall,
<vb:comment>COLUMN width rules (COLUMN CLASSES)</vb:comment>
.l-column-desktop .h-hide-on-column-large,
.l-column-small .h-hide-on-column-small,
.l-column-xsmall .h-hide-on-column-xsmall,
.l-column-desktop .h-show-on-column-xsmall,
.l-column-small:not(.l-column-xsmall) .h-show-on-column-xsmall,
<vb:comment>COLUMN size (wide/narrow) rules (CONCEPTUAL COLUMN CLASSES) (only applied at desktop sizes)</vb:comment>
.l-desktop .l-narrow-column .h-hide-on-narrow-column,
.l-desktop .l-wide-column .h-hide-on-wide-column {
	display: none !important;
}
<vb:comment>Allow .h-hide-on-wide-column and .h-hide-on-narrow-column to override
h-hide-on-large or h-hide-on-small (etc), and *show* the element when in the
appropriate narrow/wide column, even if h-hide-on-large would have otherwise hidden
it. This is used by elements that have both .h-hide-on-large and
.h-hide-on-wide-column classes. Note that .h-hide-on-wide-column and
.h-hide-on-narrow-column will only work for block-level elements, since it now
explicitly sets display:block. If and when we modify this, ensure that the topic
display works correctly in both wide and narrow columns and at desktop and responsive
sizes. See VBV-17014.</vb:comment>
.l-desktop .l-narrow-column .h-hide-on-wide-column,
.l-desktop .l-wide-column .h-hide-on-narrow-column {
	display: block !important;
}


<vb:comment>***** End show/hide-on-<size> rules *****</vb:comment>



.h-visible {
	visibility:visible;
}
.h-invisible {
	visibility:hidden;
}

.h-align-center {
	text-align:center;
}
.h-align-right {
	text-align:{vb:stylevar right};
}
.h-align-left {
	text-align:{vb:stylevar left};
}

.h-align-top {
	vertical-align: top;
}
.h-align-middle {
	vertical-align: middle;
}
.h-align-bottom {
	vertical-align: bottom;
}

<vb:comment>Use these together to vertically center an element</vb:comment>
.h-center-vertical-container {
	display: inline-flex;
}
.h-center-vertical {
	margin-top: auto;
	margin-bottom: auto;
}

.warning {
	border: 1px solid #E5D6D6;
	background: #FFE6E6;
	padding: 5px 10px;
	border-radius: 3px;
}
.error {
	border: 1px solid #E5D6D6;
	background: #FFE6E6;
	padding: 5px 10px;
	border-radius: 3px;
}
.h-disabled {
	cursor:default;
}
.uppercase {
	text-transform:uppercase;
}
.text-bold {
	font-weight: bold;
}
.placeholder {
	color: {vb:stylevar placeholder_text_color} !important;
}
.ellipsis {
	white-space:nowrap;
	overflow:hidden;
	o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
.table {
	display:table !important;
}
.table.h-hide {
	display:none !important;
}
.table .tr {
	display:table-row !important;
}
.table .td
{
	display:table-cell !important;
}
.table.center-vertical .td,
.table .td.center-vertical
{
	vertical-align:middle !important;
}

<vb:comment>
/*******************************************************************
 * Margin Helpers (Can be used with both blocks and containers)
 *******************************************************************/
</vb:comment>

<vb:comment>
	It's sometimes necessary to move an element by 1 pixel to keep it visually balanced or centered.
	For example, you usually want an extra pixel of space below an icon for more pleasing aesthetics
	and so it will actually appear vertically centered to the eye. Since we don't currently
	have an "xxs" size in the margin helpers, I'd like to use xxs for a fixed 1px size. If we want to
	change this in the future and open up xxs to be controled by a stylevar, we could create a new
	margin helper (.h-margin-1px or similar) for a fixed 1px size.
</vb:comment>
.h-margin-xxs {
	margin: 1px;
}

.h-margin-xs {
	margin: {vb:stylevar spacing_margin_xs};
}

.h-margin-s {
	margin: {vb:stylevar spacing_margin_s};
}

.h-margin-m {
	margin: {vb:stylevar spacing_margin_m};
}

.h-margin-l {
	margin: {vb:stylevar spacing_margin_l};
}

.h-margin-xl {
	margin: {vb:stylevar spacing_margin_xl};
}

.h-margin-xxl {
	margin: {vb:stylevar spacing_margin_xxl};
}

.h-margin-none {
	margin: 0;
}


.h-margin-horiz-xxs {
	margin-left: 1px;
	margin-right: 1px;
}
.h-margin-vert-xxs {
	margin-top: 1px;
	margin-bottom: 1px;
}

.h-margin-horiz-xs {
	margin-{vb:stylevar left}: {vb:stylevar spacing_margin_xs.left, withUnits};
	margin-{vb:stylevar right}: {vb:stylevar spacing_margin_xs.right, withUnits};
}
.h-margin-vert-xs {
	margin-top: {vb:stylevar spacing_margin_xs.top, withUnits};
	margin-bottom: {vb:stylevar spacing_margin_xs.bottom, withUnits};
}

.h-margin-horiz-s {
	margin-{vb:stylevar left}: {vb:stylevar spacing_margin_s.left, withUnits};
	margin-{vb:stylevar right}: {vb:stylevar spacing_margin_s.right, withUnits};
}
.h-margin-vert-s {
	margin-top: {vb:stylevar spacing_margin_s.top, withUnits};
	margin-bottom: {vb:stylevar spacing_margin_s.bottom, withUnits};
}

.h-margin-horiz-m {
	margin-{vb:stylevar left}: {vb:stylevar spacing_margin_m.left, withUnits};
	margin-{vb:stylevar right}: {vb:stylevar spacing_margin_m.right, withUnits};
}
.h-margin-vert-m {
	margin-top: {vb:stylevar spacing_margin_m.top, withUnits};
	margin-bottom: {vb:stylevar spacing_margin_m.bottom, withUnits};
}

.h-margin-horiz-l {
	margin-{vb:stylevar left}: {vb:stylevar spacing_margin_l.left, withUnits};
	margin-{vb:stylevar right}: {vb:stylevar spacing_margin_l.right, withUnits};
}
.h-margin-vert-l {
	margin-top: {vb:stylevar spacing_margin_l.top, withUnits};
	margin-bottom: {vb:stylevar spacing_margin_l.bottom, withUnits};
}

.h-margin-horiz-xl {
	margin-{vb:stylevar left}: {vb:stylevar spacing_margin_xl.left, withUnits};
	margin-{vb:stylevar right}: {vb:stylevar spacing_margin_xl.right, withUnits};
}
.h-margin-vert-xl {
	margin-top: {vb:stylevar spacing_margin_xl.top, withUnits};
	margin-bottom: {vb:stylevar spacing_margin_xl.bottom, withUnits};
}

.h-margin-horiz-xxl {
	margin-{vb:stylevar left}: {vb:stylevar spacing_margin_xxl.left, withUnits};
	margin-{vb:stylevar right}: {vb:stylevar spacing_margin_xxl.right, withUnits};
}
.h-margin-vert-xxl {
	margin-top: {vb:stylevar spacing_margin_xxl.top, withUnits};
	margin-bottom: {vb:stylevar spacing_margin_xxl.bottom, withUnits};
}


.h-margin-left-xxs {
	margin-{vb:stylevar left}: 1px;
}
.h-margin-right-xxs {
	margin-{vb:stylevar right}: 1px;
}
.h-margin-top-xxs {
	margin-top: 1px;
}
.h-margin-bottom-xxs {
	margin-bottom: 1px;
}

.h-margin-left-xs {
	margin-{vb:stylevar left}: {vb:stylevar spacing_margin_xs.left, withUnits};
}
.h-margin-right-xs {
	margin-{vb:stylevar right}: {vb:stylevar spacing_margin_xs.right, withUnits};
}
.h-margin-top-xs {
	margin-top: {vb:stylevar spacing_margin_xs.top, withUnits};
}
.h-margin-bottom-xs {
	margin-bottom: {vb:stylevar spacing_margin_xs.bottom, withUnits};
}

.h-margin-left-s {
	margin-{vb:stylevar left}: {vb:stylevar spacing_margin_s.left, withUnits};
}
.h-margin-right-s {
	margin-{vb:stylevar right}: {vb:stylevar spacing_margin_s.right, withUnits};
}
.h-margin-top-s {
	margin-top: {vb:stylevar spacing_margin_s.top, withUnits};
}
.h-margin-bottom-s {
	margin-bottom: {vb:stylevar spacing_margin_s.bottom, withUnits};
}

.h-margin-left-m {
	margin-{vb:stylevar left}: {vb:stylevar spacing_margin_m.left, withUnits};
}
.h-margin-right-m {
	margin-{vb:stylevar right}: {vb:stylevar spacing_margin_m.right, withUnits};
}
.h-margin-top-m {
	margin-top: {vb:stylevar spacing_margin_m.top, withUnits};
}
.h-margin-bottom-m {
	margin-bottom: {vb:stylevar spacing_margin_m.bottom, withUnits};
}

.h-margin-left-l {
	margin-{vb:stylevar left}: {vb:stylevar spacing_margin_l.left, withUnits};
}
.h-margin-right-l {
	margin-{vb:stylevar right}: {vb:stylevar spacing_margin_l.right, withUnits};
}
.h-margin-top-l {
	margin-top: {vb:stylevar spacing_margin_l.top, withUnits};
}
.h-margin-bottom-l {
	margin-bottom: {vb:stylevar spacing_margin_l.bottom, withUnits};
}

.h-margin-left-xl {
	margin-{vb:stylevar left}: {vb:stylevar spacing_margin_xl.left, withUnits};
}
.h-margin-right-xl {
	margin-{vb:stylevar right}: {vb:stylevar spacing_margin_xl.right, withUnits};
}
.h-margin-top-xl {
	margin-top: {vb:stylevar spacing_margin_xl.top, withUnits};
}
.h-margin-bottom-xl {
	margin-bottom: {vb:stylevar spacing_margin_xl.bottom, withUnits};
}

.h-margin-left-xxl {
	margin-{vb:stylevar left}: {vb:stylevar spacing_margin_xxl.left, withUnits};
}
.h-margin-right-xxl {
	margin-{vb:stylevar right}: {vb:stylevar spacing_margin_xxl.right, withUnits};
}
.h-margin-top-xxl {
	margin-top: {vb:stylevar spacing_margin_xxl.top, withUnits};
}
.h-margin-bottom-xxl {
	margin-bottom: {vb:stylevar spacing_margin_xxl.bottom, withUnits};
}


.h-margin-left-none {
	margin-{vb:stylevar left}: 0;
}
.h-margin-right-none {
	margin-{vb:stylevar right}: 0;
}
.h-margin-top-none {
	margin-top: 0;
}
.h-margin-bottom-none {
	margin-bottom: 0;
}
.h-margin-horiz-none {
	margin-{vb:stylevar left}: 0;
	margin-{vb:stylevar right}: 0;
}
.h-margin-vert-none {
	margin-top: 0;
	margin-bottom: 0;
}



<vb:comment>.l-small rules not needed for xxs, since it's fixed at 1px</vb:comment>

.l-small .h-margin-left-xs,
.l-small .h-margin-horiz-xs,
.l-small .h-margin-xs,
.l-small .h-margin-left-s,
.l-small .h-margin-horiz-s,
.l-small .h-margin-s {
	margin-{vb:stylevar left}: 3px;
}

.l-small .h-margin-left-m,
.l-small .h-margin-horiz-m,
.l-small .h-margin-m,
.l-small .h-margin-left-l,
.l-small .h-margin-horiz-l,
.l-small .h-margin-l {
	margin-{vb:stylevar left}: 5px;
}

.l-small .h-margin-left-xl,
.l-small .h-margin-horiz-xl,
.l-small .h-margin-xl,
.l-small .h-margin-left-xxl,
.l-small .h-margin-horiz-xxl,
.l-small .h-margin-xxl {
	margin-{vb:stylevar left }: 8px;
}

.l-small .h-margin-right-xs,
.l-small .h-margin-horiz-xs,
.l-small .h-margin-xs,
.l-small .h-margin-right-s,
.l-small .h-margin-horiz-s,
.l-small .h-margin-s {
	margin-{vb:stylevar right}: 3px;
}

.l-small .h-margin-left-m,
.l-small .h-margin-horiz-m,
.l-small .h-margin-m,
.l-small .h-margin-left-l,
.l-small .h-margin-horiz-l,
.l-small .h-margin-l {
	margin-{vb:stylevar right}: 5px;
}

.l-small .h-margin-left-xl,
.l-small .h-margin-horiz-xl,
.l-small .h-margin-xl,
.l-small .h-margin-left-xxl,
.l-small .h-margin-horiz-xxl,
.l-small .h-margin-xxl {
	margin-{vb:stylevar right}: 8px;
}


<vb:comment>
/*******************************************************************
 * Padding Helpers (Meant to be used more for container divs)
 *******************************************************************/
</vb:comment>

<vb:comment>See comment on .h-margin-xxs for the reasoning behind the fixed 1px size.</vb:comment>
.h-padding-xxs {
	padding: 1px;
}

.h-padding-xs {
	padding: {vb:stylevar spacing_padding_xs};
}

.h-padding-s {
	padding: {vb:stylevar spacing_padding_s};
}

.h-padding-m {
	padding: {vb:stylevar spacing_padding_m};
}

.h-padding-l {
	padding: {vb:stylevar spacing_padding_l};
}

.h-padding-xl {
	padding: {vb:stylevar spacing_padding_xl};
}

.h-padding-xxl {
	padding: {vb:stylevar spacing_padding_xxl};
}

.h-padding-none {
	padding: 0;
}


.h-padding-horiz-xxs {
	padding-left: 1px;
	padding-right: 1px;
}
.h-padding-vert-xxs {
	padding-top: 1px;
	padding-bottom: 1px;
}

.h-padding-horiz-xs {
	padding-{vb:stylevar left}: {vb:stylevar spacing_padding_xs.left, withUnits};
	padding-{vb:stylevar right}: {vb:stylevar spacing_padding_xs.right, withUnits};
}
.h-padding-vert-xs {
	padding-top: {vb:stylevar spacing_padding_xs.top, withUnits};
	padding-bottom: {vb:stylevar spacing_padding_xs.bottom, withUnits};
}

.h-padding-horiz-s {
	padding-{vb:stylevar left}: {vb:stylevar spacing_padding_s.left, withUnits};
	padding-{vb:stylevar right}: {vb:stylevar spacing_padding_s.right, withUnits};
}
.h-padding-vert-s {
	padding-top: {vb:stylevar spacing_padding_s.top, withUnits};
	padding-bottom: {vb:stylevar spacing_padding_s.bottom, withUnits};
}

.h-padding-horiz-m {
	padding-{vb:stylevar left}: {vb:stylevar spacing_padding_m.left, withUnits};
	padding-{vb:stylevar right}: {vb:stylevar spacing_padding_m.right, withUnits};
}
.h-padding-vert-m {
	padding-top: {vb:stylevar spacing_padding_m.top, withUnits};
	padding-bottom: {vb:stylevar spacing_padding_m.bottom, withUnits};
}

.h-padding-horiz-l {
	padding-{vb:stylevar left}: {vb:stylevar spacing_padding_l.left, withUnits};
	padding-{vb:stylevar right}: {vb:stylevar spacing_padding_l.right, withUnits};
}
.h-padding-vert-l {
	padding-top: {vb:stylevar spacing_padding_l.top, withUnits};
	padding-bottom: {vb:stylevar spacing_padding_l.bottom, withUnits};
}

.h-padding-horiz-xl {
	padding-{vb:stylevar left}: {vb:stylevar spacing_padding_xl.left, withUnits};
	padding-{vb:stylevar right}: {vb:stylevar spacing_padding_xl.right, withUnits};
}
.h-padding-vert-xl {
	padding-top: {vb:stylevar spacing_padding_xl.top, withUnits};
	padding-bottom: {vb:stylevar spacing_padding_xl.bottom, withUnits};
}

.h-padding-horiz-xxl {
	padding-{vb:stylevar left}: {vb:stylevar spacing_padding_xxl.left, withUnits};
	padding-{vb:stylevar right}: {vb:stylevar spacing_padding_xxl.right, withUnits};
}
.h-padding-vert-xxl {
	padding-top: {vb:stylevar spacing_padding_xxl.top, withUnits};
	padding-bottom: {vb:stylevar spacing_padding_xxl.bottom, withUnits};
}


.h-padding-left-xxs {
	padding-{vb:stylevar left}: 1px;
}
.h-padding-right-xxs {
	padding-{vb:stylevar right}: 1px;
}
.h-padding-top-xxs {
	padding-top: 1px;
}
.h-padding-bottom-xxs {
	padding-bottom: 1px;
}

.h-padding-left-xs {
	padding-{vb:stylevar left}: {vb:stylevar spacing_padding_xs.left, withUnits};
}
.h-padding-right-xs {
	padding-{vb:stylevar right}: {vb:stylevar spacing_padding_xs.right, withUnits};
}
.h-padding-top-xs {
	padding-top: {vb:stylevar spacing_padding_xs.top, withUnits};
}
.h-padding-bottom-xs {
	padding-bottom: {vb:stylevar spacing_padding_xs.bottom, withUnits};
}

.h-padding-left-s {
	padding-{vb:stylevar left}: {vb:stylevar spacing_padding_s.left, withUnits};
}
.h-padding-right-s {
	padding-{vb:stylevar right}: {vb:stylevar spacing_padding_s.right, withUnits};
}
.h-padding-top-s {
	padding-top: {vb:stylevar spacing_padding_s.top, withUnits};
}
.h-padding-bottom-s {
	padding-bottom: {vb:stylevar spacing_padding_s.bottom, withUnits};
}

.h-padding-left-m {
	padding-{vb:stylevar left}: {vb:stylevar spacing_padding_m.left, withUnits};
}
.h-padding-right-m {
	padding-{vb:stylevar right}: {vb:stylevar spacing_padding_m.right, withUnits};
}
.h-padding-top-m {
	padding-top: {vb:stylevar spacing_padding_m.top, withUnits};
}
.h-padding-bottom-m {
	padding-bottom: {vb:stylevar spacing_padding_m.bottom, withUnits};
}

.h-padding-left-l {
	padding-{vb:stylevar left}: {vb:stylevar spacing_padding_l.left, withUnits};
}
.h-padding-right-l {
	padding-{vb:stylevar right}: {vb:stylevar spacing_padding_l.right, withUnits};
}
.h-padding-top-l {
	padding-top: {vb:stylevar spacing_padding_l.top, withUnits};
}
.h-padding-bottom-l {
	padding-bottom: {vb:stylevar spacing_padding_l.bottom, withUnits};
}

.h-padding-left-xl {
	padding-{vb:stylevar left}: {vb:stylevar spacing_padding_xl.left, withUnits};
}
.h-padding-right-xl {
	padding-{vb:stylevar right}: {vb:stylevar spacing_padding_xl.right, withUnits};
}
.h-padding-top-xl {
	padding-top: {vb:stylevar spacing_padding_xl.top, withUnits};
}
.h-padding-bottom-xl {
	padding-bottom: {vb:stylevar spacing_padding_xl.bottom, withUnits};
}

.h-padding-left-xxl {
	padding-{vb:stylevar left}: {vb:stylevar spacing_padding_xxl.left, withUnits};
}
.h-padding-right-xxl {
	padding-{vb:stylevar right}: {vb:stylevar spacing_padding_xxl.right, withUnits};
}
.h-padding-top-xxl {
	padding-top: {vb:stylevar spacing_padding_xxl.top, withUnits};
}
.h-padding-bottom-xxl {
	padding-bottom: {vb:stylevar spacing_padding_xxl.bottom, withUnits};
}


.h-padding-left-none {
	padding-{vb:stylevar left}: 0;
}
.h-padding-right-none {
	padding-{vb:stylevar right}: 0;
}
.h-padding-top-none {
	padding-top: 0;
}
.h-padding-bottom-none {
	padding-bottom: 0;
}
.h-padding-vert-none {
	padding-top: 0;
	padding-bottom: 0;
}
.h-padding-horiz-none {
	padding-{vb:stylevar left}: 0;
	padding-{vb:stylevar right}: 0;
}

<vb:comment>.l-small rules not needed for xxs, since it's fixed at 1px</vb:comment>

.l-small .h-padding-left-xs,
.l-small .h-padding-horiz-xs,
.l-small .h-padding-xs,
.l-small .h-padding-left-s,
.l-small .h-padding-horiz-s,
.l-small .h-padding-s {
	padding-{vb:stylevar left}: 3px;
}

.l-small .h-padding-left-m,
.l-small .h-padding-horiz-m,
.l-small .h-padding-m,
.l-small .h-padding-left-l,
.l-small .h-padding-horiz-l,
.l-small .h-padding-l {
	padding-{vb:stylevar left}: 5px;
}

.l-small .h-padding-left-xl,
.l-small .h-padding-horiz-xl,
.l-small .h-padding-xl,
.l-small .h-padding-left-xxl,
.l-small .h-padding-horiz-xxl,
.l-small .h-padding-xxl {
	padding-{vb:stylevar left }: 8px;
}

.l-small .h-padding-right-xs,
.l-small .h-padding-horiz-xs,
.l-small .h-padding-xs,
.l-small .h-padding-right-s,
.l-small .h-padding-horiz-s,
.l-small .h-padding-s {
	padding-{vb:stylevar right}: 3px;
}

.l-small .h-padding-right-m,
.l-small .h-padding-horiz-m,
.l-small .h-padding-m,
.l-small .h-padding-right-l,
.l-small .h-padding-horiz-l,
.l-small .h-padding-l {
	padding-{vb:stylevar right}: 5px;
}

.l-small .h-padding-right-xl,
.l-small .h-padding-horiz-xl,
.l-small .h-padding-xl,
.l-small .h-padding-right-xxl,
.l-small .h-padding-horiz-xxl,
.l-small .h-padding-xxl {
	padding-{vb:stylevar right}: 8px;
}

<vb:comment>
/*******************************************************************
 * Border Helpers
 *******************************************************************/
 </vb:comment>
.h-border-none {
	border:0;
}
.h-border-left-none {
	border-{vb:stylevar left}:0;
}
.h-border-right-none {
	border-{vb:stylevar right}:0;
}
.h-border-top-none {
	border-top:0;
}
.h-border-bottom-none {
	border-bottom:0;
}
.h-border-horiz-none {
	border-top:0;
	border-bottom:0;
}
.h-border-vert-none {
	border-left:0;
	border-right:0;
}

<vb:comment>
/*******************************************************************
 * Sprite Icons
 *******************************************************************/
</vb:comment>


<vb:comment>Set up the sprite path</vb:comment>
{vb:set imgdir_spriteiconsvb, {vb:stylevar imgdir_spriteiconsvb}}
<vb:if condition="!empty($imgdir_spriteiconsvb)">
	{vb:set spritepath, {vb:concat 
		{vb:stylevar imgdir_spriteiconsvb},
		"/sprite_icons_vb_",
		{vb:stylevar textdirection},
		".png?v=",
		{vb:var simpleversion}
	}}
<vb:else />
	{vb:set spritepath, {vb:spritepath sprite_icons_general.svg}}
</vb:if>

.vb-icon {
	background:transparent url("{vb:raw spritepath}") no-repeat scroll 0 0;
	display: inline-block;
	overflow: hidden;
	text-indent: -99999px;
}

<vb:comment>/* Arrows left and right sizing */</vb:comment>
.vb-icon-arrow-left,
.vb-icon-arrow-right {
	display: inline-block;
	height: 10px;
	width: 6px;
	margin: auto;
}
<vb:comment>/* Arrow Left (and states) */</vb:comment>
.vb-icon-arrow-left {
	background-position:-104px -48px;
}
.left-arrow:hover > .vb-icon-arrow-left {
	background-position:-112px -48px;
}
.h-disabled .vb-icon-arrow-left,
.h-disabled:hover .vb-icon-arrow-left {
	background-position:-96px -48px;
}

<vb:comment>/* Next and previous arrows */</vb:comment>
.vb-icon-arrow-next,
.vb-icon-arrow-prev {
	width: 6px;
	height: 10px;
	cursor: pointer;
}
.vb-icon-arrow-next {
	background-position:-128px -48px;
}
.vb-icon-arrow-next.h-disabled {
	background-position:-120px -48px;
	cursor:default;
}
.vb-icon-arrow-prev {
	background-position:-104px -48px;
}
.vb-icon-arrow-prev.h-disabled {
	background-position:-96px -48px;
	cursor:default;
}



<vb:comment>/* Arrow down in search field */</vb:comment>
.vb-icon-arrow-down-small {
  background-position: -48px -16px;
  width: 8px;
  height: 6px;
}


/* Private Message icons */
.vb-icon-messages {
	background-position:0 -176px;
}
.selected .vb-icon-messages {
	background-position:-16px -176px;
}
.vb-icon-sent-items {
	background-position:-192px -192px;
}
.selected .vb-icon-sent-items {
	background-position:-208px -192px;
}
.vb-icon-custom-folder {
	background-position:-64px -176px;
}
.vb-icon-folder-black,
.selected .vb-icon-custom-folder {
	background-position:-80px -176px;
}
.vb-icon-pending-posts {
  background-position:-192px -208px;
  height: 15px;
}
.selected .vb-icon-pending-posts {
		background-position:-208px -208px;
}
.vb-icon-flag {
  background-position:-160px -208px;
}
.selected .vb-icon-flag {
  background-position:-176px -208px;
}
.vb-icon-infractions {
	background-position: -112px -96px;
}
.vb-icon-add-folder {
	background-position:-32px -176px;
}
.selected .vb-icon-add-folder {
	background-position:-48px -176px;
}
.vb-icon-trash {
	background-position:-96px -176px;
	height:15px;
}
.selected .vb-icon-trash {
	background-position:-112px -176px;
}
.vb-icon-requests {
	background-position:-128px -176px;
	height:16px;
	margin-top:-8px;
}
.selected .vb-icon-requests {
	background-position:-144px -176px;
}
.vb-icon-notifications {
	background-position:-160px -176px;
	height:15px;
}
.selected .vb-icon-notifications {
	background-position:-176px -176px;
}


<vb:comment>/* Topic status icons */</vb:comment>
.vb-icon-topic-status {
	background-position: -68px -240px;
	height: 18px;
	width: 16px;
}
.hot-unread .vb-icon-topic-status {
	background-position: -4px -240px;
}
.hot-read .vb-icon-topic-status {
	background-position: -36px -240px;
}
.read .vb-icon-topic-status {
	background-position: -100px -240px;
}
.closed .vb-icon-topic-status {
	background-position: -132px -240px;
}
.deleted .vb-icon-topic-status {
	background-position: -228px -240px;
}

<vb:comment>Add the "posted" overlay</vb:comment>
.posted .vb-icon-topic-status {
	background:
		url("images/topic-posted-{vb:stylevar textdirection}.png") no-repeat,
		url("{vb:raw spritepath}") -68px -240px;
}
.posted.read .vb-icon-topic-status {
	background:
		url("images/topic-posted-{vb:stylevar textdirection}.png") no-repeat,
		url("{vb:raw spritepath}") -100px -240px;
}
.posted.closed .vb-icon-topic-status {
	background:
		url("images/topic-posted-{vb:stylevar textdirection}.png") no-repeat,
		url("{vb:raw spritepath}") -132px -240px;
}
.posted.deleted .vb-icon-topic-status {
	background:
		url("images/topic-posted-{vb:stylevar textdirection}.png") no-repeat,
		url("{vb:raw spritepath}") -228px -240px;
}

.vb-icon-ctrl-infract {
	background-position:-112px -96px;
	width:15px;
	height:12px;
}
.infraction-received .vb-icon-ctrl-infract {
	background-position:-176px -96px;
}
.infraction-received.infraction-warning .vb-icon-ctrl-infract {
	background-position:-144px -96px;
}

<vb:comment>/* Arrow right (and states) */</vb:comment>
.vb-icon-arrow-right {
	background-position:-128px -48px;
}
.right-arrow:hover > .vb-icon-arrow-right {
	background-position:-136px -48px;
}
.h-disabled .vb-icon-arrow-right,
.h-disabled:hover .vb-icon-arrow-right {
	background-position:-120px -48px;
}

<vb:comment>/* Triangle Down icon */</vb:comment>
.vb-icon-triangle-down-wide {
	background-position:0 -42px !important;
}
.ui-state-default .vb-icon-triangle-down-wide {
	background-position:-68px -16px !important;
}

.vb-icon-triangle-up-wide {
	background-position:-16px -42px !important;
}
.vb-icon-triangle-down-wide,
.vb-icon-triangle-up-wide {
	width:9px !important;
	height:16px !important;
	margin-{vb:stylevar left}:-4.5px !important;
	margin-top:-8px !important;
	position:absolute !important;
	top:50% !important;
	{vb:stylevar left}:50% !important;
}

.vb-icon-wrapper {
	position: relative;
	display: inline-block;
	height: 2.4rem;
	width: 9px;
	margin-{vb:stylevar left}: 6px;
}
<vb:comment>
/*end sprite icons*/
</vb:comment>



<vb:comment>/* Custom Dropdown for SelectBox Plugin START*/</vb:comment>
.custom-dropdown {
	display:inline-block;
	height:24px;
	padding:0;
	position:relative;

}
.custom-dropdown select {
	opacity:0;
	border:0;
	padding:0;
	margin:0;
	height:24px;
}
.custom-dropdown .selected-text {
	height: 2.4rem;
	{vb:stylevar left}: 0;
	line-height: 2.4rem;
	position: absolute;
	text-align: center;
	top: 0;
	width: 80%;
}
.custom-dropdown .arrow {
	height: 2.4rem;
	{vb:stylevar right}: 0;
	line-height: 2.4rem;
	position: absolute;
	text-align: center;
	top: 0;
	width: 20%;
}
.custom-dropdown select option {
	font: bold 1.1rem {vb:stylevar global_text_font.fontFamily};
	height:20px;
	padding-top:4px;
}
<vb:comment>/* Custom Dropdown for SelectBox Plugin END */</vb:comment>
<vb:comment>/* Split Buttons START */</vb:comment>
.split-button {
	position:relative;
	min-width:109px;
	font-size: 1.2rem;
}
.split-button .split-button-wrapper {
	height: 22px;
	min-width:100px;
	margin-{vb:stylevar right}:0;
	margin-{vb:stylevar left}:0;
	padding-{vb:stylevar right}:0;
	padding-{vb:stylevar left}:0;
	position: relative;
}

.split-button.open .split-button-wrapper {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.split-button .split-button-wrapper .button-set {
	border: 0;
	width: 100%;
}
.split-button .split-button-wrapper .button-set .button-text {
	float:{vb:stylevar left};
	min-width:78px;
	width:auto;
	text-align:{vb:stylevar left};
}
.split-button .split-button-wrapper .button-set .button-text .ui-button-text {
	padding-top:0;
	padding-{vb:stylevar right}:5px;
	padding-bottom:0;
	padding-{vb:stylevar left}:10px;
}
.split-button .split-button-wrapper .button-set .button-text .b-button__text-secondary {
	margin-{vb:stylevar left}:2px;
}
.split-button .split-button-wrapper .button-set .b-button__icon {
	text-indent:-99999px;
}
.split-button .split-button-wrapper .button-set .b-button__icon.ui-button-icon-only {
	float:{vb:stylevar right};
	width:24px;
}
.split-button .split-button-wrapper .button-set .b-button__icon.ui-button-icon-only .ui-button-text {
	line-height: 1.6rem;
}
.split-button .split-button-wrapper .submenu {
	border: {vb:stylevar toolbar_form_field_border};
	position: relative;
	{vb:stylevar left}:-1px;
	width:100%;
	line-height: 2.2rem;
	z-index:1;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
}
.split-button .split-button-wrapper.special .submenu {
	background-position:0 -374px;
}
.split-button.open .split-button-wrapper .submenu {
	border-top:0;
}
.split-button .split-button-wrapper .submenu.h-hide {
	{vb:stylevar left}:-99999px; /*needs this to keep the button text width the same as this submenu even if submenu is hidden*/
	display:block;
}
.split-button .split-button-wrapper .submenu li {
	border-bottom:1px solid #CACECF;
	border-top:1px solid #DDE8EC;
	height:22px;
	cursor:pointer;
}
.split-button .split-button-wrapper .submenu li:last-child {
	border-bottom:0;
	height:23px;
}
.split-button .split-button-wrapper .submenu li :first-child {
	padding:0 10px;
	white-space:nowrap;
}
<vb:comment>/* Split Buttons END */</vb:comment>
.view-more-ctrl, .view-less-ctrl {
	position:relative;
	font-weight:bold;
}
.view-more-ctrl .expand-arrow-icon, .view-less-ctrl .expand-arrow-icon {
	position:absolute;
	{vb:stylevar right}:-17px;
	top:50%;
	margin-top:-6px;
}


<vb:comment>
*** Left and right pagination arrow buttons for the toolbar ***
</vb:comment>
.horizontal-arrows .left-arrow {
	border-{vb:stylevar right}: 1px solid {vb:stylevar pagination_nextprev_divider_left_color};
	float: {vb:stylevar left};
}
.horizontal-arrows .right-arrow {
	float: {vb:stylevar right};
	border-{vb:stylevar left}:1px solid {vb:stylevar pagination_nextprev_divider_right_color};
}
.horizontal-arrows {
	border: {vb:stylevar toolbar_form_field_border};
	background: {vb:stylevar toolbar_form_field_background};
	color: {vb:stylevar form_field_text_color};
	height: 2.2rem;
	width: auto;
	margin-{vb:stylevar left}: 5px;
	cursor:pointer;
	border-radius: 2px;
}
.horizontal-arrows .arrow {
	<vb:comment>Vertically align the arrow</vb:comment>
	display: flex;
	align-items: center;
	width: 13px;
	text-align: center;
	height: 100%;
}


<vb:comment>
	START Switch controls
	Until this is refactored, keep in sync with .b-toggle-slider
</vb:comment>
.switch-container {
	color: {vb:stylevar main_nav_admin_bar_text_color};
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2rem;
}
.switch-container .switch-control {
	margin-{vb:stylevar left}:5px;
}
.switch-control {
	float:{vb:stylevar left};
	border: {vb:stylevar button_secondary_border};
	font-size: 1.1rem;
	min-width:34px;
	height: 1.8rem;
	cursor:pointer;
	border-radius:2px;
}
.switch-container.h-disabled .switch-control {
	cursor: default;
}
.switch-control .switch-label {
	line-height: 1.8rem;
	float:{vb:stylevar left};
	min-width:16px;
	text-align:center;
	background: {vb:stylevar toggle_slider_no_background};
	color: {vb:stylevar toggle_slider_no_text_color};
	padding:0 5px;
	position:relative;
}
.switch-control .switch-label.on {
	float:{vb:stylevar right};
	background: {vb:stylevar toggle_slider_yes_background};
	color: {vb:stylevar toggle_slider_yes_text_color};
}
.switch-control .switch-label .switch-handle {
	background: {vb:stylevar toggle_slider_handle_background};
	display: inline-block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	border-radius:2px;
}
.switch-control .switch-label.off .switch-handle {
	{vb:stylevar left}: 0;
	border-{vb:stylevar right}: {vb:stylevar button_secondary_border};
}
.switch-control .switch-label.on .switch-handle {
	{vb:stylevar right}: 0;
	border-{vb:stylevar left}: {vb:stylevar button_secondary_border};
}
.switch-control.on .switch-label.on .switch-handle,
.switch-control .switch-label.off .switch-handle {
	display:none;
}
.switch-control.on .switch-label.off .switch-handle,
.switch-control .switch-label.on .switch-handle {
	display:inline-block;
}
<vb:comment>END Switch controls</vb:comment>


.field-set .field-row {
	margin-bottom:20px;
}
.field-set .field-row .field-desc {
	margin-top:10px;
	margin-bottom:0;
	color: #777;
	font-size: 1.1rem;
}
.pointer-left {
	border-{vb:stylevar left}-width: 0;
}
.pointer-up {
	border-top-width: 0;
}
.pointer-left,
.pointer-up {
	position: absolute;
	background: transparent;
	height: 0;
	width: 0;
}
.pointer-left {
	border-{vb:stylevar right}: 10px solid #FFF;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	{vb:stylevar left}: -10px;
	{vb:stylevar right}: auto;
	top: 25px;
}
.pointer-up {
	border-bottom: 12px solid #FFF;
	border-{vb:stylevar right}: 7px solid transparent;
	border-{vb:stylevar left}: 7px solid transparent;
	top: -12px;
	{vb:stylevar left}: 25px;
}




<vb:comment>TODO refactor .bubble-flyout and move to css_b_post_control.css</vb:comment>

.bubble-flyout {
	position:relative;
	border:{vb:stylevar post_controls_votes_border};
	margin-{vb:stylevar left}:4px;
	top:-2px;
	{vb:stylevar left}:0;
	display:inline-block;
	border-radius:2px;
}
.bubble-flyout i, .bubble-flyout u {
	position: absolute;
	{vb:stylevar left}: 0;
	top: 50%;
	line-height: 0;
	width: 0;
	height: 0;
	margin: 0;
	margin-top:-4px;
	margin-{vb:stylevar left}:-5px;
	margin-bottom:0;
	border-{vb:stylevar right}: {vb:stylevar post_controls_votes_border};
	border: 4px transparent solid;
	border-{vb:stylevar left}: 0;
}
.bubble-flyout u {
	margin-{vb:stylevar left}: -4px;
	border-{vb:stylevar right}-color: {vb:stylevar content_background.color};
}
.bubble-flyout i {
	border-{vb:stylevar right}-color: {vb:stylevar post_controls_votes_border.color};
}
/* FF hack */
@-moz-document url-prefix() {
	.bubble-flyout u {
		margin-{vb:stylevar left}:-3px;
	}
	.bubble-flyout i {
		margin-{vb:stylevar left}:-4px;
	}
}
.bubble-flyout .bubble-content {
	min-width:20px;
	height: 1.8rem;
	line-height: 1.8rem;
	display:inline-block;
	text-align:center;
	font-size: 1.1rem;
}






.divider,
.content-divider {
	border-color: {vb:stylevar content_divider_color};
	border-style: dotted;
	border-width: 1px 0 0;
	height:0;
	margin: 10px 0;
}
<vb:comment>
/* TODO: Remove after CSS conversion to BEM */
.section-divider {
	border-color: {vb:stylevar section_divider_color};
	border-style: solid;
	border-width: 1px 0 0;
	height:0;
	margin: 10px 0;
}
</vb:comment>
.grayed-out {
	color:#C8C8C8;
}
.note {
	font-size: 1.2rem;
}
.admin-only {
	display:none;
}
.loading-icon {
	margin:0 4px;
}
.grip-icon div {
	font-size: 2rem;
	height: 0.4rem;
	margin-{vb:stylevar left}:2px;
	color:#C0C0C0;
	cursor:move;
}
.shadow {
	box-shadow: 1px 2px 3px #DCDCDC;
}
.stretch {
	width:100%;
}
.round-corner4 {
	border-radius: 4px;
}
.round-corner5 {
	border-radius: 5px;
}
.round-corner6 {
	border-radius: 6px;
}
.round-corner7 {
	border-radius: 7px;
}

<vb:comment>
	/* Begin avatars */
	/* TODO these avatar classes should be ported to BEM */
</vb:comment>
.avatar {
	height:32px;
	width:32px;
	margin-{vb:stylevar right}:10px;
	border: {vb:stylevar activity_stream_avatar_border};
}
.avatar > img {
	max-height:32px;
	max-width:32px !important;
}
.beside-avatar {
	<vb:comment>width + right margin of avatar = 42 We can make a .beside-avatar
	class for other avatar sizes when needed as well.</vb:comment>
	padding-{vb:stylevar left}: 42px;
	box-sizing: border-box;
}
.avatar.medium {
	height:64px;
	width:64px;
}
.avatar.medium > img {
	max-height:64px;
	max-width:64px !important;
}
.avatar.x-small {
	height:24px;
	width:24px;
}
.avatar.x-small > img {
	max-height:24px;
	max-width:24px !important;
}
.avatar.xx-small {
	height:18px;
	width:18px;
}
.avatar.xx-small > img {
	max-height:18px;
	max-width:18px !important;
}
<vb:comment>/* .has-avatar-xx-small is intended for text that accompanies an avatar on the same line, so that the text can be centered vertically. Only creating the xx-small version of this because that's all that's needed at this time. Rules can be created for the other sizes if needed. */</vb:comment>
.has-avatar-xx-small {
	<vb:comment>/*line height to match the avatar height 18 px + 2px top and bottom border */</vb:comment>
	line-height: 2rem;
}
<vb:comment>
	/* End avatars */
</vb:comment>


.mainmenu {
	padding: 5px 0 0;
	padding-{vb:stylevar left}: 5px;
}
.mainmenu > li {
	height:14px;
}
.mainmenu li {
	float:{vb:stylevar left};
	margin-{vb:stylevar right}:5px;
	padding:2px 4px;
	position:relative;
	border: 1px solid transparent;
	color:inherit;
	font-size: 1.1rem;
}
.mainmenu li a {
	color: #4682B4;
}
.mainmenu.has-hover li:hover {
	border-color:#BCBCBC;
	background:#FFF;
}
.mainmenu .submenu li a:hover {
	background:#E6E6E6;
	color:#FFF;
}
.mainmenu .submenu {
	display:none;
	position:absolute;
	{vb:stylevar left}:-1px;
	top:18px;
	border:1px solid #BCBCBC;
	background: {vb:stylevar form_dropdown_background.backgroundColor};
	background: linear-gradient(to bottom, {vb:stylevar toolbar_dropdown_background_gradient_start.backgroundColor}, {vb:stylevar toolbar_dropdown_background_gradient_end.backgroundColor});
	min-width:100px;
	z-index:1000;
}
.mainmenu.pos-top .submenu {
	<vb:comment>NOTE: This reverses the order of start/end. Since the menu is shown *above* the trigger, we want the start color at the bottom.</vb:comment>
	background: linear-gradient(to bottom, {vb:stylevar toolbar_dropdown_background_gradient_end.backgroundColor}, {vb:stylevar toolbar_dropdown_background_gradient_start.backgroundColor});
}
.mainmenu .submenu li {
	margin:0;
	padding:0;
	border:0;
	white-space:nowrap;
	width:100%;
	min-width:100px;
}
.mainmenu .submenu li a {
	padding:2px 15px;
	display:block;
	height: 2.3rem;
	line-height: 2.3rem;
}
.mainmenu li a span,
.mainmenu li button span.arrow {
	font-size: 0.9rem;
	margin-{vb:stylevar left}:2px;
}
.divider-container {
	position: relative;
	margin:25px 0;
}
.divider-container .overlap {
	background: {vb:stylevar inline_edit_background};
	color:#939CA7;
	font-size: 1.7rem;
	line-height: 1.8rem;
	font-style: italic;
	{vb:stylevar left}: 50%;
	margin-{vb:stylevar left}: -24px;
	padding: 0 10px;
	position: absolute;
	top: -8px;
}
.divider-light {
	border-color: #242B33 transparent {vb:stylevar inline_edit_popup_comment_line_color};
	border-style: solid;
	border-width: 1px 0;
	height: 0;
}
.upload-progress-bar {
	margin-top:20px;
	text-align:center;
}
.noselect {
	<vb:comment>
		Don't use -webkit-touch-callout:none; as it's not strictly needed when we
		don't want to allow selection, and it was causing the long press on links
		to fail in iOS, making it impossible to open a link in a new tab. See
		VBV-8064.
	</vb:comment>
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.select {
	<vb:comment>Don't use -webkit-touch-callout. See note on .noselect</vb:comment>
	-webkit-user-select: initial;
	-khtml-user-select: initial;
	-moz-user-select: initial;
	-ms-user-select: initial;
	user-select: initial;
}
.blockbody > .blockrow {
	margin-top:20px;
}
.blockbody > .blockrow:first-child {
	margin-top:0;
}
.field-desc {
	font-size: 1.1rem;
	margin-top: 5px;
	color:#777;
}]]></template>
	</templategroup>
	<templategroup name="Dialog">
		<template name="dialog_axd_config" templatetype="template" date="1521246390" username="vBulletin" version="5.4.2 Alpha 1"><![CDATA[<div id="axd-config-dialog" class="sb-dialog">
	<div class="dialog-content">
		<form class="configform h-clearfix">
			<fieldset class='axd-config-main'>
				<label>{vb:phrase title}
					<input type="text" class="title textbox stretch" name="data[title]" placeholder="{vb:phrase enter_ad_title_here}" value="" />
				</label>
				<label class='h-margin-top-xxl'>{vb:phrase add_custom_html_for_header_ad}
					<textarea class="axd_html textbox stretch" name="data[ad_html]" placeholder="{vb:phrase copy_html_from_ad_provider}" rows="8"></textarea>
				</label>
				<label><input type="checkbox" class="active" name="data[active]" value="1" /><span>{vb:phrase active_gcpglobal}</span></label>
			</fieldset>

			{vb:rawdata adDisplayOptions, ad, fetchDisplayOptions}
			<vb:if condition="!empty($adDisplayOptions) AND empty($adDisplayOptions['errors']) AND !empty($adDisplayOptions['options'])">
				<fieldset class="displayoptions">
					<legend class="sub-header">{vb:phrase display_options}</legend>

					{vb:set cache, {vb:raw adDisplayOptions.cache}}
					<vb:each from="adDisplayOptions.options" value="controls" key="options_key">
						{vb:set adOptionPhraseId, {vb:raw options_key}}
						{vb:strcat adOptionPhraseId, '_criteria'}

						<div class="blockrow">
							<vb:each from="controls" value="control" key="control_key">
								{vb:set suffix, {vb:math {vb:raw control_key} + 1}}
								{vb:set condition, 'condition'}
								{vb:strcat condition, {vb:raw suffix}}

								<vb:if condition="in_array($control['type'], array('select', 'select_multiple'))">
									<vb:if condition="empty($cache[$options_key])">
										<vb:if condition="isset($control['default_value'])">
											{vb:set selectedOption, {vb:raw control.default_value}}
											{vb:set data.selectedOption, {vb:raw selectedOption}}
										<vb:elseif condition="!isset($control['default_index'])" />
											{vb:set selectedIndex, 0}
											{vb:set data.selectedIndex, {vb:raw selectedIndex}}
										<vb:else />
											{vb:set selectedIndex, {vb:raw control.default_index}}
											{vb:set data.selectedIndex, {vb:raw selectedIndex}}
										</vb:if>
									<vb:else />
										{vb:set selectedOption, {vb:raw cache[$options_key][$condition]}}
										{vb:set data.selectedOption, {vb:raw selectedOption}}
									</vb:if>

									{vb:set data.selectOptions, {vb:raw control.data}}
									{vb:action select_options, page, renderTemplate, construct_select_options, {vb:raw data}, 0}
									{vb:set adOptionPhraseArgs[$control_key], '<select'}
									{vb:strcat adOptionPhraseArgs[$control_key], {vb:if "$control['type'] == 'select_multiple'", ' multiple'}, ' name="data[criteria]['}
									{vb:strcat adOptionPhraseArgs[$control_key], {vb:raw options_key}, '][', {vb:raw condition}, ']', {vb:if "$control['type'] == 'select_multiple'", '[]'}, '" class="custom-dropdown ', {vb:raw options_key}, '">'}
									{vb:strcat adOptionPhraseArgs[$control_key], {vb:raw select_options}}
									{vb:strcat adOptionPhraseArgs[$control_key], '</select>'}
									
								<vb:elseif condition="$control['type'] == 'input'" />
									{vb:set adOptionPhraseArgs[$control_key], '<input type="text" name="data[criteria]['}
									{vb:strcat adOptionPhraseArgs[$control_key], {vb:raw options_key}, '][', {vb:raw condition}, ']" value="'}
									{vb:set inputValue, {vb:if "empty($cache[$options_key])", {vb:raw control.default_value}, {vb:raw cache[$options_key][$condition]}}}
									{vb:strcat adOptionPhraseArgs[$control_key], {vb:var inputValue}, '" class="textbox ', {vb:raw options_key}, '" />'}
								</vb:if>
							</vb:each>

							{vb:set adOptionText, {vb:rawphrase {vb:raw adOptionPhraseId}, {vb:raw adOptionPhraseArgs}}}
							<label class='{vb:if "$control['type'] == 'select_multiple'", 'tall-criteria'}'><span><input class='criteria-text' type="checkbox" name="data[criteria][{vb:raw options_key}][active]" value="1"<vb:if condition="!empty($cache[$options_key])"> checked="checked"</vb:if> /></span><span>{vb:raw adOptionText}</span></label>
						</div>
					</vb:each>
				</fieldset>
			</vb:if>

			<input type="hidden" class="axd_location" name="data[ad_location]" value="" />
			<input type="hidden" class="axdid" name="adid" value="0" />
		</form>
	</div>
	<div class="b-button-group">
		<div class="b-button b-button--primary b-button--sitebuilder btnAttachHtmlAxd" tabindex="0">{vb:phrase save}</div>
		<div class="b-button b-button--secondary b-button--sitebuilder btnCancelEditHtmlAxd" tabindex="0">{vb:phrase cancel}</div>
	</div>
</div>]]></template>
		<template name="dialog_axd_list" templatetype="template" date="1459471854" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<div id="axd-list-dialog" class="sb-dialog">
	<div class="dialog-content">
		<div class="title"></div>
		<div class="axdlist h-hide">
			<table class="display axdtable"></table>
		</div>
	</div>
	<div class="b-button-group">
		<div class="b-button b-button--primary b-button--sitebuilder btnSaveAxd" tabindex="0">{vb:phrase save}</div>
		<div class="b-button b-button--secondary b-button--sitebuilder btnCancelAxd" tabindex="0">{vb:phrase cancel}</div>
		<div class="b-button b-button--primary b-button--sitebuilder b-button--opposite btnAddAxd" tabindex="0">{vb:phrase add_new_ad_gadvertising}</div>
	</div>
</div>]]></template>
		<template name="dialog_photo_display" templatetype="template" date="1489187708" username="vBulletin" version="5.3.0 Beta 1"><![CDATA[<vb:if condition="empty($addMediaPhotos)">
<div class="js-dialog-body js-photo-display photo-display-container entry-field gallery-wrapper sb-dialog">
</vb:if>

	<div class="h-clearfix photo-display dialog-content">
		<vb:if condition="(!empty($editPost) OR !empty($addMediaPhotos)) AND isset($conversation) AND $conversation['photo']">
			{vb:set photos, {vb:raw conversation.photo}}
			<vb:comment><!-- Don't use key="nodeid" here as it will overwrite {vb:raw nodeid}! --></vb:comment>
			<vb:each from="photos" value="photo">
				{vb:template photo_edit, title = {vb:raw photo.title}, nodeid={vb:raw photo.nodeid}, sequence={vb:raw photo.nodeid}, filedataid = {vb:raw photo.filedataid}, shortcaption = {vb:raw photo.shortcaption}, caption = {vb:raw photo.caption},prefix = {vb:raw photo.nodeid}}
			</vb:each>
		</vb:if>
	</div>

	<vb:if condition="!empty($attachLimit)">
		<div class="js-attach-limit-warning h-hide attach-limit-warning warning">
			{vb:phrase you_may_only_attach_x_files_per_post, {vb:raw attachLimit}}
		</div>
	</vb:if>

	<div class="b-button-group h-margin-xl">

		<vb:if condition="!empty($addMediaPhotos)">
			<form method="POST" action="create-content/gallery">
				<vb:if condition="!empty($hiddenVars)">
					<vb:each from="hiddenVars" key="varname" value="fieldVal">
						<input type="hidden" name="{vb:raw varname}" value="{vb:raw fieldVal}" />
					</vb:each>
				</vb:if>
				<input type="hidden" name="nodeid" value="{vb:raw conversation.nodeid}" />
				<input type="hidden" name="parentid" value="{vb:raw conversation.parentid}" />
				<input type="hidden" name="channelid" value="{vb:raw conversation.channelid}" />
				<input type="hidden" name="photoCount" value="{vb:raw maxid}" class="photoCount" />
				<input type="hidden" name="title" value="{vb:var conversation.title}" />
				<textarea name="text" class="h-hide">{vb:var conversation.rawtext}</textarea>
		</vb:if>

		<button type="button" class="b-button b-button--primary <vb:if condition="!empty($addMediaPhotos)">js-save-button<vb:else />js-continue-button</vb:if>"><vb:if condition="!empty($addMediaPhotos)">{vb:phrase save}<vb:else />{vb:phrase continue}</vb:if></button>
		<button type="button" class="b-button js-cancel-button">{vb:phrase cancel}</button>

		<vb:if condition="!empty($addMediaPhotos)">
			</form>
		</vb:if>

		<label class="b-button b-button--upload b-button--opposite" tabindex="0">
			<span class="b-button__upload-label js-upload-label">{vb:phrase upload}</span>
			<input type="file" name="file" multiple="multiple" class="b-form-input__file--hidden" />
		</label>
		<span class="b-form-input__upload-progress js-upload-progress h-hide h-margin-top-s"></span>

	</div>

<vb:if condition="empty($addMediaPhotos)">
</div>
</vb:if>]]></template>
		<template name="dialog_search_config" templatetype="template" date="1459471854" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<div id="search-config-dialog" class="sb-dialog advancedSearchFields">
		<div class="dialog-content ">
			<vb:comment>Per Product, Private Message should be excluded from Advanced Search</vb:comment>
			{vb:set excludeTypes[], 'vBForum_PrivateMessage'}
			{vb:template search_config, configID='customSearchDialog', showSearchWidgetInfo=1, showSearchJSONField=1, search_exclude_types={vb:raw excludeTypes}}
		</div>
		<div class="b-button-group">
			<button id="btnSaveSearchConfig" type="button" class="b-button b-button--primary b-button--sitebuilder">{vb:phrase save_changes}</button>
			<button id="btnCancelSearchConfig" type="button" class="b-button b-button--secondary b-button--sitebuilder">{vb:phrase cancel}</button>
		</div>
	</div>]]></template>
	</templategroup>
	<templategroup name="Display">
		<template name="display_Comments" templatetype="template" date="1531775149" username="vBulletin" version="5.4.3 Beta 2"><![CDATA[{vb:set totalComments, 0}

{vb:set commentsPerPage, {vb:if "!empty($commentsPerPage)", {vb:raw commentsPerPage}, 25}}
{vb:set initialCommentsPerPage, {vb:if "!empty($initialCommentsPerPage)", {vb:raw initialCommentsPerPage}, 3}}

<vb:if condition="!empty($parentNodeIsBlog) AND !empty($page['pagenum'])">
	{vb:set pagenum, {vb:raw page.pagenum}}
<vb:else />
	{vb:set pagenum, 1}
</vb:if>
{vb:set scrollToCommentFlag, 0}
{vb:set hasComments, 0}
{vb:set sortOption.created, 'DESC'}
{vb:set options.sort, {vb:raw sortOption}}
{vb:set options.nolimit, 1}

<vb:if condition="isset($commentId) AND intval($commentId) > 0">
	{vb:data pagenum, search, getPageNumber, {vb:raw commentId}, {vb:raw conversation}, {vb:raw commentsPerPage}, 1, {vb:raw sortOption.created}, 0}
	<vb:if condition="$pagenum > 0">
		{vb:set initialCommentsPerPage, {vb:raw commentsPerPage}}
		{vb:set scrollToCommentFlag, 1}
	<vb:else />
		{vb:set pagenum, 1}
	</vb:if>
</vb:if>

<vb:if condition="!empty($conversation['textcount']) OR !empty($conversation['totalunpubcount'])">
	{vb:data nodes, node, listNodeContent, 
		{vb:raw conversation.nodeid}, 
		{vb:raw pagenum}, 
		{vb:raw initialCommentsPerPage}, 
		1, 
		null, 
		{vb:raw options}
	}
	<vb:comment>
		Keep these params in sync wiht listNodeContent call above and
		with vB5_Frontend_Controller_Ajax::actionPostComment()'s 
		listNodeFullContentCount() call.
	</vb:comment>
	{vb:data counts, node, listNodeFullContentCount, 
		{vb:raw conversation.nodeid}, 
		{vb:raw pagenum}, 
		{vb:raw initialCommentsPerPage}, 
		1, 
		null, 
		{vb:raw options}
	}
	{vb:set totalComments, {vb:raw counts.totalCount}}
</vb:if>




<div class="b-comments js-comments {vb:if "!empty($parentNodeIsBlog)", ' b-comments--blog js-comments--blog'} {vb:if "!empty($parentNodeIsArticle)", ' b-comments--article js-comments--article'} h-margin-bottom-xl h-clearfix<vb:if condition="!$totalComments"> h-hide</vb:if>">

	<vb:if condition="($totalPages = ceil($totalComments / $initialCommentsPerPage)) > 0">
		<vb:if condition="empty($nodes['errors']) AND ($nodeCount = count($nodes)) > 0">
			{vb:set hasComments, 1}
			{vb:set commentIndex, {vb:raw totalComments}}
			<vb:if condition="$scrollToCommentFlag AND $pagenum > 1">
				{vb:set commentIndex, {vb:math {vb:var commentIndex} - {vb:math {vb:var pagenum} * {vb:var commentsPerPage}} + {vb:var commentsPerPage}}}
			<vb:else />
				{vb:set commentIndex, {vb:math {vb:var commentIndex} - {vb:var nodeCount} + 1}}
			</vb:if>




			<div class="b-comments__header js-comments__header OLD__top b-media h-padding-vert-m h-padding-horiz-l">
				<div class="b-media__img--rev js-comments__pagination<vb:if condition="$totalComments <= $initialCommentsPerPage"> h-hide</vb:if>">
					<label>
						 <vb:if condition="$pagenum > 1 OR ($pagenum == 1 AND $nodeCount > 1)">
							{vb:set topIndexFrom, {vb:raw commentIndex}}
							{vb:set topIndexTo, {vb:math {vb:var topIndexFrom} + {vb:var commentsPerPage} - 1}}
							<vb:if condition="$commentsPerPage > $nodeCount">
								{vb:set topIndexTo, {vb:math {vb:var topIndexFrom} + {vb:var nodeCount} - 1}}
							</vb:if>
							<vb:if condition="$topIndexTo > $totalComments">
								{vb:set topIndexTo, {vb:raw totalComments}}
							</vb:if>
							<vb:if condition="$topIndexFrom == $topIndexTo">
								{vb:number {vb:raw topIndexFrom}}
							<vb:else />
								{vb:number {vb:raw topIndexFrom}} - {vb:number {vb:raw topIndexTo}}
							</vb:if>
						</vb:if>
					</label>
					<span class="b-comments__pagination--up js-comments__page--prev h-margin-left-s OLD__icon<vb:if condition="$pagenum == $totalPages"> h-hide-imp</vb:if>" title="{vb:phrase see_previous_comments}"<vb:if condition="$scrollToCommentFlag AND $pagenum < $totalPages"> data-page-num="{vb:math {vb:var pagenum} + 1}"</vb:if>><span class="b-icon b-icon__arrow-up-m"></span></span>
				</div>
				<div class="js-comments__total OLD__comment-total h-margin-left-l OLD__h-left b-media__body">
					<span class="b-icon b-icon__speech-single h-margin-right-s"></span>
					<label class="js-comments__total-text h-align-top">
						<vb:if condition="$totalComments > 1">
							{vb:rawphrase x_comments_lower, {vb:number {vb:raw totalComments}}}
						<vb:else />
							{vb:rawphrase x_comment, {vb:number {vb:raw totalComments}}}
						</vb:if>
					</label>
				</div>
			</div>




			<vb:comment>
				<vb:if condition="$scrollToCommentFlag AND $nodeCount > 1">
				Ugly hack but the nodes need to be displayed in reversed order.
				The nodes should always be fetched in descending order but later when displaying (in certain condition such as this), they need to be in ascending order.
				</vb:if>
			</vb:comment>


			<vb:if condition="$nodes = array_reverse($nodes, true)"></vb:if>
			{vb:set nodeSchemaInfo.itemprop, comment}
			{vb:set nodeSchemaInfo.itemscope, 1}
			{vb:set nodeSchemaInfo.itemtype, http://schema.org/UserComments}


			<ul class="b-comments__comments js-comments__comments h-left" {vb:schema {vb:raw nodeSchemaInfo}}>
				
				{vb:set userIds, {vb:php array}}
				{vb:set userAvatarIds, {vb:php array}}
				<vb:each from="nodes" value="node">
					{vb:set num_elem, {vb:php array_push, {vb:raw userIds}, {vb:raw node.content.deleteuserid}}}
					{vb:set num_elem, {vb:php array_push, {vb:raw userAvatarIds}, {vb:raw node.content.userid}}}
				</vb:each>
				{vb:data usersInfo, user, fetchUsernames, {vb:raw userIds}}
				{vb:data userAvatars, user, fetchAvatars, {vb:raw userAvatarIds}, 1}

				<vb:each from="nodes" value="node">
					<vb:if condition="$node['content']['unpublishdate']">
						{vb:set hidePostIndex, 1}
					<vb:else />
						{vb:set hidePostIndex, 0}
					</vb:if>

					<vb:if condition="empty($node['content']['deleteuserid']) OR empty($usersInfo[$node['content']['deleteuserid']]) OR !($deleteUserInfo = $usersInfo[$node['content']['deleteuserid']])">
						{vb:set deleteUserInfo, 0}
					</vb:if>

					<vb:if condition="empty($userAvatars[$node['userid']]) OR !($userAvatar = $userAvatars[$node['userid']])">
						{vb:set userAvatar, 0}
					</vb:if>


					{vb:template conversation_comment_item, conversation={vb:raw node.content}, commentIndex={vb:raw commentIndex}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, hidePostIndex={vb:raw hidePostIndex}, enableInlineMod={vb:raw enableInlineMod}, parentNodeIsBlog={vb:raw parentNodeIsBlog}, parentNodeIsArticle={vb:raw parentNodeIsArticle}, deleteUserInfo={vb:raw deleteUserInfo}, avatar={vb:raw userAvatar}}

					{vb:set commentIndex, {vb:math {vb:var commentIndex} + 1}}
				</vb:each>

			</ul>


			<div class="b-comments__footer js-comments__footer b-media OLD__bottom h-padding-vert-m h-padding-horiz-l h-clear<vb:if condition="!$scrollToCommentFlag OR $pagenum == 1"> h-hide</vb:if>">
				<div class="b-media__img--rev js-comments__pagination">
					<label>
						<vb:if condition="$scrollToCommentFlag AND $pagenum > 1">
							{vb:set bottomIndexFrom, {vb:math {vb:var topIndexTo} + 1}}
							{vb:set bottomIndexTo, {vb:math {vb:var bottomIndexFrom} + {vb:var commentsPerPage} - 1}}
							<vb:if condition="$bottomIndexTo > $totalComments">
								{vb:set bottomIndexTo, {vb:raw totalComments}}
							</vb:if>
							{vb:number {vb:raw bottomIndexFrom}} - {vb:number {vb:raw bottomIndexTo}}
						</vb:if>
					</label>
					<span class="b-comments__pagination--down js-comments__page--next h-margin-left-s OLD__icon" title="{vb:phrase see_next_comments}"<vb:if condition="isset($bottomIndexTo) AND $pagenum > 1"> data-page-num="{vb:math {vb:var pagenum} - 1}"</vb:if>><span class="b-icon b-icon__arrow-down-m"></span></span>
				</div>
			</div>

		</vb:if>
	</vb:if>

	<vb:if condition="!$hasComments">
		<div class="b-comments__header js-comments__header OLD__top b-media h-padding-vert-m h-padding-horiz-l h-hide">
			<div class="js-comments__total OLD__comment-total h-margin-left-l OLD__h-left b-media__body">
				<span class="b-icon b-icon__speech-single h-margin-right-s"></span>
				<label class="js-comments__total-text h-align-top"></label>
			</div>
			<div class="b-media__img--rev js-comments__pagination h-hide">
				<label></label>
				<span class="b-comments__pagination--up js-comments__page--prev h-margin-left-s OLD__icon" title="{vb:phrase see_previous_comments}"><span class="b-icon b-icon__arrow-up-m"></span></span>
			</div>
		</div>
		<ul class="b-comments__comments js-comments__comments h-left"></ul>
		<div class="b-comments__footer js-comments__footer b-media OLD__bottom h-padding-vert-m h-padding-horiz-l h-clear h-hide">
			<div class="b-media__img--rev js-comments__pagination">
				<label></label>
				<span class="b-comments__pagination--down js-comments__page--next h-margin-left-s OLD__icon" title="{vb:phrase see_next_comments}"><span class="b-icon b-icon__arrow-down-m"></span></span>
			</div>
		</div>
	</vb:if>
</div>]]></template>
		<template name="display_contenttype_conversationreply_BlogChannel" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[{vb:set blogSchema.itemscope, 1}
{vb:set blogSchema.itemtype, http://schema.org/Blog}
{vb:set blogMicrodata, {vb:schema {vb:raw blogSchema}}}

<li data-node-id="{vb:raw conversation.nodeid}" 
	id="blog{vb:raw conversation.nodeid}" 
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if> 
	class="b-post js-post js-comment-entry__parent list-item list-item-text h-left h-clear" {vb:raw blogMicrodata}>

	<vb:if condition="!empty($blogMicrodata)">
		{vb:set schemaInfo.tag, meta}

		{vb:set schemaInfo.itemprop, url}
		{vb:set schemaInfo.content, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:schema {vb:raw schemaInfo}}
	</vb:if>

	<div class="blogChannel-table table">
		<div class="tr">
			<vb:if condition="!empty($conversation['avatar']['avatarpath'])">
				{vb:set profileURL {vb:var conversation.avatar.avatarpath}}
			<vb:else />
				{vb:set profileURL, 'image.php?u='}
				{vb:strcat profileURL, {vb:raw conversation.userid}}
				{vb:strcat profileURL, '&amp;type=profile'}
			</vb:if>
			<div class="blogChannel-memberblogs td h-wordwrap">
				<vb:if condition="$user['showavatars']">
					<a href="{vb:url {vb:raw conversation.routeid}}" class="avatar h-left">
						<vb:if condition="$conversation['content']['filedataid']">
							<img src="filedata/fetch?channelid={vb:raw conversation.content.nodeid}&amp;type=icon" alt="{vb:raw conversation.content.htmltitle}" />
						<vb:else />
							<img class="noGroupIcon" src="{vb:raw baseurl_corecdn}/images/default/default_blog_icon.png" width="32" height="32" alt="{vb:raw conversation.content.htmltitle}" id="blogIconImg" />
						</vb:if>
					</a>
				</vb:if>

				<div class="beside-avatar h-margin-right-l">
					{vb:set blogInfo.itemprop, name}
					<a href="{vb:url {vb:raw conversation.routeid}}" {vb:schema {vb:raw blogInfo}}>{vb:raw conversation.title}</a> <span class="viewer">({vb:raw conversation.viewing} viewing)</span>

					<vb:comment> External Icon</vb:comment>
					<vb:if condition="$conversation['content']['rss_enabled']">
						{vb:set url, {vb:var baseurl}}
						{vb:strcat url, {vb:var conversation.content.rss_route}}
						<a href="{vb:raw url}" title="{vb:phrase external_view_this_blog_rss_feed}" class="h-right h-margin-right-xl"><span class="b-icon b-icon__rss"></span></a>
					</vb:if>
					<vb:comment> External Icon END</vb:comment>
				</div>
			</div>

			<div class="blogChannel-statistics td">
				{vb:set childs, {vb:math {vb:raw conversation.totalcount}-{vb:raw conversation.textcount}}}
				{vb:phrase blog_blogentries} {vb:raw conversation.textcount}<br />
				{vb:phrase blog_blogcomments} {vb:raw childs}
			</div>

			{vb:set blogPostSchema.itemprop, blogPost}
			{vb:set blogPostSchema.itemscope, 1}
			{vb:set blogPostSchema.itemtype, http://schema.org/BlogPosting}
			<div class="blogChannel-last-post td" {vb:schema {vb:raw blogPostSchema}}>
				{vb:set lasturl, {vb:url {vb:raw conversation.lastpost.routeid},{vb:raw conversation.lastpost}}}

				{vb:set blogPostInfo.tag, meta}

				{vb:set blogPostInfo.itemprop, url}
				{vb:set blogPostInfo.content, {vb:raw lasturl}}
				{vb:schema {vb:raw blogPostInfo}}

				{vb:set blogPostInfo.itemprop, name}
				{vb:set blogPostInfo.content, {vb:raw conversation.lastposttitle}}
				{vb:schema {vb:raw blogPostInfo}}

				{vb:set blogPostInfo.itemprop, author}
				{vb:set blogPostInfo.content, {vb:raw conversation.lastcontentauthor}}
				{vb:schema {vb:raw blogPostInfo}}

				<vb:if condition="$conversation['lastpost']">
					{vb:set routeInfo.userid, {vb:raw conversation.lastauthorid}}
					{vb:set profileUrl, {vb:url 'profile', {vb:raw routeInfo}}}
					<vb:if condition="$user['showavatars']">
						<vb:if condition="!empty($conversation['lastauthorid'])">
							<a href="{vb:var profileUrl}" class="avatar h-left">
								<vb:if condition="$conversation['content']['avatar_last_poster']">
									<img src="{vb:raw baseurl_corecdn}/{vb:raw conversation.content.avatar_last_poster.avatarpath}" alt="{vb:raw conversation.lastcontentauthor}" />
								<vb:else />
									<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:raw conversation.lastcontentauthor}" />
								</vb:if>
							</a>
						<vb:else />
							<span class="avatar h-left">
								<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:phrase guest_avatar}" />
							</span>
						</vb:if>
					</vb:if>

					<div class="beside-avatar">
						<a href="{vb:raw lasturl}">{vb:raw conversation.lastposttitle}</a>
					
						<vb:if condition="!empty($conversation['lastauthorid'])">
							<div class="by-author">{vb:rawphrase by_x, {vb:var profileUrl}, {vb:raw conversation.lastcontentauthor}}</div>
						<vb:else />
							<div class="by-author">{vb:phrase by_guest}</div>
						</vb:if>

						{vb:set createdSchema.itemprop, dateCreated}
						{vb:set createdSchema.datetime, {vb:raw conversation.lastcontent}}
						<div class="post-date"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.lastcontent}}</time></div>

					</div>

				</vb:if>
			</div>
		</div>
	</div>
	<div class="blogChannel-contributors h-clearfix beside-avatar">
		<label class="h-left">{vb:phrase blog_ownerblog}</label>
		<vb:if condition="$user['showavatars']">
			<a href="{vb:url 'profile', {vb:raw conversation}}" class="avatar xx-small h-left">
				<vb:if condition="$conversation['content']['avatar']">
					<img src="{vb:raw baseurl_corecdn}/{vb:raw conversation.content.avatar.avatarpath}" alt="{vb:raw conversation.authorname}" />
				<vb:else />
					<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:raw conversation.authorname}" />
				</vb:if>
			</a>
		</vb:if>
		<a href="{vb:url 'profile', {vb:raw conversation}}" class="h-left">{vb:raw conversation.authorname}</a>

		<vb:if condition="$conversation['contributors']">
			<label class="h-left h-clear">{vb:phrase blog_contributors}</label>
			<vb:each from="conversation.contributors" value="contributor">
				<vb:if condition="$user['showavatars']">
					<a href="{vb:url 'profile', {vb:raw contributor}}" class="avatar xx-small h-left">
						<vb:if condition="$contributor['avatar']">
							<img src="{vb:raw baseurl_corecdn}/{vb:raw contributor.avatar.avatarpath}" alt="{vb:raw conversation.authorname}" />
						<vb:else />
							<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:raw conversation.authorname}" />
						</vb:if>
					</a>
				</vb:if>
				<a href="{vb:url 'profile', {vb:raw contributor}}" class="h-left">{vb:var contributor.username}</a>
			</vb:each>
		</vb:if>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationreply_Channel" templatetype="template" date="1555105956" username="vBulletin" version="5.5.2 Alpha 4"><![CDATA[<vb:comment>Per discussion with Alan Chiu on 8/28/12, only the icon, channel title and description should be displayed in the search results</vb:comment>
<vb:comment>@TODO: When categories are implemented, these checks will have to change</vb:comment>
<vb:if condition="$mainBlogChannelId == $conversation['parentid'] OR $mainBlogChannelId == $conversation['nodeid']">
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/Blog}
	{vb:set channelType, 'blog'}
<vb:else />
	{vb:data sgChannel, socialgroup, isSGChannel, {vb:raw conversation.nodeid}}
	<vb:if condition='$sgChannel'>
		{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
	{	vb:set channelType, 'social-group'}
	<vb:else />
		{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
		{vb:set channelType, 'forum'}
	</vb:if>
</vb:if>

{vb:set nodeSchemaInfo.itemscope, 1}
{vb:set nodeMicrodata, {vb:schema {vb:raw nodeSchemaInfo}}}

<li data-node-id="{vb:raw conversation.nodeid}" 
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if> 
	class="b-post js-post js-comment-entry__parent list-item list-item-channel list-item-{vb:raw channelType} h-left h-clear" {vb:raw nodeMicrodata}>
	
	<vb:if condition="!empty($nodeMicrodata)">
		{vb:set schemaInfo.tag, meta}
		
		{vb:set schemaInfo.itemprop, name}
		{vb:set schemaInfo.content, {vb:raw conversation.title}}
		{vb:schema {vb:raw schemaInfo}}

		{vb:set schemaInfo.itemprop, url}
		{vb:set schemaInfo.content, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:schema {vb:raw schemaInfo}}
	</vb:if>

	<div class="list-item-header h-left">
		<a href="{vb:url {vb:raw conversation.routeid}}" class="avatar h-left">
			<vb:if condition="$channelType == 'blog'">
				<vb:if condition="$conversation['filedataid']">					
					<img src="filedata/fetch?filedataid={vb:raw conversation.filedataid}" alt="" />
				<vb:else />
					<img src="{vb:raw baseurl_corecdn}/images/default/default_blog_large.png" width="350" height="350" alt="" />
				</vb:if>
			<vb:elseif condition="$channelType == 'social-group'" />
				<vb:if condition="$conversation['filedataid']">
					<img src="filedata/fetch?filedataid={vb:raw conversation.filedataid}" alt="" />
				<vb:else />
					<img src="{vb:raw baseurl_corecdn}/images/default/default_sg_large.png" width="350" height="350" alt="" />
				</vb:if>
			<vb:else />
				<span class="b-icon b-icon__speech-double-m--blue"></span>
			</vb:if>
		</a>
		<div class="channel-info">
			<div class="channel-title"><a href="{vb:url {vb:raw conversation.routeid}}">{vb:raw conversation.title}</a></div>
			{vb:set channelSchema.itemprop, description}
			<vb:if condition='$sgChannel'>
				<div class="channel-desc ellipsis restore" {vb:schema {vb:raw channelSchema}}>
					{vb:action parsedDescription, bbcode, parse, {vb:raw conversation.description}, {vb:php array}, {vb:php array}, {vb:raw conversation}}
					{vb:raw parsedDescription}
				</div>
			<vb:else />
				<div class="channel-desc ellipsis" {vb:schema {vb:raw channelSchema}}>{vb:var conversation.description}</div>
			</vb:if>
		</div>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationreply_Event" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="$conversation['isVisitorMessage']">
	{vb:set postType, 'visitorMessage'}
<vb:elseif condition="$conversation['starter'] == $conversation['nodeid']" />
	{vb:set postType, 'starter'}
	{vb:set conversation.innerPost, {vb:raw conversation.nodeid}}
<vb:elseif condition="$conversation['starter'] == $conversation['parentid']" />
	{vb:set postType, 'reply'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set starter.nodeid, {vb:raw conversation.starter}}
		{vb:set starter.username, {vb:raw conversation.starterauthorname}}
		{vb:set starter.userid, {vb:raw conversation.starteruserid}}
		{vb:set starterWithReplyParam, {vb:raw starter}}
		{vb:set starterWithReplyParam.innerPost, {vb:raw conversation.nodeid}}
	</vb:if>
</vb:if>

<vb:if condition="$currentNodeIsBlog">
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/BlogPosting}
	{vb:set nodeType, 'blog_post'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisBlog, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisBlog must be set in parent widget</vb:comment>
	</vb:if>
<vb:elseif condition="$currentNodeIsArticle" />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/Article}
	{vb:set nodeType, 'article'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisArticle, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisArticle must be set in parent widget</vb:comment>
	</vb:if>
<vb:else />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
	{vb:set nodeType, 'topic'}
	{vb:set userCanCommentOnThisBlog, 0}
	{vb:set displayComments, 0}
</vb:if>

<vb:if condition="!empty($showInlineMod) AND !empty($conversation['permissions']) AND (!empty($conversation['permissions']['canmoderate']) OR !empty($conversation['moderatorperms']['canmoderateposts']) OR !empty($conversation['moderatorperms']['candeleteposts']) OR !empty($conversation['moderatorperms']['caneditposts']) OR !empty($conversation['moderatorperms']['canopenclose']) OR !empty($conversation['moderatorperms']['canmassmove']) OR !empty($conversation['moderatorperms']['canmassprune']) OR !empty($conversation['moderatorperms']['canremoveposts']) OR !empty($conversation['moderatorperms']['cansetfeatured']))">
	{vb:set enableInlineMod, 1}
</vb:if>

{vb:set postStatus, ''}
<vb:if condition="$conversation['approved'] == 0">
	{vb:strcat postStatus, ' unapproved b-post--unapproved'}
</vb:if>
<vb:if condition="$conversation['featured']">
	{vb:strcat postStatus, ' featured b-post--featured'}
</vb:if>
<vb:if condition="$conversation['unpublishdate']">
	{vb:strcat postStatus, ' deleted b-post--deleted'}
</vb:if>

{vb:set nodeSchemaInfo.itemscope, 1}
{vb:set nodeMicrodata, {vb:schema {vb:raw nodeSchemaInfo}}}

<li data-node-id="{vb:raw conversation.nodeid}" 
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if> 
	class="b-post js-post js-comment-entry__parent list-item{vb:raw postStatus} list-item-link h-left h-clear<vb:if condition="(!isset($reportActivity) OR !$reportActivity) AND $postType == 'starter'"> conversation-starter js-conversation-starter</vb:if><vb:if condition="$enableInlineMod OR !$conversation['approved']"> inlinemod-item</vb:if><vb:if condition="!empty($addLiClass)"> {vb:raw addLiClass}</vb:if>" {vb:raw nodeMicrodata}>

	<vb:if condition="!empty($nodeMicrodata)">
		{vb:set schemaInfo.tag, meta}

		<vb:if condition="$postType == 'starter'">
			{vb:set schemaInfo.itemprop, name}
			{vb:set schemaInfo.content, {vb:raw conversation.title}}
			{vb:schema {vb:raw schemaInfo}}
		</vb:if>

		{vb:set schemaInfo.itemprop, url}
		{vb:set schemaInfo.content, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:schema {vb:raw schemaInfo}}
	</vb:if>

	<a id="post{vb:raw conversation.nodeid}" class="anchor"></a>
	<vb:if condition="$conversation['unpublishdate']">
		<vb:if condition="
			($conversation['moderatorperms']['canundeleteposts'] > 0) OR
			($conversation['moderatorperms']['canremoveposts'] > 0)
		">
			{vb:set canViewSoftdeletedNode, 1}
		<vb:else />
			{vb:set canViewSoftdeletedNode, 0}
		</vb:if>
		<div class="b-media b-post__unpublish-info h-padding-bottom-l h-padding-horiz-xl">
			<div class="b-media__img--rev">
				<vb:if condition="$canViewSoftdeletedNode">
					<label class="js-post__manage b-link js-link OLD__manage" tabindex="0">{vb:phrase manage}</label>
					| <label class="js-post__show-hide js-post__show-hide--show b-link" data-toggle-text="{vb:phrase hide}" tabindex="0">{vb:phrase show}</label>
				</vb:if>
			</div>

			<div class="b-media__body">

				<div class="b-post__date OLD__post-date">
					{vb:datetime {vb:raw conversation.unpublishdate}}
				</div>

				<vb:if condition="!empty($conversation['deleteuserid']) AND !empty($conversation['deleteusername'])">
					{vb:set deleteUserInfo.userid, {vb:var conversation.deleteuserid}}
					{vb:set deleteuserlink, {vb:url 'profile', {vb:raw deleteUserInfo}}}
					{vb:set deleteusername, {vb:raw conversation.deleteusername}}
				<vb:else />
					{vb:set deleteusername, {vb:rawphrase unknown}}
					{vb:set deleteuserlink, '#'}
				</vb:if>
				{vb:set phraseId, 'this_'}
				<vb:if condition="$currentNodeIsBlog OR $currentNodeIsArticle">
					<vb:if condition="$postType == 'starter'">
						{vb:strcat phraseId, {vb:raw nodeType}}
					<vb:else />
						{vb:strcat phraseId, 'comment'}
					</vb:if>
				<vb:elseif condition="$postType == 'starter'" />
					{vb:strcat phraseId, 'topic'}
				<vb:else />
					{vb:strcat phraseId, {vb:raw postType}}
				</vb:if>
				{vb:strcat phraseId, '_by_x_has_been_deleted_by_y_link'}

				<div class="b-post__delete-note OLD__delete-note">
					{vb:rawphrase {vb:raw phraseId}, {vb:raw conversation.authorname}, {vb:raw deleteuserlink}, {vb:raw deleteusername}}
				</div>

				<vb:if condition="!empty($conversation['deletereason'])">
					<div class="b-post__delete-reason OLD__delete-reason"><label>{vb:phrase reason}:</label> {vb:var conversation.deletereason}</div>
				</vb:if>
			</div>
		</div>
	</vb:if>

	<div class="b-post__hide-when-deleted">
		<hr class="b-divider--section OLD__section-divider">

		<vb:comment><!--
			Hide the list item header when viewing an individual article
			This information is shown in the page_title module for articles
		--></vb:comment>
		<vb:if condition="$conversation['channeltype'] != 'article' OR $reportActivity">
		<div class="list-item-header h-left">
			<vb:if condition="($postType == 'visitorMessage') AND $vmDetail"><h3 class="vm-desc">{vb:rawphrase visitor_message_from_x, {vb:raw conversation.authorname}}</h3></vb:if>
			<vb:if condition="$user['showavatars'] AND $conversation['channeltype'] != 'article'">
				{vb:set avatar, {vb:var conversation.avatar}}
				<vb:if condition="!$conversation['userid']">
					<span class="avatar h-left"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:rawphrase guest_avatar}" /></span>
				<vb:elseif condition="$avatar AND $avatar['avatarpath']" />
					<a href="{vb:url 'profile', {vb:raw conversation}}" class="avatar h-left avatar-{vb:raw conversation.userid}"><img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" alt="{vb:raw conversation.authorname}" /></a>
				</vb:if>
			</vb:if>
			<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
				<div class="post-action-wrapper<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if><vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> td</vb:if>">
					<vb:if condition="isset($reportActivity) AND $reportActivity">
						<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

							<vb:comment>**** Article Title (on channel page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								displayCompact=1,
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$postType =='visitorMessage'" />
							{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
							{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
							{vb:set userInfo.userid, {vb:raw conversation.userid}}
							{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							<vb:else />
								{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							{vb:set topicTitle, {vb:raw conversation.title}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							{vb:set searchUrl, {vb:url 'search'}}

							<vb:if condition="$conversation['userid'] > 0">
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							{vb:set topicTitle, {vb:raw conversation.startertitle}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							{vb:set searchUrl, {vb:url 'search'}}
							<vb:if condition="$conversation['userid'] > 0">

								<vb:comment>blog comments are essentially reply nodes, but we just call them comments not replies</vb:comment>
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'x_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'x_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'x_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'guest_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'guest_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'guest_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						</vb:if>
					<vb:else />
						<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

							<vb:comment>**** Article Title (on article page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$postType =='visitorMessage'" />
							{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
							{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
							{vb:set userInfo.userid, {vb:raw conversation.userid}}
							{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							<vb:else />
								{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							<vb:if condition="$conversation['iconpath']">
								<img src="{vb:var baseurl_core}/{vb:var conversation.iconpath}" width="16" height="16" alt="" />
							</vb:if>
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							<vb:comment><!-- In a topic's stream view --></vb:comment>
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:rawphrase link_x_y_replied, {vb:var profileUrl}, {vb:raw conversation.authorname}}
							<vb:else />
								{vb:rawphrase guest_replied}
							</vb:if>
						</vb:if>
					</vb:if>
					<vb:if condition="$currentNodeIsBlog AND empty($reportActivity)">
						{vb:set createdSchema.itemprop, dateCreated}
						{vb:set createdSchema.datetime, {vb:raw conversation.created}}
						<div class="post-date"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></div>

						<vb:comment>Social sharing</vb:comment>
						{vb:template display_sharing, conversation={vb:raw conversation}, horizontal=1}

					</vb:if>
				</div>
				<vb:if condition="isset($showChannelInfo) AND $showChannelInfo AND ($postType != 'visitorMessage')">{vb:set channelUrl, {vb:url {vb:raw conversation.channelroute}}}<div class="channel-info ellipsis">{vb:rawphrase in_x_channel, {vb:var channelUrl}, {vb:raw conversation.channeltitle}}</div></vb:if>
			</div>
			<vb:if condition="$showSubscribedInfo">
				<ul data-node-id="{vb:raw conversation.nodeid}" class="h-hide unfollow_panel">
					<vb:if condition="$node['isFollowingContent']">
						<li data-item-id="{vb:raw node.isFollowingContent}" class="unfollow_content">{vb:rawphrase unfollow_discussion}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingMember']">
						<li data-item-id="{vb:raw node.isFollowingMember}" class="unfollow_member">{vb:rawphrase unfollow_member}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingChannel']">
						<li data-item-id="{vb:raw node.isFollowingChannel}" class="unfollow_channel">{vb:rawphrase unfollow_channel}</li>
					</vb:if>
				</ul>
			</vb:if>
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="checkbox h-right">
					<vb:if condition="!$conversation['approved']">
						<span class="js-unapprove-label b-post__inlinemod-text">{vb:rawphrase unapproved}</span>
					</vb:if>
					<vb:if condition="$enableInlineMod">
						<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
					</vb:if>
				</div>
			</vb:if>
			<vb:comment>VBV-7701 Blog entries have a second timestamp</vb:comment>
			<vb:if condition="(empty($currentNodeIsBlog) OR !empty($reportActivity)) AND empty($currentNodeIsArticle)">
				<div class="info h-right">
					{vb:set createdSchema.itemprop, dateCreated}
					{vb:set createdSchema.datetime, {vb:raw conversation.created}}
					<span class="post-date h-left"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></span>
						<vb:if condition="$showSubscribedInfo OR ($reportActivity AND $conversation['subscribed'])">
							<div class="subscribed h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase following}</div>
						</vb:if>
						<vb:if condition="($reportActivity AND $conversation['joined'])">
							<div class="joined h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase joined}</div>
						</vb:if>
				</div>
			</vb:if>
		</div>
		</vb:if><!-- end list item header -->

		<vb:comment>Since the list item header is hidden for articles, we need
		to add the inline mod checkbox here</vb:comment>
		<vb:if condition="!$reportActivity AND $conversation['channeltype'] == 'article'">
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="list-item-header">
					<div class="checkbox h-right">
						<vb:if condition="!$conversation['approved']">
							<span class="js-unapprove-label b-post__inlinemod-text">{vb:phrase unapproved}</span>
						</vb:if>
						<vb:if condition="$enableInlineMod">
							<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
						</vb:if>
					</div>
				</div>
			</vb:if>
		</vb:if>

		<div class="js-post__content-wrapper list-item-body-wrapper h-clear">
			<div class="js-post__content list-item-body conversation-body">

				<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle AND $adlocation">
					<div class="axd axd_{vb:raw adlocation}">
						{vb:set adtemplatename, 'ad_'}
						{vb:strcat adtemplatename, {vb:raw adlocation}}
						{vb:template {vb:raw adtemplatename}}
					</div>
				</vb:if>

				<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
					<vb:if condition="$postType == 'starter'"><h2 class="b-post__stream-post-title js-post-title h-hide">{vb:raw conversation.title}</h2></vb:if>
					{vb:set textSchema.itemprop, text}
					<div class="post-content restore js-post__content-text h-wordwrap" {vb:schema {vb:raw textSchema}}>
						<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
							{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
						<vb:else />
							{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, 0, {vb:var page.contentpagenum}}
						</vb:if>
						{vb:raw parsedText}
					</div>

					{vb:template display_contenttype_conversation_inner_Event, conversation={raw conversation}}
					{vb:template display_event_map, location={vb:raw conversation.maplocation}}

					<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
						<div class="post-links">
							<vb:if condition="empty($conversation['previewonly'])">
								<a href="#" class="see-link more" data-toggle-text="{vb:rawphrase see_less}">{vb:rawphrase see_more}</a>
								<span>|</span>
							</vb:if>
								<vb:if condition="$postType == 'starter'">
									<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="goto-post">
								<vb:elseif condition="$postType == 'reply'" />
									<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw starterWithReplyParam}}" class="goto-post">
								<vb:elseif condition="$postType == 'visitorMessage'" />
									{vb:set extra.nodeid, {vb:raw conversation.starter}}
									{vb:set extra.title, {vb:raw conversation.starterurlident}}
									{vb:set extra.innerPost, {vb:raw conversation.nodeid}}
									<a href="{vb:url 'visitormessage', {vb:raw extra}}" class="goto-post">
								</vb:if>
								{vb:rawphrase go_to_post}
							</a>
						</div>
					</vb:if>
					{vb:template conversation_posthistory, conversation={vb:raw conversation}}
				</vb:if>
			</div>

			<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle">
				{vb:template article_content_pagenav, conversation={vb:raw conversation}}
			</vb:if>

			<vb:if condition="!empty($conversation['moderatorperms']['canviewips'])">
				{vb:set controls.showIp, 1}
			</vb:if>
			<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
				{vb:set controls.showVoteCount, 1}
				{vb:set controls.showInfractionCtrl, 1}
				{vb:set controls.showEditCtrl, 1}
				{vb:set controls.showFlagCtrl, 1}
				{vb:set controls.showVoteCtrl, 1}
				{vb:set controls.showQuoteCtrl, 0}
				{vb:set controls.showCommentCtrl, 0}
				{vb:set controls.showTagList, 0}
				<vb:if condition="!isset($reportActivity) OR !$reportActivity">
					<vb:if condition="$postType == 'starter'">
						{vb:set controls.showTagList, 1}
					</vb:if>
				</vb:if>
				<vb:if condition="$postType == 'reply' OR $vmDetail">
					{vb:set controls.showCommentCtrl, 1}
				</vb:if>
				<vb:if condition="$view == 'conversation_detail' OR $view == 'stream'">
					{vb:set controls.showQuoteCtrl, 1}
				</vb:if>
				<vb:if condition="$showNoControls">
					{vb:set controls.showVoteCount, 0}
					{vb:set controls.showInfractionCtrl, 0}
					{vb:set controls.showEditCtrl, 0}
					{vb:set controls.showFlagCtrl, 0}
					{vb:set controls.showVoteCtrl, 0}
					{vb:set controls.showQuoteCtrl, 0}
					{vb:set controls.showCommentCtrl, 0}
					{vb:set controls.showTagList, 0}
				</vb:if>

				<vb:if condition="$currentNodeIsBlog">
					{vb:set controls.showCommentCtrl, 0}
				</vb:if>

				<vb:if condition="!empty($footerControls)">
					{vb:set controls, {vb:php array_merge, {vb:raw controls}, {vb:raw footerControls}}}
				</vb:if>

				<vb:if condition="$showNoControls">
					{vb:set sum, {vb:php array_sum, {vb:raw controls}}}
					<vb:if condition="$sum">
						{vb:set showNoControls, 0}
					</vb:if>
				</vb:if>

				<vb:if condition="$currentNodeIsArticle AND $reportActivity">
					{vb:set showNoControls, 1}
				</vb:if>


				{vb:template conversation_footer, conversation={vb:raw conversation}, showNoControls={vb:raw showNoControls}, controls={vb:raw controls}}


				<div class="edit-conversation-container OLD__edit-conversation-container"></div>

				<vb:if condition="$displayComments">
					{vb:template display_Comments, conversation={vb:raw conversation}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, commentsPerPage={vb:raw commentsPerPage}, initialCommentsPerPage={vb:raw initialCommentsPerPage}, enableInlineMod={vb:raw enableInlineMod}, parentNodeIsBlog={vb:raw currentNodeIsBlog}, parentNodeIsArticle={vb:raw currentNodeIsArticle}}
				</vb:if>

				<vb:if condition="empty($reportActivity) AND $currentNodeIsBlog">
					{vb:template pagenav, pagenav={vb:raw pagingInfo}}
				</vb:if>

				<vb:comment>Comment box for Blog posts</vb:comment>
				<vb:if condition="$userCanCommentOnThisBlog > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--blog h-padding-xxl h-padding-top-xl comment-entry-box {vb:if "$conversation['textcount'] > 0", has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsBlog AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisBlog == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisBlog == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						<vb:elseif condition="$userCanCommentOnThisBlog == -2" />
							<vb:comment>parents.0 is this same node</vb:comment>
							{vb:set blogChannel, {vb:raw conversation.parents.1}}
							{vb:rawphrase you_must_subscribe_to_post_comment, 'is-blog-channel', {vb:raw blogChannel.nodeid}, {vb:raw blogChannel.userid}, {vb:url {vb:raw blogChannel.routeid}}, {vb:var blogChannel.title}}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Articles</vb:comment>
				<vb:if condition="$userCanCommentOnThisArticle > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--article h-padding-xxl h-padding-top-xl comment-entry-box {vb:if "$conversation['textcount'] > 0", has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsArticle AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisArticle == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisArticle == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Forum posts</vb:comment>
				<vb:if condition="$postType == 'reply' AND !$currentNodeIsBlog AND !$currentNodeIsArticle AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry h-padding-xxl h-padding-top-xl comment-entry-box h-hide">
						<h3 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}:</h3>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow reload-on-post" placeholder="{vb:rawphrase type_your_comment_here}"></textarea>
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:rawphrase post_comment}</button>
							<button type="button" id="btnPostCommentCancel-{vb:raw conversation.nodeid}" class="b-button js-comment-entry__cancel">{vb:rawphrase cancel}</button>
						</div>
					</div>
				</vb:if>
			</vb:if>
		</div>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationreply_Gallery" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="$conversation['isVisitorMessage']">
	{vb:set postType, 'visitorMessage'}
<vb:elseif condition="$conversation['starter'] == $conversation['nodeid']" />
	{vb:set postType, 'starter'}
<vb:elseif condition="$conversation['starter'] == $conversation['parentid']" />
	{vb:set postType, 'reply'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set starter.nodeid, {vb:raw conversation.starter}}
		{vb:set starter.username, {vb:raw conversation.starterauthorname}}
		{vb:set starter.title, {vb:raw conversation.startertitle}}
		{vb:set starter.userid, {vb:raw conversation.starteruserid}}

		<vb:comment>This is the starter route, no inner post</vb:comment>
		{vb:set conversationStarterUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}

		<vb:comment>This is inner post permalink</vb:comment>
		{vb:set starter.innerPost, {vb:raw conversation.nodeid}}
		{vb:set conversationStarterExtraUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
	</vb:if>
</vb:if>

<vb:if condition="$currentNodeIsBlog">
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/BlogPosting}
	{vb:set nodeType, 'blog_post'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisBlog, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisBlog must be set in parent widget</vb:comment>
	</vb:if>
<vb:elseif condition="$currentNodeIsArticle" />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/Article}
	{vb:set nodeType, 'article'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisArticle, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisArticle must be set in parent widget</vb:comment>
	</vb:if>
<vb:else />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
	{vb:set nodeType, 'topic'}
	{vb:set userCanCommentOnThisBlog, 0}
	{vb:set displayComments, 0}
</vb:if>

<vb:if condition="!empty($showInlineMod) AND !empty($conversation['permissions']) AND (!empty($conversation['permissions']['canmoderate']) OR !empty($conversation['moderatorperms']['canmoderateposts']) OR !empty($conversation['moderatorperms']['candeleteposts']) OR !empty($conversation['moderatorperms']['caneditposts']) OR !empty($conversation['moderatorperms']['canopenclose']) OR !empty($conversation['moderatorperms']['canmassmove']) OR !empty($conversation['moderatorperms']['canmassprune']) OR !empty($conversation['moderatorperms']['canremoveposts']) OR !empty($conversation['moderatorperms']['cansetfeatured']))">
	{vb:set enableInlineMod, 1}
</vb:if>

{vb:set postStatus, ''}
<vb:if condition="$conversation['approved'] == 0">
	{vb:strcat postStatus, ' unapproved b-post--unapproved'}
</vb:if>
<vb:if condition="$conversation['featured']">
	{vb:strcat postStatus, ' featured b-post--featured'}
</vb:if>
<vb:if condition="$conversation['unpublishdate']">
	{vb:strcat postStatus, ' deleted b-post--deleted'}
</vb:if>

{vb:set nodeSchemaInfo.itemscope, 1}
{vb:set nodeMicrodata, {vb:schema {vb:raw nodeSchemaInfo}}}

<li data-node-id="{vb:raw conversation.nodeid}" 
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if> 
	class="b-post js-post js-comment-entry__parent list-item{vb:raw postStatus} list-item-gallery h-left h-clear<vb:if condition="(!isset($reportActivity) OR !$reportActivity) AND $postType == 'starter'"> conversation-starter js-conversation-starter</vb:if><vb:if condition="$enableInlineMod OR !$conversation['approved']"> inlinemod-item</vb:if> js-slideshow__gallery-node<vb:if condition="!empty($addLiClass)"> {vb:raw addLiClass}</vb:if>" {vb:raw nodeMicrodata}>

	<vb:if condition="!empty($nodeMicrodata)">
		{vb:set schemaInfo.tag, meta}

		<vb:if condition="$postType == 'starter'">
			{vb:set schemaInfo.itemprop, name}
			{vb:set schemaInfo.content, {vb:raw conversation.title}}
			{vb:schema {vb:raw schemaInfo}}
		</vb:if>

		{vb:set schemaInfo.itemprop, url}
		{vb:set schemaInfo.content, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:schema {vb:raw schemaInfo}}
	</vb:if>

	<a id="post{vb:raw conversation.nodeid}" class="anchor"></a>
	<vb:if condition="$conversation['unpublishdate']">
		<vb:if condition="
			($conversation['moderatorperms']['canundeleteposts'] > 0) OR
			($conversation['moderatorperms']['canremoveposts'] > 0)
		">
			{vb:set canViewSoftdeletedNode, 1}
		<vb:else />
			{vb:set canViewSoftdeletedNode, 0}
		</vb:if>
		<div class="b-media b-post__unpublish-info h-padding-bottom-l h-padding-horiz-xl">
			<div class="b-media__img--rev">
				<vb:if condition="$canViewSoftdeletedNode">
					<label class="js-post__manage b-link js-link OLD__manage" tabindex="0">{vb:phrase manage}</label>
					| <label class="js-post__show-hide js-post__show-hide--show b-link" data-toggle-text="{vb:phrase hide}" tabindex="0">{vb:phrase show}</label>
				</vb:if>
			</div>

			<div class="b-media__body">

				<div class="b-post__date OLD__post-date">
					{vb:datetime {vb:raw conversation.unpublishdate}}
				</div>

				<vb:if condition="!empty($conversation['deleteuserid']) AND !empty($conversation['deleteusername'])">
					{vb:set deleteUserInfo.userid, {vb:var conversation.deleteuserid}}
					{vb:set deleteuserlink, {vb:url 'profile', {vb:raw deleteUserInfo}}}
					{vb:set deleteusername, {vb:raw conversation.deleteusername}}
				<vb:else />
					{vb:set deleteusername, {vb:rawphrase unknown}}
					{vb:set deleteuserlink, '#'}
				</vb:if>
				{vb:set phraseId, 'this_'}
				<vb:if condition="$currentNodeIsBlog OR $currentNodeIsArticle">
					<vb:if condition="$postType == 'starter'">
						{vb:strcat phraseId, {vb:raw nodeType}}
					<vb:else />
						{vb:strcat phraseId, 'comment'}
					</vb:if>
				<vb:elseif condition="$postType == 'starter'" />
					{vb:strcat phraseId, 'topic'}
				<vb:else />
					{vb:strcat phraseId, {vb:raw postType}}
				</vb:if>
				{vb:strcat phraseId, '_by_x_has_been_deleted_by_y_link'}

				<div class="b-post__delete-note OLD__delete-note">
					{vb:rawphrase {vb:raw phraseId}, {vb:raw conversation.authorname}, {vb:raw deleteuserlink}, {vb:raw deleteusername}}
				</div>

				<vb:if condition="!empty($conversation['deletereason'])">
					<div class="delete-reason h-clear"><label>{vb:phrase reason}:</label> {vb:var conversation.deletereason}</div>
				</vb:if>
			</div>
		</div>
	</vb:if>

	<div class="b-post__hide-when-deleted">
		<hr class="b-divider--section OLD__section-divider">

		<vb:comment><!--
			Hide the list item header when viewing an individual article
			This information is shown in the page_title module for articles
		--></vb:comment>
		<vb:if condition="$conversation['channeltype'] != 'article' OR $reportActivity">
		<div class="list-item-header h-left">
			<vb:if condition="($postType == 'visitorMessage') AND $vmDetail"><h3 class="vm-desc">{vb:rawphrase visitor_message_from_x, {vb:raw conversation.authorname}}</h3></vb:if>
			<vb:if condition="$user['showavatars'] AND $conversation['channeltype'] != 'article'">
				{vb:set avatar, {vb:var conversation.avatar}}
				<vb:if condition="!$conversation['userid']">
					<span class="avatar h-left"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:rawphrase guest_avatar}" /></span>
				<vb:elseif condition="$avatar AND $avatar['avatarpath']" />
					<a href="{vb:url 'profile', {vb:raw conversation}}" class="avatar h-left avatar-{vb:raw conversation.userid}"><img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" alt="{vb:raw conversation.authorname}" /></a>
				</vb:if>
			</vb:if>
			<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
				<div class="post-action-wrapper<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if><vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> td</vb:if>">
					<vb:if condition="isset($reportActivity) AND $reportActivity">
						<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

							<vb:comment>**** Article Title (on channel page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								displayCompact=1,
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$postType =='visitorMessage'" />
							<vb:if condition="$isVmComment">
								{vb:set profileRouteInfo.userid, {vb:raw conversation.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileRouteInfo}}}
								<vb:if condition="$reportActivity">
									{vb:set vmRouteInfo.nodeid, {vb:raw conversation.starter}}
									{vb:set vmRouteInfo.title, {vb:raw conversation.starterurlident}}
									{vb:set vmUrl, {vb:url 'visitormessage', {vb:raw vmRouteInfo}}}
									<vb:if condition="$conversation['userid'] > 0">
										{vb:rawphrase x_commented_on_vm_from_y, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var vmUrl}, {vb:raw conversation.startertitle}, {vb:raw conversation.nodeid}}
									<vb:else />
										{vb:rawphrase guest_commented_on_vm_from_y, {vb:var vmUrl}, {vb:raw conversation.startertitle}, {vb:raw conversation.nodeid}}
									</vb:if>
								<vb:else />
									<vb:if condition="$conversation['userid'] > 0">
										{vb:rawphrase x_commented, {vb:var profileUrl}, {vb:raw conversation.authorname}}
									<vb:else />
										{vb:rawphrase guest_commented}
									</vb:if>
								</vb:if>
							<vb:else />
								{vb:set profileInfo.userid, {vb:raw postfor.userid}}
								<vb:comment>url fetching will be delayed and fetched in batches</vb:comment>
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
								{vb:set userInfo.userid, {vb:raw conversation.userid}}
								{vb:set userUrl, {vb:url 'profile', {vb:raw userInfo}}}
								<vb:if condition="$conversation['userid'] > 0">
									{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userUrl}, {vb:raw postfor.username}, {vb:var profileUrl}}
								<vb:else />
									{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw postfor.username}, {vb:var profileUrl}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							{vb:set topicTitle, {vb:raw conversation.title}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							{vb:set searchUrl, {vb:url 'search'}}

							<vb:if condition="$conversation['userid'] > 0">
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							{vb:set topicTitle, {vb:raw conversation.startertitle}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set searchUrl, {vb:url 'search'}}

							<vb:if condition="$conversation['userid'] > 0">

								<vb:comment>blog comments are essentially reply nodes, but we just call them comments not replies</vb:comment>
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'x_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'x_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'x_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationStarterUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationStarterUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'guest_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'guest_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'guest_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationStarterUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationStarterUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						<vb:else />
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set parentProfileUrl, {vb:url 'profile', {vb:raw parentConversation}}}
							{vb:set searchUrl, {vb:url 'search'}}
							<vb:if condition="$conversation['userid'] > 0 AND $parentConversation['userid'] > 0">
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase x_commented_on_ys_reply_to_z_with_prefix, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentProfileUrl}, {vb:var parentConversation.authorname}, {vb:var conversationStarterExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationStarterUrl}, {vb:raw conversation.starter}, {vb:raw conversation.startertitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase x_commented_on_ys_reply_to_z, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentProfileUrl}, {vb:var parentConversation.authorname}, {vb:var conversationStarterExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationStarterUrl}, {vb:raw conversation.starter}, {vb:raw conversation.startertitle}}
								</vb:if>
							<vb:elseif condition="$conversation['userid'] == 0 AND $parentConversation['userid'] > 0"/>
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase guest_commented_on_ys_reply_to_z_with_prefix, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationStarterExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationStarterUrl}, {vb:raw conversation.starter}, {vb:raw conversation.startertitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase guest_commented_on_ys_reply_to_z, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationStarterExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationStarterUrl}, {vb:raw conversation.starter}, {vb:raw conversation.startertitle}}
								</vb:if>
							<vb:elseif condition="$conversation['userid'] > 0 AND $parentConversation['userid'] == 0"/>
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase x_commented_on_guests_reply_to_z_with_prefix, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationStarterExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationStarterUrl}, {vb:raw conversation.starter}, {vb:raw conversation.startertitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase x_commented_on_guests_reply_to_z, {vb:var profileUrl}, {vb:raw convconversationStarterUrlar conversationStarterExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationStarterUrl}, {vb:raw conversation.starter}, {vb:raw conversation.startertitle}}
								</vb:if>
							<vb:else />
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase guest_commented_on_guests_reply_to_z_with_prefix, {vb:var conversationStarterExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationStarterUrl}, {vb:raw conversation.starter}, {vb:raw conversation.startertitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase guest_commented_on_guests_reply_to_z, {vb:var conversationStarterExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationStarterUrl}, {vb:raw conversation.starter}, {vb:raw conversation.startertitle}}
								</vb:if>
							</vb:if>
						</vb:if>
					<vb:else />
						<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

							<vb:comment>**** Article Title (on article page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$postType =='visitorMessage'" />
							<vb:if condition="$isVmComment">
								{vb:set profileRouteInfo.userid, {vb:raw conversation.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileRouteInfo}}}
								{vb:rawphrase x_commented, {vb:var profileUrl}, {vb:raw conversation.authorname}}
							<vb:else />
								{vb:set profileInfo.userid, {vb:raw postfor.userid}}
								<vb:comment>url fetching will be delayed and fetched in batches</vb:comment>
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
								{vb:set userInfo.userid, {vb:raw conversation.userid}}
								{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
								<vb:if condition="$conversation['userid'] > 0">
									{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw postfor.username}, {vb:var profileUrl}}
								<vb:else />
									{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw postfor.username}, {vb:var profileUrl}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							<vb:if condition="$conversation['iconpath']">
								<img src="{vb:var baseurl_core}/{vb:var conversation.iconpath}" width="16" height="16" alt="" />
							</vb:if>
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							<vb:comment><!-- In a topic's stream view --></vb:comment>
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:rawphrase link_x_y_replied, {vb:var profileUrl}, {vb:raw conversation.authorname}}
							<vb:else />
								{vb:rawphrase guest_replied}
							</vb:if>
						<vb:else />
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set parentProfileUrl, {vb:url 'profile', {vb:raw parentConversation}}}
							{vb:set parentConversationUrl, {vb:url {vb:raw parentConversation.starterroute}, {vb:raw starter}}}
							<vb:if condition="$conversation['userid'] > 0 AND $parentConversation['userid'] > 0">
								{vb:rawphrase x_commented_on_ys_reply, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentProfileUrl}, {vb:var parentConversation.authorname}, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							<vb:elseif condition="$conversation['userid'] == 0 AND $parentConversation['userid'] > 0"/>
								{vb:rawphrase guest_commented_on_ys_reply, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							<vb:elseif condition="$conversation['userid'] > 0 AND $parentConversation['userid'] == 0"/>
								{vb:rawphrase x_commented_on_guests_reply, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							<vb:else />
								{vb:rawphrase guest_commented_on_guests_reply, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							</vb:if>
						</vb:if>
					</vb:if>
					<vb:if condition="$currentNodeIsBlog AND empty($reportActivity)">
						{vb:set createdSchema.itemprop, dateCreated}
						{vb:set createdSchema.datetime, {vb:raw conversation.created}}
						<div class="post-date"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></div>

						<vb:comment>Social sharing</vb:comment>
						{vb:template display_sharing, conversation={vb:raw conversation}, horizontal=1}

					</vb:if>
				</div>
				<vb:if condition="isset($showChannelInfo) AND $showChannelInfo AND ($postType != 'visitorMessage')">{vb:set channelUrl, {vb:url {vb:raw conversation.channelroute}}}<div class="channel-info ellipsis">{vb:rawphrase in_x_channel, {vb:var channelUrl}, {vb:raw conversation.channeltitle}}</div></vb:if>
			</div>
			<vb:if condition="$showSubscribedInfo">
				<ul data-node-id="{vb:raw conversation.nodeid}" class="h-hide unfollow_panel">
					<vb:if condition="$node['isFollowingContent']">
						<li data-item-id="{vb:raw node.isFollowingContent}" class="unfollow_content">{vb:rawphrase unfollow_discussion}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingMember']">
						<li data-item-id="{vb:raw node.isFollowingMember}" class="unfollow_member">{vb:rawphrase unfollow_member}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingChannel']">
						<li data-item-id="{vb:raw node.isFollowingChannel}" class="unfollow_channel">{vb:rawphrase unfollow_channel}</li>
					</vb:if>
				</ul>
			</vb:if>
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="checkbox h-right">
					<vb:if condition="!$conversation['approved']">
						<span class="js-unapprove-label b-post__inlinemod-text">{vb:rawphrase unapproved}</span>
					</vb:if>
					<vb:if condition="$enableInlineMod">
						<input class="cb_inlinemod im_attach" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
					</vb:if>
				</div>
			</vb:if>
			<vb:comment>VBV-7701 Blog entries have a second timestamp</vb:comment>
			<vb:if condition="(empty($currentNodeIsBlog) OR !empty($reportActivity)) AND empty($currentNodeIsArticle)">
				<div class="info h-right">
					{vb:set createdSchema.itemprop, dateCreated}
					{vb:set createdSchema.datetime, {vb:raw conversation.created}}
					<span class="post-date h-left"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></span>
						<vb:if condition="$showSubscribedInfo OR ($reportActivity AND $conversation['subscribed'])">
							<div class="subscribed h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase following}</div>
						</vb:if>
						<vb:if condition="($reportActivity AND $conversation['joined'])">
							<div class="joined h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase joined}</div>
						</vb:if>
				</div>
			</vb:if>
		</div>
		</vb:if><!-- end list item header -->

		<vb:comment>Since the list item header is hidden for articles, we need
		to add the inline mod checkbox here</vb:comment>
		<vb:if condition="!$reportActivity AND $conversation['channeltype'] == 'article'">
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="list-item-header">
					<div class="checkbox h-right">
						<vb:if condition="!$conversation['approved']">
							<span class="js-unapprove-label b-post__inlinemod-text">{vb:phrase unapproved}</span>
						</vb:if>
						<vb:if condition="$enableInlineMod">
							<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
						</vb:if>
					</div>
				</div>
			</vb:if>
		</vb:if>

		<div class="js-post__content-wrapper list-item-body-wrapper h-clear">
			<div class="js-post__content list-item-body conversation-body h-clearfix">

				<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle AND $adlocation">
					<div class="axd axd_{vb:raw adlocation}">
						{vb:set adtemplatename, 'ad_'}
						{vb:strcat adtemplatename, {vb:raw adlocation}}
						{vb:template {vb:raw adtemplatename}}
					</div>
				</vb:if>

				<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
					<vb:if condition="$postType == 'starter'"><h2 class="b-post__stream-post-title js-post-title h-hide">{vb:raw conversation.title}</h2></vb:if>
					{vb:set textSchema.itemprop, text}
					<div class="post-content restore js-post__content-text h-wordwrap" {vb:schema {vb:raw textSchema}}>
						<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
							{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
						<vb:else />
							{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, 0, {vb:var page.contentpagenum}}
						</vb:if>
						{vb:raw parsedText}
					</div>

					{vb:template photo_gallery_preview,
						conversation={vb:raw conversation},
						previewMode={vb:raw previewMode}}

					<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
						<div class="post-links h-left h-clear">
							<vb:if condition="empty($conversation['previewonly'])">
								<a href="#" class="see-link more" data-toggle-text="{vb:rawphrase see_less}">{vb:rawphrase see_more}</a>
								<span>|</span>
							</vb:if>
								<vb:if condition="$postType == 'starter'">
									{vb:set conversation.innerPost, {vb:raw conversation.nodeid}}
									<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="goto-post">
								<vb:elseif condition="$postType == 'reply'" />
									<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw starter}, {vb:raw extra}}" class="goto-post">
								<vb:elseif condition="$postType == 'visitorMessage'" />
									{vb:set extra.innerPost, {vb:raw conversation.nodeid}}
									{vb:set extra.nodeid, {vb:raw conversation.starter}}
									{vb:set extra.title, {vb:raw conversation.starterurlident}}
									<a href="{vb:url 'visitormessage', {vb:raw extra}}" class="goto-post">
								</vb:if>
								{vb:rawphrase go_to_post}
							</a>
						</div>
					</vb:if>
				</vb:if>
				{vb:template conversation_posthistory, conversation={vb:raw conversation}}
			</div>

			<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle">
				{vb:template article_content_pagenav, conversation={vb:raw conversation}}
			</vb:if>

			<vb:if condition="!empty($conversation['moderatorperms']['canviewips'])">
				{vb:set controls.showIp, 1}
			</vb:if>
			<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
				{vb:set controls.showVoteCount, 1}
				{vb:set controls.showInfractionCtrl, 1}
				{vb:set controls.showEditCtrl, 1}
				{vb:set controls.showFlagCtrl, 1}
				{vb:set controls.showVoteCtrl, 1}
				{vb:set controls.showQuoteCtrl, 0}
				{vb:set controls.showCommentCtrl, 0}
				{vb:set controls.showTagList, 0}
				<vb:if condition="!isset($reportActivity) OR !$reportActivity">
					<vb:if condition="$postType == 'starter'">
						{vb:set controls.showTagList, 1}
					</vb:if>
				</vb:if>
				<vb:if condition="$postType == 'reply' OR $vmDetail">
					{vb:set controls.showCommentCtrl, 1}
				</vb:if>
				<vb:if condition="$view == 'conversation_detail' OR $view == 'stream'">
					{vb:set controls.showQuoteCtrl, 1}
				</vb:if>
				<vb:if condition="$showNoControls">
					{vb:set controls.showVoteCount, 0}
					{vb:set controls.showInfractionCtrl, 0}
					{vb:set controls.showEditCtrl, 0}
					{vb:set controls.showFlagCtrl, 0}
					{vb:set controls.showVoteCtrl, 0}
					{vb:set controls.showQuoteCtrl, 0}
					{vb:set controls.showCommentCtrl, 0}
					{vb:set controls.showTagList, 0}
				</vb:if>

				<vb:if condition="$currentNodeIsBlog">
					{vb:set controls.showCommentCtrl, 0}
				</vb:if>

				<vb:if condition="!empty($footerControls)">
					{vb:set controls, {vb:php array_merge, {vb:raw controls}, {vb:raw footerControls}}}
				</vb:if>

				<vb:if condition="$showNoControls">
					{vb:set sum, {vb:php array_sum, {vb:raw controls}}}
					<vb:if condition="$sum">
						{vb:set showNoControls, 0}
					</vb:if>
				</vb:if>

				<vb:if condition="$currentNodeIsArticle AND $reportActivity">
					{vb:set showNoControls, 1}
				</vb:if>


				{vb:template conversation_footer, conversation={vb:raw conversation}, showNoControls={vb:raw showNoControls}, controls={vb:raw controls}}


				<div class="edit-conversation-container OLD__edit-conversation-container"></div>

				<vb:if condition="$displayComments">
					{vb:template display_Comments, conversation={vb:raw conversation}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, commentsPerPage={vb:raw commentsPerPage}, initialCommentsPerPage={vb:raw initialCommentsPerPage}, enableInlineMod={vb:raw enableInlineMod}, parentNodeIsBlog={vb:raw currentNodeIsBlog}, parentNodeIsArticle={vb:raw currentNodeIsArticle}}
				</vb:if>

				<vb:if condition="empty($reportActivity) AND $currentNodeIsBlog">
					{vb:template pagenav, pagenav={vb:raw pagingInfo}}
				</vb:if>

				<vb:comment>Comment box for Blog posts</vb:comment>
				<vb:if condition="$userCanCommentOnThisBlog > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--blog h-padding-xxl h-padding-top-xl comment-entry-box {vb:if "$conversation['textcount'] > 0", has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsBlog AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisBlog == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisBlog == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						<vb:elseif condition="$userCanCommentOnThisBlog == -2" />
							{vb:rawdata blogChannel, 'node', 'getNode', {vb:raw conversation.parentid}}
							{vb:rawphrase you_must_subscribe_to_post_comment, 'is-blog-channel', {vb:raw blogChannel.nodeid}, {vb:raw blogChannel.userid}, {vb:url {vb:raw blogChannel.routeid}}, {vb:var blogChannel.title}}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Articles</vb:comment>
				<vb:if condition="$userCanCommentOnThisArticle > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--article h-padding-xxl h-padding-top-xl comment-entry-box {vb:if "$conversation['textcount'] > 0", has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsArticle AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisArticle == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisArticle == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Forum posts</vb:comment>
				<vb:if condition="$postType == 'reply' AND !$currentNodeIsBlog AND !$currentNodeIsArticle AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry h-padding-xxl h-padding-top-xl comment-entry-box h-hide">
						<h3 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}:</h3>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow reload-on-post" placeholder="{vb:rawphrase type_your_comment_here}"></textarea>
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:rawphrase post_comment}</button>
							<button type="button" id="btnPostCommentCancel-{vb:raw conversation.nodeid}" class="b-button js-comment-entry__cancel">{vb:rawphrase cancel}</button>
						</div>
					</div>
				</vb:if>
			</vb:if>
		</div>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationreply_Infraction" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="$conversation['isVisitorMessage']">
	{vb:set postType, 'visitorMessage'}
	<vb:if condition="$conversation['nodeid'] != $conversation['starter']">
		{vb:set isVmComment, 1}
	</vb:if>
<vb:elseif condition="$conversation['starter'] == $conversation['nodeid']" />
	{vb:set postType, 'starter'}
	{vb:set conversation.innerPost, {vb:raw conversation.nodeid}}
<vb:elseif condition="$conversation['starter'] == $conversation['parentid']" />
	{vb:set postType, 'reply'}
<vb:else />
	{vb:set postType, 'comment'}
	{vb:set commentNodeId, {vb:raw conversation.parentid}}
	{vb:set parentConversation, {vb:raw conversation.parentConversation}}
</vb:if>

<vb:if condition="$currentNodeIsBlog">
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/BlogPosting}
	{vb:set nodeType, 'blog_post'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisBlog, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisBlog must be set in parent widget</vb:comment>
	</vb:if>
<vb:elseif condition="$currentNodeIsArticle" />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/Article}
	{vb:set nodeType, 'article'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisArticle, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisArticle must be set in parent widget</vb:comment>
	</vb:if>
<vb:else />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
	{vb:set nodeType, 'topic'}
	{vb:set userCanCommentOnThisBlog, 0}
	{vb:set displayComments, 0}
</vb:if>

<vb:if condition="!empty($showInlineMod) AND !empty($conversation['permissions']) AND (!empty($conversation['permissions']['canmoderate']) OR !empty($conversation['moderatorperms']['canmoderateposts']) OR !empty($conversation['moderatorperms']['candeleteposts']) OR !empty($conversation['moderatorperms']['caneditposts']) OR !empty($conversation['moderatorperms']['canopenclose']) OR !empty($conversation['moderatorperms']['canmassmove']) OR !empty($conversation['moderatorperms']['canmassprune']) OR !empty($conversation['moderatorperms']['canremoveposts']) OR !empty($conversation['moderatorperms']['cansetfeatured']))">
	{vb:set enableInlineMod, 1}
</vb:if>

{vb:set postStatus, ''}
<vb:if condition="$conversation['approved'] == 0">
	{vb:strcat postStatus, ' unapproved b-post--unapproved'}
</vb:if>
<vb:if condition="$conversation['featured']">
	{vb:strcat postStatus, ' featured b-post--featured'}
</vb:if>
<vb:if condition="$conversation['unpublishdate']">
	{vb:strcat postStatus, ' deleted b-post--deleted'}
</vb:if>

{vb:set nodeSchemaInfo.itemscope, 1}
{vb:set nodeMicrodata, {vb:schema {vb:raw nodeSchemaInfo}}}

<li data-node-id="{vb:raw conversation.nodeid}" 
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if> 
	class="b-post js-post js-comment-entry__parent list-item{vb:raw postStatus} list-item-text h-left h-clear<vb:if condition="(!isset($reportActivity) OR !$reportActivity) AND $postType == 'starter'"> conversation-starter js-conversation-starter</vb:if><vb:if condition="$enableInlineMod OR !$conversation['approved']"> inlinemod-item</vb:if><vb:if condition="!empty($addLiClass)"> {vb:raw addLiClass}</vb:if>" {vb:raw nodeMicrodata}>

	<vb:if condition="!empty($nodeMicrodata)">
		{vb:set schemaInfo.tag, meta}

		<vb:if condition="$postType == 'starter'">
			{vb:set schemaInfo.itemprop, name}
			{vb:set schemaInfo.content, {vb:raw conversation.title}}
			{vb:schema {vb:raw schemaInfo}}
		</vb:if>

		{vb:set schemaInfo.itemprop, url}
		{vb:set schemaInfo.content, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:schema {vb:raw schemaInfo}}
	</vb:if>

	<a id="post{vb:raw conversation.nodeid}" class="anchor"></a>
	<vb:if condition="$conversation['unpublishdate']">
		<vb:if condition="
			($conversation['moderatorperms']['canundeleteposts'] > 0) OR
			($conversation['moderatorperms']['canremoveposts'] > 0)
		">
			{vb:set canViewSoftdeletedNode, 1}
		<vb:else />
			{vb:set canViewSoftdeletedNode, 0}
		</vb:if>
		<div class="b-media b-post__unpublish-info h-padding-bottom-l h-padding-horiz-xl">
			<div class="b-media__img--rev">
				<vb:if condition="$canViewSoftdeletedNode">
					<label class="js-post__manage b-link js-link OLD__manage" tabindex="0">{vb:phrase manage}</label>
					| <label class="js-post__show-hide js-post__show-hide--show b-link" data-toggle-text="{vb:phrase hide}" tabindex="0">{vb:phrase show}</label>
				</vb:if>
			</div>

			<div class="b-media__body">

				<div class="b-post__date OLD__post-date">
					{vb:datetime {vb:raw conversation.unpublishdate}}
				</div>

				<vb:if condition="!empty($conversation['deleteuserid']) AND !empty($conversation['deleteusername'])">
					{vb:set deleteUserInfo.userid, {vb:var conversation.deleteuserid}}
					{vb:set deleteuserlink, {vb:url 'profile', {vb:raw deleteUserInfo}}}
					{vb:set deleteusername, {vb:raw conversation.deleteusername}}
				<vb:else />
					{vb:set deleteusername, {vb:rawphrase unknown}}
					{vb:set deleteuserlink, '#'}
				</vb:if>
				{vb:set phraseId, 'this_'}
				<vb:if condition="$currentNodeIsBlog OR $currentNodeIsArticle">
					<vb:if condition="$postType == 'starter'">
						{vb:strcat phraseId, {vb:raw nodeType}}
					<vb:else />
						{vb:strcat phraseId, 'comment'}
					</vb:if>
				<vb:elseif condition="$postType == 'starter'" />
					{vb:strcat phraseId, 'topic'}
				<vb:else />
					{vb:strcat phraseId, {vb:raw postType}}
				</vb:if>
				{vb:strcat phraseId, '_by_x_has_been_deleted_by_y_link'}

				<div class="b-post__delete-note OLD__delete-note">
					{vb:rawphrase {vb:raw phraseId}, {vb:raw conversation.authorname}, {vb:raw deleteuserlink}, {vb:raw deleteusername}}
				</div>

				<vb:if condition="!empty($conversation['deletereason'])">
					<div class="b-post__delete-reason OLD__delete-reason"><label>{vb:phrase reason}:</label> {vb:var conversation.deletereason}</div>
				</vb:if>
			</div>
		</div>
	</vb:if>

	<div class="b-post__hide-when-deleted">
		<hr class="b-divider--section OLD__section-divider">

		<vb:comment><!--
			Hide the list item header when viewing an individual article
			This information is shown in the page_title module for articles
		--></vb:comment>
		<vb:if condition="$conversation['channeltype'] != 'article' OR $reportActivity">
		<div class="list-item-header h-left">
			<vb:if condition="($postType == 'visitorMessage') AND $vmDetail"><h3 class="vm-desc">{vb:rawphrase visitor_message_from_x, {vb:raw conversation.authorname}}</h3></vb:if>
			<vb:if condition="$user['showavatars'] AND $conversation['channeltype'] != 'article'">
				{vb:set avatar, {vb:var conversation.avatar}}
				<vb:if condition="!$conversation['userid']">
					<span class="avatar h-left"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:rawphrase guest_avatar}" /></span>
				<vb:elseif condition="$avatar AND $avatar['avatarpath']" />
					<a href="{vb:url 'profile', {vb:raw conversation}}" class="avatar h-left avatar-{vb:raw conversation.userid}"><img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" alt="{vb:raw conversation.authorname}" /></a>
				</vb:if>
			</vb:if>
			<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
				<div class="post-action-wrapper<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if><vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> td</vb:if>">
					{vb:set starter.nodeid, {vb:raw conversation.starter}}
					{vb:set starter.username, {vb:raw conversation.starterauthorname}}
					{vb:set starter.userid, {vb:raw conversation.starteruserid}}

					<vb:if condition="isset($reportActivity) AND $reportActivity">
						<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

							<vb:comment>**** Article Title (on channel page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								displayCompact=1,
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$postType =='visitorMessage'" />
							<vb:if condition="$isVmComment">
								{vb:set profileRouteInfo.userid, {vb:raw conversation.userid}}
								{vb:set profileRouteUrl, {vb:url 'profile', {vb:raw profileRouteInfo}}}
								<vb:if condition="$reportActivity">
									{vb:set vmRouteInfo.nodeid, {vb:raw conversation.starter}}
									{vb:set vmRouteInfo.title, {vb:raw conversation.starterurlident}}
									{vb:set vmRouteUrl, {vb:url 'visitormessage', {vb:raw vmRouteInfo}}}
									<vb:if condition="$conversation['userid'] > 0">
										{vb:rawphrase x_commented_on_vm_from_y, {vb:var profileRouteUrl}, {vb:raw conversation.authorname}, {vb:var vmRouteUrl}, {vb:raw conversation.starterauthorname}, {vb:raw conversation.nodeid}}
									<vb:else />
										{vb:rawphrase guest_commented_on_vm_from_y, {vb:var vmRouteUrl}, {vb:raw conversation.starterauthorname}, {vb:raw conversation.nodeid}}
									</vb:if>
								<vb:else />
									<vb:if condition="$conversation['userid'] > 0">
										{vb:rawphrase x_commented, {vb:var profileRouteUrl}, {vb:raw conversation.authorname}}
									<vb:else />
										{vb:rawphrase guest_commented}
									</vb:if>
								</vb:if>
							<vb:else />
								{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
								{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
								{vb:set userInfo.userid, {vb:raw conversation.userid}}
								{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
								<vb:if condition="$conversation['userid'] > 0">
									{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								<vb:else />
									{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							{vb:set topicTitle, {vb:raw conversation.title}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							{vb:set searchUrl, {vb:url 'search'}}

							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							{vb:set topicTitle, {vb:raw conversation.startertitle}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							{vb:set searchUrl, {vb:url 'search'}}

							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}

								<vb:comment>blog comments are essentially reply nodes, but we just call them comments not replies</vb:comment>
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'x_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'x_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'x_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'guest_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'guest_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'guest_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						<vb:else />
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set parentProfileUrl, {vb:url 'profile', {vb:raw parentConversation}}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							{vb:set starter.innerPost, {vb:raw conversation.parentid}}
							{vb:set conversationExtraUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							{vb:set searchUrl, {vb:url 'search'}}
							{vb:set conversationTitle, {vb:raw conversation.startertitle}}
							<vb:if condition="$conversation['userid'] > 0 AND $parentConversation['userid'] > 0">
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase x_commented_on_ys_reply_to_z_with_prefix, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase x_commented_on_ys_reply_to_z, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}}
								</vb:if>
							<vb:elseif condition="$conversation['userid'] == 0 AND $parentConversation['userid'] > 0"/>
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase guest_commented_on_ys_reply_to_z_with_prefix, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase guest_commented_on_ys_reply_to_z, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}}
								</vb:if>
							<vb:elseif condition="$conversation['userid'] > 0 AND $parentConversation['userid'] == 0"/>
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase x_commented_on_guests_reply_to_z_with_prefix, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase x_commented_on_guests_reply_to_z, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}}
								</vb:if>
							<vb:else />
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase guest_commented_on_guests_reply_to_z_with_prefix, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase guest_commented_on_guests_reply_to_z, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}}
								</vb:if>
							</vb:if>
						</vb:if>
					<vb:else />
						<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

							<vb:comment>**** Article Title (on article page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$postType =='visitorMessage'" />
							<vb:if condition="$isVmComment">
								{vb:set profileRouteInfo.userid, {vb:raw conversation.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileRouteInfo}}}
								{vb:rawphrase x_commented, {vb:var profileUrl}, {vb:raw conversation.authorname}}
							<vb:else />
								{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
								{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
								{vb:set userInfo.userid, {vb:raw conversation.userid}}
								{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
								<vb:if condition="$conversation['userid'] > 0">
									{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								<vb:else />
									{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							<vb:comment><!-- In a topic's stream view --></vb:comment>
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:rawphrase link_x_y_replied, {vb:var profileUrl}, {vb:raw conversation.authorname}}
							<vb:else />
								{vb:rawphrase guest_replied}
							</vb:if>
						<vb:else />
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set parentProfileUrl, {vb:url 'profile', {vb:raw parentConversation}}}
							{vb:set parentConversationUrl, {vb:url {vb:raw parentConversation.starterroute}, {vb:raw starter}}}
							<vb:if condition="$conversation['userid'] > 0 AND $parentConversation['userid'] > 0">
								{vb:rawphrase x_commented_on_ys_reply, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							<vb:elseif condition="$conversation['userid'] == 0 AND $parentConversation['userid'] > 0"/>
								{vb:rawphrase guest_commented_on_ys_reply, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							<vb:elseif condition="$conversation['userid'] > 0 AND $parentConversation['userid'] == 0"/>
								{vb:rawphrase x_commented_on_guests_reply, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							<vb:else />
								{vb:rawphrase guest_commented_on_guests_reply, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							</vb:if>
						</vb:if>
					</vb:if>
					<vb:if condition="$currentNodeIsBlog AND empty($reportActivity)">
						{vb:set createdSchema.itemprop, dateCreated}
						{vb:set createdSchema.datetime, {vb:raw conversation.created}}
						<div class="post-date"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></div>
					</vb:if>
				</div>
				<vb:if condition="isset($showChannelInfo) AND $showChannelInfo AND ($postType != 'visitorMessage')">{vb:set channelUrl, {vb:url {vb:raw conversation.channelroute}}}<div class="channel-info ellipsis">{vb:rawphrase in_x_channel, {vb:var channelUrl}, {vb:raw conversation.channeltitle}}</div></vb:if>
			</div>
			<vb:if condition="$showSubscribedInfo">
				<ul data-node-id="{vb:raw conversation.nodeid}" class="h-hide unfollow_panel">
					<vb:if condition="$node['isFollowingContent']">
						<li data-item-id="{vb:raw node.isFollowingContent}" class="unfollow_content">{vb:rawphrase unfollow_discussion}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingMember']">
						<li data-item-id="{vb:raw node.isFollowingMember}" class="unfollow_member">{vb:rawphrase unfollow_member}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingChannel']">
						<li data-item-id="{vb:raw node.isFollowingChannel}" class="unfollow_channel">{vb:rawphrase unfollow_channel}</li>
					</vb:if>
				</ul>
			</vb:if>
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="checkbox h-right">
					<vb:if condition="!$conversation['approved']">
						<span class="js-unapprove-label b-post__inlinemod-text">{vb:phrase unapproved}</span>
					</vb:if>
					<vb:if condition="$enableInlineMod">
						<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
					</vb:if>
				</div>
			</vb:if>
			<vb:comment>VBV-7701 Blog entries have a second timestamp</vb:comment>
			<vb:if condition="(empty($currentNodeIsBlog) OR !empty($reportActivity)) AND empty($currentNodeIsArticle)">
				<div class="info h-right">
					{vb:set createdSchema.itemprop, dateCreated}
					{vb:set createdSchema.datetime, {vb:raw conversation.created}}
					<span class="post-date h-left"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></span>
						<vb:if condition="$showSubscribedInfo OR ($reportActivity AND $conversation['subscribed'])">
							<div class="subscribed h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase following}</div>
						</vb:if>
						<vb:if condition="($reportActivity AND $conversation['joined'])">
							<div class="joined h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase joined}</div>
						</vb:if>
				</div>
			</vb:if>
		</div>
		</vb:if><!-- end list item header -->

		<vb:comment>Since the list item header is hidden for articles, we need
		to add the inline mod checkbox here</vb:comment>
		<vb:if condition="!$reportActivity AND $conversation['channeltype'] == 'article'">
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="list-item-header">
					<div class="checkbox h-right">
						<vb:if condition="!$conversation['approved']">
							<span class="js-unapprove-label b-post__inlinemod-text">{vb:phrase unapproved}</span>
						</vb:if>
						<vb:if condition="$enableInlineMod">
							<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
						</vb:if>
					</div>
				</div>
			</vb:if>
		</vb:if>

		<div class="js-post__content-wrapper list-item-body-wrapper h-clear" data-node-type="{vb:raw postType}">
			<div class="js-post__content list-item-body conversation-body">

				<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle AND $adlocation">
					<div class="axd axd_{vb:raw adlocation}">
						{vb:set adtemplatename, 'ad_'}
						{vb:strcat adtemplatename, {vb:raw adlocation}}
						{vb:template {vb:raw adtemplatename}}
					</div>
				</vb:if>

				<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
					<vb:if condition="$postType == 'starter'"><h2 class="b-post__stream-post-title js-post-title h-hide">{vb:raw conversation.title}</h2></vb:if>
					{vb:set textSchema.itemprop, text}
					<div class="post-content restore js-post__content-text h-wordwrap" {vb:schema {vb:raw textSchema}}>
						<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
							{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
						<vb:else />
							{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, 0, {vb:var page.contentpagenum}}
						</vb:if>
						{vb:raw parsedText}
					</div>
					<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
						<div class="post-links">
							<a href="#" class="see-link more" data-toggle-text="{vb:rawphrase see_less}">{vb:rawphrase see_more}</a>
								<span>|</span>
							<vb:if condition="$postType == 'starter'">
									<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="goto-post">
							<vb:elseif condition="$postType == 'visitorMessage'" />
								{vb:set extra.nodeid, {vb:raw conversation.starter}}
								{vb:set extra.title, {vb:raw conversation.starterurlident}}
								{vb:set extra.innerPost, {vb:raw conversation.nodeid}}
									<a href="{vb:url 'visitormessage', {vb:raw extra}}" class="goto-post">
							<vb:else />
								{vb:set starter.innerPost, {vb:raw conversation.nodeid}}
								{vb:set starter.innerPostParent, {vb:raw conversation.parentid}}
								<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}" class="goto-post">
							</vb:if>
								{vb:rawphrase go_to_post}
							</a>
						</div>
					</vb:if>
					{vb:template conversation_posthistory, conversation={vb:raw conversation}}
				</vb:if>
			</div>

			<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle">
				{vb:template article_content_pagenav, conversation={vb:raw conversation}}
			</vb:if>

			<vb:if condition="!empty($conversation['moderatorperms']['canviewips'])">
				{vb:set controls.showIp, 1}
			</vb:if>
			<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
				{vb:set controls.showVoteCount, 1}
				{vb:set controls.showInfractionCtrl, 1}
				{vb:set controls.showEditCtrl, 1}
				{vb:set controls.showFlagCtrl, 1}
				{vb:set controls.showVoteCtrl, 1}
				{vb:set controls.showQuoteCtrl, 0}
				{vb:set controls.showCommentCtrl, 0}
				{vb:set controls.showTagList, 0}

				<vb:if condition="!isset($reportActivity) OR !$reportActivity">
					<vb:if condition="$postType == 'starter'">
						{vb:set controls.showTagList, 1}
					</vb:if>
				</vb:if>
				<vb:if condition="$postType == 'reply' OR $vmDetail">
					{vb:set controls.showCommentCtrl, 1}
				</vb:if>
				<vb:if condition="$view == 'conversation_detail' OR $view == 'stream'">
					{vb:set controls.showQuoteCtrl, 1}
				</vb:if>
				<vb:if condition="$showNoControls">
					{vb:set controls.showVoteCount, 0}
					{vb:set controls.showInfractionCtrl, 0}
					{vb:set controls.showEditCtrl, 0}
					{vb:set controls.showFlagCtrl, 0}
					{vb:set controls.showVoteCtrl, 0}
					{vb:set controls.showQuoteCtrl, 0}
					{vb:set controls.showCommentCtrl, 0}
					{vb:set controls.showTagList, 0}
				</vb:if>
				<vb:if condition="$isVmComment">
					{vb:set controls.showVoteCtrl, 0}
				</vb:if>

				<vb:if condition="$currentNodeIsBlog">
					{vb:set controls.showCommentCtrl, 0}
				</vb:if>

				<vb:if condition="!empty($footerControls)">
					{vb:set controls, {vb:php array_merge, {vb:raw controls}, {vb:raw footerControls}}}
				</vb:if>

				<vb:if condition="$showNoControls">
					{vb:set sum, {vb:php array_sum, {vb:raw controls}}}
					<vb:if condition="$sum">
						{vb:set showNoControls, 0}
					</vb:if>
				</vb:if>

				<vb:if condition="$currentNodeIsArticle AND $reportActivity">
					{vb:set showNoControls, 1}
				</vb:if>


				{vb:template conversation_footer, conversation={vb:raw conversation}, showNoControls={vb:raw showNoControls}, controls={vb:raw controls}}


				<div class="edit-conversation-container OLD__edit-conversation-container"></div>

				<vb:if condition="$displayComments">
					{vb:template display_Comments, conversation={vb:raw conversation}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId},  commentsPerPage={vb:raw commentsPerPage}, initialCommentsPerPage={vb:raw initialCommentsPerPage}, enableInlineMod={vb:raw enableInlineMod}, parentNodeIsBlog={vb:raw currentNodeIsBlog}, parentNodeIsArticle={vb:raw currentNodeIsArticle}}
				</vb:if>

				<vb:if condition="empty($reportActivity) AND $currentNodeIsBlog">
					{vb:template pagenav, pagenav={vb:raw pagingInfo}}
				</vb:if>

				<vb:comment>Comment box for Blog posts</vb:comment>
				<vb:if condition="$userCanCommentOnThisBlog > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--blog h-padding-xxl h-padding-top-xl comment-entry-box {vb:if "$conversation['textcount'] > 0", has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsBlog AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisBlog == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisBlog == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						<vb:elseif condition="$userCanCommentOnThisBlog == -2" />
							<vb:comment>parents.0 is this same node</vb:comment>
							{vb:set blogChannel, {vb:raw conversation.parents.1}}
							{vb:rawphrase you_must_subscribe_to_post_comment, 'is-blog-channel', {vb:raw blogChannel.nodeid}, {vb:raw blogChannel.userid}, {vb:url {vb:raw blogChannel.routeid}}, {vb:var blogChannel.title}}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Articles</vb:comment>
				<vb:if condition="$userCanCommentOnThisArticle > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--article h-padding-xxl h-padding-top-xl comment-entry-box {vb:if "$conversation['textcount'] > 0", has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsArticle AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisArticle == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisArticle == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Forum posts</vb:comment>
				<vb:if condition="$postType == 'reply' AND !$currentNodeIsBlog AND !$currentNodeIsArticle AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry h-padding-xxl h-padding-top-xl comment-entry-box h-hide">
						<h3 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}:</h3>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow reload-on-post" placeholder="{vb:rawphrase type_your_comment_here}"></textarea>
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:rawphrase post_comment}</button>
							<button type="button" id="btnPostCommentCancel-{vb:raw conversation.nodeid}" class="b-button js-comment-entry__cancel">{vb:rawphrase cancel}</button>
						</div>
					</div>
				</vb:if>
			</vb:if>
		</div>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationreply_Link" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="$conversation['isVisitorMessage']">
	{vb:set postType, 'visitorMessage'}
<vb:elseif condition="$conversation['starter'] == $conversation['nodeid']" />
	{vb:set postType, 'starter'}
	{vb:set conversation.innerPost, {vb:raw conversation.nodeid}}
<vb:elseif condition="$conversation['starter'] == $conversation['parentid']" />
	{vb:set postType, 'reply'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set starter.nodeid, {vb:raw conversation.starter}}
		{vb:set starter.username, {vb:raw conversation.starterauthorname}}
		{vb:set starter.userid, {vb:raw conversation.starteruserid}}
		{vb:set starterWithReplyParam, {vb:raw starter}}
		{vb:set starterWithReplyParam.innerPost, {vb:raw conversation.nodeid}}
	</vb:if>
</vb:if>

<vb:if condition="$currentNodeIsBlog">
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/BlogPosting}
	{vb:set nodeType, 'blog_post'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisBlog, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisBlog must be set in parent widget</vb:comment>
	</vb:if>
<vb:elseif condition="$currentNodeIsArticle" />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/Article}
	{vb:set nodeType, 'article'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisArticle, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisArticle must be set in parent widget</vb:comment>
	</vb:if>
<vb:else />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
	{vb:set nodeType, 'topic'}
	{vb:set userCanCommentOnThisBlog, 0}
	{vb:set displayComments, 0}
</vb:if>

<vb:if condition="!empty($showInlineMod) AND !empty($conversation['permissions']) AND (!empty($conversation['permissions']['canmoderate']) OR !empty($conversation['moderatorperms']['canmoderateposts']) OR !empty($conversation['moderatorperms']['candeleteposts']) OR !empty($conversation['moderatorperms']['caneditposts']) OR !empty($conversation['moderatorperms']['canopenclose']) OR !empty($conversation['moderatorperms']['canmassmove']) OR !empty($conversation['moderatorperms']['canmassprune']) OR !empty($conversation['moderatorperms']['canremoveposts']) OR !empty($conversation['moderatorperms']['cansetfeatured']))">
	{vb:set enableInlineMod, 1}
</vb:if>

{vb:set postStatus, ''}
<vb:if condition="$conversation['approved'] == 0">
	{vb:strcat postStatus, ' unapproved b-post--unapproved'}
</vb:if>
<vb:if condition="$conversation['featured']">
	{vb:strcat postStatus, ' featured b-post--featured'}
</vb:if>
<vb:if condition="$conversation['unpublishdate']">
	{vb:strcat postStatus, ' deleted b-post--deleted'}
</vb:if>

{vb:set nodeSchemaInfo.itemscope, 1}
{vb:set nodeMicrodata, {vb:schema {vb:raw nodeSchemaInfo}}}

<li data-node-id="{vb:raw conversation.nodeid}" 
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if> 
	class="b-post js-post js-comment-entry__parent list-item{vb:raw postStatus} list-item-link h-left h-clear<vb:if condition="(!isset($reportActivity) OR !$reportActivity) AND $postType == 'starter'"> conversation-starter js-conversation-starter</vb:if><vb:if condition="$enableInlineMod OR !$conversation['approved']"> inlinemod-item</vb:if><vb:if condition="!empty($addLiClass)"> {vb:raw addLiClass}</vb:if>" {vb:raw nodeMicrodata}>

	<vb:if condition="!empty($nodeMicrodata)">
		{vb:set schemaInfo.tag, meta}

		<vb:if condition="$postType == 'starter'">
			{vb:set schemaInfo.itemprop, name}
			{vb:set schemaInfo.content, {vb:raw conversation.title}}
			{vb:schema {vb:raw schemaInfo}}
		</vb:if>

		{vb:set schemaInfo.itemprop, url}
		{vb:set schemaInfo.content, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:schema {vb:raw schemaInfo}}
	</vb:if>

	<a id="post{vb:raw conversation.nodeid}" class="anchor"></a>
	<vb:if condition="$conversation['unpublishdate']">
		<vb:if condition="
			($conversation['moderatorperms']['canundeleteposts'] > 0) OR
			($conversation['moderatorperms']['canremoveposts'] > 0)
		">
			{vb:set canViewSoftdeletedNode, 1}
		<vb:else />
			{vb:set canViewSoftdeletedNode, 0}
		</vb:if>
		<div class="b-media b-post__unpublish-info h-padding-bottom-l h-padding-horiz-xl">
			<div class="b-media__img--rev">
				<vb:if condition="$canViewSoftdeletedNode">
					<label class="js-post__manage b-link js-link OLD__manage" tabindex="0">{vb:phrase manage}</label>
					| <label class="js-post__show-hide js-post__show-hide--show b-link" data-toggle-text="{vb:phrase hide}" tabindex="0">{vb:phrase show}</label>
				</vb:if>
			</div>

			<div class="b-media__body">

				<div class="b-post__date OLD__post-date">
					{vb:datetime {vb:raw conversation.unpublishdate}}
				</div>

				<vb:if condition="!empty($conversation['deleteuserid']) AND !empty($conversation['deleteusername'])">
					{vb:set deleteUserInfo.userid, {vb:var conversation.deleteuserid}}
					{vb:set deleteuserlink, {vb:url 'profile', {vb:raw deleteUserInfo}}}
					{vb:set deleteusername, {vb:raw conversation.deleteusername}}
				<vb:else />
					{vb:set deleteusername, {vb:rawphrase unknown}}
					{vb:set deleteuserlink, '#'}
				</vb:if>
				{vb:set phraseId, 'this_'}
				<vb:if condition="$currentNodeIsBlog OR $currentNodeIsArticle">
					<vb:if condition="$postType == 'starter'">
						{vb:strcat phraseId, {vb:raw nodeType}}
					<vb:else />
						{vb:strcat phraseId, 'comment'}
					</vb:if>
				<vb:elseif condition="$postType == 'starter'" />
					{vb:strcat phraseId, 'topic'}
				<vb:else />
					{vb:strcat phraseId, {vb:raw postType}}
				</vb:if>
				{vb:strcat phraseId, '_by_x_has_been_deleted_by_y_link'}

				<div class="b-post__delete-note OLD__delete-note">
					{vb:rawphrase {vb:raw phraseId}, {vb:raw conversation.authorname}, {vb:raw deleteuserlink}, {vb:raw deleteusername}}
				</div>

				<vb:if condition="!empty($conversation['deletereason'])">
					<div class="b-post__delete-reason OLD__delete-reason"><label>{vb:phrase reason}:</label> {vb:var conversation.deletereason}</div>
				</vb:if>
			</div>
		</div>
	</vb:if>

	<div class="b-post__hide-when-deleted">
		<hr class="b-divider--section OLD__section-divider">

		<vb:comment><!--
			Hide the list item header when viewing an individual article
			This information is shown in the page_title module for articles
		--></vb:comment>
		<vb:if condition="$conversation['channeltype'] != 'article' OR $reportActivity">
		<div class="list-item-header h-left">
			<vb:if condition="($postType == 'visitorMessage') AND $vmDetail"><h3 class="vm-desc">{vb:rawphrase visitor_message_from_x, {vb:raw conversation.authorname}}</h3></vb:if>
			<vb:if condition="$user['showavatars'] AND $conversation['channeltype'] != 'article'">
				{vb:set avatar, {vb:var conversation.avatar}}
				<vb:if condition="!$conversation['userid']">
					<span class="avatar h-left"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:rawphrase guest_avatar}" /></span>
				<vb:elseif condition="$avatar AND $avatar['avatarpath']" />
					<a href="{vb:url 'profile', {vb:raw conversation}}" class="avatar h-left avatar-{vb:raw conversation.userid}"><img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" alt="{vb:raw conversation.authorname}" /></a>
				</vb:if>
			</vb:if>
			<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
				<div class="post-action-wrapper<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if><vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> td</vb:if>">
					<vb:if condition="isset($reportActivity) AND $reportActivity">
						<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

							<vb:comment>**** Article Title (on channel page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								displayCompact=1,
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$postType =='visitorMessage'" />
							{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
							{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
							{vb:set userInfo.userid, {vb:raw conversation.userid}}
							{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							<vb:else />
								{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							{vb:set topicTitle, {vb:raw conversation.title}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							{vb:set searchUrl, {vb:url 'search'}}

							<vb:if condition="$conversation['userid'] > 0">
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							{vb:set topicTitle, {vb:raw conversation.startertitle}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							{vb:set searchUrl, {vb:url 'search'}}
							<vb:if condition="$conversation['userid'] > 0">

								<vb:comment>blog comments are essentially reply nodes, but we just call them comments not replies</vb:comment>
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'x_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'x_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'x_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'guest_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'guest_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'guest_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						</vb:if>
					<vb:else />
						<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

							<vb:comment>**** Article Title (on article page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$postType =='visitorMessage'" />
							{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
							{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
							{vb:set userInfo.userid, {vb:raw conversation.userid}}
							{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							<vb:else />
								{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							<vb:if condition="$conversation['iconpath']">
								<img src="{vb:var baseurl_core}/{vb:var conversation.iconpath}" width="16" height="16" alt="" />
							</vb:if>
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							<vb:comment><!-- In a topic's stream view --></vb:comment>
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:rawphrase link_x_y_replied, {vb:var profileUrl}, {vb:raw conversation.authorname}}
							<vb:else />
								{vb:rawphrase guest_replied}
							</vb:if>
						</vb:if>
					</vb:if>
					<vb:if condition="$currentNodeIsBlog AND empty($reportActivity)">
						{vb:set createdSchema.itemprop, dateCreated}
						{vb:set createdSchema.datetime, {vb:raw conversation.created}}
						<div class="post-date"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></div>

						<vb:comment>Social sharing</vb:comment>
						{vb:template display_sharing, conversation={vb:raw conversation}, horizontal=1}

					</vb:if>
				</div>
				<vb:if condition="isset($showChannelInfo) AND $showChannelInfo AND ($postType != 'visitorMessage')">{vb:set channelUrl, {vb:url {vb:raw conversation.channelroute}}}<div class="channel-info ellipsis">{vb:rawphrase in_x_channel, {vb:var channelUrl}, {vb:raw conversation.channeltitle}}</div></vb:if>
			</div>
			<vb:if condition="$showSubscribedInfo">
				<ul data-node-id="{vb:raw conversation.nodeid}" class="h-hide unfollow_panel">
					<vb:if condition="$node['isFollowingContent']">
						<li data-item-id="{vb:raw node.isFollowingContent}" class="unfollow_content">{vb:rawphrase unfollow_discussion}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingMember']">
						<li data-item-id="{vb:raw node.isFollowingMember}" class="unfollow_member">{vb:rawphrase unfollow_member}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingChannel']">
						<li data-item-id="{vb:raw node.isFollowingChannel}" class="unfollow_channel">{vb:rawphrase unfollow_channel}</li>
					</vb:if>
				</ul>
			</vb:if>
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="checkbox h-right">
					<vb:if condition="!$conversation['approved']">
						<span class="js-unapprove-label b-post__inlinemod-text">{vb:rawphrase unapproved}</span>
					</vb:if>
					<vb:if condition="$enableInlineMod">
						<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
					</vb:if>
				</div>
			</vb:if>
			<vb:comment>VBV-7701 Blog entries have a second timestamp</vb:comment>
			<vb:if condition="(empty($currentNodeIsBlog) OR !empty($reportActivity)) AND empty($currentNodeIsArticle)">
				<div class="info h-right">
					{vb:set createdSchema.itemprop, dateCreated}
					{vb:set createdSchema.datetime, {vb:raw conversation.created}}
					<span class="post-date h-left"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></span>
						<vb:if condition="$showSubscribedInfo OR ($reportActivity AND $conversation['subscribed'])">
							<div class="subscribed h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase following}</div>
						</vb:if>
						<vb:if condition="($reportActivity AND $conversation['joined'])">
							<div class="joined h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase joined}</div>
						</vb:if>
				</div>
			</vb:if>
		</div>
		</vb:if><!-- end list item header -->

		<vb:comment>Since the list item header is hidden for articles, we need
		to add the inline mod checkbox here</vb:comment>
		<vb:if condition="!$reportActivity AND $conversation['channeltype'] == 'article'">
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="list-item-header">
					<div class="checkbox h-right">
						<vb:if condition="!$conversation['approved']">
							<span class="js-unapprove-label b-post__inlinemod-text">{vb:phrase unapproved}</span>
						</vb:if>
						<vb:if condition="$enableInlineMod">
							<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
						</vb:if>
					</div>
				</div>
			</vb:if>
		</vb:if>

		<div class="js-post__content-wrapper list-item-body-wrapper h-clear">
			<div class="js-post__content list-item-body conversation-body">

				<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle AND $adlocation">
					<div class="axd axd_{vb:raw adlocation}">
						{vb:set adtemplatename, 'ad_'}
						{vb:strcat adtemplatename, {vb:raw adlocation}}
						{vb:template {vb:raw adtemplatename}}
					</div>
				</vb:if>

				<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
					<vb:if condition="$postType == 'starter'"><h2 class="b-post__stream-post-title js-post-title h-hide">{vb:raw conversation.title}</h2></vb:if>
					{vb:set textSchema.itemprop, text}
					<div class="post-content restore js-post__content-text h-wordwrap" {vb:schema {vb:raw textSchema}}>
						<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
							{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
						<vb:else />
							{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, 0, {vb:var page.contentpagenum}}
						</vb:if>
						{vb:raw parsedText}
					</div>

					{vb:template link, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}, linkid={vb:raw conversation.nodeid}, filedataid={vb:raw conversation.filedataid}, previewMode={vb:raw previewMode}, previewImage={vb:raw conversation.previewImage}}

					<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
						<div class="post-links">
							<vb:if condition="empty($conversation['previewonly'])">
								<a href="#" class="see-link more" data-toggle-text="{vb:rawphrase see_less}">{vb:rawphrase see_more}</a>
								<span>|</span>
							</vb:if>
								<vb:if condition="$postType == 'starter'">
									<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="goto-post">
								<vb:elseif condition="$postType == 'reply'" />
									<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw starterWithReplyParam}}" class="goto-post">
								<vb:elseif condition="$postType == 'visitorMessage'" />
									{vb:set extra.nodeid, {vb:raw conversation.starter}}
									{vb:set extra.title, {vb:raw conversation.starterurlident}}
									{vb:set extra.innerPost, {vb:raw conversation.nodeid}}
									<a href="{vb:url 'visitormessage', {vb:raw extra}}" class="goto-post">
								</vb:if>
								{vb:rawphrase go_to_post}
							</a>
						</div>
					</vb:if>
					{vb:template conversation_posthistory, conversation={vb:raw conversation}}
				</vb:if>
			</div>

			<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle">
				{vb:template article_content_pagenav, conversation={vb:raw conversation}}
			</vb:if>

			<vb:if condition="!empty($conversation['moderatorperms']['canviewips'])">
				{vb:set controls.showIp, 1}
			</vb:if>
			<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
				{vb:set controls.showVoteCount, 1}
				{vb:set controls.showInfractionCtrl, 1}
				{vb:set controls.showEditCtrl, 1}
				{vb:set controls.showFlagCtrl, 1}
				{vb:set controls.showVoteCtrl, 1}
				{vb:set controls.showQuoteCtrl, 0}
				{vb:set controls.showCommentCtrl, 0}
				{vb:set controls.showTagList, 0}
				<vb:if condition="!isset($reportActivity) OR !$reportActivity">
					<vb:if condition="$postType == 'starter'">
						{vb:set controls.showTagList, 1}
					</vb:if>
				</vb:if>
				<vb:if condition="$postType == 'reply' OR $vmDetail">
					{vb:set controls.showCommentCtrl, 1}
				</vb:if>
				<vb:if condition="$view == 'conversation_detail' OR $view == 'stream'">
					{vb:set controls.showQuoteCtrl, 1}
				</vb:if>
				<vb:if condition="$showNoControls">
					{vb:set controls.showVoteCount, 0}
					{vb:set controls.showInfractionCtrl, 0}
					{vb:set controls.showEditCtrl, 0}
					{vb:set controls.showFlagCtrl, 0}
					{vb:set controls.showVoteCtrl, 0}
					{vb:set controls.showQuoteCtrl, 0}
					{vb:set controls.showCommentCtrl, 0}
					{vb:set controls.showTagList, 0}
				</vb:if>

				<vb:if condition="$currentNodeIsBlog">
					{vb:set controls.showCommentCtrl, 0}
				</vb:if>

				<vb:if condition="!empty($footerControls)">
					{vb:set controls, {vb:php array_merge, {vb:raw controls}, {vb:raw footerControls}}}
				</vb:if>

				<vb:if condition="$showNoControls">
					{vb:set sum, {vb:php array_sum, {vb:raw controls}}}
					<vb:if condition="$sum">
						{vb:set showNoControls, 0}
					</vb:if>
				</vb:if>

				<vb:if condition="$currentNodeIsArticle AND $reportActivity">
					{vb:set showNoControls, 1}
				</vb:if>


				{vb:template conversation_footer, conversation={vb:raw conversation}, showNoControls={vb:raw showNoControls}, controls={vb:raw controls}}


				<div class="edit-conversation-container OLD__edit-conversation-container"></div>

				<vb:if condition="$displayComments">
					{vb:template display_Comments, conversation={vb:raw conversation}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, commentsPerPage={vb:raw commentsPerPage}, initialCommentsPerPage={vb:raw initialCommentsPerPage}, enableInlineMod={vb:raw enableInlineMod}, parentNodeIsBlog={vb:raw currentNodeIsBlog}, parentNodeIsArticle={vb:raw currentNodeIsArticle}}
				</vb:if>

				<vb:if condition="empty($reportActivity) AND $currentNodeIsBlog">
					{vb:template pagenav, pagenav={vb:raw pagingInfo}}
				</vb:if>

				<vb:comment>Comment box for Blog posts</vb:comment>
				<vb:if condition="$userCanCommentOnThisBlog > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--blog h-padding-xxl h-padding-top-xl comment-entry-box {vb:if "$conversation['textcount'] > 0", has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsBlog AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisBlog == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisBlog == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						<vb:elseif condition="$userCanCommentOnThisBlog == -2" />
							<vb:comment>parents.0 is this same node</vb:comment>
							{vb:set blogChannel, {vb:raw conversation.parents.1}}
							{vb:rawphrase you_must_subscribe_to_post_comment, 'is-blog-channel', {vb:raw blogChannel.nodeid}, {vb:raw blogChannel.userid}, {vb:url {vb:raw blogChannel.routeid}}, {vb:var blogChannel.title}}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Articles</vb:comment>
				<vb:if condition="$userCanCommentOnThisArticle > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--article h-padding-xxl h-padding-top-xl comment-entry-box {vb:if "$conversation['textcount'] > 0", has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsArticle AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisArticle == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisArticle == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Forum posts</vb:comment>
				<vb:if condition="$postType == 'reply' AND !$currentNodeIsBlog AND !$currentNodeIsArticle AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry h-padding-xxl h-padding-top-xl comment-entry-box h-hide">
						<h3 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}:</h3>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow reload-on-post" placeholder="{vb:rawphrase type_your_comment_here}"></textarea>
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:rawphrase post_comment}</button>
							<button type="button" id="btnPostCommentCancel-{vb:raw conversation.nodeid}" class="b-button js-comment-entry__cancel">{vb:rawphrase cancel}</button>
						</div>
					</div>
				</vb:if>
			</vb:if>
		</div>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationreply_Photo" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="$conversation['isVisitorMessage']">
	{vb:set postType, 'visitorMessage'}
<vb:elseif condition="$conversation['starter'] == $conversation['parentid']" />
	{vb:set postType, 'starter'}
	{vb:set conversation.innerPost, {vb:raw conversation.nodeid}}
<vb:else />
	{vb:set postType, 'reply'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set starter.nodeid, {vb:raw conversation.starter}}
		{vb:set starter.username, {vb:raw conversation.starterauthorname}}
		{vb:set starter.title, {vb:raw conversation.startertitle}}
		{vb:set starter.userid, {vb:raw conversation.starteruserid}}
		{vb:set starter.innerPost, {vb:raw conversation.nodeid}}
	</vb:if>
</vb:if>
{vb:set postStatus, ''}
<vb:if condition="!empty($showInlineMod) AND !empty($conversation['permissions']) AND (!empty($conversation['permissions']['canmoderate']) OR !empty($conversation['moderatorperms']['canmoderateposts']) OR !empty($conversation['moderatorperms']['candeleteposts']) OR !empty($conversation['moderatorperms']['caneditposts']) OR !empty($conversation['moderatorperms']['canopenclose']) OR !empty($conversation['moderatorperms']['canmassmove']) OR !empty($conversation['moderatorperms']['canmassprune']) OR !empty($conversation['moderatorperms']['canremoveposts']) OR !empty($conversation['moderatorperms']['cansetfeatured']))">
	{vb:set enableInlineMod, 1}
</vb:if>
<vb:if condition="$conversation['approved'] == 0">
	{vb:strcat postStatus, ' unapproved b-post--unapproved'}
</vb:if>
<vb:if condition="$conversation['unpublishdate']">
	{vb:strcat postStatus, ' deleted b-post--deleted'}
</vb:if>

{vb:set nodeSchemaInfo.itemscope, 1}
{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
{vb:set nodeMicrodata, {vb:schema {vb:raw nodeSchemaInfo}}}

<li data-node-id="{vb:raw conversation.nodeid}" 
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if> 
	class="b-post js-post js-comment-entry__parent list-item{vb:raw postStatus} list-item-photoleft h-clear<vb:if condition="(!isset($reportActivity) OR !$reportActivity) AND $postType == 'starter'"> conversation-starter js-conversation-starter</vb:if><vb:if condition="$enableInlineMod OR !$conversation['approved']"> inlinemod-item</vb:if> js-slideshow__gallery-node<vb:if condition="!empty($addLiClass)"> {vb:raw addLiClass}</vb:if>" {vb:raw nodeMicrodata}>

	<vb:if condition="!empty($nodeMicrodata)">
		{vb:set schemaInfo.tag, meta}

		<vb:if condition="$postType == 'starter'">
			{vb:set schemaInfo.itemprop, name}
			{vb:set schemaInfo.content, {vb:raw conversation.title}}
			{vb:schema {vb:raw schemaInfo}}
		</vb:if>

		{vb:set schemaInfo.itemprop, url}
		{vb:set schemaInfo.content, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:schema {vb:raw schemaInfo}}
	</vb:if>

	<vb:comment><!-- 
		Hide the list item header when viewing an individual article 
		This information is shown in the page_title module for articles 
	--></vb:comment>
	<vb:if condition="$conversation['channeltype'] != 'article' OR $reportActivity">
	<a id="post{vb:raw conversation.nodeid}" class="anchor"></a>
	<div class="list-item-header h-left">
		<vb:if condition="($postType == 'visitorMessage') AND $vmDetail"><h3 class="vm-desc">{vb:rawphrase visitor_message_from_x, {vb:raw conversation.authorname}}</h3></vb:if>
		<vb:if condition="$user['showavatars'] AND $conversation['channeltype'] != 'article'">
			{vb:set avatar, {vb:var conversation.avatar}}
			<vb:if condition="!$conversation['userid']">
				<span class="avatar h-left"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:rawphrase guest_avatar}" /></span>
			<vb:elseif condition="$avatar AND $avatar['avatarpath']" />
				<a href="{vb:url 'profile', {vb:raw conversation}}" class="avatar h-left avatar-{vb:raw conversation.userid}"><img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" alt="{vb:raw conversation.authorname}" /></a>
			</vb:if>
		</vb:if>
		<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
			<div class="post-action-wrapper<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if><vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> td</vb:if>">
				<vb:if condition="isset($reportActivity) AND $reportActivity">
					<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

						<vb:comment>**** Article Title (on channel page) ****</vb:comment>
						{vb:template article_title_info, 
							conversation={vb:raw conversation}, 
							displayCompact=1,
							reportActivity={vb:raw reportActivity}}

					<vb:elseif condition="$postType =='visitorMessage'" />
						{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
						{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
						{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
						{vb:set userInfo.userid, {vb:raw conversation.userid}}
						{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
						<vb:if condition="$conversation['userid'] > 0">
							{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
						<vb:else />
							{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
						</vb:if>
					<vb:elseif condition="$postType == 'starter'" />
						{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
						{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
						<vb:if condition="$conversation['userid'] > 0">
							{vb:rawphrase x_started_a_topic_y, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
						<vb:else />
							{vb:rawphrase guest_started_a_topic_y, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
						</vb:if>
					<vb:elseif condition="$postType == 'reply'" />
						{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
						{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
						<vb:if condition="$conversation['userid'] > 0">
							{vb:rawphrase x_replied_to_y, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversation.startertitle}}
						<vb:else />
							{vb:rawphrase guest_replied_to_y, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversation.startertitle}}
						</vb:if>
					</vb:if>
				<vb:else />
					<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

						<vb:comment>**** Article Title (on article page) ****</vb:comment>
						{vb:template article_title_info, 
							conversation={vb:raw conversation}, 
							reportActivity={vb:raw reportActivity}}

					<vb:comment>TODO No title for visitor messages here?</vb:comment>
					<vb:elseif condition="$postType =='starter'" />
						<vb:if condition="$conversation['userid'] > 0">
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:rawphrase x_started_a_topic, {vb:var profileUrl}, {vb:raw conversation.authorname}}
						<vb:else />
							{vb:rawphrase guest_started_a_topic}
						</vb:if>
					<vb:elseif condition="$postType == 'reply'" />
						<vb:if condition="$conversation['userid'] > 0">
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:rawphrase link_x_y_replied, {vb:var profileUrl}, {vb:raw conversation.authorname}}
						<vb:else />
							{vb:rawphrase guest_replied}
						</vb:if>
					</vb:if>
				</vb:if>
			</div>
			<vb:if condition="isset($showChannelInfo) AND $showChannelInfo AND ($postType != 'visitorMessage')">{vb:set channelUrl, {vb:url {vb:raw conversation.channelroute}}}<div class="channel-info ellipsis">{vb:rawphrase in_x_channel, {vb:var channelUrl}, {vb:raw conversation.channeltitle}}</div></vb:if>
		</div>
		<vb:if condition="$enableInlineMod OR !$conversation['approved']">
			<div class="checkbox h-right">
				<vb:if condition="!$conversation['approved']">
					<span class="js-unapprove-label b-post__inlinemod-text">{vb:rawphrase unapproved}</span>
				</vb:if>
				<vb:if condition="$enableInlineMod">
					<input class="cb_inlinemod im_attach" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
				</vb:if>
			</div>
		</vb:if>
		<div class="info h-right">
			{vb:set createdSchema.itemprop, dateCreated}
			{vb:set createdSchema.datetime, {vb:raw conversation.created}}
			<span class="post-date h-left"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></span>
			<vb:if condition="$showSubscribedInfo OR ($reportActivity AND $conversation['subscribed'])">
				<div class="subscribed h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase following}</div>
			</vb:if>
			<vb:if condition="($reportActivity AND $conversation['joined'])">
				<div class="joined h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase joined}</div>
			</vb:if>
		</div>
	</div>
	</vb:if><!-- end list item header -->

	<vb:comment>Since the list item header is hidden for articles, we need
	to add the inline mod checkbox here</vb:comment>
	<vb:if condition="!$reportActivity AND $conversation['channeltype'] == 'article'">
		<vb:if condition="$enableInlineMod OR !$conversation['approved']">
			<div class="list-item-header">
				<div class="checkbox h-right">
					<vb:if condition="!$conversation['approved']">
						<span class="js-unapprove-label b-post__inlinemod-text">{vb:phrase unapproved}</span>
					</vb:if>
					<vb:if condition="$enableInlineMod">
						<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
					</vb:if>
				</div>
			</div>
		</vb:if>
	</vb:if>

	<div class="js-post__content-wrapper list-item-body-wrapper h-clear">
		<div class="js-post__content list-item-body conversation-body h-clearfix">

			<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle AND $adlocation">
				<div class="axd axd_{vb:raw adlocation}">
					{vb:set adtemplatename, 'ad_'}
					{vb:strcat adtemplatename, {vb:raw adlocation}}
					{vb:template {vb:raw adtemplatename}}
				</div>
			</vb:if>

			<vb:if condition="$postType == 'starter'"><h2 class="b-post__stream-post-title js-post-title h-hide">{vb:raw conversation.title}</h2></vb:if>
			{vb:set textSchema.itemprop, text}
			<div class="post-content restore js-post__content-text h-wordwrap" {vb:schema {vb:raw textSchema}}>
				<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
					{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
				<vb:else />
					{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, 0, {vb:var page.contentpagenum}}
				</vb:if>
				{vb:raw parsedText}
			</div>
			<div class="js-photo-preview photo-preview h-left">
{vb:set photoSchema.itemscope, 1}
						{vb:set photoSchema.itemtype, http://schema.org/ImageObject}
				<span class="photoLink" {vb:schema {vb:raw photoSchema}}>
					<vb:if condition="!empty($photo['htmltitle'])">
						{vb:set photoInfo.tag, meta}
						{vb:set photoInfo.itemprop, name}
						{vb:set photoInfo.content, {vb:raw photo.htmltitle}}
						{vb:schema {vb:raw photoInfo}}
					</vb:if>
					<img class="thumbnail-photo" src="filedata/fetch?photoid={vb:raw conversation.nodeid}&amp;type=thumb" title="{vb:raw conversation.htmltitle}" alt="{vb:raw conversation.htmltitle}" />
				</span>
			</div>
			<div class="b-gallery-thumbnail-list__aside">
				<vb:if condition="isset($reportActivity) AND $reportActivity">
					<vb:if condition="$postType == 'starter'">
						<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="b-photo-count">
					<vb:elseif condition="$postType == 'reply'" />
						<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw starter}, {vb:raw extra}}" class="b-photo-count">
					</vb:if>
				<vb:else />
					{vb:set urlInfo.nodeid, {vb:raw conversation.starter}}
					{vb:set urlInfo.title, {vb:raw conversation.startertitle}}
					<a href="{vb:url 'album', {vb:raw urlInfo}}" class="b-photo-count">
				</vb:if>
					{vb:rawphrase x_photo, 1}
				</a>
			</div>
			<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
				<div class="post-links h-left h-clear">
					<vb:if condition="empty($conversation['previewonly'])">
						<a href="#" class="see-link more" data-toggle-text="{vb:rawphrase see_less}">{vb:rawphrase see_more}</a>
						<span>|</span>
					</vb:if>
						<vb:if condition="$postType == 'starter'">
							<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="goto-post">
						<vb:elseif condition="$postType == 'reply'" />
							<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw starter}, {vb:raw extra}}" class="goto-post">
						<vb:elseif condition="$postType == 'visitorMessage'" />
							{vb:set extra.nodeid, {vb:raw conversation.starter}}
							{vb:set extra.title, {vb:raw conversation.starterurlident}}
							{vb:set extra.innerPost, {vb:raw conversation.nodeid}}
							<a href="{vb:url 'visitormessage', {vb:raw extra}}" class="goto-post">
						</vb:if>
						{vb:rawphrase go_to_post}
					</a>
				</div>
			</vb:if>
			{vb:template conversation_posthistory, conversation={vb:raw conversation}}
		</div>

		<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle">
			{vb:template article_content_pagenav, conversation={vb:raw conversation}}
		</vb:if>

		<vb:if condition="!empty($conversation['moderatorperms']['canviewips'])">
			{vb:set controls.showIp, 1}
		</vb:if>
		{vb:set controls.showVoteCount, 1}
		{vb:set controls.showInfractionCtrl, 1}
		{vb:set controls.showEditCtrl, 1}
		{vb:set controls.showFlagCtrl, 1}
		{vb:set controls.showVoteCtrl, 1}
		{vb:set controls.showQuoteCtrl, 0}
		{vb:set controls.showCommentCtrl, 0}
		{vb:set controls.showTagList, 0}
		<vb:if condition="!isset($reportActivity) OR !$reportActivity">
			<vb:if condition="$postType == 'starter'">
				{vb:set controls.showTagList, 1}
			</vb:if>
		</vb:if>
		<vb:if condition="$postType == 'reply' OR $vmDetail">
			{vb:set controls.showCommentCtrl, 1}
		</vb:if>
		<vb:if condition="$view == 'conversation_detail' OR $view == 'stream'">
			{vb:set controls.showQuoteCtrl, 1}
		</vb:if>

		<vb:if condition="!empty($footerControls)">
			{vb:set controls, {vb:php array_merge, {vb:raw controls}, {vb:raw footerControls}}}
		</vb:if>

		<vb:if condition="$showNoControls">
			{vb:set sum, {vb:php array_sum, {vb:raw controls}}}
			<vb:if condition="$sum">
				{vb:set showNoControls, 0}
			</vb:if>
		</vb:if>

		<vb:if condition="$currentNodeIsArticle AND $reportActivity">
			{vb:set showNoControls, 1}
		</vb:if>


		{vb:template conversation_footer, conversation={vb:raw conversation}, showNoControls={vb:raw showNoControls}, controls={vb:raw controls}}


		<vb:if condition="$postType == 'reply'">
			<div class="b-comment-entry js-comment-entry h-padding-xxl h-padding-top-xl comment-entry-box h-hide">
				<h3 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}:</h3>
				<textarea class="b-comment-entry__textbox js-comment-entry__textbox" placeholder="{vb:rawphrase type_your_comment_here}"></textarea>
				<div class="b-button-group h-margin-top-xl">
					<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:rawphrase post_comment}</button>
					<button type="button" id="btnPostCommentCancel-{vb:raw conversation.nodeid}" class="b-button js-comment-entry__cancel">{vb:rawphrase cancel}</button>
				</div>
			</div>
		</vb:if>
		<div class="edit-conversation-container OLD__edit-conversation-container"></div>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationreply_Poll" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="$currentNodeIsBlog">
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/BlogPosting}
	{vb:set nodeType, 'blog_post'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisBlog, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisBlog must be set in parent widget</vb:comment>
	</vb:if>
<vb:elseif condition="$currentNodeIsArticle" />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/Article}
	{vb:set nodeType, 'article'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisArticle, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisArticle must be set in parent widget</vb:comment>
	</vb:if>
<vb:else />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
	{vb:set nodeType, 'topic'}
	{vb:set userCanCommentOnThisBlog, 0}
	{vb:set displayComments, 0}
</vb:if>

<vb:if condition="!empty($showInlineMod) AND !empty($conversation['permissions']) AND (!empty($conversation['permissions']['canmoderate']) OR !empty($conversation['moderatorperms']['canmoderateposts']) OR !empty($conversation['moderatorperms']['candeleteposts']) OR !empty($conversation['moderatorperms']['caneditposts']) OR !empty($conversation['moderatorperms']['canopenclose']) OR !empty($conversation['moderatorperms']['canmassmove']) OR !empty($conversation['moderatorperms']['canmassprune']) OR !empty($conversation['moderatorperms']['canremoveposts']) OR !empty($conversation['moderatorperms']['cansetfeatured']))">
	{vb:set enableInlineMod, 1}
</vb:if>

{vb:set postStatus, ''}
<vb:if condition="$conversation['approved'] == 0">
	{vb:strcat postStatus, ' unapproved b-post--unapproved'}
</vb:if>
<vb:if condition="$conversation['featured']">
	{vb:strcat postStatus, ' featured b-post--featured'}
</vb:if>
<vb:if condition="$conversation['unpublishdate']">
	{vb:strcat postStatus, ' deleted b-post--deleted'}
</vb:if>

{vb:set nodeSchemaInfo.itemscope, 1}
{vb:set nodeMicrodata, {vb:schema {vb:raw nodeSchemaInfo}}}

<li data-node-id="{vb:raw conversation.nodeid}"
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if>
	class="b-post js-post js-comment-entry__parent list-item{vb:raw postStatus} list-item-poll h-left h-clear<vb:if condition="!isset($reportActivity) OR !$reportActivity"> conversation-starter js-conversation-starter</vb:if><vb:if condition="$enableInlineMod OR !$conversation['approved']"> inlinemod-item</vb:if><vb:if condition="!empty($addLiClass)"> {vb:raw addLiClass}</vb:if>" {vb:raw nodeMicrodata}>

	<vb:if condition="!empty($nodeMicrodata)">
		{vb:set schemaInfo.tag, meta}

		<vb:if condition="$nodeType == 'blog_post'">
			{vb:set schemaInfo.itemprop, name}
			{vb:set schemaInfo.content, {vb:raw conversation.title}}
			{vb:schema {vb:raw schemaInfo}}
		</vb:if>

		{vb:set schemaInfo.itemprop, url}
		{vb:set schemaInfo.content, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:schema {vb:raw schemaInfo}}
	</vb:if>

	<a id="post{vb:raw conversation.nodeid}" class="anchor"></a>
	<vb:if condition="$conversation['unpublishdate']">
		<vb:if condition="
			($conversation['moderatorperms']['canundeleteposts'] > 0) OR
			($conversation['moderatorperms']['canremoveposts'] > 0)
		">
			{vb:set canViewSoftdeletedNode, 1}
		<vb:else />
			{vb:set canViewSoftdeletedNode, 0}
		</vb:if>
		<div class="b-media b-post__unpublish-info h-padding-bottom-l h-padding-horiz-xl">
			<div class="b-media__img--rev">
				<vb:if condition="$canViewSoftdeletedNode">
					<label class="js-post__manage b-link js-link OLD__manage" tabindex="0">{vb:phrase manage}</label>
					| <label class="js-post__show-hide js-post__show-hide--show b-link" data-toggle-text="{vb:phrase hide}" tabindex="0">{vb:phrase show}</label>
				</vb:if>
			</div>

			<div class="b-media__body">

				<div class="b-post__date OLD__post-date">
					{vb:datetime {vb:raw conversation.unpublishdate}}
				</div>

				<vb:if condition="!empty($conversation['deleteuserid']) AND !empty($conversation['deleteusername'])">
					{vb:set deleteUserInfo.userid, {vb:var conversation.deleteuserid}}
					{vb:set deleteuserlink, {vb:url 'profile', {vb:raw deleteUserInfo}}}
					{vb:set deleteusername, {vb:raw conversation.deleteusername}}
				<vb:else />
					{vb:set deleteusername, {vb:rawphrase unknown}}
					{vb:set deleteuserlink, '#'}
				</vb:if>
				{vb:set phraseId, 'this_'}
				<vb:if condition="$currentNodeIsBlog OR $currentNodeIsArticle">
					{vb:strcat phraseId, {vb:raw nodeType}}
				<vb:else />
					{vb:strcat phraseId, 'topic'}
				</vb:if>
				{vb:strcat phraseId, '_by_x_has_been_deleted_by_y_link'}

				<div class="b-post__delete-note OLD__delete-note">
					{vb:rawphrase {vb:raw phraseId}, {vb:raw conversation.authorname}, {vb:raw deleteuserlink}, {vb:raw deleteusername}}
				</div>

				<vb:if condition="!empty($conversation['deletereason'])">
					<div class="delete-reason h-clear"><label>{vb:phrase reason}:</label> {vb:var conversation.deletereason}</div>
				</vb:if>
			</div>
		</div>
	</vb:if>

	<div class="b-post__hide-when-deleted">
		<hr class="b-divider--section OLD__section-divider">

		<vb:comment><!--
			Hide the list item header when viewing an individual article
			This information is shown in the page_title module for articles
		--></vb:comment>
		<vb:if condition="$conversation['channeltype'] != 'article' OR $reportActivity">
		<div class="list-item-header h-left">
			<vb:if condition="$user['showavatars'] AND $conversation['channeltype'] != 'article'">
				{vb:set avatar, {vb:var conversation.avatar}}
				<vb:if condition="!$conversation['userid']">
					<span class="avatar h-left"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:rawphrase guest_avatar}" /></span>
				<vb:elseif condition="$avatar AND $avatar['avatarpath']" />
					<a href="{vb:url 'profile', {vb:raw conversation}}" class="avatar h-left avatar-{vb:raw conversation.userid}"><img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" alt="{vb:raw conversation.authorname}" /></a>
				</vb:if>
			</vb:if>
			<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
				<div class="post-action-wrapper<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if><vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> td</vb:if>">
					<vb:if condition="isset($reportActivity) AND $reportActivity">
						<vb:if condition="$conversation['channeltype'] == 'article'">

							<vb:comment>**** Article Title (on channel page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								displayCompact=1,
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$conversation['isVisitorMessage']" />
							{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
							{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
							{vb:set userInfo.userid, {vb:raw conversation.userid}}
							{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							<vb:else />
								{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							</vb:if>
						<vb:else />
							{vb:set topicTitle, {vb:raw conversation.title}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							{vb:set searchUrl, {vb:url 'search'}}
							<vb:if condition="$conversation['userid'] > 0">
								<vb:if condition="$conversation['prefixid']">
									{vb:rawphrase x_started_a_poll_y_with_prefix, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase x_started_a_poll_y, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								<vb:if condition="$conversation['prefixid']">
									{vb:rawphrase guest_started_a_poll_y_with_prefix, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase guest_started_a_poll_y, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						</vb:if>
					<vb:else />
						<vb:if condition="$conversation['channeltype'] == 'article'">

							<vb:comment>**** Article Title (on article page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$conversation['isVisitorMessage']" />
							{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
							{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
							{vb:set userInfo.userid, {vb:raw conversation.userid}}
							{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							<vb:else />
								{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							</vb:if>
						<vb:else />
							<vb:if condition="$conversation['iconpath']">
								<img src="{vb:var baseurl_core}/{vb:var conversation.iconpath}" width="16" height="16" alt="" />
							</vb:if>
							{vb:set topicTitle, {vb:raw conversation.title}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:rawphrase x_started_a_poll_y, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
							<vb:else />
								{vb:rawphrase guest_started_a_poll_y, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
							</vb:if>
						</vb:if>
					</vb:if>
					<vb:if condition="$currentNodeIsBlog AND empty($reportActivity)">
						{vb:set createdSchema.itemprop, dateCreated}
						{vb:set createdSchema.datetime, {vb:raw conversation.created}}
						<div class="post-date"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></div>

						<vb:comment>Social sharing</vb:comment>
						{vb:template display_sharing, conversation={vb:raw conversation}, horizontal=1}

					</vb:if>
				</div>
				<vb:if condition="isset($showChannelInfo) AND $showChannelInfo AND (!$conversation['isVisitorMessage'])">{vb:set channelUrl, {vb:url {vb:raw conversation.channelroute}}}<div class="channel-info ellipsis">{vb:rawphrase in_x_channel, {vb:var channelUrl}, {vb:raw conversation.channeltitle}}</div></vb:if>
			</div>
			<vb:if condition="$showSubscribedInfo">
				<ul data-node-id="{vb:raw conversation.nodeid}" class="h-hide unfollow_panel">
					<vb:if condition="$node['isFollowingContent']">
						<li data-item-id="{vb:raw node.isFollowingContent}" class="unfollow_content">{vb:rawphrase unfollow_discussion}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingMember']">
						<li data-item-id="{vb:raw node.isFollowingMember}" class="unfollow_member">{vb:rawphrase unfollow_member}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingChannel']">
						<li data-item-id="{vb:raw node.isFollowingChannel}" class="unfollow_channel">{vb:rawphrase unfollow_channel}</li>
					</vb:if>
				</ul>
			</vb:if>
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="checkbox h-right">
					<vb:if condition="!$conversation['approved']">
						<span class="js-unapprove-label b-post__inlinemod-text">{vb:rawphrase unapproved}</span>
					</vb:if>
					<vb:if condition="$enableInlineMod">
						<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
					</vb:if>
				</div>
			</vb:if>
			<vb:comment>VBV-7701 Blog entries have a second timestamp</vb:comment>
			<vb:if condition="(empty($currentNodeIsBlog) OR !empty($reportActivity)) AND empty($currentNodeIsArticle)">
				<div class="info h-right">
					{vb:set createdSchema.itemprop, dateCreated}
					{vb:set createdSchema.datetime, {vb:raw conversation.created}}
					<span class="post-date h-left"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></span>
						<vb:if condition="$showSubscribedInfo OR ($reportActivity AND $conversation['subscribed'])">
							<div class="subscribed h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase following}</div>
						</vb:if>
						<vb:if condition="($reportActivity AND $conversation['joined'])">
							<div class="joined h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase joined}</div>
						</vb:if>
				</div>
			</vb:if>
		</div>
		</vb:if><!-- end list item header -->

		<vb:comment>Since the list item header is hidden for articles, we need
		to add the inline mod checkbox here</vb:comment>
		<vb:if condition="!$reportActivity AND $conversation['channeltype'] == 'article'">
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="list-item-header">
					<div class="checkbox h-right">
						<vb:if condition="!$conversation['approved']">
							<span class="js-unapprove-label b-post__inlinemod-text">{vb:phrase unapproved}</span>
						</vb:if>
						<vb:if condition="$enableInlineMod">
							<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
						</vb:if>
					</div>
				</div>
			</vb:if>
		</vb:if>

		{vb:data showVote, user, hasPermissions, forumpermissions, canvote, {vb:raw conversation.nodeid}}
		<vb:if condition="!$user['userid'] OR $conversation['voted'] OR $conversation['istimeout']">{vb:set showVote, 0}</vb:if>
		
		<div class="js-post__content-wrapper list-item-body-wrapper h-clear">
			<div class="js-post__content list-item-body conversation-body js-poll__parent">

				<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle AND $adlocation">
					<div class="axd axd_{vb:raw adlocation}">
						{vb:set adtemplatename, 'ad_'}
						{vb:strcat adtemplatename, {vb:raw adlocation}}
						{vb:template {vb:raw adtemplatename}}
					</div>
				</vb:if>

				<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
					<div class="post-content">
						<h2 class="b-post__stream-post-title js-post-title h-hide">{vb:raw conversation.title}</h2>
						<div class="pollresults<vb:if condition="$showVote"> h-hide</vb:if>">
							<div class="pollvote-count h-right">
								<span>{vb:number {vb:raw conversation.poll_votes}}</span>
								<label><vb:if condition="$conversation['poll_votes'] == 1">{vb:rawphrase voter}<vb:else />{vb:rawphrase voters}</vb:if></label>
							</div>
							<table class="pollresults-data">
								{vb:set index, 1}
								{vb:set maxIndex, 12}
								<vb:each from="conversation.options" value="option">
									<tr class="pollresults-option-{vb:raw option.polloptionid} option-{vb:raw index}">
										<td class="polloption-cell">
											<div class="title">{vb:var option.title}</div>
											<div class="bar-container">
												<div class="bar" style="width: {vb:raw option.percentage}%"></div>
											</div>
										</td>
										<td class="pollpercent-cell">
											<div class="percentage">{vb:number {vb:raw option.percentage}, 2}%</div>
										</td>
										<td class="pollvote-cell">
											<div class="votes">
												<span>{vb:raw option.votes}</span>
												<label><vb:if condition="$option['votes'] != 1">{vb:rawphrase votes_lower}<vb:else />{vb:rawphrase vote_lower}</vb:if></label>
											</div>
										</td>
										<vb:if condition="$conversation['public']">
											<td class="pollvoter-cell">
												<div class="voter-icon b-icon b-icon__profile--blue" title="{vb:rawphrase click_to_see_who_voted_for_this_option}" data-node-id="{vb:raw conversation.nodeid}" data-polloption-id="{vb:raw option.polloptionid}">
													<div class="voters"></div>
												</div>
											</td>
										</vb:if>
									</tr>
									<vb:if condition="++$index > $maxIndex">
										{vb:set index, 1}
									</vb:if>
								</vb:each>
							</table>
							<vb:if condition="$showVote AND ($conversation['permissions']['canviewthreads'] > 0)">
								<div class="b-button-group js-button-group b-button-group--left">
									<button type="button" name="backtopoll" class="b-button js-poll__back-to-poll" data-nodeid="{vb:raw conversation.nodeid}">{vb:rawphrase back_to_poll}</button>
								</div>
							</vb:if>
							<vb:if condition="$conversation['istimeout']"><p class="expired">{vb:phrase poll_expired}</p></vb:if>
						</div>
						<vb:if condition="$showVote AND ($conversation['permissions']['canviewthreads'] > 0)">
							<form class="poll" action="poll/vote/" method="post">
								<ul class="poll">
									{vb:set pollIndex, 0}
									<vb:each from="conversation.options" value="option">
										<li<vb:if condition="isset($reportActivity) AND $reportActivity AND ++$pollIndex > 3"> class="h-hide"</vb:if>>
											<vb:if condition="$conversation['multiple']">
												<label><input type="checkbox" name="polloptionids[]" value="{vb:raw option.polloptionid}" /><span class="poll-item ellipsis multiline">{vb:var option.title}</span></label>
											<vb:else />
												<label><input type="radio" name="polloptionid" value="{vb:raw option.polloptionid}" /><span class="poll-item ellipsis multiline">{vb:var option.title}</span></label>
											</vb:if>
										</li>
									</vb:each>
								</ul>
								<a href="#view-more" class="view-more-ctrl h-hide">{vb:rawphrase view_more_answers} <span class="b-icon b-icon__arrow-right-circle"></span></a>
								<div class="b-button-group js-button-group b-button-group--left<vb:if condition="isset($reportActivity) AND $reportActivity"> h-hide</vb:if>">
									<button type="submit" name="vote" class="b-button b-button--primary">{vb:rawphrase vote_now}</button>
									<button type="button" name="viewpollresults" class="b-button js-poll__view-results" data-nodeid="{vb:raw conversation.nodeid}">{vb:rawphrase view_poll_results}</button>
								</div>
								<a href="#view-less" class="view-less-ctrl h-hide">{vb:rawphrase view_less_answers}<span class="b-icon b-icon__arrow-right-circle"></span></a>
							</form>
						</vb:if>
						{vb:set textSchema.itemprop, text}
						<div class="poll-desc restore js-post__content-text h-wordwrap" {vb:schema {vb:raw textSchema}}>
							<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
								{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
							<vb:else />
								{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, 0, {vb:var page.contentpagenum}}
							</vb:if>
							{vb:raw parsedText}
						</div>
						<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
							<div class="post-links">
								<vb:if condition="empty($conversation['previewonly'])">
									<a href="#" class="see-link more" data-toggle-text="{vb:rawphrase see_less}">{vb:rawphrase see_more}</a>
									<span>|</span>
								</vb:if>
								{vb:set conversation.innerPost, {vb:raw conversation.nodeid}}
								<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="goto-post">{vb:rawphrase go_to_post}</a>
							</div>
						</vb:if>
					</div>
					{vb:template conversation_posthistory, conversation={vb:raw conversation}}
				</vb:if>
			</div>

			<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle">
				{vb:template article_content_pagenav, conversation={vb:raw conversation}}
			</vb:if>

			<vb:if condition="!empty($conversation['moderatorperms']['canviewips'])">
				{vb:set controls.showIp, 1}
			</vb:if>
			<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
				{vb:set controls.showVoteCount, 1}
				{vb:set controls.showInfractionCtrl, 1}
				{vb:set controls.showEditCtrl, 1}
				{vb:set controls.showFlagCtrl, 1}
				{vb:set controls.showVoteCtrl, 1}
				{vb:set controls.showQuoteCtrl, 1}
				{vb:set controls.showTagList, 0}
				<vb:if condition="!isset($reportActivity) OR !$reportActivity">
					{vb:set controls.showTagList, 1}
				</vb:if>
				<vb:if condition="$showNoControls OR ($conversation['permissions']['canviewthreads'] == 0)">
					{vb:set controls.showVoteCount, 0}
					{vb:set controls.showInfractionCtrl, 0}
					{vb:set controls.showEditCtrl, 0}
					{vb:set controls.showFlagCtrl, 0}
					{vb:set controls.showVoteCtrl, 0}
					{vb:set controls.showQuoteCtrl, 0}
					{vb:set controls.showCommentCtrl, 0}
					{vb:set controls.showTagList, 0}
				</vb:if>

				<vb:if condition="$currentNodeIsBlog">
					{vb:set controls.showCommentCtrl, 0}
				</vb:if>

				<vb:if condition="!empty($footerControls)">
					{vb:set controls, {vb:php array_merge, {vb:raw controls}, {vb:raw footerControls}}}
				</vb:if>

				<vb:if condition="$showNoControls">
					{vb:set sum, {vb:php array_sum, {vb:raw controls}}}
					<vb:if condition="$sum">
						{vb:set showNoControls, 0}
					</vb:if>
				</vb:if>

				<vb:if condition="$currentNodeIsArticle AND $reportActivity">
					{vb:set showNoControls, 1}
				</vb:if>


				{vb:template conversation_footer, conversation={vb:raw conversation}, showNoControls={vb:raw showNoControls}, controls={vb:raw controls}}


				<div class="edit-conversation-container OLD__edit-conversation-container"></div>

				<vb:if condition="$displayComments">
					{vb:template display_Comments, conversation={vb:raw conversation}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, commentsPerPage={vb:raw commentsPerPage}, initialCommentsPerPage={vb:raw initialCommentsPerPage}, enableInlineMod={vb:raw enableInlineMod}, parentNodeIsBlog={vb:raw currentNodeIsBlog}, parentNodeIsArticle={vb:raw currentNodeIsArticle}}
				</vb:if>

				<vb:if condition="empty($reportActivity) AND $currentNodeIsBlog">
					{vb:template pagenav, pagenav={vb:raw pagingInfo}}
				</vb:if>

				<vb:comment>Comment box for Blog posts</vb:comment>
				<vb:if condition="$userCanCommentOnThisBlog > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--blog h-padding-xxl h-padding-top-xl comment-entry-box {vb:if "$conversation['textcount'] > 0", has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group js-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsBlog AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisBlog == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisBlog == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						<vb:elseif condition="$userCanCommentOnThisBlog == -2" />
							<vb:comment>parents.0 is this same node</vb:comment>
							{vb:set blogChannel, {vb:raw conversation.parents.1}}
							{vb:rawphrase you_must_subscribe_to_post_comment, 'is-blog-channel', {vb:raw blogChannel.nodeid}, {vb:raw blogChannel.userid}, {vb:url {vb:raw blogChannel.routeid}}, {vb:var blogChannel.title}}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Articles</vb:comment>
				<vb:if condition="$userCanCommentOnThisArticle > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--article h-padding-xxl h-padding-top-xl comment-entry-box {vb:if "$conversation['textcount'] > 0", has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group js-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsArticle AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisArticle == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisArticle == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Forum posts</vb:comment>
				<vb:if condition="$postType == 'reply' AND !$currentNodeIsBlog AND !$currentNodeIsArticle AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry h-padding-xxl h-padding-top-xl comment-entry-box h-hide">
						<h3 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}:</h3>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow reload-on-post" placeholder="{vb:rawphrase type_your_comment_here}"></textarea>
						<div class="b-button-group js-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:rawphrase post_comment}</button>
							<button type="button" id="btnPostCommentCancel-{vb:raw conversation.nodeid}" class="b-button js-comment-entry__cancel">{vb:rawphrase cancel}</button>
						</div>
					</div>
				</vb:if>
			</vb:if>
		</div>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationreply_PrivateMessage" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[<vb:if condition="$conversation['msgtype'] == 'notification'">
	{vb:template privatemessage_notificationdetail, message={vb:raw conversation}, messageid = {vb:raw conversation.nodeid}}
<vb:else />
	{vb:template privatemessage_preview, message={vb:raw conversation}, recipients={vb:raw message.recipients}}
</vb:if>]]></template>
		<template name="display_contenttype_conversationreply_SGChannel" templatetype="template" date="1555107048" username="vBulletin" version="5.5.2 Alpha 4"><![CDATA[{vb:set nodeSchemaInfo.itemscope, 1}
{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
{vb:set nodeMicrodata, {vb:schema {vb:raw nodeSchemaInfo}}}

<li data-node-id="{vb:raw conversation.nodeid}" 
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if> 
	class="b-post js-post js-comment-entry__parent list-item list-item-text h-left h-clear group-display-list-item" {vb:raw nodeMicrodata}>
	
	<vb:if condition="!empty($nodeMicrodata)">
		{vb:set schemaInfo.tag, meta}

		{vb:set schemaInfo.itemprop, name}
		{vb:set schemaInfo.content, {vb:raw conversation.title}}
		{vb:schema {vb:raw schemaInfo}}
		
		{vb:set schemaInfo.itemprop, url}
		{vb:set schemaInfo.content, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:schema {vb:raw schemaInfo}}
	</vb:if>

	<div class="sg-table table">
		<div class="tr">
			{vb:set content {vb:raw conversation.content}}

			<div class="sg-groups td">
				<a href="{vb:url {vb:raw conversation.routeid}}" class="avatar h-left">
					<vb:if condition="$content['filedataid']">
						<img src="filedata/fetch?channelid={vb:raw content.nodeid}&amp;type=icon" alt="{vb:raw content.htmltitle}" />
					<vb:else />
						<img class="noGroupIcon" src="{vb:raw baseurl_corecdn}/images/default/default_sg_icon.png" width="32" height="32" alt="{vb:raw content.htmltitle}" id="groupIconImg" />
					</vb:if>
				</a>
				<div class="beside-avatar h-padding-right-l">
					<a href="{vb:url {vb:raw conversation.routeid}}">{vb:raw conversation.title}</a> <span class="viewer">{vb:phrase social_group_viewing_x, {vb:raw conversation.viewing}}</span>

					<vb:comment> External Icon</vb:comment>
					<vb:if condition="$conversation['content']['rss_enabled']">
						{vb:set url, {vb:var baseurl}}
						{vb:strcat url, {vb:var conversation.content.rss_route}}
						<a href="{vb:raw url}" title="{vb:phrase external_view_this_group_rss_feed}" class="h-right h-margin-right-xl"><span class="b-icon b-icon__rss"></span></a>
					</vb:if>
					<vb:comment> External Icon END</vb:comment>

					<div>
						<vb:if condition="$conversation['content']['invite_only']">
							{vb:phrase group_type_inviteonly}
						<vb:elseif condition="$conversation['content']['approve_membership']" />
							{vb:phrase group_type_public}
						<vb:else />
							{vb:phrase group_type_moderated}
						</vb:if>
					</div>
					<div class="restore ellipsis">
						{vb:action parsedDescription, bbcode, parse, {vb:raw conversation.description}, {vb:php array}, {vb:php array}, {vb:raw conversation}}
						{vb:raw parsedDescription}
					</div>
				</div>
			</div>

			<div class="sg-statistics td">
				{vb:set childs, {vb:math {vb:raw conversation.totalcount}-{vb:raw conversation.textcount}}}
				<div>{vb:phrase social_group_count_topics_x, {vb:raw conversation.textcount}}</div>
				<div>{vb:phrase social_group_count_comments_x, {vb:raw childs}}</div>
				<div>{vb:phrase social_group_count_members_x, {vb:raw conversation.members}}</div>
			</div>

			<div class="sg-last-topics td">
				<vb:if condition="$conversation['lastposttitle']">
					{vb:set avataruser.userid, {vb:raw conversation.lastauthorid}}
					{vb:set avataruser.username, {vb:raw conversation.lastcontentauthor}}
					{vb:set profileUrl, {vb:url 'profile', {vb:raw avataruser}}}

					<vb:if condition="$user['showavatars']">{vb:template avatar, avataruser={vb:raw avataruser}, avatar={vb:raw conversation.lastauthor_avatar}}</vb:if>
					<div {vb:if "$user['showavatars']", class="beside-avatar"}>
						{vb:set routeInfo.nodeid, {vb:raw conversation.lastcontentid}}
						<a href="{vb:url {vb:raw conversation.lastpostrouteid}, {vb:raw routeInfo}}">{vb:raw conversation.lastposttitle}</a>

						<vb:if condition="!empty($conversation['lastauthorid'])">
							<div class="by-author">{vb:rawphrase by_x, {vb:var profileUrl}, {vb:raw conversation.lastcontentauthor}}</div>
						<vb:else />
							<div class="by-author">{vb:phrase by_guest}</div>
						</vb:if>

						<div class="post-date">{vb:datetime {vb:raw conversation.lastcontent}}</div>
					</div>

				</vb:if>
			</div>
		</div>
	</div>
	<div class="sg-item-footer h-left stretch">
		<div class="sg-contributors h-left beside-avatar">
			<label class="h-left h-margin-right-s">{vb:phrase blog_ownerblog}</label>
			<vb:if condition="$user['showavatars']">{vb:template avatar, avataruser={vb:raw conversation}, avatar={vb:raw conversation.owner_avatar}, avatarsize="xx-small"}</vb:if>
			<a href="{vb:url 'profile', {vb:raw conversation}}" class="h-left">{vb:raw conversation.authorname}</a>

			<vb:if condition="$conversation['contributors']">
				<label class="h-left h-clear h-margin-right-s">
				<vb:if condition="$conversation['contributorscount'] > 1">
					{vb:phrase social_group_managers}
				<vb:else />
					{vb:phrase social_group_manager}
				</vb:if>
				</label>
				<vb:each from="conversation.contributors" value="contributor">
					<vb:if condition="$user['showavatars']">{vb:template avatar, avataruser={vb:raw contributor}, avatar={vb:raw contributor.avatar}, avatarsize="xx-small"}</vb:if>
					<a href="{vb:url 'profile', {vb:raw contributor}}" class="h-left h-margin-right-s">{vb:var contributor.username}</a>
				</vb:each>
			</vb:if>
		</div>
		<div class="sg-category h-right">
			{vb:set socialGroupURL, {vb:url {vb:raw conversation.content.channelroute}}}
			{vb:rawphrase social_group_category_x_y, {vb:var socialGroupURL}, {vb:raw conversation.content.channeltitle}}
		</div>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationreply_SGChannel_grid" templatetype="template" date="1555021172" username="vBulletin" version="5.5.2 Alpha 4"><![CDATA[{vb:set nodeSchemaInfo.itemscope, 1}
{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
{vb:set nodeMicrodata, {vb:schema {vb:raw nodeSchemaInfo}}}

<li
	data-node-id="{vb:raw conversation.nodeid}" 
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if> 
	class="js-post js-comment-entry__parent js-flexgrid-item group-display-grid-item b-flexgrid__item b-groupgrid__item"
	{vb:raw nodeMicrodata}
	>

	<div class="b-groupgrid__item-inner">

		<vb:if condition="!empty($nodeMicrodata)">
			{vb:set schemaInfo.tag, meta}

			{vb:set schemaInfo.itemprop, name}
			{vb:set schemaInfo.content, {vb:raw conversation.title}}
			{vb:schema {vb:raw schemaInfo}}

			{vb:set schemaInfo.itemprop, url}
			{vb:set schemaInfo.content, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
			{vb:schema {vb:raw schemaInfo}}
		</vb:if>

		{vb:set content {vb:raw conversation.content}}

		<div class="b-groupgrid__item-icon js-groupgrid-item-icon">
			<a href="{vb:url {vb:raw conversation.routeid}}" class="b-groupgrid__item-icon-link js-groupgrid-item-icon-link js-frame-image-wrapper">
				<vb:if condition="$content['filedataid']">
					<img src="filedata/fetch?channelid={vb:raw content.nodeid}&amp;type=medium" alt="{vb:raw content.htmltitle}" class="b-groupgrid__item-icon-image js-flexgrid-image js-frame-image" />
				<vb:else />
					<img class="noGroupIcon b-groupgrid__item-icon-image" src="{vb:raw baseurl_corecdn}/images/default/default_sg_large.png" alt="{vb:raw content.htmltitle}" id="groupIconImg" />
				</vb:if>
			</a>
		</div>

		<div class="b-groupgrid__item-title">
			<div class="ellipsis">
				<a href="{vb:url {vb:raw conversation.routeid}}">{vb:raw conversation.title}</a> 
			</div>
		</div>

		<div class="b-groupgrid__item-stats">
			{vb:phrase social_group_count_topics_x, {vb:var conversation.textcount}}
			<span
				class="js-replace-member-count-{vb:var content.nodeid}"
				data-replace-phrase-varname="social_group_count_members_x"
				data-member-count="{vb:var conversation.members}">
					{vb:phrase social_group_count_members_x, {vb:var conversation.members}}
			</span>
		</div>

		<div class="b-groupgrid__item-button-row b-button-group">


			<vb:if condition="!empty($user['userid'])">

				{vb:data hasJoined, socialgroup, isChannelMember, {vb:var conversation.nodeid}}
				{vb:data isMod, socialgroup, isChannelModerator, {vb:var conversation.nodeid}}
				{vb:data canJoin, user, hasPermissions, forumpermissions, canjoin}
				<vb:if condition="!empty($canJoin) OR $isMod OR $hasJoined">
					{vb:rawdata channelContributors, content_channel, getContributors, {vb:var conversation.nodeid}}
					{vb:set ownerid, {vb:raw channelContributors.active.owner.0.userid}}
					{vb:set isGroupOwner, {vb:if "$ownerid == $user->userid", 1, 0}}
					<button type="button"
						data-node-id="{vb:var conversation.nodeid}"
						data-owner-id="{vb:raw ownerid}"
						class="{vb:if "$isMod", "is-owner "}b-button b-button--secondary join-btn uppercase <vb:if condition="$hasJoined == 1">has-joined b-button--special<vb:elseif condition="$hasJoined == 2" />b-button--special is-pending</vb:if> js-no-refresh"
						<vb:if condition="$isGroupOwner">disabled="disabled"</vb:if>
						>
						<span class="b-button__icon"></span>
						<span class="b-button__text-primary js-button__text-primary">
							<vb:if condition="$isGroupOwner">
								{vb:phrase owner}
							<vb:elseif condition="$hasJoined == 1" />
								{vb:phrase joined}
							<vb:elseif condition="$hasJoined == 2" />
								{vb:phrase following_pending}
							<vb:else />
								{vb:phrase join}
							</vb:if>
						</span>
					</button>
				</vb:if>

			<vb:else />

				{vb:phrase sign_in_to_join_group}

			</vb:if>
		</div>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationreply_Text" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="$conversation['isVisitorMessage']">
	{vb:set postType, 'visitorMessage'}
	<vb:if condition="$conversation['nodeid'] != $conversation['starter']">
		{vb:set isVmComment, 1}
	</vb:if>
<vb:elseif condition="$conversation['starter'] == $conversation['nodeid']" />
	{vb:set postType, 'starter'}
	{vb:set conversation.innerPost, {vb:raw conversation.nodeid}}
<vb:elseif condition="$conversation['starter'] == $conversation['parentid']" />
	{vb:set postType, 'reply'}
<vb:else />
	{vb:set postType, 'comment'}
	{vb:set commentNodeId, {vb:raw conversation.parentid}}
	{vb:set parentConversation, {vb:raw conversation.parentConversation}}
</vb:if>

<vb:if condition="$currentNodeIsBlog">
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/BlogPosting}
	{vb:set nodeType, 'blog_post'}
	<vb:if condition="!empty($reportActivity)">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisBlog, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisBlog must be set in parent widget</vb:comment>
	</vb:if>
<vb:elseif condition="$currentNodeIsArticle" />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/Article}
	{vb:set nodeType, 'article'}
	<vb:if condition="!empty($reportActivity)">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisArticle, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisArticle must be set in parent widget</vb:comment>
	</vb:if>
<vb:else />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
	{vb:set nodeType, 'topic'}
	{vb:set userCanCommentOnThisBlog, 0}
	{vb:set displayComments, 0}
</vb:if>

<vb:if condition="!empty($showInlineMod) AND !empty($conversation['permissions']) AND (!empty($conversation['permissions']['canmoderate']) OR !empty($conversation['moderatorperms']['canmoderateposts']) OR !empty($conversation['moderatorperms']['candeleteposts']) OR !empty($conversation['moderatorperms']['caneditposts']) OR !empty($conversation['moderatorperms']['canopenclose']) OR !empty($conversation['moderatorperms']['canmassmove']) OR !empty($conversation['moderatorperms']['canmassprune']) OR !empty($conversation['moderatorperms']['canremoveposts']) OR !empty($conversation['moderatorperms']['cansetfeatured']))">
	{vb:set enableInlineMod, 1}
</vb:if>

{vb:set postStatus, ''}
<vb:if condition="$conversation['approved'] == 0">
	{vb:strcat postStatus, ' unapproved b-post--unapproved'}
</vb:if>
<vb:if condition="$conversation['featured']">
	{vb:strcat postStatus, ' featured b-post--featured'}
</vb:if>
<vb:if condition="$conversation['unpublishdate']">
	{vb:strcat postStatus, ' deleted b-post--deleted'}
</vb:if>

{vb:set nodeSchemaInfo.itemscope, 1}
{vb:set nodeMicrodata, {vb:schema {vb:raw nodeSchemaInfo}}}
<li data-node-id="{vb:raw conversation.nodeid}"
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if>
	class="b-post js-post js-comment-entry__parent list-item{vb:raw postStatus} list-item-text h-left h-clear<vb:if condition="(empty($reportActivity)) AND $postType == 'starter'"> conversation-starter js-conversation-starter</vb:if><vb:if condition="$enableInlineMod OR !$conversation['approved']"> inlinemod-item</vb:if><vb:if condition="!empty($addLiClass)"> {vb:raw addLiClass}</vb:if>" {vb:raw nodeMicrodata}>

	<vb:if condition="!empty($nodeMicrodata)">
		{vb:set schemaInfo.tag, meta}

		<vb:if condition="$postType == 'starter'">
			{vb:set schemaInfo.itemprop, name}
			{vb:set schemaInfo.content, {vb:raw conversation.title}}
			{vb:schema {vb:raw schemaInfo}}
		</vb:if>

		{vb:set schemaInfo.itemprop, url}
		{vb:set schemaInfo.content, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:schema {vb:raw schemaInfo}}
	</vb:if>

	<a id="post{vb:raw conversation.nodeid}" class="anchor"></a>
	<vb:if condition="$conversation['unpublishdate']">
		<vb:if condition="
			($conversation['moderatorperms']['canundeleteposts'] > 0) OR
			($conversation['moderatorperms']['canremoveposts'] > 0)
		">
			{vb:set canViewSoftdeletedNode, 1}
		<vb:else />
			{vb:set canViewSoftdeletedNode, 0}
		</vb:if>
		<div class="b-media b-post__unpublish-info h-padding-bottom-l h-padding-horiz-xl">
			<div class="b-media__img--rev">
				<vb:if condition="$canViewSoftdeletedNode">
					<label class="js-post__manage b-link js-link OLD__manage" tabindex="0">{vb:phrase manage}</label>
					| <label class="js-post__show-hide js-post__show-hide--show b-link" data-toggle-text="{vb:phrase hide}" tabindex="0">{vb:phrase show}</label>
				</vb:if>
			</div>

			<div class="b-media__body">

				<div class="b-post__date OLD__post-date">
					{vb:datetime {vb:raw conversation.unpublishdate}}
				</div>

				<vb:if condition="!empty($conversation['deleteuserid']) AND !empty($conversation['deleteusername'])">
					{vb:set deleteUserInfo.userid, {vb:var conversation.deleteuserid}}
					{vb:set deleteuserlink, {vb:url 'profile', {vb:raw deleteUserInfo}}}
					{vb:set deleteusername, {vb:raw conversation.deleteusername}}
				<vb:else />
					{vb:set deleteusername, {vb:rawphrase unknown}}
					{vb:set deleteuserlink, '#'}
				</vb:if>
				{vb:set phraseId, 'this_'}
				<vb:if condition="$currentNodeIsBlog OR $currentNodeIsArticle">
					<vb:if condition="$postType == 'starter'">
						{vb:strcat phraseId, {vb:raw nodeType}}
					<vb:else />
						{vb:strcat phraseId, 'comment'}
					</vb:if>
				<vb:elseif condition="$postType == 'starter'" />
					{vb:strcat phraseId, 'topic'}
				<vb:else />
					{vb:strcat phraseId, {vb:raw postType}}
				</vb:if>
				{vb:strcat phraseId, '_by_x_has_been_deleted_by_y_link'}

				<div class="b-post__delete-note OLD__delete-note">
					{vb:rawphrase {vb:raw phraseId}, {vb:raw conversation.authorname}, {vb:raw deleteuserlink}, {vb:raw deleteusername}}
				</div>

				<vb:if condition="!empty($conversation['deletereason'])">
					<div class="b-post__delete-reason OLD__delete-reason"><label>{vb:phrase reason}:</label> {vb:var conversation.deletereason}</div>
				</vb:if>
			</div>
		</div>
	</vb:if>

	<div class="b-post__hide-when-deleted">
		<hr class="b-divider--section OLD__section-divider">

		<vb:comment><!--
			Hide the list item header when viewing an individual article
			This information is shown in the page_title module for articles
		--></vb:comment>
		<vb:if condition="$conversation['channeltype'] != 'article' OR !empty($reportActivity)">
		<div class="list-item-header h-left">
			<vb:if condition="($postType == 'visitorMessage') AND !empty($vmDetail)"><h3 class="vm-desc">{vb:rawphrase visitor_message_from_x, {vb:raw conversation.authorname}}</h3></vb:if>
			<vb:if condition="$user['showavatars'] AND $conversation['channeltype'] != 'article'">
				{vb:set avatar, {vb:var conversation.avatar}}
				<vb:if condition="!$conversation['userid']">
					<span class="avatar h-left"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:rawphrase guest_avatar}" /></span>
				<vb:elseif condition="$avatar AND $avatar['avatarpath']" />
					<a href="{vb:url 'profile', {vb:raw conversation}}" class="avatar h-left avatar-{vb:raw conversation.userid}"><img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" alt="{vb:raw conversation.authorname}" /></a>
				</vb:if>
			</vb:if>
			<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
				<div class="post-action-wrapper<vb:if condition="!empty($reportActivity)"> ellipsis multiline</vb:if><vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> td</vb:if>">
					{vb:set starter.nodeid, {vb:raw conversation.starter}}
					{vb:set starter.username, {vb:raw conversation.starterauthorname}}
					{vb:set starter.userid, {vb:raw conversation.starteruserid}}
					<vb:if condition="!empty($reportActivity)">
						<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

							<vb:comment>**** Article Title (on channel page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								displayCompact=1,
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$postType =='visitorMessage'" />
							<vb:if condition="!empty($isVmComment)">
								{vb:set profileRouteInfo.userid, {vb:raw conversation.userid}}
								{vb:set profileRouteUrl, {vb:url 'profile', {vb:raw profileRouteInfo}}}
								<vb:if condition="!empty($reportActivity)">
									{vb:set vmRouteInfo.nodeid, {vb:raw conversation.starter}}
									{vb:set vmRouteInfo.title, {vb:raw conversation.starterurlident}}
									{vb:set vmRouteUrl, {vb:url 'visitormessage', {vb:raw vmRouteInfo}}}
									<vb:if condition="$conversation['userid'] > 0">
										{vb:rawphrase x_commented_on_vm_from_y, {vb:var profileRouteUrl}, {vb:raw conversation.authorname}, {vb:var vmRouteUrl}, {vb:raw conversation.starterauthorname}, {vb:raw conversation.nodeid}}
									<vb:else />
										{vb:rawphrase guest_commented_on_vm_from_y, {vb:var vmRouteUrl}, {vb:raw conversation.starterauthorname}, {vb:raw conversation.nodeid}}
									</vb:if>
								<vb:else />
									<vb:if condition="$conversation['userid'] > 0">
										{vb:rawphrase x_commented, {vb:var profileRouteUrl}, {vb:raw conversation.authorname}}
									<vb:else />
										{vb:rawphrase guest_commented}
									</vb:if>
								</vb:if>
							<vb:else />
								{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
								{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
								{vb:set userInfo.userid, {vb:raw conversation.userid}}
								{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
								<vb:if condition="$conversation['userid'] > 0">
									{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								<vb:else />
									{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							{vb:set topicTitle, {vb:raw conversation.title}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							{vb:set searchUrl, {vb:url 'search'}}

							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							{vb:set topicTitle, {vb:raw conversation.startertitle}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							{vb:set searchUrl, {vb:url 'search'}}

							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}

								<vb:comment>blog comments are essentially reply nodes, but we just call them comments not replies</vb:comment>
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'x_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'x_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'x_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'guest_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'guest_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'guest_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						<vb:else />
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set parentProfileUrl, {vb:url 'profile', {vb:raw parentConversation}}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							{vb:set starter.innerPost, {vb:raw conversation.parentid}}
							{vb:set conversationExtraUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							{vb:set searchUrl, {vb:url 'search'}}
							{vb:set conversationTitle, {vb:raw conversation.startertitle}}
							<vb:if condition="$conversation['userid'] > 0 AND $parentConversation['userid'] > 0">
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase x_commented_on_ys_reply_to_z_with_prefix, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase x_commented_on_ys_reply_to_z, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}}
								</vb:if>
							<vb:elseif condition="$conversation['userid'] == 0 AND $parentConversation['userid'] > 0"/>
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase guest_commented_on_ys_reply_to_z_with_prefix, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase guest_commented_on_ys_reply_to_z, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}}
								</vb:if>
							<vb:elseif condition="$conversation['userid'] > 0 AND $parentConversation['userid'] == 0"/>
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase x_commented_on_guests_reply_to_z_with_prefix, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase x_commented_on_guests_reply_to_z, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}}
								</vb:if>
							<vb:else />
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase guest_commented_on_guests_reply_to_z_with_prefix, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase guest_commented_on_guests_reply_to_z, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}}
								</vb:if>
							</vb:if>
						</vb:if>
					<vb:else />
						<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

							<vb:comment>**** Article Title (on article page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$postType =='visitorMessage'" />
							<vb:if condition="!empty($isVmComment)">
								{vb:set profileRouteInfo.userid, {vb:raw conversation.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileRouteInfo}}}
								{vb:rawphrase x_commented, {vb:var profileUrl}, {vb:raw conversation.authorname}}
							<vb:else />
								{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
								{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
								{vb:set userInfo.userid, {vb:raw conversation.userid}}
								{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
								<vb:if condition="$conversation['userid'] > 0">
									{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								<vb:else />
									{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							<vb:if condition="$conversation['iconpath']">
								<img src="{vb:var baseurl_core}/{vb:var conversation.iconpath}" width="16" height="16" alt="" />
							</vb:if>
							{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}, {vb:url 'search'}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
								</vb:if>

							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}, {vb:url 'search'}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							<vb:comment><!-- In a topic's stream view --></vb:comment>
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:rawphrase link_x_y_replied, {vb:var profileUrl}, {vb:raw conversation.authorname}}
							<vb:else />
								{vb:rawphrase guest_replied}
							</vb:if>
						<vb:else />
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set parentProfileUrl, {vb:url 'profile', {vb:raw parentConversation}}}
							{vb:set parentConversationUrl, {vb:url {vb:raw parentConversation.starterroute}, {vb:raw starter}}}
							<vb:if condition="$conversation['userid'] > 0 AND $parentConversation['userid'] > 0">
								{vb:rawphrase x_commented_on_ys_reply, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							<vb:elseif condition="$conversation['userid'] == 0 AND $parentConversation['userid'] > 0"/>
								{vb:rawphrase guest_commented_on_ys_reply, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							<vb:elseif condition="$conversation['userid'] > 0 AND $parentConversation['userid'] == 0"/>
								{vb:rawphrase x_commented_on_guests_reply, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							<vb:else />
								{vb:rawphrase guest_commented_on_guests_reply, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							</vb:if>
						</vb:if>
					</vb:if>
					<vb:if condition="$currentNodeIsBlog AND empty($reportActivity)">
						{vb:set createdSchema.itemprop, dateCreated}
						{vb:set createdSchema.datetime, {vb:raw conversation.created}}
						<div class="post-date"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></div>

						<vb:comment>Social sharing</vb:comment>
						{vb:template display_sharing, conversation={vb:raw conversation}, horizontal=1}

					</vb:if>
				</div>
				<vb:if condition="isset($showChannelInfo) AND $showChannelInfo AND ($postType != 'visitorMessage')">{vb:set channelUrl, {vb:url {vb:raw conversation.channelroute}}}<div class="channel-info ellipsis">{vb:rawphrase in_x_channel, {vb:var channelUrl}, {vb:raw conversation.channeltitle}}</div></vb:if>
			</div>
			<vb:if condition="$showSubscribedInfo">
				<ul data-node-id="{vb:raw conversation.nodeid}" class="h-hide unfollow_panel">
					<vb:if condition="$node['isFollowingContent']">
						<li data-item-id="{vb:raw node.isFollowingContent}" class="unfollow_content">{vb:rawphrase unfollow_discussion}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingMember']">
						<li data-item-id="{vb:raw node.isFollowingMember}" class="unfollow_member">{vb:rawphrase unfollow_member}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingChannel']">
						<li data-item-id="{vb:raw node.isFollowingChannel}" class="unfollow_channel">{vb:rawphrase unfollow_channel}</li>
					</vb:if>
				</ul>
			</vb:if>
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="checkbox h-right">
					<vb:if condition="!$conversation['approved']">
						<span class="js-unapprove-label b-post__inlinemod-text">{vb:phrase unapproved}</span>
					</vb:if>
					<vb:if condition="$enableInlineMod">
						<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
					</vb:if>
				</div>
			</vb:if>
			<vb:comment>VBV-7701 Blog entries have a second timestamp</vb:comment>
			<vb:if condition="(empty($currentNodeIsBlog) OR !empty($reportActivity)) AND empty($currentNodeIsArticle)">
				<div class="info h-right">
					{vb:set createdSchema.itemprop, dateCreated}
					{vb:set createdSchema.datetime, {vb:raw conversation.created}}
					<span class="post-date h-left"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></span>
						<vb:if condition="$showSubscribedInfo OR ($reportActivity AND $conversation['subscribed'])">
							<div class="subscribed h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase following}</div>
						</vb:if>
						<vb:if condition="($reportActivity AND $conversation['joined'])">
							<div class="joined h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase joined}</div>
						</vb:if>
				</div>
			</vb:if>
		</div>
		</vb:if><!-- end list item header -->

		<vb:comment>Since the list item header is hidden for articles, we need
		to add the inline mod checkbox here</vb:comment>
		<vb:if condition="!$reportActivity AND $conversation['channeltype'] == 'article'">
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="list-item-header">
					<div class="checkbox h-right">
						<vb:if condition="!$conversation['approved']">
							<span class="js-unapprove-label b-post__inlinemod-text">{vb:phrase unapproved}</span>
						</vb:if>
						<vb:if condition="$enableInlineMod">
							<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
						</vb:if>
					</div>
				</div>
			</vb:if>
		</vb:if>

		<div class="js-post__content-wrapper list-item-body-wrapper h-clear" data-node-type="{vb:raw postType}">
			<div class="js-post__content list-item-body conversation-body">

				<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle AND $adlocation">
					<div class="axd axd_{vb:raw adlocation}">
						{vb:set adtemplatename, 'ad_'}
						{vb:strcat adtemplatename, {vb:raw adlocation}}
						{vb:template {vb:raw adtemplatename}}
					</div>
				</vb:if>

				<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
					<vb:if condition="$postType == 'starter'"><h2 class="b-post__stream-post-title js-post-title h-hide">{vb:raw conversation.title}</h2></vb:if>
					{vb:set textSchema.itemprop, text}
					<div class="post-content restore js-post__content-text h-wordwrap" {vb:schema {vb:raw textSchema}}>
						<vb:if condition="isset($reportActivity) AND $reportActivity AND empty($vmDetail)">
							{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
						<vb:else />
							{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, 0, {vb:var page.contentpagenum}}
						</vb:if>
						<vb:if condition="isset($reportActivity) AND $reportActivity AND $conversation['previewimage']">
							{vb:data canGetImgAttachment, user, hasPermissions, forumpermissions2, cangetimgattachment, {vb:raw conversation.nodeid}}
							<vb:if condition="$canGetImgAttachment">
								<vb:if condition="is_numeric($conversation['previewimage'])">
									<img src="filedata/fetch?id={vb:var conversation.previewimage}&amp;type={vb:var vboptions.cmspreviewimagesize}" class="h-left h-margin-right-l h-margin-bottom-m h-padding-xs b-post__preview-image" />
								<vb:else />
									<img src="{vb:raw conversation.previewimage}" width="{vb:raw conversation.imagewidth}" height="{vb:raw conversation.imageheight}" class="h-left h-margin-right-l h-margin-bottom-m h-padding-xs b-post__preview-image" />
								</vb:if>
							</vb:if>
						</vb:if>
						{vb:raw parsedText}
					</div>
					<vb:if condition="isset($reportActivity) AND $reportActivity AND empty($vmDetail)">
						<div class="post-links">
							<vb:if condition="empty($conversation['previewonly'])">
								<a href="#" class="see-link more" data-toggle-text="{vb:rawphrase see_less}">{vb:rawphrase see_more}</a>
								<span>|</span>
							</vb:if>
							<vb:if condition="$postType == 'starter'">
									<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="goto-post">
							<vb:elseif condition="$postType == 'visitorMessage'" />
								{vb:set extra.nodeid, {vb:raw conversation.starter}}
								{vb:set extra.title, {vb:raw conversation.starterurlident}}
								{vb:set extra.innerPost, {vb:raw conversation.nodeid}}
									<a href="{vb:url 'visitormessage', {vb:raw extra}}" class="goto-post">
							<vb:else />
								{vb:set starter.innerPost, {vb:raw conversation.nodeid}}
								{vb:set starter.innerPostParent, {vb:raw conversation.parentid}}
								<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}" class="goto-post">
							</vb:if>
								{vb:rawphrase go_to_post}
							</a>
						</div>
					</vb:if>
					{vb:template conversation_posthistory, conversation={vb:raw conversation}}
				</vb:if>
			</div>

			<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle">
				{vb:template article_content_pagenav, conversation={vb:raw conversation}}
			</vb:if>

			{vb:set controls, {vb:php array}}
			<vb:if condition="!empty($conversation['moderatorperms']['canviewips'])">
				{vb:set controls.showIp, 1}
			</vb:if>
			<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
				{vb:set controls.showVoteCount, 1}
				{vb:set controls.showInfractionCtrl, 1}
				{vb:set controls.showEditCtrl, 1}
				{vb:set controls.showFlagCtrl, 1}
				{vb:set controls.showVoteCtrl, 1}
				{vb:set controls.showQuoteCtrl, 0}
				{vb:set controls.showCommentCtrl, 0}
				{vb:set controls.showTagList, 0}

				<vb:if condition="!isset($reportActivity) OR !$reportActivity">
					<vb:if condition="$postType == 'starter'">
						{vb:set controls.showTagList, 1}
					</vb:if>
				</vb:if>
				<vb:if condition="$postType == 'reply' OR !empty($vmDetail)">
					{vb:set controls.showCommentCtrl, 1}
				</vb:if>
				<vb:if condition="$view == 'conversation_detail' OR $view == 'stream'">
					{vb:set controls.showQuoteCtrl, 1}
				</vb:if>
				<vb:if condition="!empty($showNoControls)">
					{vb:set controls.showVoteCount, 0}
					{vb:set controls.showInfractionCtrl, 0}
					{vb:set controls.showEditCtrl, 0}
					{vb:set controls.showFlagCtrl, 0}
					{vb:set controls.showVoteCtrl, 0}
					{vb:set controls.showQuoteCtrl, 0}
					{vb:set controls.showCommentCtrl, 0}
					{vb:set controls.showTagList, 0}
					{vb:set controls.showIp, 0}
				</vb:if>
				<vb:if condition="!empty($isVmComment)">
					{vb:set controls.showVoteCtrl, 0}
				</vb:if>

				<vb:if condition="$currentNodeIsBlog">
					{vb:set controls.showCommentCtrl, 0}
				</vb:if>

				<vb:if condition="!empty($footerControls)">
					{vb:set controls, {vb:php array_merge, {vb:raw controls}, {vb:raw footerControls}}}
				</vb:if>

				<vb:if condition="!empty($showNoControls)">
					{vb:set sum, {vb:php array_sum, {vb:raw controls}}}
					<vb:if condition="$sum">
						{vb:set showNoControls, 0}
					</vb:if>
				</vb:if>

				<vb:if condition="$currentNodeIsArticle AND $reportActivity">
					{vb:set showNoControls, 1}
				</vb:if>


				{vb:template conversation_footer, conversation={vb:raw conversation}, showNoControls={vb:raw showNoControls}, controls={vb:raw controls}}


				<div class="edit-conversation-container OLD__edit-conversation-container"></div>

				<vb:if condition="$displayComments">

					{vb:template display_Comments, conversation={vb:raw conversation}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, commentsPerPage={vb:raw commentsPerPage}, initialCommentsPerPage={vb:raw initialCommentsPerPage}, enableInlineMod={vb:raw enableInlineMod}, parentNodeIsBlog={vb:raw currentNodeIsBlog}, parentNodeIsArticle={vb:raw currentNodeIsArticle}}
				</vb:if>

				<vb:if condition="empty($reportActivity) AND $currentNodeIsBlog">
					{vb:template pagenav, pagenav={vb:raw pagingInfo}}
				</vb:if>

				<vb:comment>Comment box for Blog posts</vb:comment>
				<vb:if condition="$userCanCommentOnThisBlog > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--blog h-padding-xxl h-padding-top-xl comment-entry-box {vb:if "$conversation['textcount'] > 0", has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsBlog AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisBlog == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisBlog == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						<vb:elseif condition="$userCanCommentOnThisBlog == -2" />
							<vb:comment>parents.0 is this same node</vb:comment>
							{vb:set blogChannel, {vb:raw conversation.parents.1}}
							{vb:rawphrase you_must_subscribe_to_post_comment, 'is-blog-channel', {vb:raw blogChannel.nodeid}, {vb:raw blogChannel.userid}, {vb:url {vb:raw blogChannel.routeid}}, {vb:var blogChannel.title}}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Articles</vb:comment>
				<vb:if condition="$userCanCommentOnThisArticle > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--article h-padding-xxl h-padding-top-xl comment-entry-box {vb:if "$conversation['textcount'] > 0", has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsArticle AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisArticle == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisArticle == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Forum posts</vb:comment>
				<vb:if condition="$postType == 'reply' AND !$currentNodeIsBlog AND !$currentNodeIsArticle AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry h-padding-xxl h-padding-top-xl comment-entry-box h-hide">
						<h3 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}:</h3>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow reload-on-post" placeholder="{vb:rawphrase type_your_comment_here}"></textarea>
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:rawphrase post_comment}</button>
							<button type="button" id="btnPostCommentCancel-{vb:raw conversation.nodeid}" class="b-button js-comment-entry__cancel">{vb:rawphrase cancel}</button>
						</div>
					</div>
				</vb:if>
			</vb:if>
		</div>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationreply_threadview_Gallery" templatetype="template" date="1548441568" username="vBulletin" version="5.5.1 Alpha 3"><![CDATA[{vb:template display_contenttype_threadview_header,
	conversation={vb:raw conversation},
	contenttype=gallery,
	conversationtype=reply,
	showInlineMod={vb:raw showInlineMod},
	postIndex={vb:raw postIndex},
	pagingInfo={vb:raw pagingInfo},
	commentId={vb:raw commentId},
	contentHook=reply_threadview_gallery_1,
	adlocation={vb:raw adlocation}}

{vb:template photo_gallery_preview,
	conversation={vb:raw conversation},
	previewMode={vb:raw previewMode}}

{vb:template display_contenttype_threadview_footer,
	conversation={vb:raw conversation},
	contenttype=link,
	conversationtype=reply,
	showInlineMod={vb:raw showInlineMod},
	postIndex={vb:raw postIndex},
	pagingInfo={vb:raw pagingInfo},
	commentId={vb:raw commentId},
	commentsPerPage={vb:raw widgetConfig.commentsPerPage},
	initialCommentsPerPage={vb:raw widgetConfig.initialCommentsPerPage},
	footerControls={vb:raw footerControls},
	showNoControls={vb:raw showNoControls},
	adlocation={vb:raw adlocation}}]]></template>
		<template name="display_contenttype_conversationreply_threadview_Link" templatetype="template" date="1510594740" username="vBulletin" version="5.3.5 Alpha 2"><![CDATA[{vb:template display_contenttype_threadview_header, conversation={vb:raw conversation}, contenttype=link, conversationtype=reply, showInlineMod={vb:raw $showInlineMod}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, contentHook=reply_threadview_link_1, adlocation={vb:raw adlocation}}

    {vb:template link, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}, linkid={vb:raw conversation.nodeid}, filedataid={vb:raw conversation.filedataid}, previewMode={vb:raw previewMode}, previewImage={vb:raw conversation.previewImage}}


{vb:template display_contenttype_threadview_footer, conversation={vb:raw conversation}, contenttype=link, conversationtype=reply, showInlineMod={vb:raw showInlineMod}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, commentsPerPage={vb:raw widgetConfig.commentsPerPage}, initialCommentsPerPage={vb:raw widgetConfig.initialCommentsPerPage}, footerControls={vb:raw footerControls}, showNoControls={vb:raw showNoControls}, adlocation={vb:raw adlocation}}]]></template>
		<template name="display_contenttype_conversationreply_threadview_Poll" templatetype="template" date="1510791634" username="vBulletin" version="5.3.5 Alpha 3"><![CDATA[{vb:template display_contenttype_threadview_header, conversation={vb:raw conversation}, contenttype=poll, conversationtype=reply, showInlineMod={vb:raw showInlineMod}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, contentHook=reply_threadview_poll_1, adlocation={vb:raw adlocation}}


			<vb:if condition="!$conversation['unpublishdate'] OR $canPhysicallyDeletePost">
				<div class="post-date"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></div>
				<div class="post-content restore">
					<div class="pollresults<vb:if condition="!$conversation['voted']"> h-hide</vb:if>">
						<div class="pollvote-count h-right">
							<span>{vb:number {vb:raw conversation.poll_votes}}</span>
							<label><vb:if condition="$conversation['poll_votes'] == 1">{vb:rawphrase voter}<vb:else />{vb:rawphrase voters}</vb:if></label>
						</div>
						<table class="pollresults-data">
							{vb:set index, 1}
							{vb:set maxIndex, 12}
							<vb:each from="conversation.options" value="option">
								<tr class="pollresults-option-{vb:raw option.polloptionid} option-{vb:raw index}">
									<td class="polloption-cell">
										<div class="title">{vb:var option.title}</div>
										<div class="bar-container">
											<div class="bar" style="width: {vb:raw option.percentage}%"></div>
										</div>
									</td>
									<td class="pollpercent-cell">
										<div class="percentage">{vb:number {vb:raw option.percentage}, 2}%</div>
									</td>
									<td class="pollvote-cell">
										<div class="votes">
											<span>{vb:raw option.votes}</span>
											<label><vb:if condition="$option['votes'] != 1">{vb:rawphrase votes_lower}<vb:else />{vb:rawphrase vote_lower}</vb:if></label>
										</div>
									</td>
									<vb:if condition="$conversation['public']">
										<td class="pollvoter-cell">
											<div class="voter-icon b-icon b-icon__profile--blue" title="{vb:phrase click_to_see_who_voted_for_this_option}" data-node-id="{vb:raw nodeid}" data-polloption-id="{vb:raw option.polloptionid}">
												<div class="voters"></div>
											</div>
										</td>
									</vb:if>
								</tr>
								<vb:if condition="++$index > $maxIndex">
									{vb:set index, 1}
								</vb:if>
							</vb:each>
						</table>
						<vb:if condition="!$conversation['voted']">
							<div class="b-button-group b-button-group--left">
								<button type="button" name="backtopoll" class="b-button js-poll__back-to-poll" data-nodeid="{vb:raw conversation.nodeid}">{vb:phrase back_to_poll}</button>
							</div>
						</vb:if>
					</div>
					<vb:if condition="!$conversation['voted']">
						<form class="poll" action="poll/vote/" method="post">
							<ul class="poll">
								<vb:each from="conversation.options" value="option">
									<li>
										<vb:if condition="$conversation['multiple']">
											<label><input type="checkbox" name="polloptionids[]" value="{vb:raw option.polloptionid}" />{vb:var option.title}</label>
										<vb:else />
											<label><input type="radio" name="polloptionid" value="{vb:raw option.polloptionid}" />{vb:var option.title}</label>
										</vb:if>
									</li>
								</vb:each>
							</ul>
							<div class="b-button-group js-button-group b-button-group--left">
								<button type="submit" name="vote" class="b-button b-button--primary">{vb:phrase vote_now}</button>
								<button type="button" name="viewpollresults" class="b-button js-poll__view-results" data-nodeid="{vb:raw conversation.nodeid}">{vb:phrase view_poll_results}</button>
							</div>
						</form>
					</vb:if>
			</vb:if>


{vb:template display_contenttype_threadview_footer, conversation={vb:raw conversation}, contenttype=poll, conversationtype=reply, showInlineMod={vb:raw showInlineMod}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, commentsPerPage={vb:raw widgetConfig.commentsPerPage}, initialCommentsPerPage={vb:raw widgetConfig.initialCommentsPerPage}, footerControls={vb:raw footerControls}, showNoControls={vb:raw showNoControls}, adlocation={vb:raw adlocation}}]]></template>
		<template name="display_contenttype_conversationreply_threadview_Text" templatetype="template" date="1510594740" username="vBulletin" version="5.3.5 Alpha 2"><![CDATA[{vb:template display_contenttype_threadview_header, conversation={vb:raw conversation}, contenttype=text, conversationtype=reply, showInlineMod={vb:raw showInlineMod}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, contentHook=reply_threadview_text_1, adlocation={vb:raw adlocation}}


{vb:template display_contenttype_threadview_footer, conversation={vb:raw conversation}, contenttype=text, conversationtype=reply, showInlineMod={vb:raw showInlineMod}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, commentsPerPage={vb:raw widgetConfig.commentsPerPage}, initialCommentsPerPage={vb:raw widgetConfig.initialCommentsPerPage}, footerControls={vb:raw footerControls}, showNoControls={vb:raw showNoControls}, adlocation={vb:raw adlocation}}]]></template>
		<template name="display_contenttype_conversationreply_threadview_Video" templatetype="template" date="1510594740" username="vBulletin" version="5.3.5 Alpha 2"><![CDATA[{vb:template display_contenttype_threadview_header, conversation={vb:raw conversation}, contenttype=video, conversationtype=reply, showInlineMod={vb:raw showInlineMod}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, contentHook=reply_threadview_video_1, adlocation={vb:raw adlocation}}


  <div class="videoscontainer h-clearfix">
	<vb:each from="conversation.items" value="video">
	  {vb:template video_edit, video={vb:raw video}, existing=1, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}, linkid={vb:raw conversation.nodeid}}
	</vb:each>
  </div>
  &nbsp;


{vb:template display_contenttype_threadview_footer, conversation={vb:raw conversation}, contenttype=video, conversationtype=reply, showInlineMod={vb:raw showInlineMod}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, commentsPerPage={vb:raw widgetConfig.commentsPerPage}, initialCommentsPerPage={vb:raw widgetConfig.initialCommentsPerPage}, footerControls={vb:raw footerControls}, showNoControls={vb:raw showNoControls}, adlocation={vb:raw adlocation}}]]></template>
		<template name="display_contenttype_conversationreply_Video" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="$conversation['isVisitorMessage']">
	{vb:set postType, 'visitorMessage'}
<vb:elseif condition="$conversation['starter'] == $conversation['nodeid']" />
	{vb:set postType, 'starter'}
	{vb:set conversation.innerPost, {vb:raw conversation.nodeid}}
<vb:elseif condition="$conversation['starter'] == $conversation['parentid']" />
	{vb:set postType, 'reply'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set starter.nodeid, {vb:raw conversation.starter}}
		{vb:set starter.username, {vb:raw conversation.starterauthorname}}
		{vb:set starter.userid, {vb:raw conversation.starteruserid}}
		{vb:set starterWithReplyParam, {vb:raw starter}}
		{vb:set starterWithReplyParam.innerPost, {vb:raw conversation.nodeid}}
	</vb:if>
</vb:if>

<vb:if condition="$currentNodeIsBlog">
	{vb:set nodeType, 'blog_post'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisBlog, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisBlog must be set in parent widget</vb:comment>
	</vb:if>
<vb:elseif condition="$currentNodeIsArticle" />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/Article}
	{vb:set nodeType, 'article'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisArticle, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisArticle must be set in parent widget</vb:comment>
	</vb:if>
<vb:else />
	{vb:set nodeType, 'topic'}
	{vb:set userCanCommentOnThisBlog, 0}
	{vb:set displayComments, 0}
</vb:if>

<vb:if condition="!empty($showInlineMod) AND !empty($conversation['permissions']) AND (!empty($conversation['permissions']['canmoderate']) OR !empty($conversation['moderatorperms']['canmoderateposts']) OR !empty($conversation['moderatorperms']['candeleteposts']) OR !empty($conversation['moderatorperms']['caneditposts']) OR !empty($conversation['moderatorperms']['canopenclose']) OR !empty($conversation['moderatorperms']['canmassmove']) OR !empty($conversation['moderatorperms']['canmassprune']) OR !empty($conversation['moderatorperms']['canremoveposts']) OR !empty($conversation['moderatorperms']['cansetfeatured']))">
	{vb:set enableInlineMod, 1}
</vb:if>

{vb:set cacheInfo.nodeid, {vb:raw conversation.nodeid}}
{vb:set postStatus, ''}
<vb:if condition="$conversation['approved'] == 0">
	{vb:strcat postStatus, ' unapproved b-post--unapproved'}
</vb:if>
<vb:if condition="$conversation['featured']">
	{vb:strcat postStatus, ' featured b-post--featured'}
</vb:if>
<vb:if condition="$conversation['unpublishdate']">
	{vb:strcat postStatus, ' deleted b-post--deleted'}
</vb:if>

<li data-node-id="{vb:raw conversation.nodeid}" 
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if> 
	class="b-post js-post js-comment-entry__parent list-item{vb:raw postStatus} list-item-video h-left h-clear<vb:if condition="(!isset($reportActivity) OR !$reportActivity) AND $postType == 'starter'"> conversation-starter js-conversation-starter</vb:if><vb:if condition="$enableInlineMod OR !$conversation['approved']"> inlinemod-item</vb:if><vb:if condition="!empty($addLiClass)"> {vb:raw addLiClass}</vb:if>">
	<a id="post{vb:raw conversation.nodeid}" class="anchor"></a>
	<vb:if condition="$conversation['unpublishdate']">
		<vb:if condition="
			($conversation['moderatorperms']['canundeleteposts'] > 0) OR
			($conversation['moderatorperms']['canremoveposts'] > 0)
		">
			{vb:set canViewSoftdeletedNode, 1}
		<vb:else />
			{vb:set canViewSoftdeletedNode, 0}
		</vb:if>
		<div class="b-media b-post__unpublish-info h-padding-bottom-l OLD__unpublish-info h-padding-horiz-xl">
			<div class="b-media__img--rev">
				<vb:if condition="$canViewSoftdeletedNode">
					<label class="js-post__manage b-link js-link OLD__manage" tabindex="0">{vb:phrase manage}</label>
					| <label class="js-post__show-hide js-post__show-hide--show b-link" data-toggle-text="{vb:phrase hide}" tabindex="0">{vb:phrase show}</label>
				</vb:if>
			</div>

			<div class="b-media__body">

				<div class="b-post__date OLD__post-date">
					{vb:datetime {vb:raw conversation.unpublishdate}}
				</div>

				<vb:if condition="!empty($conversation['deleteuserid']) AND !empty($conversation['deleteusername'])">
					{vb:set deleteUserInfo.userid, {vb:var conversation.deleteuserid}}
					{vb:set deleteuserlink, {vb:url 'profile', {vb:raw deleteUserInfo}}}
					{vb:set deleteusername, {vb:raw conversation.deleteusername}}
				<vb:else />
					{vb:set deleteusername, {vb:rawphrase unknown}}
					{vb:set deleteuserlink, '#'}
				</vb:if>
				{vb:set phraseId, 'this_'}
				<vb:if condition="$currentNodeIsBlog OR $currentNodeIsArticle">
					<vb:if condition="$postType == 'starter'">
						{vb:strcat phraseId, {vb:raw nodeType}}
					<vb:else />
						{vb:strcat phraseId, 'comment'}
					</vb:if>
				<vb:elseif condition="$postType == 'starter'" />
					{vb:strcat phraseId, 'topic'}
				<vb:else />
					{vb:strcat phraseId, {vb:raw postType}}
				</vb:if>
				{vb:strcat phraseId, '_by_x_has_been_deleted_by_y_link'}

				<div class="b-post__delete-note OLD__delete-note">
					{vb:rawphrase {vb:raw phraseId}, {vb:raw conversation.authorname}, {vb:raw deleteuserlink}, {vb:raw deleteusername}}
				</div>

				<vb:if condition="!empty($conversation['deletereason'])">
					<div class="b-post__delete-reason OLD__delete-reason"><label>{vb:phrase reason}:</label> {vb:var conversation.deletereason}</div>
				</vb:if>
			</div>
		</div>
	</vb:if>

	<div class="b-post__hide-when-deleted">
		<hr class="b-divider--section OLD__section-divider">

		<vb:comment><!--
			Hide the list item header when viewing an individual article
			This information is shown in the page_title module for articles
		--></vb:comment>
		<vb:if condition="$conversation['channeltype'] != 'article' OR $reportActivity">
		<div class="list-item-header h-left">
			<vb:if condition="($postType == 'visitorMessage') AND $vmDetail"><h3 class="vm-desc">{vb:rawphrase visitor_message_from_x, {vb:raw conversation.authorname}}</h3></vb:if>
			<vb:if condition="$user['showavatars'] AND $conversation['channeltype'] != 'article'">
				{vb:set avatar, {vb:var conversation.avatar}}
				<vb:if condition="!$conversation['userid']">
					<span class="avatar h-left"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:rawphrase guest_avatar}" /></span>
				<vb:elseif condition="$avatar AND $avatar['avatarpath']" />
					<a href="{vb:url 'profile', {vb:raw conversation}}" class="avatar h-left avatar-{vb:raw conversation.userid}"><img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" alt="{vb:raw conversation.authorname}" /></a>
				</vb:if>
			</vb:if>
			<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
				<div class="post-action-wrapper<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if><vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> td</vb:if>">
					<vb:if condition="isset($reportActivity) AND $reportActivity">
						<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

							<vb:comment>**** Article Title (on channel page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								displayCompact=1,
								reportActivity={vb:raw reportActivity}}

						<vb:elseif condition="$postType =='visitorMessage'" />
							{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
							{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
							{vb:set userInfo.userid, {vb:raw conversation.userid}}
							{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							<vb:else />
								{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							{vb:set topicTitle, {vb:raw conversation.title}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							{vb:set searchUrl, {vb:url 'search'}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							{vb:set topicTitle, {vb:raw conversation.startertitle}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							{vb:set searchUrl, {vb:url 'search'}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}

								<vb:comment>blog comments are essentially reply nodes, but we just call them comments not replies</vb:comment>
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'x_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'x_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'x_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'guest_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'guest_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'guest_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						</vb:if>
					<vb:else />
						<vb:if condition="$conversation['channeltype'] == 'article' AND $postType =='starter'">

							<vb:comment>**** Article Title (on article page) ****</vb:comment>
							{vb:template article_title_info,
								conversation={vb:raw conversation},
								reportActivity={vb:raw reportActivity}}

						<vb:comment>TODO No title for visitor messages here?</vb:comment>
						<vb:elseif condition="$postfor" />
							{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
							{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
							{vb:set userInfo.userid, {vb:raw conversation.userid}}
							{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							<vb:else />
								{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							<vb:if condition="$conversation['iconpath']">
								<img src="{vb:var baseurl_core}/{vb:var conversation.iconpath}" width="16" height="16" alt="" />
							</vb:if>
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							<vb:comment><!-- In a topic's stream view --></vb:comment>
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:rawphrase link_x_y_replied, {vb:var profileUrl}, {vb:raw conversation.authorname}}
							<vb:else />
								{vb:rawphrase guest_replied}
							</vb:if>
						</vb:if>
					</vb:if>
					<vb:if condition="$currentNodeIsBlog AND empty($reportActivity)">
						<div class="post-date">{vb:datetime {vb:raw conversation.created}}</div>

						<vb:comment>Social sharing</vb:comment>
						{vb:template display_sharing, conversation={vb:raw conversation}, horizontal=1}

					</vb:if>
				</div>
				<vb:if condition="isset($showChannelInfo) AND $showChannelInfo AND ($postType != 'visitorMessage')">{vb:set channelUrl, {vb:url {vb:raw conversation.channelroute}}}<div class="channel-info ellipsis">{vb:rawphrase in_x_channel, {vb:var channelUrl}, {vb:raw conversation.channeltitle}}</div></vb:if>
			</div>
			<vb:if condition="$showSubscribedInfo">
				<ul data-node-id="{vb:raw conversation.nodeid}" class="h-hide unfollow_panel">
					<vb:if condition="$node['isFollowingContent']">
						<li data-item-id="{vb:raw node.isFollowingContent}" class="unfollow_content">{vb:rawphrase unfollow_discussion}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingMember']">
						<li data-item-id="{vb:raw node.isFollowingMember}" class="unfollow_member">{vb:rawphrase unfollow_member}</li>
					</vb:if>

					<vb:if condition="$node['isFollowingChannel']">
						<li data-item-id="{vb:raw node.isFollowingChannel}" class="unfollow_channel">{vb:rawphrase unfollow_channel}</li>
					</vb:if>
				</ul>
			</vb:if>
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="checkbox h-right">
					<vb:if condition="!$conversation['approved']">
						<span class="js-unapprove-label b-post__inlinemod-text">{vb:rawphrase unapproved}</span>
					</vb:if>
					<vb:if condition="$enableInlineMod">
						<input class="cb_inlinemod im_attach" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
					</vb:if>
				</div>
			</vb:if>
			<vb:comment>VBV-7701 Blog entries have a second timestamp</vb:comment>
			<vb:if condition="(empty($currentNodeIsBlog) OR !empty($reportActivity)) AND empty($currentNodeIsArticle)">
				<div class="info h-right">
					<span class="post-date h-left">{vb:datetime {vb:raw conversation.created}}</span>
						<vb:if condition="$showSubscribedInfo OR ($reportActivity AND $conversation['subscribed'])">
							<div class="subscribed h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase following}</div>
						</vb:if>
						<vb:if condition="($reportActivity AND $conversation['joined'])">
							<div class="joined h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase joined}</div>
						</vb:if>
				</div>
			</vb:if>
		</div>
		</vb:if><!-- end list item header -->

		<vb:comment>Since the list item header is hidden for articles, we need
		to add the inline mod checkbox here</vb:comment>
		<vb:if condition="!$reportActivity AND $conversation['channeltype'] == 'article'">
			<vb:if condition="$enableInlineMod OR !$conversation['approved']">
				<div class="list-item-header">
					<div class="checkbox h-right">
						<vb:if condition="!$conversation['approved']">
							<span class="js-unapprove-label b-post__inlinemod-text">{vb:phrase unapproved}</span>
						</vb:if>
						<vb:if condition="$enableInlineMod">
							<input class="cb_inlinemod <vb:if condition="!empty($conversation['attach'])"> im_attach</vb:if>" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
						</vb:if>
					</div>
				</div>
			</vb:if>
		</vb:if>

		<div class="js-post__content-wrapper list-item-body-wrapper h-clear">
			<div class="js-post__content list-item-body conversation-body">

				<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle AND $adlocation">
					<div class="axd axd_{vb:raw adlocation}">
						{vb:set adtemplatename, 'ad_'}
						{vb:strcat adtemplatename, {vb:raw adlocation}}
						{vb:template {vb:raw adtemplatename}}
					</div>
				</vb:if>

				<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
					<vb:if condition="$postType == 'starter'"><h2 class="b-post__stream-post-title js-post-title h-hide">{vb:raw conversation.title}</h2></vb:if>
					<div class="post-content restore js-post__content-text h-wordwrap">
						<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
							{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
						<vb:else />
							{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, 0, {vb:var page.contentpagenum}}
						</vb:if>
						{vb:raw parsedText}
					</div>
					<div class="videoscontainer h-clearfix">
						{vb:set videoCount, 0}
						<vb:if condition="isset($reportActivity) AND $reportActivity">
							<vb:if condition="($videoCount = count($conversation['items'])) > 0">
								{vb:template video_edit, video={vb:raw $conversation.items.0}, existing=1, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}, linkid={vb:raw conversation.nodeid}}
							</vb:if>
						<vb:else />
							<vb:each from="conversation.items" value="video">
								{vb:template video_edit, video={vb:raw video}, existing=1, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}, linkid={vb:raw conversation.nodeid}}
							</vb:each>
						</vb:if>
					</div>
					<vb:if condition="isset($reportActivity) AND $reportActivity">
						<vb:if condition="$videoCount > 1">
							<vb:if condition="$postType == 'starter'">
								<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="view-more-ctrl h-left">
							<vb:elseif condition="$postType == 'reply'" />
								<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}" class="view-more-ctrl h-left">
							</vb:if>
							{vb:rawphrase view_more_videos}<span class="b-icon b-icon__arrow-right-circle"></span></a>
						</vb:if>

						<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
							<div class="post-links h-clear">
								<vb:if condition="empty($conversation['previewonly'])">
									<a href="#" class="see-link more" data-toggle-text="{vb:rawphrase see_less}">{vb:rawphrase see_more}</a>
									<span>|</span>
								</vb:if>
								<vb:if condition="$postType == 'starter'">
									<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="goto-post">
								<vb:elseif condition="$postType == 'reply'" />
									<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw starterWithReplyParam}, {vb:raw extra}}" class="goto-post">
								<vb:elseif condition="$postType == 'visitorMessage'" />
									{vb:set extra.nodeid, {vb:raw conversation.starter}}
									{vb:set extra.title, {vb:raw conversation.starterurlident}}
									{vb:set extra.innerPost, {vb:raw conversation.nodeid}}
									<a href="{vb:url 'visitormessage', {vb:raw extra}}" class="goto-post">
								</vb:if>
									{vb:rawphrase go_to_post}
								</a>
							</div>
						</vb:if>
					</vb:if>
				</vb:if>
				{vb:template conversation_posthistory, conversation={vb:raw conversation}}
			</div>

			<vb:if condition="empty($reportActivity) AND $currentNodeIsArticle">
				{vb:template article_content_pagenav, conversation={vb:raw conversation}}
			</vb:if>

			<vb:if condition="!empty($conversation['moderatorperms']['canviewips'])">
				{vb:set controls.showIp, 1}
			</vb:if>
			<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
				{vb:set controls.showVoteCount, 1}
				{vb:set controls.showInfractionCtrl, 1}
				{vb:set controls.showEditCtrl, 1}
				{vb:set controls.showFlagCtrl, 1}
				{vb:set controls.showVoteCtrl, 1}
				{vb:set controls.showQuoteCtrl, 0}
				{vb:set controls.showCommentCtrl, 0}
				{vb:set controls.showTagList, 0}
				<vb:if condition="!isset($reportActivity) OR !$reportActivity">
					<vb:if condition="$postType == 'starter'">
						{vb:set controls.showTagList, 1}
					</vb:if>
				</vb:if>
				<vb:if condition="$postType == 'reply' OR $vmDetail">
					{vb:set controls.showCommentCtrl, 1}
				</vb:if>
				<vb:if condition="$view == 'conversation_detail' OR $view == 'stream'">
					{vb:set controls.showQuoteCtrl, 1}
				</vb:if>
				<vb:if condition="$showNoControls">
					{vb:set controls.showVoteCount, 0}
					{vb:set controls.showInfractionCtrl, 0}
					{vb:set controls.showEditCtrl, 0}
					{vb:set controls.showFlagCtrl, 0}
					{vb:set controls.showVoteCtrl, 0}
					{vb:set controls.showQuoteCtrl, 0}
					{vb:set controls.showCommentCtrl, 0}
					{vb:set controls.showTagList, 0}
				</vb:if>

				<vb:if condition="$currentNodeIsBlog">
					{vb:set controls.showCommentCtrl, 0}
				</vb:if>

				<vb:if condition="!empty($footerControls)">
					{vb:set controls, {vb:php array_merge, {vb:raw controls}, {vb:raw footerControls}}}
				</vb:if>

				<vb:if condition="$showNoControls">
					{vb:set sum, {vb:php array_sum, {vb:raw controls}}}
					<vb:if condition="$sum">
						{vb:set showNoControls, 0}
					</vb:if>
				</vb:if>

				<vb:if condition="$currentNodeIsArticle AND $reportActivity">
					{vb:set showNoControls, 1}
				</vb:if>


				{vb:template conversation_footer, conversation={vb:raw conversation}, showNoControls={vb:raw showNoControls}, controls={vb:raw controls}}


				<div class="edit-conversation-container OLD__edit-conversation-container"></div>

				<vb:if condition="$displayComments">
					{vb:template display_Comments, conversation={vb:raw conversation}, postIndex={vb:raw postIndex}, pagingInfo={vb:raw pagingInfo}, commentId={vb:raw commentId}, commentsPerPage={vb:raw commentsPerPage}, initialCommentsPerPage={vb:raw initialCommentsPerPage}, enableInlineMod={vb:raw enableInlineMod}, parentNodeIsBlog={vb:raw currentNodeIsBlog}, parentNodeIsArticle={vb:raw currentNodeIsArticle}}
				</vb:if>

				<vb:if condition="empty($reportActivity) AND $currentNodeIsBlog">
					{vb:template pagenav, pagenav={vb:raw pagingInfo}}
				</vb:if>

				<vb:comment>Comment box for Blog posts</vb:comment>
				<vb:if condition="$userCanCommentOnThisBlog > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--blog h-padding-xxl h-padding-top-xl comment-entry-box {vb:if $conversation['textcount'] > 0, has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsBlog AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisBlog == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisBlog == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						<vb:elseif condition="$userCanCommentOnThisBlog == -2" />
							<vb:comment>parents.0 is this same node</vb:comment>
							{vb:set blogChannel, {vb:raw conversation.parents.1}}
							{vb:rawphrase you_must_subscribe_to_post_comment, 'is-blog-channel', {vb:raw blogChannel.nodeid}, {vb:raw blogChannel.userid}, {vb:url {vb:raw blogChannel.routeid}}, {vb:var blogChannel.title}}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Articles</vb:comment>
				<vb:if condition="$userCanCommentOnThisArticle > 0 AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry js-comment-entry--article h-padding-xxl h-padding-top-xl comment-entry-box {vb:if $conversation['textcount'] > 0, has-comments} h-clearfix">
						<h2 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}</h2>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						{vb:template humanverify, action="post"}
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
						</div>
					</div>
				<vb:elseif condition="$currentNodeIsArticle AND empty($reportActivity) AND !$conversation['unpublishdate']" />
					<div class="notice comment-disabled">
						<vb:if condition="$userCanCommentOnThisArticle == 0">
							{vb:phrase posting_comment_is_disabled}
						<vb:elseif condition="$userCanCommentOnThisArticle == -1" />
							{vb:phrase you_must_be_logged_in_to_post_comment}
						</vb:if>
					</div>
				</vb:if>

				<vb:comment>Comment box for Forum posts</vb:comment>
				<vb:if condition="$postType == 'reply' AND !$currentNodeIsBlog AND !$currentNodeIsArticle AND !$conversation['unpublishdate']">
					<div class="b-comment-entry js-comment-entry h-padding-xxl h-padding-top-xl comment-entry-box h-hide">
						<h3 class="h-margin-bottom-xl comment-entry-box-header">{vb:rawphrase leave_a_comment}:</h3>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow reload-on-post" placeholder="{vb:rawphrase type_your_comment_here}"></textarea>
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:rawphrase post_comment}</button>
							<button type="button" id="btnPostCommentCancel-{vb:raw conversation.nodeid}" class="b-button js-comment-entry__cancel">{vb:rawphrase cancel}</button>
						</div>
					</div>
				</vb:if>
			</vb:if>
		</div>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationstarter_Poll" templatetype="template" date="1510791634" username="vBulletin" version="5.3.5 Alpha 3"><![CDATA[{vb:set extra.userid, {vb:raw conversation.userid}}

<li data-node-id="{vb:raw nodeid}"
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if>
	class="b-post js-post js-comment-entry__parent list-item list-item-poll conversation-starter js-conversation-starter h-left h-clear">
		<a id="post{vb:raw nodeid}" class="anchor"></a>
	<div class="list-item-header h-left">
		<vb:if condition="$user['showavatars']">
			<a href="{vb:url 'profile', {vb:raw conversation}}" class="avatar h-left"><img src="{vb:raw baseurl_core}/image.php?u={vb:raw conversation.userid}&amp;type=profile" width="30" height="30" alt="{vb:raw conversation.authorname}" /></a>
		</vb:if>
		<div class="author h-left"><a href="{vb:url 'profile', {vb:raw conversation}}">{vb:raw conversation.authorname}</a> <span>{vb:phrase started_a_new_discussion}</span></div>
		<vb:comment><div class="checkbox h-right"><input type="checkbox" name="node[]" value="{vb:raw nodeid}" /></div></vb:comment>
		<div class="info h-right">
			<span class="post-date h-left">{vb:datetime {vb:raw conversation.created}}</span>
		</div>
		<div class="h-clear"></div>
	</div>
	<div class="js-post__content-wrapper list-item-body-wrapper h-clear">
		<div class="pointer-up"></div>
		<div class="list-item-body conversation-body js-poll__parent">
			<h2 class="b-post__stream-post-title js-post-title">{vb:var conversation.title}</h2>
			<div class="post-content js-post__content">
				<vb:comment><!-- @TODO: The markup for the content is temporary. Still waiting for the final UI design.  --></vb:comment>
				<div class="text restore">
					{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, 0, {vb:var page.contentpagenum}}
					{vb:raw parsedText}
				</div>

				<div class="pollresults<vb:if condition="!$conversation['voted'] AND !$conversation['istimeout']"> h-hide</vb:if>">
					<div class="pollvote-count h-right">
						<span>{vb:number {vb:raw conversation.votes}}</span>
						<label><vb:if condition="$conversation['votes'] == 1">{vb:rawphrase voter}<vb:else />{vb:rawphrase voters}</vb:if></label>
					</div>
					<table class="pollresults-data">
						{vb:set index, 1}
						{vb:set maxIndex, 12}
						<vb:each from="conversation.options" value="option">
							<tr class="pollresults-option-{vb:raw option.polloptionid} option-{vb:raw index}">
								<td class="polloption-cell">
									<div class="title">{vb:var option.title}</div>
									<div class="bar-container">
										<div class="bar" style="width: {vb:raw option.percentage}%"></div>
									</div>
								</td>
								<td class="pollpercent-cell">
									<div class="percentage">{vb:number {vb:raw option.percentage}, 2}%</div>
								</td>
								<td class="pollvote-cell">
									<div class="votes">
										<span>{vb:raw option.votes}</span>
										<label><vb:if condition="$option['votes'] != 1">{vb:rawphrase votes_lower}<vb:else />{vb:rawphrase vote_lower}</vb:if></label>
									</div>
								</td>
								<vb:if condition="$conversation['public']">
									<td class="pollvoter-cell">
										<div class="voter-icon b-icon b-icon__profile--blue" title="{vb:phrase click_to_see_who_voted_for_this_option}" data-node-id="{vb:raw nodeid}" data-polloption-id="{vb:raw option.polloptionid}">
											<div class="voters"></div>
										</div>
									</td>
								</vb:if>
							</tr>
							<vb:if condition="++$index > $maxIndex">
								{vb:set index, 1}
							</vb:if>
						</vb:each>
					</table>
					<vb:if condition="!$conversation['voted'] AND !$conversation['istimeout']">
						<div class="b-button-group js-button-group b-button-group--left">
							<button type="button" name="backtopoll" class="b-button js-poll__back-to-poll" data-nodeid="{vb:raw conversation.nodeid}">{vb:phrase back_to_poll}</button>
						</div>
					</vb:if>
					<vb:if condition="$conversation['istimeout']"><p class="expired">{vb:phrase poll_expired}</p></vb:if>
				</div>
				<vb:if condition="!$conversation['voted'] AND !$conversation['istimeout']">
					<form class="poll" action="poll/vote/" method="post">
						<ul class="poll">
							<vb:each from="conversation.options" value="option">
								<li>
									<vb:if condition="$conversation['multiple']">
										<label for="polloption_{vb:raw option.polloptionid}"><input id="polloption_{vb:raw option.polloptionid}" type="checkbox" name="polloptionids[]" value="{vb:raw option.polloptionid}" />{vb:var option.title}</label>
									<vb:else />
										<label for="polloption_{vb:raw option.polloptionid}"><input id="polloption_{vb:raw option.polloptionid}" type="radio" name="polloptionid" value="{vb:raw option.polloptionid}" />{vb:var option.title}</label>
									</vb:if>
								</li>
							</vb:each>
						</ul>
						<div class="b-button-group js-button-group b-button-group--left">
							<button type="submit" name="vote" class="b-button b-button--primary">{vb:phrase vote_now}</button>
							<button type="button" name="viewpollresults" class="b-button js-poll__view-results" data-nodeid="{vb:raw conversation.nodeid}">{vb:phrase view_poll_results}</button>
						</div>
					</form>
				</vb:if>
			</div>
		</div>
		{vb:template conversation_posthistory, conversation={vb:raw conversation}}
		{vb:set footerControls, {vb:php array_fill_keys, {vb:php array, showInfractionCtrl, showTagList, showEditCtrl, showFlagCtrl, showQuoteCtrl, showVoteCtrl}, 1}}
		{vb:set footerControls.showNoControls,{vb:raw showNoControls}}

		{vb:template conversation_footer, conversation={vb:raw conversation}, controls={vb:raw footerControls}}

		<div class="edit-conversation-container OLD__edit-conversation-container"></div>
	</div>
</li>]]></template>
		<template name="display_contenttype_conversationstarter_threadview_Event" templatetype="template" date="1506957027" username="vBulletin" version="5.3.4 Alpha 3"><![CDATA[{vb:template display_contenttype_threadview_header, conversation={vb:raw conversation}, contenttype=event, conversationtype=starter, contentHook=starter_threadview_text_1, showInlineMod={vb:raw showInlineMod}, hidePostIndex={vb:raw hidePostIndex}, adlocation={vb:raw adlocation}}

{vb:template display_contenttype_conversation_inner_Event, conversation={raw conversation}}
{vb:template display_event_map, location={vb:raw conversation.maplocation}}

{vb:template display_contenttype_threadview_footer, conversation={vb:raw conversation}, contenttype=event, conversationtype=starter, footerControls={vb:raw footerControls}, showNoControls={vb:raw showNoControls}, adlocation={vb:raw adlocation}}]]></template>
		<template name="display_contenttype_conversationstarter_threadview_Gallery" templatetype="template" date="1548377638" username="vBulletin" version="5.5.1 Alpha 3"><![CDATA[{vb:template display_contenttype_threadview_header,
	conversation={vb:raw conversation},
	contenttype=gallery,
	conversationtype=starter,
	contentHook=starter_threadview_gallery_1,
	showInlineMod={vb:raw showInlineMod},
	hidePostIndex={vb:raw hidePostIndex},
	adlocation={vb:raw adlocation}}

{vb:template photo_gallery_preview,
	conversation={vb:raw conversation},
	previewMode={vb:raw previewMode}}

{vb:template display_contenttype_threadview_footer,
	conversation={vb:raw conversation},
	contenttype=gallery,
	conversationtype=starter,
	footerControls={vb:raw footerControls},
	showNoControls={vb:raw showNoControls},
	adlocation={vb:raw adlocation}}]]></template>
		<template name="display_contenttype_conversationstarter_threadview_Infraction" templatetype="template" date="1377092298" username="vBulletin" version="5.0.5 Alpha 4"><![CDATA[{vb:set postStatus, ''}

{vb:template display_contenttype_threadview_header, conversation={vb:raw conversation}, contenttype=infraction, conversationtype=starter, contentHook=starter_threadview_infraction_1, showInlineMod={vb:raw showInlineMod}, hidePostIndex={vb:raw hidePostIndex}, adlocation={vb:raw adlocation}}

{vb:template display_contenttype_threadview_footer, conversation={vb:raw conversation}, contenttype=infraction, conversationtype=starter, footerControls={vb:raw footerControls}, showNoControls={vb:raw showNoControls}, adlocation={vb:raw adlocation}}]]></template>
		<template name="display_contenttype_conversationstarter_threadview_Link" templatetype="template" date="1377092298" username="vBulletin" version="5.0.5 Alpha 4"><![CDATA[{vb:template display_contenttype_threadview_header, conversation={vb:raw conversation}, contenttype=link, conversationtype=starter, contentHook=starter_threadview_link_1, showInlineMod={vb:raw showInlineMod}, hidePostIndex={vb:raw hidePostIndex}, adlocation={vb:raw adlocation}}

				<vb:if condition="empty($previewMode)">
					{vb:template link, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}, linkid={vb:raw conversation.nodeid}, filedataid={vb:raw conversation.filedataid}, previewMode={vb:raw previewMode}, previewImage={vb:raw conversation.previewImage}}
				</vb:if>


{vb:template display_contenttype_threadview_footer, conversation={vb:raw conversation}, contenttype=link, conversationtype=starter, footerControls={vb:raw footerControls}, showNoControls={vb:raw showNoControls}, adlocation={vb:raw adlocation}}]]></template>
		<template name="display_contenttype_conversationstarter_threadview_Poll" templatetype="template" date="1510791634" username="vBulletin" version="5.3.5 Alpha 3"><![CDATA[{vb:data canVote, user, hasPermissions, forumpermissions, canvote, {vb:raw conversation.nodeid}}
<vb:if condition="!$user['userid']">{vb:set canVote, 0}</vb:if>

{vb:template display_contenttype_threadview_header, conversation={vb:raw conversation}, contenttype=poll, conversationtype=starter, contentHook=starter_threadview_poll_1, showInlineMod={vb:raw showInlineMod}, hidePostIndex={vb:raw hidePostIndex}, adlocation={vb:raw adlocation}}

					<vb:if condition="$conversation['permissions']['canviewthreads'] > 0 OR !empty($previewMode)">
						<vb:comment>I don't know why "$conversation['permissions']['canviewthreads'] > 0" is here, but not in other contenttypes.</vb:comment>
						<vb:if condition="empty($previewMode)">
							<div class="pollresults<vb:if condition="$canVote AND !$conversation['voted'] AND !$conversation['istimeout'] AND !$conversation['unpublishdate']"> h-hide</vb:if> h-margin-bottom-xl">
								<div class="pollvote-count h-right">
									<span>{vb:number {vb:raw conversation.poll_votes}}</span>
									<label><vb:if condition="$conversation['poll_votes'] == 1">{vb:phrase voter}<vb:else />{vb:phrase voters}</vb:if></label>
								</div>
								<table class="pollresults-data">
									{vb:set index, 1}
									{vb:set maxIndex, 12}
									<vb:each from="conversation.options" value="option">
										<tr class="pollresults-option-{vb:raw option.polloptionid} option-{vb:raw index}">
											<td class="polloption-cell">
												<div class="title">{vb:var option.title}</div>
												<div class="bar-container">
													<div class="bar" style="width: {vb:raw option.percentage}%"></div>
												</div>
											</td>
											<td class="pollpercent-cell">
												<div class="percentage">{vb:number {vb:raw option.percentage}, 2}%</div>
											</td>
											<td class="pollvote-cell">
												<div class="votes">
													<span>{vb:raw option.votes}</span>
													<label><vb:if condition="$option['votes'] != 1">{vb:phrase votes_lower}<vb:else />{vb:phrase vote_lower}</vb:if></label>
												</div>
											</td>
											<vb:if condition="$conversation['public']">
												<td class="pollvoter-cell">
													<div class="voter-icon b-icon b-icon__profile--blue" title="{vb:phrase click_to_see_who_voted_for_this_option}" data-node-id="{vb:raw nodeid}" data-polloption-id="{vb:raw option.polloptionid}">
														<div class="voters"></div>
													</div>
												</td>
											</vb:if>
										</tr>
										<vb:if condition="++$index > $maxIndex">
											{vb:set index, 1}
										</vb:if>
									</vb:each>
								</table>
								<vb:if condition="$canVote AND !$conversation['voted'] AND !$conversation['istimeout']">
									<div class="b-button-group b-button-group--left h-clear">
										<button type="button" name="backtopoll" class="b-button js-poll__back-to-poll" data-nodeid="{vb:raw conversation.nodeid}">{vb:phrase back_to_poll}</button>
									</div>
								</vb:if>
								<vb:if condition="$conversation['istimeout']"><p class="expired">{vb:phrase poll_expired}</p></vb:if>
							</div>
						</vb:if>
						<vb:if condition="$canVote AND !$conversation['voted'] AND !$conversation['istimeout'] AND !$conversation['unpublishdate']">
							<form class="poll h-margin-bottom-xl" action="poll/vote/" method="post">
								<ul class="poll" id="polloption_{vb:raw option.polloptionid}">
									<vb:each from="conversation.options" value="option">
										<li>
											<vb:if condition="$conversation['multiple']">
												<label><input type="checkbox" name="polloptionids[]" value="{vb:raw option.polloptionid}" />{vb:var option.title}</label>
											<vb:else />
												<label><input type="radio" name="polloptionid" value="{vb:raw option.polloptionid}" />{vb:var option.title}</label>
											</vb:if>
										</li>
									</vb:each>
								</ul>
								<vb:if condition="empty($previewMode)">
									<div class="b-button-group js-button-group b-button-group--left">
										<button type="submit" name="vote" class="b-button b-button--primary">{vb:phrase vote_now}</button>
										<button type="button" name="viewpollresults" class="b-button js-poll__view-results" data-nodeid="{vb:raw conversation.nodeid}">{vb:phrase view_poll_results}</button>
									</div>
								</vb:if>
							</form>
						</vb:if>
					</vb:if>




{vb:template display_contenttype_threadview_footer, conversation={vb:raw conversation}, contenttype=poll, conversationtype=starter, footerControls={vb:raw footerControls}, showNoControls={vb:raw showNoControls}, adlocation={vb:raw adlocation}}]]></template>
		<template name="display_contenttype_conversationstarter_threadview_Text" templatetype="template" date="1377092298" username="vBulletin" version="5.0.5 Alpha 4"><![CDATA[{vb:template display_contenttype_threadview_header, conversation={vb:raw conversation}, contenttype=text, conversationtype=starter, contentHook=starter_threadview_text_1, showInlineMod={vb:raw showInlineMod}, hidePostIndex={vb:raw hidePostIndex}, adlocation={vb:raw adlocation}}

{vb:template display_contenttype_threadview_footer, conversation={vb:raw conversation}, contenttype=text, conversationtype=starter, footerControls={vb:raw footerControls}, showNoControls={vb:raw showNoControls}, adlocation={vb:raw adlocation}}]]></template>
		<template name="display_contenttype_conversationstarter_threadview_Video" templatetype="template" date="1377092298" username="vBulletin" version="5.0.5 Alpha 4"><![CDATA[{vb:template display_contenttype_threadview_header, conversation={vb:raw conversation}, contenttype=video, conversationtype=starter, contentHook=starter_threadview_video_1, showInlineMod={vb:raw showInlineMod}, hidePostIndex={vb:raw hidePostIndex}, adlocation={vb:raw adlocation}}

				<div class="videoscontainer h-clearfix">
					<vb:each from="conversation.items" value="video">
						{vb:template video_edit, video={vb:raw video}, existing=1, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}, linkid={vb:raw conversation.nodeid}}
					</vb:each>
				</div>


{vb:template display_contenttype_threadview_footer, conversation={vb:raw conversation}, contenttype=video, conversationtype=starter, footerControls={vb:raw footerControls}, showNoControls={vb:raw showNoControls}, adlocation={vb:raw adlocation}}]]></template>
		<template name="display_contenttype_conversation_inner_Event" templatetype="template" date="1525796921" username="vBulletin" version="5.4.3 Alpha 1"><![CDATA[<div class="b-event b-event--inpost">

	<div class="b-event__row">
		<div class="b-event__cell b-event__cell--label b-event__cell--header">
			<b class="b-icon b-icon__tool-event"></b>
		</div>
		<div class="b-event__cell b-event__cell--label b-event__cell--header h-hide-on-xsmall h-hide-on-column-xsmall"></div>
	</div>

	<div class="b-event__row">
		<div class="b-event__cell b-event__cell--label">
			{vb:phrase start_time}
		</div>
		<div class="b-event__cell b-event__cell--content">
			{vb:data apiReturn, content_event, getEventDateTimeStr, {vb:raw conversation.eventstartdate}, {vb:raw conversation.allday}, {vb:raw conversation.ignoredst}}
			{vb:var apiReturn.datestr}
		</div>
	</div>

	<div class="b-event__row">
		<div class="b-event__cell b-event__cell--label">
			{vb:phrase end_time}
		</div>
		<div class="b-event__cell b-event__cell--content">
			{vb:data apiReturn, content_event, getEventDateTimeStr, {vb:raw conversation.eventenddate}, {vb:raw conversation.allday}, {vb:raw conversation.ignoredst}}
			{vb:var apiReturn.datestr}
		</div>
	</div>

	<vb:if condition="isset($conversation['location']) AND $conversation['location'] != ''">
		<div class="b-event__row">
			<div class="b-event__cell b-event__cell--label">
				{vb:phrase location}
			</div>
			<div class="b-event__cell b-event__cell--content">
				{vb:var conversation.location}
			</div>
		</div>
	</vb:if>

</div>]]></template>
		<template name="display_contenttype_inchannel_Link" templatetype="template" date="1368134709" username="vBulletin" version="5.0.3 Alpha 3"><![CDATA[<li class="list-item list-item-link h-left h-clear">
	<div class="list-item-header h-left">
		{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
		<vb:if condition="$user['showavatars']">
			{vb:set avatar, {vb:var conversation.avatar}}
			<a href="{vb:var profileUrl}" class="avatar h-left">
				<img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" width="35" height="35" alt="{vb:raw conversation.authorname}" />
			</a>
		</vb:if>
		<div class="author h-left"><vb:if condition="$conversation['userid']">{vb:rawphrase x_started_a_topic, {vb:var profileUrl}, {vb:raw conversation.authorname}}<vb:else />{vb:phrase guest_started_a_topic}</vb:if></div>
		<div class="info h-right">{vb:datetime {vb:raw conversation.created}}</div>
	</div>
	<div class="list-item-title h-left"><a href="{vb:url {vb:raw conversationRoute}, {vb:raw conversation}}">{vb:raw conversation.title}</a></div>
	<div class="list-item-body h-left">
		{vb:raw conversation.previewtext}
		{vb:template link, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}, linkid={vb:raw conversation.nodeid}, filedataid={vb:raw conversation.filedataid}}
	</div>

	<div class="mainmenu-container h-left h-clear">
		<ul class="mainmenu h-left">
			<li id="replyCount-{vb:raw conversation.nodeid}">
				<span class="count">{vb:number {vb:raw conversation.textcount}}</span> <span class="label">{vb:phrase replies}</span>
			</li>
			<li id="likeCount-{vb:raw conversation.nodeid}"><span class="count">0</span> <span class="label">{vb:phrase likes}</span></li>
		</ul>
	</div>
</li>]]></template>
		<template name="display_contenttype_searchwidget_Channel" templatetype="template" date="1555107048" username="vBulletin" version="5.5.2 Alpha 4"><![CDATA[<vb:comment>
This template expects the following variables:
$channel	.htmltitle		String		Use vb:raw. Caller must ensure this is clean. Parent templates should never
										allow for this value to be replaced by a user value
			.routeid		Int			Use vb:var
			.nodeid			Int			Use vb:var
			.filedataid 	Int			Use vb:var (This is the filedataid of the channel icon)
			.description	String		Use vb:var
			.channeltype	String		Use vb:var

</vb:comment>
<vb:if condition="!empty($conversation) AND empty($channel)">
	{vb:set channel, {vb:raw conversation}}
</vb:if>


{vb:set title, {vb:raw channel.htmltitle}}
{vb:set url, {vb:url {vb:raw channel.routeid}, {vb:raw channel}}}
<vb:comment>
Text data usage notes:
* Use vb:raw for title, since htmltitle should already be escaped and we don't want to double escape it.
* Use vb:raw for url, since it's generated internally and should already be conformant for URLs
* Use vb:var for channel.description, because the value in DB may contain HTML, and since the other
pages that display description (e.x. a group's page in the @id=groupAbout section) also do not
allow unescaped HTML.
* Use vb:var for channel.channeltype, while it's provided internally and should never contain HTML, it also
doesn't hurt to and we don't have to worry about double-escaping since it should never contain HTML.
</vb:comment>

<li class="b-post-sm<vb:if condition="!empty($compact) AND $compact"> b-post-sm--compact</vb:if> js-post-sm" data-nodeid="{vb:raw channel.nodeid}">

	<vb:comment>----- Icon -----</vb:comment>
	<vb:if condition="(empty($compact) OR !$compact) AND empty($hideAvatars)">
		<vb:comment>
			Note 1: We're skipping the check for $user['showAvatars'] explicitly. That setting doesn't hide
				channel icons when the user goes to a group page for ex, so it does not make sense to use it
				here.
			Note 2: I'm not sure if we'll ever want channel-icons to behave differently in terms of css from
				avatars in this kind of context, so I'll keep the 'avatar' css classes in this template.
		</vb:comment>
		<div class="b-post-sm__avatar avatar h-left">
			<a href="{vb:raw url}">
				<vb:if condition="!empty($channel['filedataid'])">
					<img src="filedata/fetch?type=icon&amp;filedataid={vb:var channel.filedataid}" title="{vb:raw title}"/>
				<vb:else />
					<vb:comment>Use one of the default icons. Blog: default_blog_icon, Group: default_sg_icon, Others: ???</vb:comment>
					<vb:if condition="$channel['channeltype'] == 'group'">
						{vb:set icontype, 'sg'}
					<vb:elseif condition="$channel['channeltype'] == 'blog'" />
						{vb:set icontype, 'blog'}
					<vb:else />
						<vb:comment>
							We're only expecting this to be used on blogs & articles ATM. We should get more icons for
							generic 'channels' and 'articles' for starters.
						</vb:comment>
						{vb:set icontype, 'blog'}
					</vb:if>
					<img src="{vb:raw baseurl_corecdn}/images/default/default_{vb:var icontype}_icon.png" width="32" height="32" title="{vb:raw title}" />
				</vb:if>
			</a>
		</div>
	</vb:if>

	<vb:comment>----- Content -----</vb:comment>
	<div class="b-post-sm__content<vb:if condition="(empty($compact) OR !$compact) AND empty($hideAvatars)"> b-post-sm__content--has-avatar</vb:if> h-wordwrap">

		<vb:comment>----- Title -----</vb:comment>
		<div class="b-post-sm__title ellipsis">
			<a href="{vb:raw url}">
				{vb:raw title}
			</a>
		</div>

		<vb:comment>----- Description -----</vb:comment>
		<vb:if condition="empty($compact) OR !$compact">
			<div class="b-post-sm__desc restore ellipsis">
				{vb:action parsedDescription, bbcode, parse, {vb:raw channel.description}, {vb:php array}, {vb:php array}, {vb:raw channel}}
				{vb:raw parsedDescription}
			</div>
		</vb:if>
	</div>
</li>]]></template>
		<template name="display_contenttype_searchwidget_Event" templatetype="template" date="1533170728" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[<vb:if condition="!empty($viewAsEvent)">

	<vb:comment>***** Custom display for Events (Upcoming events Module) *****</vb:comment>

	<vb:if condition="$user->lang_locale">
		{vb:set startyear, {vb:date {vb:var conversation.eventstartdate}, '%Y', 0}}
	<vb:else />
		{vb:set startyear, {vb:date {vb:var conversation.eventstartdate}, 'Y', 0}}
	</vb:if>
	{vb:set startdate, {vb:date {vb:var conversation.eventstartdate}, 'event', 0, 0}}

	<vb:if condition="$loopIteration >= $resultsPerPage">
		{vb:set isPreloadedNode, 1}
	<vb:else />
		{vb:set isPreloadedNode, 0}
	</vb:if>
	<vb:if condition="$loopIteration + 1 >= $resultsPerPage">
		{vb:set isLastVisibleNode, 1}
	<vb:else />
		{vb:set isLastVisibleNode, 0}
	</vb:if>

	<li class="b-event b-event--inlist h-clearfix js-widget-search2-nodelist-item{vb:if $isPreloadedNode, ' h-hide'}{vb:if $isLastVisibleNode, ' b-event--lastchild'}" data-start-year="{vb:var startyear}" data-nodeid="{vb:var conversation.nodeid}" data-page="{vb:var currentPage}">

		<div class="b-event__date text-bold">{vb:var startdate}</div>

		<div class="b-event__extraline ellipsis">
			<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw conversation}}" title="{vb:raw conversation.startertitle}">{vb:raw conversation.startertitle}</a>
		</div>

		<div class="b-event__extraline ellipsis">
			{vb:time {vb:var conversation.eventstartdate}}

			{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
			<vb:comment>$parsedText will always contain the placeholder, even if
			there ends up being no parsed output text. If conversation.rawtext
			is empty, assume the parsed preview text will be as well.</vb:comment>
			<vb:if condition="$conversation['rawtext'] != ''">
				| {vb:raw parsedText}
			<vb:elseif condition="$conversation['location'] != ''" />
				| {vb:var conversation.location}
			</vb:if>
		</div>

	</li>

<vb:else />

	<vb:comment>***** Standard display for Nodes *****</vb:comment>

	{vb:template display_contenttype_searchwidget_item_header,
		conversation={vb:raw conversation},
		compact={vb:raw compact},
		avatar={vb:raw avatar},
		hideAvatars={vb:raw hideAvatars},
		hideUsernames={vb:raw hideUsernames}}

	<vb:if condition="empty($compact) OR !$compact">

			<vb:comment>----- Post Content -----</vb:comment>
			<div class="b-post-sm__post-content post-content ellipsis restore">
				{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
				{vb:raw parsedText}
				{vb:template display_contenttype_conversation_inner_Event, conversation={vb:raw conversation}}
			</div>

	</vb:if>

	{vb:template display_contenttype_searchwidget_item_footer,
		contentType=Text,
		conversation={vb:raw conversation},
		compact={vb:raw compact},
		displayFooter={vb:raw displayFooter},
		replyCount={vb:raw replyCount},
		likeCount={vb:raw likeCount}}

</vb:if>]]></template>
		<template name="display_contenttype_searchwidget_Gallery" templatetype="template" date="1548377638" username="vBulletin" version="5.5.1 Alpha 3"><![CDATA[{vb:template display_contenttype_searchwidget_item_header,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	avatar={vb:raw avatar},
	hideAvatars={vb:raw hideAvatars},
	hideUsernames={vb:raw hideUsernames}}

<vb:if condition="empty($compact) OR !$compact">
	<vb:comment>----- Post Content -----</vb:comment>
	<div class="b-post-sm__post-content post-content ellipsis restore">

		{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
		{vb:raw parsedText}

		{vb:template photo_gallery_preview,
			conversation={vb:raw conversation},
			previewMode={vb:raw previewMode},
			thumbnailLimit=1}

	</div>
</vb:if>

{vb:template display_contenttype_searchwidget_item_footer,
	contentType=Gallery,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	displayFooter={vb:raw displayFooter},
	replyCount={vb:raw replyCount},
	likeCount={vb:raw likeCount}}]]></template>
		<template name="display_contenttype_searchwidget_Infraction" templatetype="template" date="1533170728" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[{vb:template display_contenttype_searchwidget_item_header,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	avatar={vb:raw avatar},
	hideAvatars={vb:raw hideAvatars},
	hideUsernames={vb:raw hideUsernames}}

<vb:if condition="empty($compact) OR !$compact">
	<vb:comment>----- Post Content -----</vb:comment>
	<div class="b-post-sm__post-content post-content ellipsis restore">
		{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
		{vb:raw parsedText}
	</div>
</vb:if>

{vb:template display_contenttype_searchwidget_item_footer,
	contentType=Infraction,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	displayFooter={vb:raw displayFooter},
	replyCount={vb:raw replyCount},
	likeCount={vb:raw likeCount}}]]></template>
		<template name="display_contenttype_searchwidget_item_footer" templatetype="template" date="1495738120" username="vBulletin" version="5.3.2 Alpha 2"><![CDATA[<vb:comment>
<li> opened in display_contenttype_searchwidget_item_header
</vb:comment>

	<vb:if condition="empty($compact) OR !$compact">
		
		<vb:comment>
			<div> opened in display_contenttype_searchwidget_item_header
		</vb:comment>

			<vb:comment>----- Footer -----</vb:comment>
			<vb:if condition="(!isset($displayFooter) OR $displayFooter != false) AND (empty($compact) OR !$compact)">
				<div class="list-item-footer h-clearfix">
					<ul class="replylike_count h-left">
						<li id="channel-{vb:raw conversation.nodeid}">
							<div class="channel h-left">
								<div class="channel_text">
									{vb:phrase channel}: <a href="{vb:url {vb:raw conversation.channelroute}}">{vb:raw conversation.channeltitle}</a>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</vb:if>

			<vb:comment>----- Date -----</vb:comment>
			<div class="b-post-sm__date">{vb:datetime {vb:raw conversation.created}}</div>
	</vb:if>
	</div>
</li>]]></template>
		<template name="display_contenttype_searchwidget_item_header" templatetype="template" date="1547862642" username="vBulletin" version="5.5.1 Alpha 2"><![CDATA[<vb:if condition="$conversation['starter'] == $conversation['nodeid']">
	{vb:set postType, 'starter'}
<vb:elseif condition="$conversation['starter'] == $conversation['parentid']" />
	{vb:set postType, 'reply'}
<vb:else />
	{vb:set postType, 'comment'}
</vb:if>

<vb:if condition="empty($conversation['title'])">
	<vb:comment>Photos don't always have a title</vb:comment>
	{vb:set conversation.title, {vb:phrase untitled}}
</vb:if>

<li class="b-post-sm<vb:if condition="!empty($compact) AND $compact"> b-post-sm--compact</vb:if> js-post-sm" data-nodeid="{vb:raw conversation.nodeid}">

	<vb:comment>----- Avatar -----</vb:comment>
	<vb:if condition="(empty($compact) OR !$compact) AND $user['showavatars'] AND empty($hideAvatars)">
		<div class="b-post-sm__avatar avatar h-left">
			<vb:if condition="!empty($conversation['userid'])">
				{vb:set avatar, {vb:var conversation.avatar}}
				<a href="{vb:url 'profile', {vb:raw conversation}}">
					<img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" width="32" height="32" alt="{vb:raw conversation.authorname}" />
				</a>
			<vb:else />
				<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:phrase guest_avatar}" />
			</vb:if>
		</div>
	</vb:if>

	<vb:comment>----- Content -----</vb:comment>
	<div class="b-post-sm__content<vb:if condition="(empty($compact) OR !$compact) AND $user['showavatars'] AND empty($hideAvatars)"> b-post-sm__content--has-avatar</vb:if>">

		<vb:comment>----- Title -----</vb:comment>
		<div class="b-post-sm__title ellipsis">
			{vb:set qs.p, {vb:raw conversation.nodeid}}
			<vb:if condition="$postType == 'reply' OR $postType == 'comment'">
				{vb:set url, {vb:url {vb:raw conversation.starterroute}, {vb:raw conversation}, {vb:raw qs}}}
				{vb:strcat url, "#post"}
				{vb:strcat url, {vb:raw conversation.nodeid}}
				<vb:if condition="$postType == 'reply'">
					{vb:rawphrase search_module_topic_link_reply_to_x, {vb:var url}, {vb:raw conversation.startertitle}}
				<vb:else />
					{vb:rawphrase search_module_topic_link_comment_on_x, {vb:var url}, {vb:raw conversation.startertitle}}
				</vb:if>
			<vb:else />
				<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw conversation}}">{vb:raw conversation.startertitle}</a>
			</vb:if>
		</div>

		<vb:comment>----- Author -----</vb:comment>
		<vb:if condition="(empty($compact) OR !$compact) AND empty($hideUsernames)">
			<div class="b-post-sm__author">
				<vb:if condition="!empty($conversation['userid'])">
					{vb:rawphrase by_x, {vb:url 'profile', {vb:raw conversation}}, {vb:raw conversation.authorname}}
				<vb:else />
					{vb:phrase by_guest}
				</vb:if>
			</div>
		</vb:if>
<vb:comment>
	</div> closed in display_contenttype_searchwidget_item_footer
</li> closed in display_contenttype_searchwidget_item_footer
</vb:comment>]]></template>
		<template name="display_contenttype_searchwidget_Link" templatetype="template" date="1533170728" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[{vb:template display_contenttype_searchwidget_item_header,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	avatar={vb:raw avatar},
	hideAvatars={vb:raw hideAvatars},
	hideUsernames={vb:raw hideUsernames}}

<vb:if condition="empty($compact) OR !$compact">
	<vb:comment>----- Post Content -----</vb:comment>
	<div class="b-post-sm__post-content post-content ellipsis restore">
		{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
		{vb:raw parsedText}
		{vb:template link, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}, linkid={vb:raw conversation.nodeid}, filedataid={vb:raw conversation.filedataid} }
	</div>
</vb:if>

{vb:template display_contenttype_searchwidget_item_footer,
	contentType=Link,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	displayFooter={vb:raw displayFooter},
	replyCount={vb:raw replyCount},
	likeCount={vb:raw likeCount}}]]></template>
		<template name="display_contenttype_searchwidget_Photo" templatetype="template" date="1533170728" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[{vb:template display_contenttype_searchwidget_item_header,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	avatar={vb:raw avatar},
	hideAvatars={vb:raw hideAvatars},
	hideUsernames={vb:raw hideUsernames}}

<vb:if condition="empty($compact) OR !$compact">
	<vb:comment>----- Post Content -----</vb:comment>
	<div class="b-post-sm__post-content post-content ellipsis restore">
		<div class="photo_result h-left">
			<img class="slider_image" src="filedata/fetch?photoid={vb:raw conversation.nodeid}&amp;type=medium" title="{vb:raw conversation.htmltitle}" alt="{vb:raw conversation.htmltitle}" />
		</div>
	</div>
</vb:if>

{vb:template display_contenttype_searchwidget_item_footer,
	contentType=Photo,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	displayFooter={vb:raw displayFooter},
	replyCount={vb:raw replyCount},
	likeCount={vb:raw likeCount}}]]></template>
		<template name="display_contenttype_searchwidget_Poll" templatetype="template" date="1533170728" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[{vb:template display_contenttype_searchwidget_item_header,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	avatar={vb:raw avatar},
	hideAvatars={vb:raw hideAvatars},
	hideUsernames={vb:raw hideUsernames}}

<vb:if condition="empty($compact) OR !$compact">
	{vb:data showVote, user, hasPermissions, forumpermissions, canvote, {vb:raw conversation.nodeid}}
	<vb:if condition="!$user['userid'] OR $conversation['voted'] OR $conversation['istimeout']">{vb:set showVote, 0}</vb:if>

	<vb:comment>----- Post Content -----</vb:comment>
	<div class="b-post-sm__post-content js-poll__parent ellipsis">
		{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
		{vb:raw parsedText}
		<div class="pollresults<vb:if condition="$showVote"> h-hide</vb:if>">
			<table class="pollresults-data">
				<vb:each from="conversation.options" value="option">
					<tr>
						<td class="col-1">
							<div class="title">{vb:var option.title}</div>
							<div class="bar-container">
								<div class="bar" style="width:{vb:raw option.percentage}%">{vb:number {vb:raw option.percentage}, 2}%</div>
							</div>
						</td>
						<td class="col-2">
							<div class="votes">{vb:raw option.votes}</div>
						</td>
						<vb:if condition="$conversation['public']">
							<td class="col-3">
								<div class="voter-icon b-icon b-icon__profile--blue"></div>
								<div class="voters">
									<vb:comment> @TODO: List of voters should go here </vb:comment>

								</div>
							</td>
						</vb:if>
					</tr>
				</vb:each>
			</table>
			<vb:if condition="$showVote">
				<div class="b-button-group b-button-group--left">
					<button type="button" name="backtopoll" class="b-button js-poll__back-to-poll" data-nodeid="{vb:raw conversation.nodeid}">{vb:phrase back_to_poll}</button>
				</div>
			</vb:if>
		</div>
		<vb:if condition="$showVote">
			<form class="poll" action="poll/vote/" method="post">
				<ul class="poll">
					<vb:each from="conversation.options" value="option">
						<li>
							<vb:if condition="$conversation['multiple']">
								<label><input type="checkbox" name="polloptionids[]" value="{vb:raw option.polloptionid}" />{vb:var option.title}</label>
							<vb:else />
								<label><input type="radio" name="polloptionid" value="{vb:raw option.polloptionid}" />{vb:var option.title}</label>
							</vb:if>
						</li>
					</vb:each>
				</ul>
				<div class="b-button-group js-button-group b-button-group--left">
					<button type="submit" name="vote" class="b-button b-button--primary">{vb:phrase vote_now}</button>
				<!-- <button type="button" name="viewpollresults" class="b-button js-poll__view-results" data-nodeid="{vb:raw conversation.nodeid}">{vb:phrase view_poll_results}</button> -->
				</div>
			</form>
		</vb:if>
	</div>
</vb:if>

{vb:template display_contenttype_searchwidget_item_footer,
	contentType=Poll,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	displayFooter={vb:raw displayFooter},
	replyCount={vb:raw replyCount},
	likeCount={vb:raw likeCount}}]]></template>
		<template name="display_contenttype_searchwidget_Text" templatetype="template" date="1533170728" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[{vb:template display_contenttype_searchwidget_item_header,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	avatar={vb:raw avatar},
	hideAvatars={vb:raw hideAvatars},
	hideUsernames={vb:raw hideUsernames}}

<vb:if condition="empty($compact) OR !$compact">
	<vb:comment>----- Post Content -----</vb:comment>
	<div class="b-post-sm__post-content post-content ellipsis restore">
		{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
		{vb:raw parsedText}
	</div>
</vb:if>

{vb:template display_contenttype_searchwidget_item_footer,
	contentType=Text,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	displayFooter={vb:raw displayFooter},
	replyCount={vb:raw replyCount},
	likeCount={vb:raw likeCount}}]]></template>
		<template name="display_contenttype_searchwidget_Video" templatetype="template" date="1533170728" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[{vb:template display_contenttype_searchwidget_item_header,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	avatar={vb:raw avatar},
	hideAvatars={vb:raw hideAvatars},
	hideUsernames={vb:raw hideUsernames}}

<vb:if condition="empty($compact) OR !$compact">
	<vb:comment>----- Post Content -----</vb:comment>
	<div class="b-post-sm__post-content post-content ellipsis restore">
		{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
		{vb:raw parsedText}
		<div class="videoscontainer">
			<vb:each from="conversation.items" value="video">
				{vb:template video_edit, video={vb:raw video}, existing=1, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}, linkid={vb:raw conversation.nodeid}}
			</vb:each>
			<div class="h-clear"></div>
		</div>
	</div>
</vb:if>

{vb:template display_contenttype_searchwidget_item_footer,
	contentType=Video,
	conversation={vb:raw conversation},
	compact={vb:raw compact},
	displayFooter={vb:raw displayFooter},
	replyCount={vb:raw replyCount},
	likeCount={vb:raw likeCount}}]]></template>
		<template name="display_contenttype_threadview_footer" templatetype="template" date="1510594740" username="vBulletin" version="5.3.5 Alpha 2"><![CDATA[{vb:template conversation_posthistory, conversation={vb:raw conversation}}
      {vb:template conversation_signature, type=inline, conversation={vb:raw conversation}}
  </div> <vb:comment> /end .b-post__content </vb:comment>

<vb:if condition="$conversationtype == 'reply'">
	<vb:comment>Matched from display_contenttype_threadview_header. @TODO refactor</vb:comment>
	<vb:if condition="isset($showInlineMod) AND $showInlineMod AND !empty($conversation['permissions']) AND $conversation['permissions']['canmoderate']">
		{vb:set enableInlineMod, 1}
	</vb:if>
</vb:if>

<vb:if condition="$conversationtype == 'starter'">
		<vb:if condition="empty($previewMode)">
			<vb:if condition="empty($footerControls)">
				{vb:set footerControls, {vb:php array_fill_keys, {vb:php array, showInfractionCtrl, showTagList, showEditCtrl, showFlagCtrl, showQuoteCtrl, showVoteCtrl}, 1}}
				<vb:if condition="!empty($conversation['moderatorperms']['canviewips'])">
					{vb:set footerControls.showIp, 1}
				</vb:if>
				{vb:set footerControls.showNoControls,{vb:raw showNoControls}}
			</vb:if>
			{vb:template conversation_footer, conversation={vb:raw conversation}, controls={vb:raw footerControls}}
			<div class="edit-conversation-container"></div>
		</vb:if>
</vb:if>

<vb:if condition="$conversationtype == 'reply'">
		<vb:if condition="!$conversation['unpublishdate']">
			<vb:if condition="empty($footerControls)">
				{vb:set footerControls, {vb:php array_fill_keys, {vb:php array, showInfractionCtrl, showEditCtrl, showFlagCtrl, showQuoteCtrl, showVoteCtrl, showCommentCtrl, showStickied}, 1}}
				<vb:if condition="!empty($conversation['moderatorperms']['canviewips'])">
					{vb:set footerControls.showIp, 1}
				</vb:if>
				{vb:set footerControls.showNoControls,{vb:raw showNoControls}}
			</vb:if>
			{vb:template conversation_footer, conversation={vb:raw conversation}, controls={vb:raw footerControls}}
			<div class="b-comment-entry js-comment-entry h-padding-xxl h-padding-top-xl  comment-entry-box h-hide {vb:if "$conversation['textcount'] > 0", has-comments}">
				<h2 class="h-margin-bottom-xl OLD__comment-entry-box-header">{vb:phrase comment}</h2>
				<textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="{vb:phrase type_your_comment_here}"></textarea>

				<div class="b-button-group h-margin-top-xl">
					<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post}</button>
					<button type="button" id="btnPostCommentCancel-{vb:raw conversation.nodeid}" class="b-button js-comment-entry__cancel">{vb:phrase cancel}</button>
				</div>
			</div>

			<div class="edit-conversation-container"></div>

			{vb:template display_Comments,
				conversation={vb:raw conversation},
				postIndex={vb:raw postIndex},
				pagingInfo={vb:raw pagingInfo},
				commentId={vb:raw commentId},
				commentsPerPage={vb:raw commentsPerPage},
				initialCommentsPerPage={vb:raw initialCommentsPerPage},
				enableInlineMod={vb:raw enableInlineMod}}

		</vb:if>

</vb:if>
      </div><vb:comment> /end .b-post__body </vb:comment>
    </div>  <vb:comment> /end .l-col__flex-3 </vb:comment>
  </div>    <vb:comment> /end .l-row </vb:comment>
</li><!-- /end .b-post -->]]></template>
		<template name="display_contenttype_threadview_header" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[
{vb:set postStatus, ''}

<vb:if condition="$conversationtype == 'starter'">
	{vb:set optionsArray.showInlineMod, {vb:raw showInlineMod}}
	{vb:action enableInlineMod, permission, showInlinemodMenu, {vb:raw conversation}, '', {vb:raw optionsArray}}
</vb:if>

<vb:if condition="$conversationtype == 'reply'">
	<vb:comment>Matched from display_contenttype_threadview_footer. @TODO refactor</vb:comment>
	<vb:if condition="isset($showInlineMod) AND $showInlineMod AND !empty($conversation['permissions']) AND $conversation['permissions']['canmoderate']">
		{vb:set enableInlineMod, 1}
	</vb:if>
</vb:if>


<vb:if condition="$conversation['approved'] == 0">
	{vb:strcat postStatus, ' unapproved b-post--unapproved'}
</vb:if>
<vb:if condition="$conversation['featured']">
	{vb:strcat postStatus, ' featured b-post--featured'}
</vb:if>
<vb:if condition="$conversation['unpublishdate']">
	{vb:strcat postStatus, ' deleted b-post--deleted'}
</vb:if>

{vb:set nodeSchemaInfo.itemscope, 1}

<vb:if condition="$conversationtype == 'starter'">

	<vb:if condition="$contenttype == 'video'">
		{vb:set nodeSchemaInfo.itemtype, http://schema.org/VideoObject}
	<vb:else />
		{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
	</vb:if>

<vb:else />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/Comment}
</vb:if>

{vb:set nodeMicrodata, {vb:schema {vb:raw nodeSchemaInfo}}}






<li data-node-id="{vb:raw conversation.nodeid}" 
	<vb:if condition="!empty($conversation['publishdate'])">data-node-publishdate="{vb:var conversation.publishdate}" </vb:if> 
	class="b-post js-post js-comment-entry__parent h-restore--on-preview b-post--{vb:raw contenttype} <vb:if condition="$conversationtype == 'starter'">b-post--first</vb:if> OLD__list-item{vb:raw postStatus} OLD__list-item-{vb:raw contenttype} OLD__conversation-{vb:raw conversationtype} js-conversation-{vb:raw conversationtype} h-left h-clear<vb:if condition="$enableInlineMod"> inlinemod-item</vb:if> js-slideshow__gallery-node js-poll__parent" {vb:raw nodeMicrodata}>
	<a id="post{vb:raw conversation.nodeid}" class="anchor"></a>
	<vb:if condition="!empty($nodeMicrodata)">
		{vb:set schemaInfo.tag, meta}

		{vb:set schemaInfo.itemprop, name}
		{vb:set schemaInfo.content, {vb:raw conversation.title}}

		<vb:if condition="$contenttype == 'link'">
			{vb:set urlInfo, {vb:raw conversation}}
			{vb:set urlInfo.innerPost, {vb:raw conversation.nodeid}}
		</vb:if>

		{vb:set schemaInfo.itemprop, url}
		{vb:set schemaInfo.content, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
		{vb:schema {vb:raw schemaInfo}}
	</vb:if>


	<div class="l-row l-row__fixed--left">
		<div class="l-col__fixed-3 l-col__small--full h-hide--on-preview h-padding-right-l">
			{vb:template conversation_userinfo, conversation={vb:raw conversation}}
			{vb:template display_sharing, conversation={vb:raw conversation}}
		</div>

		<div class="js-post__content-wrapper l-col__flex-3 l-col__small--full h-restore--on-preview OLD__list-item-body-wrapper">
			<div class="b-post__body h-restore--on-preview h-padding-horiz-xxl h-padding-top-xl h-padding-bottom-m h-clearfix">
				<div class="b-post__arrow b-post__hide-when-deleted OLD__pointer-left"></div>


				<vb:if condition="$conversation['unpublishdate']">

					<vb:if condition="
						($conversation['moderatorperms']['canundeleteposts'] > 0) OR
						($conversation['moderatorperms']['canremoveposts'] > 0)
					">
						{vb:set canViewSoftdeletedNode, 1}
					<vb:else />
						{vb:set canViewSoftdeletedNode, 0}
					</vb:if>

					<div class="b-media b-post__unpublish-info h-padding-bottom-l">
						<div class="b-media__img--rev">
							<vb:if condition="$canViewSoftdeletedNode">
								<label class="js-post__manage b-link js-link OLD__manage" tabindex="0">{vb:phrase manage}</label>
								| <label class="js-post__show-hide js-post__show-hide--show b-link" data-toggle-text="{vb:phrase hide}" tabindex="0">{vb:phrase show}</label>
							</vb:if>
						</div>

						<div class="b-media__body">

							<div class="b-post__date OLD__post-date">
								{vb:datetime {vb:raw conversation.unpublishdate}}
							</div>

							<vb:if condition="!empty($conversation['deleteuserid']) AND !empty($conversation['deleteusername'])">
								{vb:set deleteUserInfo.userid, {vb:var conversation.deleteuserid}}
								{vb:set deleteuserlink, {vb:url 'profile', {vb:raw deleteUserInfo}}}
								{vb:set deleteusername, {vb:raw conversation.deleteusername}}
							<vb:else />
								{vb:set deleteusername, {vb:rawphrase unknown}}
								{vb:set deleteuserlink, '#'}
							</vb:if>

							<div class="b-post__delete-note OLD__delete-note">
								{vb:rawphrase this_topic_by_x_has_been_deleted_by_y_link, {vb:raw conversation.authorname}, {vb:raw deleteuserlink}, {vb:raw deleteusername}}
							</div>

							<vb:if condition="!empty($conversation['deletereason'])">
								<div class="b-post__delete-reason OLD__delete-reason"><label>{vb:phrase reason}:</label> {vb:var conversation.deletereason}</div>
							</vb:if>
						</div>
					</div>
				</vb:if>



	<!-- REPLY -->
			<!--vb:if condition="!$conversation['unpublishdate'] OR $canPhysicallyDeletePost"-->
	<!-- /REPLY -->

				<div class="b-post__content js-post__content b-post__hide-when-deleted">
					<hr class="b-divider--section OLD__section-divider" />

					<div class="b-media h-hide--on-preview">
						<div class="b-media__img--rev">

							<vb:if condition="!empty($contentHook)">
								{vb:hook {vb:raw contentHook}}
							</vb:if>

							{vb:set starterRoute, {vb:raw conversation.starterroute}}
							{vb:set starterPost.nodeid, {vb:raw conversation.starter}}
							{vb:set starterPost.innerPost, {vb:raw conversation.nodeid}}
							{vb:set starterPost.innerPostParent, {vb:raw conversation.starter}}
							<vb:if condition="$conversationtype == 'starter' AND !$hidePostIndex">
								<a class="b-post__count" href="{vb:url {vb:raw starterRoute}, {vb:raw starterPost}}">#<vb:if condition="isset($postIndex) AND intval($postIndex) >= 0">{vb:raw postIndex}<vb:else />1</vb:if>
								</a>
							</vb:if>

							<vb:if condition="$conversationtype == 'reply' AND empty($hidePostIndex) AND isset($postIndex) AND $postIndex >= 0 AND !empty($pagingInfo)">
								<a class="b-post__count" href="{vb:url {vb:raw starterRoute}, {vb:raw starterPost}}">#{vb:math ({vb:var postIndex} + ({vb:var pagingInfo.currentpage} - 1) * {vb:var pagingInfo.perpage}) + 1}</a>
							</vb:if>

							<vb:if condition="!empty($enableInlineMod)">
								<span class="b-inlinemod__checkbox OLD__checkbox">
									<vb:if condition="$conversation['approved'] == 0">
										<span class="js-unapprove-label b-inlinemod__checkbox-text">{vb:phrase unapproved}</span>
									</vb:if>
									<input class="cb_inlinemod b-form-control__control" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />
								</span>
							</vb:if>


						</div>
						<div class="b-media__body">
							<vb:if condition="$conversationtype == 'starter'">

								<h2 class="b-post__title js-post-title OLD__post-title">
									<vb:if condition="$conversation['iconpath']">
										<img src="{vb:var baseurl_core}/{vb:var conversation.iconpath}" width="16" height="16" alt="" />
									</vb:if>
									<vb:if condition="$conversation['prefixid']">
										{vb:set searchStr, '{"prefix":["'}
										{vb:strcat searchStr, {vb:var conversation.prefixid}, '"]}'}
										<a href="{vb:url 'search'}?searchJSON={vb:urlencode {vb:raw searchStr}}">{vb:raw conversation.prefix_rich}</a>
									</vb:if>
									{vb:raw conversation.title}
								</h2>
							</vb:if>


							{vb:set createdSchema.itemprop, dateCreated}
							{vb:set createdSchema.datetime, {vb:raw conversation.created}}
							<div class="b-post__timestamp OLD__post-date"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></div>

						</div>
					</div>

					<vb:comment>This div previously had h-clearfix here to resolve issue with "Last edited by..." line overlapping with the content when the last item is a right-aligned inline-attachment-image. That is replaced with clear:both on .b-post__edit instead, since we can have content after the post text, namely the link & video content types.</vb:comment>
					<div class="OLD__post-content h-padding-vert-xl">
						<vb:if condition="$adlocation">
							<div class="axd axd_{vb:raw adlocation}">
								{vb:set adtemplatename, 'ad_'}
								{vb:strcat adtemplatename, {vb:raw adlocation}}
								{vb:template {vb:raw adtemplatename}}
							</div>
						</vb:if>


						{vb:set textSchema.itemprop, text}
						<div class="js-post__content-text OLD__post-content-text restore h-wordwrap" {vb:schema {vb:raw textSchema}}>
							<vb:if condition="!isset($conversation['parsedText'])">
								{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, 0, {vb:var page.contentpagenum}}
								{vb:raw parsedText}
							<vb:else />
								{vb:raw conversation.parsedText}
							</vb:if>
						</div>
					</div>

	<!-- REPLY -->
				<!--/vb:if-->
	<!-- /REPLY -->]]></template>
		<template name="display_event_map" templatetype="template" date="1507743395" username="vBulletin" version="5.3.4 Alpha 4"><![CDATA[<vb:if condition="!empty($vboptions['googlemapsapikey']) AND !empty($vboptions['enableeventmaps']) AND !empty($location)">
	<div class='b-event__map'>
	<div class='b-event__map-container'>
		<iframe class="b-event__map-internal" src="https://www.google.com/maps/embed/v1/place?key={vb:var vboptions.googlemapsapikey}&q={vb:var location}" allowfullscreen></iframe>
	</div>
	</div>
</vb:if>]]></template>
		<template name="display_Forums" templatetype="template" date="1358680327" username="vBulletin" version="5.0.0 Beta 28"><![CDATA[<table class="forum-list-container stretch">
<tr class="forum-list-header">
	<th class="header-forum"><span><vb:if condition="isset($forumHeaderPhrase)">{vb:rawphrase {vb:raw forumHeaderPhrase}}<vb:else />{vb:rawphrase directory}</vb:if></span></th>
	<th class="header-topics"><span>{vb:rawphrase topics}</span></th>
	<th class="header-posts"><span>{vb:rawphrase posts}</span></th>
	<th class="header-lastpost"><span>{vb:rawphrase last_post}</span></th>
</tr>
<vb:if condition="!empty($channels) AND empty($channels['errors'])">	
	{vb:template display_Forums_list, channels={vb:raw channels}, root={vb:raw root}}
	</table>
<vb:elseif condition="!empty($channels['errors'])" />
	</table>
	<div class="conversation-empty">{vb:rawphrase error_fetching_forums}</div>
<vb:else />
	</table>
	<div class="conversation-empty">{vb:rawphrase no_forums_found}</div>
</vb:if>
<div class="list-footer"><a href="#" class="markchannelsread">{vb:rawphrase mark_channels_read}</a></div>]]></template>
		<template name="display_Forums_item" templatetype="template" date="1511221406" username="vBulletin" version="5.3.5 Alpha 3"><![CDATA[<vb:if condition="!empty($forumLevel) AND $forumLevel == 3">
	{vb:set forumCssPrefix, 'subsub'}
<vb:elseif condition="!empty($forumLevel) AND $forumLevel == 2" />
	{vb:set forumCssPrefix, 'sub'}
<vb:else />
	{vb:set forumCssPrefix, 'main'}
</vb:if>

<vb:comment>
	We apparently currently only set the forum status when there are new posts.
	TODO: Also set the status for other things, such as 'closed' (VBV-9804) (Icons already available)
</vb:comment>
<vb:if condition="$forum['is_new']">
	{vb:strcat forumCssPrefix, ' new'}
</vb:if>

	<tr class="forum-item {vb:raw forumCssPrefix}" id="forum{vb:raw forum.nodeid}" data-channel-id="{vb:raw forum.nodeid}" data-lastcontent="{vb:raw forum.lastcontent.created}" data-readtime="{vb:raw forum.readtime}">
		<vb:if condition="isset($inMessageCenter) AND $inMessageCenter">
			<td class="cell-forum">
				<a href="{vb:url {vb:raw forum.routeid}}" class="forum-title">{vb:raw forum.title}</a>
				<div class="forum-desc">{vb:raw forum.description}</div>
			</td>
			<td class="cell-gotopost">
				<a href="{vb:url {vb:raw forum.routeid}}" class="b-button b-button--secondary">{vb:phrase view}</a>
			</td>
			<td class="lastpost">
				<div class="lastpost-wrapper">
				<vb:if condition="$forum['lastcontent']['nodeid'] > 0 AND empty($isSubcategory)">
					<vb:if condition="$user['showavatars']">
						<vb:comment>avatar info must be fetched in batches in the parent template</vb:comment>
						{vb:set lastcontentavatar, {vb:php array}}
						<vb:if condition="$forum['lastcontent']['userid'] > 0">
							{vb:set avataruserid, {vb:raw forum.lastcontent.userid}}
							{vb:set lastcontentavatar, {vb:raw avatar.$avataruserid}}
						</vb:if>
						{vb:template avatar, avataruser={vb:raw forum.lastcontent}, avatar={vb:raw lastcontentavatar}}
					</vb:if>
					<div class="lastpost-info">
						<vb:if condition="$forum['lastcontent']['starter']['iconpath']">
							<img src="{vb:var baseurl_core}/{vb:var forum.lastcontent.starter.iconpath}" width="16" height="16" alt="" />
						</vb:if>
						<vb:if condition="$forum['lastcontent']['starter']['prefixid']">
							{vb:set searchStr, '{"prefix":["'}
							{vb:strcat searchStr, {vb:var forum.lastcontent.starter.prefixid}, '"]}'}
							[<a href="{vb:url 'search'}?searchJSON={vb:urlencode {vb:raw searchStr}}">{vb:raw forum.lastcontent.starter.prefix_rich}</a>]
						</vb:if>
						{vb:set forum.lastcontent.starter.innerPost, {vb:raw forum.lastcontent.nodeid}}
						{vb:set forum.lastcontent.starter.innerPostParent, {vb:raw forum.lastcontent.parentid}}
						<a href="{vb:url {vb:raw forum.lastcontent.starter.routeid}, {vb:raw forum.lastcontent.starter}}" class="lastpost-title ellipsis"><vb:if condition="$forum['lastcontent']['starter']['nodeid'] == $forum['lastcontent']['nodeid']">{vb:raw forum.lastcontent.title}<vb:else />{vb:raw forum.lastcontent.starter.title}</vb:if></a>
						<div class="lastpost-by">
							<vb:if condition="$forum['lastcontent']['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw forum.lastcontent}}}
								{vb:rawphrase by_x, {vb:var profileUrl}, {vb:raw forum.lastcontent.authorname}}
							<vb:else />
								{vb:phrase by_guest}
							</vb:if>
						</div>
						<div class="lastpost-date post-date">{vb:datetime {vb:raw forum.lastcontent.created}}</div>
					</div>
				</vb:if>
				</div>
			</td>
		<vb:else />
			<td class="cell-forum">
				<div class="forum-wrapper">
					<span class="icon b-icon <vb:if condition="$forum['is_new']">b-icon__speech-double-m--blue<vb:else />b-icon__speech-double-m--gray</vb:if>"></span>
					<div class="forum-info<vb:if condition="$forum['rss_enabled']"> forum-info-has-rss</vb:if>">
						<a href="{vb:url {vb:raw forum.routeid}}" class="forum-title">{vb:raw forum.title}</a>
					</div>
					<vb:comment> External Icon</vb:comment>
					<vb:if condition="$forum['rss_enabled']">
						{vb:set url, {vb:var baseurl}}
						{vb:strcat url, {vb:var forum.rss_route}}
						<a href="{vb:raw url}" title="{vb:phrase external_view_this_forum_rss_feed}" class="h-right h-margin-right-xl h-margin-top-xs h-hide-on-small"><span class="b-icon b-icon__rss"></span></a>
					</vb:if>
					<vb:comment> External Icon END</vb:comment>
				</div>

				<div class="forum-desc">{vb:raw forum.description}</div>
				{vb:hook 'forumitem_below_description'}

				<div class="rx-forum-stats h-hide">
					<vb:if condition="empty($isSubcategory)">
						{vb:phrase topics}: {vb:number {vb:raw forum.topics}}
						{vb:phrase posts}: {vb:number {vb:raw forum.posts}}
					</vb:if>
				</div>

				<vb:if condition="$forum['lastcontent']['nodeid'] > 0 AND empty($isSubcategory)">
					<div class="rx-lastpost-info h-hide">
						{vb:phrase last_post}:
						<vb:if condition="!empty($forum['lastcontent']['starter']['iconpath'])">
							<img src="{vb:var baseurl_core}/{vb:var forum.lastcontent.starter.iconpath}" width="16" height="16" alt="" />
						</vb:if>
						
						<vb:if condition="!empty($forum['lastcontent']['starter']['prefixid'])">
							{vb:set searchStr, '{"prefix":["'}
							{vb:strcat searchStr, {vb:var forum.lastcontent.starter.prefixid}, '"]}'}
							[<a href="{vb:url 'search'}?searchJSON={vb:urlencode {vb:raw searchStr}}">{vb:raw forum.lastcontent.starter.prefix_rich}</a>]
						</vb:if>

						{vb:set forum.lastcontent.starter.innerPost, {vb:raw forum.lastcontent.nodeid}}
						{vb:set forum.lastcontent.starter.innerPostParent, {vb:raw forum.lastcontent.parentid}}
						<a href="{vb:url {vb:raw forum.lastcontent.starter.routeid}, {vb:raw forum.lastcontent.starter}}" class="lastpost-title"><vb:if condition="$forum['lastcontent']['starter']['nodeid'] == $forum['lastcontent']['nodeid']">{vb:raw forum.lastcontent.title}<vb:else />{vb:raw forum.lastcontent.starter.title}</vb:if></a>

					</div>
				</vb:if>
			</td>
			<td class="topics-count"><vb:if condition="empty($isSubcategory)">{vb:number {vb:raw forum.topics}}</vb:if></td>
			<td class="posts-count"><vb:if condition="empty($isSubcategory)">{vb:number {vb:raw forum.posts}}</vb:if></td>
			<td class="lastpost">
				<div class="lastpost-wrapper">
					<vb:if condition="$forum['lastcontent']['nodeid'] > 0 AND empty($isSubcategory)">
						<vb:if condition="$user['showavatars']">
						{vb:set lastavatar, {vb:php array}}
						<vb:if condition="$forum['lastcontent']['userid'] > 0">
							<vb:comment>avatar info must be fetched in batches in the parent template</vb:comment>
							{vb:set lastuserid, {vb:raw forum.lastcontent.userid}}
							{vb:set lastavatar, {vb:raw avatar.$lastuserid}}
						</vb:if>

						{vb:template avatar, avataruser={vb:raw forum.lastcontent}, avatar={vb:raw lastavatar}}
					</vb:if>
					<div class="lastpost-info">
						<vb:if condition="$forum['lastcontent']['starter']['iconpath']">
							<img src="{vb:var baseurl_core}/{vb:var forum.lastcontent.starter.iconpath}" width="16" height="16" alt="" />
						</vb:if>
						<vb:if condition="$forum['lastcontent']['starter']['prefixid']">
							{vb:set searchStr, '{"prefix":["'}
							{vb:strcat searchStr, {vb:var forum.lastcontent.starter.prefixid}, '"]}'}
							[<a href="{vb:url 'search'}?searchJSON={vb:urlencode {vb:raw searchStr}}">{vb:raw forum.lastcontent.starter.prefix_rich}</a>]
						</vb:if>
						{vb:set forum.lastcontent.starter.innerPost, {vb:raw forum.lastcontent.nodeid}}
						{vb:set forum.lastcontent.starter.innerPostParent, {vb:raw forum.lastcontent.parentid}}
						<a href="{vb:url {vb:raw forum.lastcontent.starter.routeid}, {vb:raw forum.lastcontent.starter}}" class="lastpost-title ellipsis"><vb:if condition="$forum['lastcontent']['starter']['nodeid'] == $forum['lastcontent']['nodeid']">{vb:raw forum.lastcontent.title}<vb:else />{vb:raw forum.lastcontent.starter.title}</vb:if></a>
						<div class="lastpost-by">
							<vb:if condition="$forum['lastcontent']['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw forum.lastcontent}}}
								{vb:rawphrase by_x, {vb:var profileUrl}, {vb:raw forum.lastcontent.authorname}}
							<vb:else />
								{vb:phrase by_guest}
							</vb:if>
						</div>
						<div class="lastpost-date post-date">{vb:datetime {vb:raw forum.lastcontent.created}}</div>
					</div>
				</vb:if>
				</div>
			</td>
		</vb:if>
	</tr>]]></template>
		<template name="display_Forums_list" templatetype="template" date="1547258176" username="vBulletin" version="5.5.1 Alpha 2"><![CDATA[<vb:comment>NOTE: The $channels object passed here should contain forum tree structure containing categories, main forums and subforums under the specified root id</vb:comment>
<vb:comment>Change this value to adjust the number of colums for the subchannels</vb:comment>
{vb:set subChannelsPerRow, 3}

<vb:each from="channels" value="channel">
	<vb:if condition="$channel['category'] == 1">
		<!-- Categories -->
		{vb:hook 'forumlist_before_categories'}
		<tr class="category-header" id="forum{vb:raw channel.nodeid}">
			<td colspan="4"><a class="category" data-nodeid="{vb:raw channel.nodeid}" href="{vb:url {vb:raw channel.routeid}}">{vb:raw channel.title}</a></td>
		</tr>

	<vb:elseif condition="$channel['parentid'] == $root" />
		<vb:if condition="!empty($channel['parents']) AND end($channel['parents']) AND ($forumRoot = prev($channel['parents'])) AND $forumRoot == $root">
			<!-- Categories -->
			<vb:comment>this is a channel without category, so display a blank category first then the channels (forums/subforums)</vb:comment>
			<tr class="category-header">
				<td colspan="4"><span class="category"></span></td>
			</tr>
		</vb:if>

		<vb:comment>Move the entire $channel array to its 'subchannels' array</vb:comment>
		{vb:set nodeid, {vb:raw channel.nodeid}}
		{vb:set tempChannel, {vb:raw channel}}
		{vb:set channel.subchannels, {vb:php array}}
		{vb:set "channel['subchannels'][$nodeid]", {vb:raw tempChannel}}
	</vb:if>

	<vb:comment>fetch info in batches</vb:comment>
	{vb:set userIds, {vb:php array}}
	<vb:each from="channel.subchannels" value="forum">
		<vb:if condition="!empty($forum['lastcontent']['userid'])">
			{vb:set num_elem, {vb:php array_push, {vb:raw userIds}, {vb:raw forum.lastcontent.userid}}}
		</vb:if>
	</vb:each>
	{vb:data userThumbAvatars, user, fetchAvatars, {vb:raw userIds}, 1}

	<vb:each from="channel.subchannels" value="forum">
		<vb:comment>if the forum is actually a Category (category within a category), then let it be displayed like a forum would but don't display any statistics</vb:comment>
		<vb:if condition="$forum['category'] == 1">
			{vb:set isSubcategory, 1}
		<vb:else />
			{vb:set isSubcategory, 0}
		</vb:if>

		<vb:if condition="count($forum['parents']) >= 5">
			<!-- Sub Forums -->
			{vb:set forumLevel, 2}
		<vb:else />
			<!-- Top level Forums -->
			{vb:set forumLevel, 1}
		</vb:if>

		{vb:template display_Forums_item, forum={vb:raw forum}, forumLevel={vb:raw forumLevel}, isSubcategory={vb:raw isSubcategory}, avatar={vb:raw userThumbAvatars}}

		<vb:if condition="!empty($forum['subchannels'])">
			<!-- Sub-Forums -->
			<tr class="subforum-list"><td colspan="4">
				<div class="subforum-header h-clear">{vb:rawphrase sub_forums}:</div>
				<table>
				{vb:set cols, 1}
				<vb:each from="forum.subchannels" value="subforum">
					<vb:if condition="(($cols - 1) % $subChannelsPerRow == 0)">
						<tr>
					</vb:if>
					{vb:set colspan, ''}
					<vb:if condition="($cols == count($forum['subchannels'])) AND (($remaining = ($cols % $subChannelsPerRow)) != 0)">
						{vb:set colspan, {vb:concat 'colspan="', {vb:math {vb:raw subChannelsPerRow} - {vb:raw remaining} + 1}, '"'}}
					</vb:if>
							<td class="subforum-item" data-lastcontent="{vb:raw subforum.lastcontent.created}" data-channel-id="{vb:raw subforum.nodeid}" {vb:raw colspan}>
								<div class="subforum-info">
									<span class="icon b-icon <vb:if condition="!empty($subforum['is_new'])">b-icon__speech-single2--blue<vb:else />b-icon__speech-single2--gray</vb:if>"></span>
									<a href="{vb:url {vb:raw subforum.routeid}}" class="subforum-title">{vb:raw subforum.title}</a>
									<span class="counts">({vb:number {vb:raw subforum.topics}}/{vb:number {vb:raw subforum.posts}})</span>
								</div>
							</td>
					<vb:if condition="($cols % $subChannelsPerRow == 0) OR $cols == count($forum['subchannels'])">
						</tr>
					</vb:if>
					{vb:set cols, {vb:math {vb:var cols} + 1}}
				</vb:each>
				</table>
			</td></tr>
		</vb:if>
	</vb:each>
</vb:each>]]></template>
		<template name="display_Forums_tab" templatetype="template" date="1458344260" username="vBulletin" version="5.2.1 Beta 1"><![CDATA[{vb:set dataLoaded, 0}
	<vb:if condition="!isset($default_tab) OR $default_tab == '#forum-tab'">
		{vb:rawdata forumTabContent, node, fetchChannelNodeTree, -1, 3, 1, 100}

		<vb:if condition="!empty($forumTabContent) AND empty($forumTabContent['errors'])">
			{vb:set channels, {vb:raw forumTabContent.channels}}
			{vb:set root, {vb:raw forumTabContent.root}}
			{vb:set dataLoaded, 1}
		<vb:elseif condition="!empty($forumTabContent) AND !empty($forumTabContent['errors'])" />
			{vb:set channels, {vb:raw forumTabContent}}
		</vb:if>
	</vb:if>

	<vb:if condition="isset($default_tab)">
		<div id="forum-tab" class="<vb:if condition="$default_tab != '#forum-tab'">h-hide</vb:if><vb:if condition="$dataLoaded"> dataLoaded</vb:if>">
	</vb:if>
	<vb:if condition="isset($forumTabContent['warnings']) AND !empty($forumTabContent['warnings']) AND $config->debug">
		{vb:template pseudowidget_warnings, warnings={vb:raw forumTabContent.warnings}}
	</vb:if>

	<vb:if condition="!isset($default_tab) OR $default_tab == '#forum-tab'">
		{vb:template display_Forums, channels={vb:raw channels}, root={vb:raw root}}
	</vb:if>

	<vb:if condition="isset($default_tab)">
		</div>
	</vb:if>]]></template>
		<template name="display_sharing" templatetype="template" date="1507160631" username="vBulletin" version="5.3.4 Alpha 4"><![CDATA[{vb:set starterPost.nodeid, {vb:raw conversation.starter}}
{vb:set starterPost.innerPost, {vb:raw conversation.nodeid}}
{vb:set starterPost.innerPostParent, {vb:raw conversation.starter}}
{vb:set useRoute, {vb:raw conversation.starterroute}}
{vb:set urlNotEncoded, {vb:url {vb:raw useRoute}, {vb:raw starterPost}}}
{vb:strcat useRoute, '|urlencode'}
{vb:set urlEncoded, {vb:url {vb:raw useRoute}, {vb:raw starterPost}}}

<vb:if condition="$conversation['channeltype'] == 'forum' OR $conversation['channeltype'] == 'group'">
	{vb:set dropdownMenuClass, 'b-sharing-menu--right-on-small'}
<vb:else />
	{vb:set dropdownMenuClass, 'b-sharing-menu--inline-on-small'}
</vb:if>

<ul class="b-sharing-menu js-sharing-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-small{vb:if '$horizontal == 1', ' b-sharing-menu--horizontal'} b-post__hide-when-deleted" data-dropdown-trigger-phrase="share" data-dropdown-icon-classes="b-icon b-icon__share" data-dropdown-content-classes="b-sharing-menu--dropdown" data-dropdown-menu-classes="{vb:var dropdownMenuClass}">

	<vb:if condition="$vboptions['sharing_facebook']">
		<li class="b-sharing-menu__item">
			{vb:js js/facebook.js}
			<a class="js-fb-share-dialog b-sharing-menu__item-link b-sharing-menu__item-link--facebook" href="https://www.facebook.com/sharer/sharer.php?u={vb:var urlEncoded}" data-url-not-encoded="{vb:var urlNotEncoded}" target="_blank">
				<svg class="b-sharing-menu__item-link-img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" color="#ffffff">
					<path fill="#ffffff" fill-rule="evenodd" d="M8 14H3.667C2.733 13.9 2 13.167 2 12.233V3.667A1.65 1.65 0 0 1 3.667 2h8.666A1.65 1.65 0 0 1 14 3.667v8.566c0 .934-.733 1.667-1.667 1.767H10v-3.967h1.3l.7-2.066h-2V6.933c0-.466.167-.9.867-.9H12v-1.8c.033 0-.933-.266-1.533-.266-1.267 0-2.434.7-2.467 2.133v1.867H6v2.066h2V14z"></path>
				</svg>
				{vb:phrase facebook_share}
			</a>
		</li>
	</vb:if>

	<vb:if condition="$vboptions['sharing_twitter']">
		<li class="b-sharing-menu__item b-sharing-menu__item--twitter">
			{vb:set twitterVia, ''}
			<vb:if condition="!empty($vboptions['sharing_twitter_username'])">
				{vb:strcat twitterVia, '&amp;via='}
				{vb:strcat twitterVia, {vb:urlencode {vb:var vboptions.sharing_twitter_username}}}
			</vb:if>
			<a class="js-twitter-share b-sharing-menu__item-link b-sharing-menu__item-link--twitter" href="https://twitter.com/intent/tweet?text={vb:urlencode {vb:var conversation.title}}{vb:raw twitterVia}&amp;url={vb:var urlEncoded}" target="_blank">
				<img class="b-sharing-menu__item-link-img" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E" />
				{vb:phrase twitter_tweet}
			</a>
		</li>
	</vb:if>

	{vb:hook conversation_sharing}

</ul>]]></template>
		<template name="display_threadview_post_notice" templatetype="template" date="1436568175" username="vBulletin" version="5.1.9 Alpha 4"><![CDATA[<li class="b-post-notice h-left h-clear">
	<div class="h-padding-s">
		{vb:rawphrase {vb:var phrase_name}, {vb:raw phrase_var}}
	</div>
</li>]]></template>
		<template name="display_Topics" templatetype="template" date="1518230932" username="vBulletin" version="5.4.1 Alpha 3"><![CDATA[<vb:if condition="!empty($topics) AND empty($topics['errors'])">
<vb:if condition="empty($no_header)">
	<thead class="topic-list-header h-hide-on-xsmall js-subtoolbar-list-header">
		<tr>
			<th class="header-topic"><span>{vb:rawphrase topic}</span></th>
			<th class="header-icons"></th>
			<th class="header-stats"><span>{vb:rawphrase statistics}</span></th>
			<th class="header-lastpost"<vb:if condition="!empty($canmoderate)"> colspan="2"</vb:if>><span>{vb:rawphrase last_post}</span></th>
		</tr>
	</thead>
</vb:if>
	<tbody class="topic-list h-clear {vb:raw topic_list_class}">

	{vb:data topics, node, 'mergeNodeviewsForTopics', {vb:raw topics}}
	<vb:if condition="$vboptions['showdots'] AND $user['userid'] > 0">
		{vb:data topics, node, 'mergePostedStatusForTopics', {vb:raw topics}}
	</vb:if>

	{vb:set seenRegular, 0}
	<vb:each from="topics" value="topic" index="topicIndex">
		{vb:hook topic_before_item}
		{vb:template display_Topics_item, 
			topic={vb:raw topic},
			canmoderate={vb:raw canmoderate},
			no_header={vb:raw no_header},
			firstNonStickyThread={vb:if "$topic['sticky'] == false AND $seenRegular == 0", 1, 0},
			showChannelInfo={vb:raw showChannelInfo}
		}

		{vb:set seenRegular, {vb:if "$topic['sticky'] == false", 1, 0}}
	</vb:each>

	</tbody>
</vb:if>]]></template>
		<template name="display_Topics_item" templatetype="template" date="1551491530" username="vBulletin" version="5.5.2 Alpha 1"><![CDATA[{vb:set channelid, {vb:raw topic.parentid}}
{vb:set readtime, {vb:raw topic.readtime}}
{vb:set parentreadtime, {vb:raw topic.parentreadtime}}
{vb:set attachcount, {vb:raw topic.attachcount}}
{vb:set topic, {vb:raw topic.content}}
{vb:set topicStatus, ''}
{vb:set topicPrefix, ''}
{vb:set iconTooltip, ''}
{vb:set enableInlineMod, 0}
{vb:set showNode, 1}
<vb:if condition="!empty($canmoderate) AND !empty($topic['permissions']) AND $topic['permissions']['canmoderate']">
	{vb:set enableInlineMod, 1}
</vb:if>

<vb:if condition="$topic['lastcontent']">
	{vb:set lastcontent, {vb:raw topic.lastcontent}}
<vb:else />
	{vb:set lastcontent, {vb:raw topic.created}}
</vb:if>

<vb:if condition="$vboptions['threadmarking'] > 0">
	{vb:set cutoff, {vb:math ({vb:raw timenow} - ({vb:raw vboptions.markinglimit} * 86400))}}
	<vb:if condition="$readtime < $cutoff">
		{vb:set readtime, {vb:raw cutoff}}
	</vb:if>
	<vb:if condition="$readtime < $parentreadtime">
		{vb:set readtime, {vb:raw parentreadtime}}
	</vb:if>
</vb:if>

{vb:set hasUnpublishedPosts, 0}
<vb:if condition="$topic['approved'] == 0">
	{vb:strcat topicStatus, ' unapproved'}
	{vb:set phrase_unapproved, {vb:phrase unapproved}}
	{vb:strcat topicPrefix, {vb:raw phrase_unapproved}}
<vb:elseif condition="$enableInlineMod AND ($topic['totalunpubcount'] > 0) AND !empty($topic['showUnpublishedNotice'])" />
	{vb:set hasUnpublishedPosts, 1}
	{vb:strcat topicStatus, ' has-unpublished'}
</vb:if>
<vb:if condition="$topic['featured']">
	{vb:strcat topicStatus, ' featured'}
	<vb:if condition="$user->is_admin OR $user->is_supermod OR $user->is_moderator">
		<vb:comment>Use a second status "highlight-featured" to do the
		highlighting, since we always add "featured", regardless of if
		we want the highlighting. We shouldn't change that, since people
		may be relying on it.</vb:comment>
		{vb:strcat topicStatus, ' highlight-featured'}
		<vb:if condition="!empty($topicPrefix)">
			{vb:strcat topicPrefix, ', '}
		</vb:if>
		{vb:strcat topicPrefix, {vb:phrase featured}}
	</vb:if>
</vb:if>
<vb:if condition="$topic['showpublished'] == 0">
	{vb:strcat topicStatus, ' deleted'}
	<vb:if condition="!empty($topicPrefix)">
		{vb:strcat topicPrefix, ', '}
	</vb:if>
	{vb:set phrase_deleted, {vb:phrase deleted}}
	{vb:strcat topicPrefix, {vb:raw phrase_deleted}}
	{vb:set iconTooltip, {vb:phrase this_topic_is_deleted}}
	<vb:if condition="!empty($topic['deleteuserid']) AND !empty($topic['deleteusername'])">
		{vb:set deleteUserInfo.userid, {vb:var topic.deleteuserid}}
		{vb:set deleteuserlink, {vb:url 'profile', {vb:raw deleteUserInfo}}}
		{vb:set deleteusername, {vb:raw topic.deleteusername}}
	<vb:else />
		{vb:set deleteusername, {vb:rawphrase unknown}}
		{vb:set deleteuserlink, '#'}
	</vb:if>
</vb:if>
<vb:if condition="$topic['showopen'] == 0">
	{vb:strcat topicStatus, ' closed'}
	<vb:if condition="!empty($topicPrefix)">
		{vb:strcat topicPrefix, ', '}
	</vb:if>
	{vb:set phrase_closed, {vb:phrase closed}}
	{vb:strcat topicPrefix, {vb:raw phrase_closed}}
	{vb:set iconTooltip, {vb:phrase this_topic_is_closed}}
</vb:if>
<vb:if condition="$topic['sticky']">
	{vb:strcat topicStatus, ' sticky'}
	<vb:if condition="!empty($topicPrefix)">
		{vb:strcat topicPrefix, ', '}
	</vb:if>
	{vb:set phrase_sticky_node, {vb:phrase sticky_node}}
	{vb:strcat topicPrefix, {vb:raw phrase_sticky_node}}
</vb:if>
<vb:if condition="isset($topic['tonodeid']) AND $topic['tonodeid'] > 0">
	{vb:set isRedirect, 1}
	{vb:strcat topicStatus, ' redirect'}
	<vb:if condition="$topic['unpublishdate'] > 0">
		{vb:strcat topicStatus, ' expiring-redirect'}
	</vb:if>
	<vb:if condition="!empty($topicPrefix)">
		{vb:strcat topicPrefix, ', '}
	</vb:if>
	{vb:set phrase_redirect, {vb:phrase redirect}}
	{vb:strcat topicPrefix, {vb:raw phrase_redirect}}
	{vb:set redirectTopic, {vb:raw topic.toNode}}
	<vb:if condition="empty($redirectTopic) OR !empty($redirectTopic['errors'])">
		{vb:set showNode, 0}
	</vb:if>
<vb:else />
	{vb:set isRedirect, 0}
</vb:if>

<vb:if condition="$isRedirect OR (!empty($readtime) AND $readtime > $lastcontent)">
	{vb:strcat topicStatus, ' read'}
<vb:else />
	{vb:strcat topicStatus, ' unread'}
</vb:if>

<vb:if condition="!empty($topicPrefix)">
	{vb:strcat topicStatus, ' hasprefix'}
</vb:if>


<vb:if condition="empty($topic['title'])">
	{vb:set topic.title, {vb:raw topic.startertitle}}
</vb:if>

<vb:if condition="$vboptions['showdots'] AND $user['userid'] > 0 AND $topic['dot_postcount'] > 0 AND !$isRedirect">
	{vb:strcat topicStatus, ' posted'}
	<vb:if condition="$iconTooltip != ''">
		{vb:strcat iconTooltip, ' '}
	</vb:if>
	{vb:strcat iconTooltip, {vb:phrase have_x_posts_in_topic_last_y_z, {vb:var topic.dot_postcount}, {vb:date {vb:var topic.dot_lastpostdate}}, {vb:time {vb:var topic.dot_lastpostdate}}}}
</vb:if>

{vb:set topicurl, {vb:if "!empty($topic['topicurl'])", {vb:var topic.topicurl}, {vb:url {vb:raw topic.routeid}, {vb:raw topic}}}}
<vb:comment>
*****************************************************************************
//@TODO:

1. Append to $topicStatus var the following CSS classes
  		 when the node API has implemented these topic statuses:

	hot-unread (unread hot topic)
	hot-read (read hot topic)
	read (read topic, default status is unread which doesn't need to be specified)
	posted (logged-in user has posted in this topic)
	posted-closed (logged-in user has posted in this closed topic)

2. Set $iconTooltip text for the above topic statuses.

There's a problem here. Topic read state is set by javascript not the node API.
Also it's better to seperate different status into different class, for example:
hot unread (2 classes) instead of hot-unread (1 class) -- Xiaoyu

Keep any UI changes for topic open/close in sync with channel_conversation.js's
vBulletin.conversation.OpenOrCloseTopic() function.

*****************************************************************************
</vb:comment>

<vb:if condition="$firstNonStickyThread">{vb:hook topics_after_sticky}</vb:if>
<vb:if condition="$showNode">
	<tr class="topic-item{vb:raw topicStatus}<vb:if condition="$enableInlineMod"> inlinemod-item</vb:if><vb:if condition="$attachcount > 0"> im-attach</vb:if> js-topic-item {vb:if "!empty($extraClasses)", {vb:var extraClasses}}" data-lastcontent="{vb:raw lastcontent}" data-readtime="{vb:raw readtime}" data-channelreadtime="{vb:raw parentreadtime}" data-node-id="{vb:raw topic.nodeid}" data-channel-id="{vb:raw channelid}" data-can-edit-title="{vb:var topic.canedittitle}">

		<vb:if condition="isset($inMessageCenter) AND $inMessageCenter">

			<vb:comment>
			********************** START MESSAGE CENTER **********************
			</vb:comment>

			<vb:comment> ***** TOPIC CELL ***** </vb:comment>
			<td class="cell-topic js-cell-topic">
				<div class="topic-wrapper js-topic-wrapper h-wordwrap">
					<vb:comment>The "go-to-first-unread" span is added here via JS</vb:comment>
					<vb:if condition="!empty($topicPrefix)"><span class="prefix js-prefix">{vb:raw topicPrefix}: </span></vb:if>
					<vb:if condition="$topic['iconpath']">
						<img class="js-post-icon h-align-top" src="{vb:var baseurl_core}/{vb:var topic.iconpath}" width="16" height="16" alt="" />
					</vb:if>
					<vb:if condition="$topic['prefixid']">
						{vb:set searchStr, '{"prefix":["'}
						{vb:strcat searchStr, {vb:var topic.prefixid}, '"]}'}
						<a class="js-topic-prefix" href="{vb:url 'search'}?searchJSON={vb:urlencode {vb:raw searchStr}}">{vb:raw topic.prefix_rich}</a>
					</vb:if>
					<vb:if condition="!$topic['showpublished'] AND !$enableInlineMod">
						<span class="js-topic-title">{vb:raw topic.title}</span>
					<vb:elseif condition="$isRedirect" />
						<a href="{vb:url {vb:raw redirectTopic.routeid}, {vb:raw redirectTopic}}" class="topic-title js-topic-title">{vb:raw topic.title}</a>
					<vb:else />
						<a href="{vb:raw topicurl}" class="topic-title js-topic-title">{vb:raw topic.title}</a>
					</vb:if>
				</div>
				<div class="topic-info h-clear">
					{vb:rawphrase in_x_channel, {vb:url {vb:raw topic.channelroute}}, {vb:var topic.channeltitle}}<br>
					<vb:if condition="!empty($topic['userid'])">
						{vb:set profileUrl, {vb:url 'profile', {vb:raw topic}}}
					<vb:else />
						{vb:set guestname, {vb:if "!empty($topic['authorname'])", {vb:raw topic.authorname}, {vb:phrase guest}}}
					</vb:if>
					<vb:comment>This needs to be one line or the output will have whitespace where there needs to not be whitespace</vb:comment>
					{vb:if "!empty($topic['userid'])", {vb:rawphrase started_by_link_x_y, {vb:var profileUrl}, {vb:raw topic.authorname}},{vb:rawphrase started_by_x, {vb:raw guestname}}}{vb:if "isset($topic['created'])", {vb:rawphrase on_date_x, {vb:datetime {vb:raw topic.created}}}}
				</div>
			</td>

			<vb:comment> ***** GO TO LAST POST CELL ***** </vb:comment>
			<td class="cell-gotopost">
				{vb:set starter.nodeid, {vb:raw topic.starter}}
				{vb:set starter.innerPost, {vb:raw topic.lastcontentid}}
				<a href="{vb:url {vb:raw topic.starterroute}, {vb:raw starter}}" class="b-button b-button--secondary">{vb:phrase view}</a>
			</td>

			<vb:comment> ***** LAST POST CELL ***** </vb:comment>
			<td class="cell-lastpost">
				<vb:if condition="$enableInlineMod AND $topic['approved'] == 0">
					{vb:phrase post_needs_to_be_approved}
				<vb:elseif condition="$topic['showpublished'] == 0" />
					<vb:if condition="!empty($topic['deleteuserid']) AND !empty($topic['deleteusername'])">
						{vb:set deleteUserInfo.userid, {vb:var topic.deleteuserid}}
						{vb:set deleteUserInfo.username, {vb:var topic.deleteusername}}
						{vb:set deleteuserlink, {vb:url 'profile', {vb:raw deleteUserInfo}}}
						{vb:set deleteusername, {vb:raw topic.deleteusername}}
					<vb:else />
						{vb:set deleteusername, {vb:rawphrase unknown}}
						{vb:set deleteuserlink, '#'}
					</vb:if>
					<div class="delete-note">{vb:rawphrase topic_deleted_by_x_link, {vb:raw deleteuserlink}, {vb:raw deleteusername}}</div>
					<vb:if condition="!empty($topic['deletereason'])">
						<div class="delete-reason"><label>{vb:phrase reason}:</label> {vb:var topic.deletereason}</div>
					</vb:if>
				<vb:elseif condition="$isRedirect" />
					&mdash;
				<vb:else />
					<vb:if condition="($topic['lastcontentid'] > 0) AND ($topic['lastcontentid'] != $topic['starter'])">
						<vb:comment> ***** LAST POST IS NOT TOPIC STARTER ***** </vb:comment>
						{vb:set data.userid, {vb:raw topic.lastauthorid}}
						{vb:set data.authorname, {vb:raw topic.lastcontentauthor}}
						{vb:set profileUrl, {vb:url 'profile', {vb:raw data}}}
						<vb:if condition="$user['showavatars']">
							{vb:template avatar, avataruser={vb:raw data}, avatar={vb:raw topic.avatar_last_poster}}
						</vb:if>
						<div class="lastpost-by">
							<vb:if condition="$topic['lastauthorid'] > 0">
								{vb:rawphrase by_x, {vb:var profileUrl}, {vb:raw topic.lastcontentauthor}}
							<vb:else />
								{vb:rawphrase by_x_nolink, {vb:if "$topic['lastcontentauthor']", {vb:raw topic.lastcontentauthor}, {vb:phrase guest}}}
							</vb:if>
						</div>
						<vb:if condition="!empty($topic['lastcontent'])"><span class="post-date">{vb:datetime {vb:raw topic.lastcontent}}</span></vb:if>
					<vb:else />
						<vb:comment> ***** LAST POST IS TOPIC STARTER ***** </vb:comment>
						{vb:set profileUrl, {vb:url 'profile', {vb:raw topic}}}
						<vb:if condition="$user['showavatars']">
							{vb:template avatar, avataruser={vb:raw topic}, avatar={vb:raw topic.avatar}}
						</vb:if>
						<div class="lastpost-by">
							<vb:if condition="$topic['userid'] > 0">
								{vb:rawphrase by_x, {vb:var profileUrl}, {vb:raw topic.authorname}}
							<vb:else />
								{vb:rawphrase by_x_nolink, {vb:if "$topic['authorname']", {vb:raw topic.authorname}, {vb:phrase guest}}}
							</vb:if>
						</div>
						<vb:if condition="!empty($topic['created'])"><span class="post-date">{vb:datetime {vb:raw topic.created}}</span></vb:if>
					</vb:if>
				</vb:if>
			</td>
			<vb:comment>
			********************** END MESSAGE CENTER **********************
			</vb:comment>

		<vb:else />

			<vb:comment>
			********************** START REGULAR FORUMS **********************
			</vb:comment>

			<vb:comment> ***** TOPIC CELL ***** </vb:comment>
			<td class="cell-topic js-cell-topic">
				<vb:comment> ***** AVATAR (responsive) ***** </vb:comment>
				<div class="topic-avatar h-hide-on-large h-hide-on-wide-column">
					{vb:template avatar, avataruser={vb:raw topic}, avatar={vb:raw topic.avatar}}
				</div>
				<vb:if condition="$vboptions['threadmarking'] > 0 AND $user['userid'] > 0 AND !empty($readtime) AND $readtime < $lastcontent AND !$isRedirect">
					{vb:set newpostAvailable, 1}
					<vb:if condition="$iconTooltip != ''">
						{vb:strcat iconTooltip, ' '}
					</vb:if>
					{vb:strcat iconTooltip, {vb:phrase new_posts}}
				<vb:else />
					{vb:set newpostAvailable, 0}
				</vb:if>
				<span class="vb-icon vb-icon-topic-status {vb:if "$enableInlineMod", "js-open-close-topic "}h-hide-on-small h-hide-on-narrow-column" title="{vb:raw iconTooltip}"></span>
				<div class="topic-wrapper js-topic-wrapper h-wordwrap">
					<vb:comment>The "go-to-first-unread" anchor</vb:comment>
					<vb:if condition="!empty($newpostAvailable)">
						{vb:set querystring.goto, 'newpost'}
						<a href="{vb:url {vb:raw topic.routeid}, {vb:raw topic}, {vb:raw querystring}}" class="go-to-first-unread b-icon b-icon__double-arrow-down--blue js-go-to-first-unread" title="{vb:phrase 'go_to_first_new_post'}">&nbsp;</a>
					</vb:if>
					<vb:if condition="!empty($topicPrefix)"><span class="prefix js-prefix">{vb:raw topicPrefix}: </span></vb:if>
					<vb:if condition="$topic['iconpath']">
						<img class="js-post-icon h-align-top" src="{vb:var baseurl_core}/{vb:var topic.iconpath}" width="16" height="16" alt="" />
					</vb:if>
					<vb:if condition="$topic['prefixid']">
						{vb:set searchStr, '{"prefix":["'}
						{vb:strcat searchStr, {vb:var topic.prefixid}, '"]}'}
						<a class="js-topic-prefix" href="{vb:url 'search'}?searchJSON={vb:urlencode {vb:raw searchStr}}">{vb:raw topic.prefix_rich}</a>
					</vb:if>
					<vb:if condition="!$topic['showpublished'] AND !$enableInlineMod">
						<span class="js-topic-title">{vb:raw topic.title}</span>
					<vb:elseif condition="$isRedirect" />
						<a href="{vb:url {vb:raw redirectTopic.routeid}, {vb:raw redirectTopic}}" class="topic-title js-topic-title">{vb:raw topic.title}</a>
					<vb:else />
						<a href="{vb:raw topicurl}" class="topic-title js-topic-title">{vb:raw topic.title}</a>
					</vb:if>
					<span class="h-hide-on-large h-hide-on-wide-column">
						<vb:if condition="!empty($topic['userid'])">
							{vb:set profileUrl, {vb:url 'profile', {vb:raw topic}}}
							{vb:rawphrase by_x, {vb:var profileUrl}, {vb:raw topic.authorname}}
						<vb:else />
							{vb:rawphrase by_x_nolink, {vb:if "$topic['authorname']", {vb:raw topic.authorname}, {vb:phrase guest}}}
						</vb:if>
					</span>
					<vb:if condition="!empty($showChannelInfo)"><div class="h-hide-on-large h-hide-on-wide-column channel-info ellipsis">{vb:rawphrase in_x_channel, {vb:url {vb:raw topic.channelroute}}, {vb:raw topic.channeltitle}}</div></vb:if>
				</div>

				<div class="topic-info h-clear h-hide-on-small h-hide-on-narrow-column">
					<vb:if condition="!empty($topic['userid'])">
						{vb:set profileUrl, {vb:url 'profile', {vb:raw topic}}}
					<vb:else />
						{vb:set guestname, {vb:if "!empty($topic['authorname'])", {vb:raw topic.authorname}, {vb:phrase guest}}}
					</vb:if>
					<vb:comment>This needs to be one line or the output will have whitespace where there needs to not be whitespace</vb:comment>
					{vb:if "!empty($topic['userid'])", {vb:rawphrase started_by_link_x_y, {vb:var profileUrl}, {vb:raw topic.authorname}},{vb:rawphrase started_by_x, {vb:raw guestname}}}{vb:if "isset($topic['created'])", {vb:rawphrase on_date_x, {vb:datetime {vb:raw topic.created}}}}
					<vb:if condition="!empty($showChannelInfo)"><div class="channel-info ellipsis">{vb:rawphrase in_x_channel, {vb:url {vb:raw topic.channelroute}}, {vb:raw topic.channeltitle}}</div></vb:if>
				</div>
			</td>

			<vb:comment> ***** ICONS CELL ***** </vb:comment>
			<td class="cell-icons">
				{vb:hook topic_item_icon_start}
				<vb:if condition="$attachcount > 0">
					<span class="b-icon b-icon__paperclip" title="{vb:phrase x_attachments, {vb:raw attachcount}}"></span>
				</vb:if>
				<vb:if condition="$enableInlineMod AND $hasUnpublishedPosts">
					<span class="b-icon b-icon__warning--yellow" title="{vb:phrase x_unpublished_posts, {vb:raw topic.totalunpubcount}}"></span>
				</vb:if>
				<vb:if condition="$isRedirect AND $topic['unpublishdate'] > 0">
					<span class="icon expiring-redirect-icon" title="{vb:phrase expiring_redirect}"></span>
				</vb:if>
			</td>

			<vb:comment> ***** COUNT CELL ***** </vb:comment>
			<td class="cell-count">
				<vb:if condition="$enableInlineMod AND ($topic['approved'] == 0 OR $topic['showpublished'] == 0)">
					<a href="{vb:raw topicurl}">{vb:phrase manage}</a>
				<vb:elseif condition="$isRedirect OR !$topic['showpublished'] OR !(isset($topic['totalcount_1']) OR isset($topic['views']) OR isset($topic['votes']))" />
					&mdash;
				<vb:else />
					<vb:comment>This uses totalcount_1 - 1 so that it shows the correct count to moderators when there are unpublished posts in the topic</vb:comment>
					{vb:set responseCount, {vb:math {vb:raw topic.totalcount_1} - 1}}
					<div class="posts-count"><vb:if condition="$responseCount == 1">{vb:phrase 1_response_lower}<vb:else />{vb:rawphrase x_responses_lower, {vb:number {vb:raw responseCount}}}</vb:if></div>
					<div class="views-count">{vb:number {vb:raw topic.views}} <vb:if condition="$topic['views'] == 1">{vb:phrase view_lower}<vb:else />{vb:phrase views_lower}</vb:if></div>
					<div class="votes-count">{vb:number {vb:raw topic.votes}} <vb:if condition="$topic['votes'] == 1">{vb:phrase like_lower}<vb:else />{vb:phrase likes_lower}</vb:if></div>
				</vb:if>
			</td>

			<vb:comment> ***** LAST POST CELL ***** </vb:comment>
			<td class="cell-lastpost">
				<vb:if condition="$enableInlineMod AND $topic['approved'] == 0">
					{vb:phrase post_needs_to_be_approved}
				<vb:elseif condition="$topic['showpublished'] == 0" />
					<vb:if condition="!empty($topic['deleteuserid']) AND !empty($topic['deleteusername'])">
						{vb:set deleteUserInfo.userid, {vb:var topic.deleteuserid}}
						{vb:set deleteUserInfo.username, {vb:var topic.deleteusername}}
						{vb:set deleteuserlink, {vb:url 'profile', {vb:raw deleteUserInfo}}}
						{vb:set deleteusername, {vb:raw topic.deleteusername}}
					<vb:else />
						{vb:set deleteusername, {vb:rawphrase unknown}}
						{vb:set deleteuserlink, '#'}
					</vb:if>
					<div class="delete-note">{vb:rawphrase topic_deleted_by_x_link, {vb:raw deleteuserlink}, {vb:raw deleteusername}}</div>
					<vb:if condition="!empty($topic['deletereason'])">
						<div class="delete-reason"><label>{vb:phrase reason}:</label> {vb:var topic.deletereason}</div>
					</vb:if>
				<vb:elseif condition="$isRedirect" />
					&mdash;
				<vb:else />
					<span class="h-hide-on-large h-hide-on-wide-column">{vb:phrase last_post}</span>
					<vb:if condition="($topic['lastcontentid'] > 0) AND ($topic['lastcontentid'] != $topic['starter'])">

						<vb:comment> ***** LAST POST IS NOT TOPIC STARTER ***** </vb:comment>
						{vb:set data.userid, {vb:raw topic.lastauthorid}}
						{vb:set data.authorname, {vb:raw topic.lastcontentauthor}}
						{vb:set profileUrl, {vb:url 'profile', {vb:raw data}}}

						<vb:if condition="$user['showavatars']">
						{vb:template avatar, avataruser={vb:raw data}, avatar={vb:raw topic.avatar_last_poster}}
						</vb:if>
						<div class="lastpost-by">
							<vb:if condition="$topic['lastauthorid'] > 0">
								{vb:rawphrase by_x, {vb:var profileUrl}, {vb:raw topic.lastcontentauthor}}
							<vb:else />
								{vb:rawphrase by_x_nolink, {vb:if "$topic['lastcontentauthor']", {vb:raw topic.lastcontentauthor}, {vb:phrase guest}}}
							</vb:if>
						</div>
						<vb:if condition="!empty($topic['lastcontent'])"><span class="post-date">{vb:datetime {vb:raw topic.lastcontent}}</span></vb:if>

					<vb:else />

						<vb:comment> ***** LAST POST IS TOPIC STARTER ***** </vb:comment>
						{vb:set profileUrl, {vb:url 'profile', {vb:raw topic}}}
						<vb:if condition="$user['showavatars']">
							{vb:template avatar, avataruser={vb:raw topic}, avatar={vb:raw topic.avatar}}
						</vb:if>
						<div class="lastpost-by">
							<vb:if condition="$topic['userid'] > 0">
								{vb:rawphrase by_x, {vb:var profileUrl}, {vb:raw topic.authorname}}
							<vb:else />
								{vb:rawphrase by_x_nolink, {vb:if "$topic['authorname']", {vb:raw topic.authorname}, {vb:phrase guest}}}
							</vb:if>
						</div>
						<vb:if condition="!empty($topic['created'])"><span class="post-date">{vb:datetime {vb:raw topic.created}}</span></vb:if>

					</vb:if>
					{vb:set qs.p, {vb:raw topic.lastcontentid}}
					<a href="{vb:if "!empty($topic['lastcontenturl'])", {vb:var topic.lastcontenturl}, {vb:url {vb:raw topic.routeid}, {vb:raw topic}, {vb:raw qs}}}" class="go-to-last-post b-icon b-icon__double-arrow-right2--blue" title="{vb:phrase 'go_to_last_post'}">&nbsp;</a>
				</vb:if>
			</td>

			<vb:if condition="isset($enableInlineMod) AND $enableInlineMod > 0">
				<td class="cell-inlinemod-item"><input class="cb_inlinemod" type="checkbox" name="node[]" value="{vb:raw topic.nodeid}" /></td>
			</vb:if>
			<vb:comment>
			********************** END REGULAR FORUMS **********************
			</vb:comment>

		</vb:if>
	</tr>
</vb:if>]]></template>
	</templategroup>
	<templategroup name="Editor">
		<template name="editor_contenttype_Text_comment" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<form id="newTextForm" action="create-content/text/" method="post" data-content-type="comment" class="h-padding-bottom-xxl">
	<input type="hidden" name="nodeid" value="{vb:raw conversation.nodeid}" />
	<input type="hidden" name="parentid" value="{vb:raw conversation.parentid}" />
	<input type="hidden" name="subtype" value="comment" />
	<vb:if condition="!empty($hiddenVars)">
		<vb:each from="hiddenVars" key="varname" value="fieldVal">
			<input type="hidden" id="hiddenVar_{vb:raw varname}" name="{vb:raw varname}" value="{vb:raw fieldVal}">
		</vb:each>
	</vb:if>

	<textarea name="text" class="js-editor b-form-textarea__textarea b-form-textarea__textarea--full h-margin-bottom-xl autogrow" placeholder="{vb:phrase write_something_here}">{vb:var conversation.rawtext}</textarea>

	<input type="text" name="reason" placeholder="{vb:phrase tell_people_reason_for_editing}" class="b-form-input__input b-form-input__input--full" autocomplete="off" />

	<vb:if condition="empty($showDelete) OR !($conversation['userid'] == $user['userid'] OR $conversation['canremove'])">
		{vb:set showDelete, 0}
	</vb:if>

	{vb:template contententry_buttons,
		editPost=1,
		conversation={vb:raw conversation},
		showCancel=1,
		showDelete={vb:raw showDelete},
		showSubmit=1,
		showPreview=0}
</form>]]></template>
		<template name="editor_gallery_photoblock" templatetype="template" date="1549643587" username="vBulletin" version="5.5.1 Alpha 4"><![CDATA[<div class="b-gallery-thumbnail-list b-gallery-thumbnail-list--preview b-gallery-thumbnail-list--editor" >
	{vb:set count, 0}
	<vb:each from="photos" value="photo">
		<vb:if condition="$count < $vboptions['attatchgallerythumbs']">
			<span class="b-gallery-thumbnail-list__item">
				<img class="b-gallery-thumbnail-list__thumbnail" src="filedata/fetch?filedataid={vb:raw photo.filedataid}&amp;type=thumb&amp;attachmentnodeid={vb:var photo.nodeid}" title="{vb:var photo.title}" alt="{vb:var photo.title}" />
			</span>
			{vb:set count, {vb:math {vb:raw count} + 1}}
		</vb:if>
	</vb:each>
	<div class="b-gallery-thumbnail-list__aside">
		<span class="b-photo-count">
			<vb:if condition="empty($photocount) OR !is_numeric($photocount)">
				{vb:set $photocount, 0}
			</vb:if>
			<vb:if condition="$photocount > 1">
				{vb:phrase x_photos, {vb:raw photocount}}
			<vb:else />
				{vb:phrase x_photo, {vb:raw photocount}}
			</vb:if>
		</span>
		<div class="js-edit-photos b-link h-margin-top-m" tabindex="0">{vb:phrase edit_photos}</div>
	</div>
</div>]]></template>
		<template name="editor_prefixchooser" templatetype="template" date="1458950521" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[<vb:if condition="!isset($prefixsets)">
	{vb:data prefixsets, prefix, fetch, {vb:raw channelid}}
</vb:if>

<vb:if condition="$prefixsets">
	<select name="prefixid" class="prefixid">
		<option value=""<vb:if condition="empty($conversation['prefixid'])"> selected="selected"</vb:if>>{vb:phrase no_prefix_meta}</option>
		<vb:if condition="count($prefixsets) > 1">
			<vb:each from="prefixsets" key="prefixsetid" value="prefixset">
				{vb:set prefixsetvarname, 'prefixset_'}
				{vb:strcat prefixsetvarname, {vb:raw prefixsetid}}
				{vb:strcat prefixsetvarname, '_title'}
				<optgroup label="{vb:phrase {vb:raw prefixsetvarname}}">
					<vb:each from="prefixset" key="prefixid" value="prefix">
						{vb:set prefixvarname, 'prefix_'}
						{vb:strcat prefixvarname, {vb:raw prefixid}}
						{vb:strcat prefixvarname, '_title_plain'}
						<option value="{vb:raw prefixid}"<vb:if condition="$prefixid == $conversation['prefixid']"> selected="selected"</vb:if>>{vb:phrase {vb:raw prefixvarname}}</option>
					</vb:each>
				</optgroup>
			</vb:each>
		<vb:else />
			<vb:each from="prefixsets" key="prefixsetid" value="prefixset">
				<vb:each from="prefixset" key="prefixid" value="prefix">
					{vb:set prefixvarname, 'prefix_'}
					{vb:strcat prefixvarname, {vb:raw prefixid}}
					{vb:strcat prefixvarname, '_title_plain'}
					<option value="{vb:raw prefixid}"<vb:if condition="$prefixid == $conversation['prefixid']"> selected="selected"</vb:if>>{vb:phrase {vb:raw prefixvarname}}</option>
				</vb:each>
			</vb:each>
		</vb:if>
	</select>
</vb:if>]]></template>
	</templategroup>
	<templategroup name="Error">
		<template name="error_message" templatetype="template" date="1369243315" username="vBulletin" version="5.0.3 Beta 1"><![CDATA[<div class="error h-align-center">{vb:phrase {vb:raw error_message}, {vb:raw error_params}}</div>]]></template>
		<template name="error_page" templatetype="template" date="1406314039" username="vBulletin" version="5.1.4 Alpha 2"><![CDATA[{vb:template header, page={vb:raw page}}
<div id="canvas-layout-full" class="canvas-layout" data-layout-id="{vb:var page.screenlayoutid}">
	<div class="canvas-widget-list section-0">
		<vb:if condition="$error['file']">
			{vb:phrase debug_error_x_y_z, {vb:raw error.message}, {vb:raw error.file}, {vb:raw error.line}}<br />
		<vb:else />
			<vb:if condition="isset($error['message']) AND !empty($error['message'])">
				{vb:set phrasename, {vb:raw error.message}}
				{vb:phrase {vb:raw phrasename}}
			<vb:else />
				{vb:phrase pm_ajax_error_desc}
			</vb:if>
		</vb:if>
		<vb:if condition="$error['trace']">
			{vb:phrase trace}<br />
			<ul>
				{vb:set trace, {vb:raw error.trace}}
				<vb:each from="trace" value="step">
					<li>{vb:phrase trace_x_y_z, {vb:raw step.function}, {vb:raw step.file}, {vb:raw step.line}}</li>
				</vb:each>
			</ul>
		</vb:if>
	</div>
</div>
{vb:template footer, page={vb:raw page}}]]></template>
		<template name="error_page_form" templatetype="template" date="1406314039" username="vBulletin" version="5.1.4 Alpha 2"><![CDATA[{vb:template header, page={vb:raw page}}
<div id="canvas-layout-full" class="canvas-layout" data-layout-id="{vb:var page.screenlayoutid}">
	<div class="canvas-widget-list section-0">
		{vb:rawphrase {vb:raw error}, {vb:raw args}}
		<br />
		<a href="{vb:raw url}">{vb:phrase go_back}</a>
	</div>
{vb:template footer, page={vb:raw page}}]]></template>
	</templategroup>
	<templategroup name="Group">
		<template name="groups_list" templatetype="template" date="1369243315" username="vBulletin" version="5.0.3 Beta 1"><![CDATA[<div>{vb:phrase create_group_info}</div>
{vb:data nodes, widget, fetchPageManagerGroups, groups, {vb:raw page}}
<div class="add-channel-container">
	<vb:if condition="count($nodes['nodes']) > 0">
		<table class="page_manager_table group_table">
			<tr>
				<th>{vb:phrase groups_name}</th>
				<th>{vb:phrase date_created}</th>
				<th>{vb:phrase group_owner}</th>
				<th>{vb:phrase nr_of_posts}</th>
			</tr>

			<vb:comment>fetch info in batches</vb:comment>
			{vb:set groupIds, {vb:php array}}
			<vb:each from="nodes.nodes" value="group">
				{vb:set num_elem, {vb:php array_push, {vb:raw groupIds}, {vb:raw group.nodeid}}}
			</vb:each>
			{vb:data canUseHTMLNodes, user, havePermissions, forumpermissions, canusehtml, {vb:raw groupIds}}

			<vb:each from="nodes.nodes" value="group">
				{vb:set urlInfo.nodeid, {vb:raw group.nodeid}}
				{vb:set urlInfo.sgaction, 'admin'}
				{vb:set urlInfo.action2, 'settings'}
			<tr class="channel_row" data-nodeid="{vb:var group.nodeid}">
				<td>
					<span class="h-left channel_name">
						<div class="channel_name_val">{vb:raw group.htmltitle}</div>
						<vb:if condition="empty($canUseHTMLNodes[$group['nodeid']]) OR !($canUseHTML = $canUseHTMLNodes[$group['nodeid']])">
							{vb:set canUseHTML, 0}
						</vb:if>
						<input type="text" value="{vb:if "isset($canUseHTML) AND ($canUseHTML > 0)", {vb:var group.title}, {vb:raw group.title}}" name="channeltitle" class="h-hide">
					</span>
					<span class="h-right buttons">
						<a href="{vb:url 'sgadmin', {vb:raw urlInfo}}"><span class="edit">{vb:phrase edit}</span></a>
						<span class="delete">{vb:phrase delete}</span>
					</span>
				</td>
				<td class="h-align-center">{vb:datetime {vb:raw group.publishdate}}</td>
				<td class="h-align-center"><a href="{vb:url 'profile', {vb:raw group}}">{vb:raw group.authorname}</a></td>
				<td class="h-align-right">{vb:var group.count}</td>
			</tr>
			</vb:each>
		</table>
		{vb:set pagination {vb:raw nodes.paginationInfo}}
		<vb:if condition="$pagination['totalpages'] > 1">
			{vb:template pagenavnew_client, pagenav={vb:raw pagination}}
		</vb:if>
	<vb:else />
		{vb:phrase no_groups_found}
	</vb:if>
</div>]]></template>
		<template name="group_administrative_menu" templatetype="template" date="1480548421" username="vBulletin" version="5.2.6 Alpha 3"><![CDATA[{vb:set urlInfo.nodeid, {vb:raw group.nodeid}}
{vb:set urlInfo.sgaction, 'admin'}

<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover h-right">

	<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--icon-trigger">
		<span class="b-icon b-icon__gear-s b-comp-menu-dropdown__trigger-icon">
			{vb:phrase administrative}
		</span>
	</div>

	<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--right">

		<vb:if condition="$sgPerms['canconfig']">

			{vb:set urlInfo.action2, 'settings'}
			<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase general_settings}</a></li>

			{vb:set urlInfo.action2, 'permissions'}
			<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase post_settings}</a></li>

		</vb:if>

		<vb:if condition="$sgPerms['canmanageusers']">

			{vb:set urlInfo.action2, 'contributors'}
			<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase manage_group_managers}</a></li>

			{vb:set urlInfo.action2, 'members'}
			<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase manage_joined_members}</a></li>
			{vb:set urlInfo.action2, 'subscribers'}
			<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase manage_subscribers}</a></li>

			{vb:set urlInfo.action2, 'invite'}
			<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase invite_members}</a></li>

		</vb:if>

	</ul>

</div>]]></template>
	</templategroup>
	<templategroup name="Human Verification">
		<template name="humanverify" templatetype="template" date="1512180837" username="vBulletin" version="5.3.5 Alpha 3"><![CDATA[{vb:data showHv, hv, fetchRequireHvcheck, {vb:raw action}}

<vb:if condition="$showHv">
	{vb:data type, hv, fetchHvType}
	<vb:if condition="empty($noToken)">
		{vb:data token, hv, generateToken}
	<vb:else />
		{vb:set token.hash, ''}
	</vb:if>
	<vb:if condition="empty($var_prefix)">
		{vb:set var_prefix, 'humanverify'}
	</vb:if>
	<vb:if condition="$type == 'Image'">
		{vb:template humanverify_image, hash={vb:raw token.hash}, var_prefix={vb:raw var_prefix}}
	<vb:elseif condition="$type == 'Question'" />
		{vb:template humanverify_question, hash={vb:raw token.hash}, var_prefix={vb:raw var_prefix}}
	<vb:elseif condition="$type == 'Recaptcha2'" />
		{vb:template humanverify_recaptcha2, hash={vb:raw token.hash}, var_prefix={vb:raw var_prefix}}
	</vb:if>
</vb:if>]]></template>
		<template name="humanverify_image" templatetype="template" date="1461016373" username="vBulletin" version="5.2.3 Alpha 1"><![CDATA[<div class="form_row humanverify humanverify_image">
	<vb:if condition="empty($hash)">
		{vb:set hvurl, 'images/clear.gif'}
	<vb:else />
		{vb:set hvurl, {vb:raw baseurl}}
		{vb:strcat hvurl,'/hv/image?hash=',{vb:raw hash}}
	</vb:if>
	<label class="label_column">{vb:rawphrase image_verification}</label>
	<div class="field_column">
		<p class="description">{vb:rawphrase please_enter_the_text}</p>
		<div class="imagereg_container">
			<img class="imagereg" src="{vb:raw hvurl}" alt="{vb:rawphrase registration_image}" width="201" height="61" border="0" />
			<span class="refresh_imagereg b-link js-link h-hide" tabindex="0">{vb:rawphrase refresh_image}</span>
			<img class="progress_imagereg {vb:if empty($hash),'',h-hide}" src="{vb:stylevar imgdir_misc}/progress.gif" alt="" width="16" height="16" />
		</div>
		<input type="text" class="imageregt textbox" name="{vb:raw var_prefix}[input]" maxlength="6" autocomplete="off" />
		<input class="hash" type="hidden" name="{vb:raw var_prefix}[hash]" value="{vb:raw hash}" />
	</div>
</div>]]></template>
		<template name="humanverify_question" templatetype="template" date="1470700613" username="vBulletin" version="5.2.4 Alpha 4"><![CDATA[<vb:if condition="!empty($hash)">
	{vb:data question, hv, fetchHvQuestion, {vb:raw hash}}
</vb:if>


<div class="form_row humanverify humanverify_question {vb:if "empty($question)", "h-hide-imp"}">
<input id="hash" type="hidden" name="{vb:raw var_prefix}[hash]" value="{vb:raw hash}" />
<vb:if condition="!empty($question)">
	<label class="label_column">{vb:rawphrase random_question}</label>
	<div class="field_column">
		<p class="description">{vb:raw question}</p>
		<input type="text" class="textbox answer" name="{vb:raw var_prefix}[input]" id="humanverify" autocomplete="off" />
	</div>
</vb:if>
</div>]]></template>
		<template name="humanverify_recaptcha2" templatetype="template" date="1470262773" username="vBulletin" version="5.2.4 Alpha 3"><![CDATA[{vb:data data, hv, getRecaptchaLanguage}
<div class="form_row h-margin-xxl js-humanverify-recaptcha2">
	<input class="js-humanverify-recaptcha2-response" type="hidden" name="{vb:raw var_prefix}[g-recaptcha-response]" value="" />
	<label class="label_column">{vb:rawphrase verification}</label>
	<script src="https://www.google.com/recaptcha/api.js?hl={vb:var data.langcode}" async defer></script>
	<div class="g-recaptcha"
		data-callback="recaptcha2callback"
		data-theme="{vb:var vboptions.hv_recaptcha2_theme}"
		data-sitekey="{vb:var vboptions.hv_recaptcha_publickey}">
	</div>
</div>]]></template>
	</templategroup>
	<templategroup name="Inline Moderation">
		<template name="inlinemod_copyPosts" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<form action="ajax/api/node/cloneNodes" method="post" name="copyPostsForm" class="copy-posts-form">
	<h3 class="blockhead copy-posts-header">{vb:rawphrase copying_x_posts, {vb:raw postcount}}</h3>
	<div class="blockbody copy-posts-body">
		<div class="blockrow">
			<h4><label><input type="radio" name="type" value="0" checked="checked" class="newthread" /> {vb:rawphrase copy_posts_to_new_thread}</label></h4>
			<label for="destchannelid">{vb:rawphrase destination_channel}:</label>
			<select id="destchannelid" name="destchannelid" class="primary">
				{vb:set queryOptions.exclude_categories, 1}
				{vb:data channels, search, getChannels, true, {vb:raw queryOptions}}
				<vb:if condition="!empty($channels)">
					<vb:each from="channels" key="nodeId" value="channel">
						<vb:if condition="$channel['nodeid'] != 1">
							{vb:set indent, "&nbsp;&nbsp;&nbsp;"}
							{vb:strrepeat indent {vb:raw channel.depth}}
							<option value="{vb:raw channel.nodeid}">{vb:raw $indent}{vb:raw channel.htmltitle}</option>
						</vb:if>
					</vb:each>
				</vb:if>
			</select>
			<br />
			<label for="title_textbox">{vb:rawphrase title}:</label>
			<input type="text" class="title" name="title" id="title_textbox" value="" maxlength="{vb:raw vboptions.titlemaxchars}" />
			<p class="description">{vb:rawphrase you_must_have_the_required_permission}</p>
		</div>
		<div class="blockrow">
			<h4><label><input type="radio" name="type" value="1" class="mergethread" /> {vb:rawphrase copy_posts_to_existing_thread}</label></h4>
			<label for="mergethreadurl">{vb:rawphrase url_of_thread_to_be_merged}:</label>
			<input type="text" class="mergethreadurl" name="mergethreadurl" id="mergethreadurl" value="" dir="ltr" placeholder="http://" />
			<p class="description">{vb:rawphrase copy_posts_note}</p>
		</div>
	</div>
</form>]]></template>
		<template name="inlinemod_delete_form" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<form action="ajax/api/node/deleteNodes" method="post" name="deletePostsForm" class="delete-posts-form">
	<h3 class="blockhead delete-posts-header">{vb:rawphrase deleting_x_posts, {vb:raw postcount}}</h3>
	{vb:set canmassprune, 0}
	{vb:set deleteposts, 0}
	{vb:set removeposts, 0}
	<vb:if condition="!empty($nodeids)">
		{vb:data nodes, node, getFullContentforNodes, {vb:var nodeids}}
		<vb:each from="nodes" value="node">
			<vb:if condition="!empty($node['content']['moderatorperms']['canmassprune'])">
				{vb:set canmassprune, 1}
			</vb:if>
			<vb:if condition="!empty($node['content']['candeleteposts'])">
				{vb:set deleteposts, 1}
			</vb:if>
			<vb:if condition="!empty($node['content']['canharddeleteposts'])">
				{vb:set removeposts, 1}
			</vb:if>
		</vb:each>
	</vb:if>
	<div class="blockbody delete-posts-body">
		<div class="blockrow">
			<label>{vb:rawphrase delete_options}:</label>
			<ul class="delete-posts-options">
				<vb:if condition="$deleteposts">
					<li><label><input type="radio" name="deletetype" value="1" checked="checked" /> {vb:rawphrase soft_delete_leave_deleted_message}</label></li>
				</vb:if>
				<vb:if condition="$removeposts">
					<li><label><input type="radio" name="deletetype" value="2" /> {vb:rawphrase physically_remove}</label></li>
				</vb:if>
			</ul>
			<p class="description">
				{vb:rawphrase delete_types_explained}
				<vb:if condition="$firstpost"><br /><br />{vb:rawphrase deleting_the_first_post}</vb:if>
			</p>
		</div>

		<vb:if condition="$deleteposts">
			<div class="blockrow">
				<label for="deletereason">{vb:rawphrase reason_for_deletion_ginlinemod} ({vb:phrase optional}):</label>
				<textarea class="textbox delete-posts-reason" name="deletereason" rows="3" cols="69" placeholder="{vb:phrase leave_reason_for_deletion}"></textarea>
			</div>
		</vb:if>
		<vb:if condition="$canmassprune">
			<fieldset class="blockrow">
				<legend>{vb:rawphrase spam_management}:</legend>
				<ul class="spamoptions rightcol">
					<li><label for="deleteother"><input type="checkbox" name="deleteother" id="deleteother" value="1" /> {vb:rawphrase delete_other_posts_and_threads_by_affected_users}</label></li>
					<vb:if condition="$vboptions['vb_antispam_type']"><li><label for="report"><input type="checkbox" name="report" id="report" value="1" /> {vb:rawphrase submit_data_to_antispam_service}</label></li></vb:if>
				</ul>
			</fieldset>
		</vb:if>
		{vb:data canBanUsers, user, hasPermissions, moderatorpermissions, canbanusers}
		<vb:if condition="$canBanUsers">
			<fieldset class="blockrow">
				<legend>{vb:rawphrase punitive_action}:</legend>
				<label>{vb:rawphrase do_what_with_affected_users, {vb:raw usercount}}</label>
				<ul class="spamoptions rightcol">
					<li><label for="useraction_none"><input type="radio" name="useraction" value="" id="useraction_none" checked="checked" /> {vb:rawphrase do_nothing}</label></li>
					<li><label for="useraction_ban"><input type="radio" name="useraction" value="ban" id="useraction_ban" /> {vb:rawphrase ban_users}</label></li>
				</ul>
			</fieldset>
		</vb:if>
	</div>
</form>]]></template>
		<template name="inlinemod_delete_spam" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<form action="ajax/api/node/deleteNodesAsSpam" method="post" name="spamForm" class="spam-form blockbody">
	{vb:data users, node, fetchUsersFromNodeids, {vb:raw nodeIds}}
	<vb:if condition="!empty($users)">
		<fieldset class="blockrow">
			<legend>{vb:rawphrase applying_punitive_action_to}:</legend>
			<ul class="userlist">
			<vb:each from="users" key="userid" value="username">
				<li><label><input type="checkbox" checked="checked" value="{vb:raw userid}" name="userids[]" /> {vb:raw username}</label></li>
			</vb:each>
			</ul>
		</fieldset>
		<vb:if condition="$banusers">
			{vb:data ban_usergroups, usergroup, fetchBannedUsergroups}
			<fieldset class="blockrow">
				<legend>{vb:rawphrase ban_user_gbanning}:</legend>
					<ul class="group userban">
						<li>
							<label for="usergroupid">{vb:rawphrase place_ban_users_in}:</label>
							<select class="primary userbanfield" name="usergroupid">
								<vb:each from="ban_usergroups" value="usergroup">
									<option value="{vb:var usergroup.usergroupid}">{vb:var usergroup.title}</option>
								</vb:each>
							</select>
						</li>
						<li>
							<label for="period">{vb:rawphrase lift_ban}:</label>
							<select class="primary userbanfield" name="period">
								<optgroup label="{vb:rawphrase temporary_ban_options}">
									<option value="D_1">1 {vb:rawphrase day}</option>
									<option value="D_2">2 {vb:rawphrase days}</option>
									<option value="D_3">3 {vb:rawphrase days}</option>
									<option value="D_4">4 {vb:rawphrase days}</option>
									<option value="D_5">5 {vb:rawphrase days}</option>
									<option value="D_6">6 {vb:rawphrase days}</option>
									<option value="D_7">7 {vb:rawphrase days}</option>
									<option value="D_10">10 {vb:rawphrase days}</option>
									<option value="D_14">2 {vb:rawphrase weeks}</option>
									<option value="D_21">3 {vb:rawphrase weeks}</option>
									<option value="M_1">1 {vb:rawphrase month}</option>
									<option value="M_2">2 {vb:rawphrase months}</option>
									<option value="M_3">3 {vb:rawphrase months}</option>
									<option value="M_4">4 {vb:rawphrase months}</option>
									<option value="M_5">5 {vb:rawphrase months}</option>
									<option value="M_6">6 {vb:rawphrase months}</option>
									<option value="Y_1">1 {vb:rawphrase year}</option>
									<option value="Y_2">2 {vb:rawphrase years}</option>
								</optgroup>
								<optgroup label="{vb:rawphrase permanent_ban_options}">
									<option value="PERMANENT" selected="selected">{vb:rawphrase permanent_ban} - {vb:rawphrase never_lift_ban}</option>
								</optgroup>
							</select>
						</li>
						<li>
							<label for="reason">{vb:rawphrase ban_reason}:</label>
							<input type="text" class="primary textbox userbanfield" name="banreason" value="" />
						</li>
					</ul>
			</fieldset>
		</vb:if>
	<vb:else />
		{vb:phrase click_proceed}
	</vb:if>

</form>]]></template>
		<template name="inlinemod_manage_deleted" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[{vb:data nodes, node, getNodeFullContent, {vb:var nodeid}}
<vb:each from="nodes" value="node"></vb:each>
{vb:data canRemovePost, user, hasPermissions, moderatorpermissions, canremoveposts, {vb:var nodeid}}
{vb:data canDeletePosts, user, hasPermissions, moderatorpermissions, candeleteposts, {vb:var nodeid}}
{vb:set canManage, 0}
<vb:if condition="!($canRemovePost OR $canDeletePosts)">
	<vb:if condition="$user['userid'] == $node['userid'] AND $user['userid'] == $node['deleteuserid']">
		{vb:set canManage, 1}
	</vb:if>
<vb:else />
	{vb:set canManage, 1}
</vb:if>

<vb:if condition="$canManage">
	<form action="ajax/api/node/manageDeletedNode" method="post" name="deletePostsForm" class="manage-deleted-form">

		<vb:if condition="$nodeid == $node['starter']">
			{vb:set contenttype, 'topic'}
			{vb:set headertext, {vb:rawphrase edit_topic}}
			{vb:set deleted_question, {vb:rawphrase deleted_topic_question}}
		<vb:elseif condition="empty($isblogcomment) AND empty($isarticlecomment) AND $node['parentid'] == $node['starter']" />
			{vb:set contenttype, 'reply'}
			{vb:set headertext, {vb:rawphrase edit_reply}}
			{vb:set deleted_question, {vb:rawphrase deleted_reply_question}}
		<vb:else />
			{vb:set contenttype, 'comment'}
			{vb:set headertext, {vb:rawphrase edit_comment}}
			{vb:set deleted_question, {vb:rawphrase deleted_comment_question}}
		</vb:if>

		<h2 class="blockhead dialog_header">{vb:raw headertext}</h2>

		<vb:if condition="$contenttype == 'topic'">

			{vb:data prefixsets, prefix, fetch, {vb:raw node.parentid}}
			<vb:if condition="$prefixsets">
				<h3 class="blockhead edit-topic-header">{vb:rawphrase prefix}</h3>
				<div class="blockbody edit-topic-prefix">
					<div class="blockrow">
						{vb:template editor_prefixchooser, prefixsets={vb:raw prefixsets}, channelid={vb:raw node.parentid}, conversation={vb:raw node}}
					</div>
				</div>
			</vb:if>

			<h3 class="blockhead edit-topic-header">{vb:rawphrase topic_title}</h3>
			<div class="blockbody edit-topic-title">
				<div class="blockrow">
					<input type="text" name="topic_title" value="{vb:raw node.title}" class="textbox" />
					<p class="description">
						{vb:rawphrase edit_topic_title_explained}
					</p>
				</div>
			</div>

			<h3 class="blockhead moderator-notes-header">{vb:rawphrase moderator_notes}</h3>
			<div class="blockbody moderator-notes-body">
				<div class="blockrow">
					<textarea name="moderator_notes" rows="2" class="textbox"></textarea>
				</div>
			</div>

			<h3 class="blockhead posticons-header">{vb:rawphrase post_icons}</h3>
			{vb:data postIcons, icon, fetchAll}
			<div class="blockbody post-icons-body">
				<ul class="post-icon-menu">
					<vb:each from="postIcons" value="postIcon">
						<li class="post-icon-item">
							<label for="rb_iconid_{vb:var postIcon.iconid}">
								<input id="rb_iconid_{vb:var postIcon.iconid}" type="radio" <vb:if condition="$postIcon['iconid'] == $node['iconid']">checked="checked"</vb:if> value="{vb:var postIcon.iconid}" name="iconid" tabindex="0"><img id="pi_{vb:var postIcon.iconid}" alt="{vb:var postIcon.title}" src="{vb:var baseurl_core}/{vb:var postIcon.iconpath}" title="{vb:var postIcon.title}"></label>
						</li>
					</vb:each>
					<li><label for="rb_iconid_0"><input id="rb_iconid_0" type="radio" <vb:if condition="empty($node['iconid'])">checked="checked"</vb:if> value="0" name="iconid" tabindex="0">{vb:phrase no_icon}</label></li>
				</ul>
			</div>

                </vb:if>

		<h3 class="blockhead delete-posts-header">
			<vb:if condition="$node['unpublishdate']">
				{vb:raw deleted_question}
			<vb:else />
				{vb:rawphrase options}
			</vb:if>
		</h3>
		<div class="blockbody delete-posts-body">
			<div class="blockrow">
				<ul class="delete-posts-options">
				<vb:if condition="$node['unpublishdate']">
					<li><label><input type="radio" name="deletetype" value="1" checked="checked" /> {vb:rawphrase leave_it_deleted_gthreadmanage}</label>
						<vb:if condition="$contenttype == 'topic' OR $contenttype == 'reply' ">
							<div id="keep_attachments" class="indented"><label><input type="checkbox" name="keep_attachments" value="1" checked="checked" /> {vb:rawphrase keep_attachments_gthreadmanage}</label></div>
						</vb:if>
					</li>
					<vb:if condition="$canDeletePosts">
						<li>
							<label><input type="radio" name="deletetype" value="2" /> {vb:rawphrase undelete_it_restore}</label>
							<vb:if condition="$contenttype == 'topic'">
								<div class="indented">
									<ul class="spamoptions rightcol">
										<li><label for="topicopen"><input type="checkbox" name="topicopen" value="1" id="topicopen" <vb:if condition="$node['open']">checked="checked" </vb:if> tabindex="0" /> {vb:rawphrase topic_is_open}</label></li>
										<li><label for="topicsticky"><input type="checkbox" name="topicsticky" value="1" id="topicsticky" <vb:if condition="$node['sticky']"> checked="checked" </vb:if> tabindex="0" /> {vb:rawphrase topic_is_sticky}</label></li>
										<li><label for="topicvisible"><input type="checkbox" name="topicvisible" value="1" id="topicvisible" <vb:if condition="$node['approved']"> checked="checked" </vb:if> tabindex="0" /> {vb:rawphrase topic_is_visible}</label></li>
									</ul>
								</div>
							</vb:if>
						</li>
					</vb:if>
					<vb:if condition="$canRemovePost">
						<li><label><input type="radio" name="deletetype" value="3" /> {vb:rawphrase physically_remove}</label></li>
					</vb:if>
				<vb:else />
					<li><label for="topicopen"><input type="checkbox" name="topicopen" value="1" id="topicopen" <vb:if condition="$node['open']">checked="checked" </vb:if> tabindex="0" /> {vb:rawphrase topic_is_open}</label></li>
					<li><label for="topicsticky"><input type="checkbox" name="topicsticky" value="1" id="topicsticky" <vb:if condition="$node['sticky']">checked="checked" </vb:if> tabindex="0" /> {vb:rawphrase topic_is_sticky}</label></li>
					<li><label for="topicvisible"><input type="checkbox" name="topicvisible" value="1" id="topicvisible" <vb:if condition="$node['approved']">checked="checked" </vb:if>  tabindex="0"/> {vb:rawphrase topic_is_visible}</label></li>
				</vb:if>
				</ul>
			</div>

			<vb:if condition="$node['unpublishdate']">
				<div class="blockrow deletereason-row">
					<label for="deletereason">{vb:rawphrase reason_for_deletion_ginlinemod} ({vb:phrase optional}):</label>
					<textarea name="deletereason" rows="2" placeholder="{vb:phrase leave_reason_for_deletion}" class="textbox"></textarea>
				</div>
			</vb:if>
		</div>

		{vb:data logs, node, fetchModLogs, {vb:var nodeid}}
		<vb:if condition="!empty($logs)">
			<h2 class="blockhead dialog_header moderationlog-header">{vb:rawphrase moderation_log}</h2>
			<div class="blockbody delete-posts-body">
				<div class="blockrow">
						<ul class="modlog_rows">
							<vb:each from="logs" value="log">
								<li>{vb:raw log.action} <span class="post-date">({vb:datetime {vb:raw log.dateline}})</span></li>
							</vb:each>
						</ul>
				</div>
			</div>
		</vb:if>

	</form>
<vb:else />
	{vb:phrase no_permission}
</vb:if>]]></template>
		<template name="inlinemod_menu" templatetype="template" date="1545442900" username="vBulletin" version="5.5.1 Alpha 1"><![CDATA[{vb:set optionsArray.view, {vb:raw view}}
{vb:action modMenu, permission, showInlinemodMenu, {vb:raw conversation}, {vb:raw modPerms}, {vb:raw optionsArray}}

<vb:if condition="!empty($modMenu)">

	{vb:js js/inlinemod.js}

	<vb:if condition="!empty($includeLI)">
		<li class="toolbar-inline-mod">
	</vb:if>

	<vb:if condition="$view == 'blog_post' OR $view == 'article'">
		{vb:set view, 'thread'}
	</vb:if>

	<div class="toolbar-divider-solid"></div>

	<div class="moderationmenu_container {vb:raw view}" data-view="{vb:raw view}">
		<div class="moderation-mainmenu h-clearfix">
			<vb:comment>
				****************************
				***** TOPIC TOOLS MENU *****
				****************************
			</vb:comment>
			<vb:if condition="($view == 'thread' AND $conversation['channeltype'] != 'infraction' AND (($modPerms['canmove'] > 0) OR ($modPerms['canopenclose'] > 0) OR ($modPerms['canopenclose'] > 0) OR ($modPerms['canmoderateposts'] > 0) OR ($modPerms['canmanagethreads'] > 0) OR ($modPerms['canmassmove'] > 0) OR ($modPerms['candeletethread'] > 0) OR ($modPerms['canremoveposts'] > 0) OR ($modPerms['cansetfeatured'] > 0)))">
				<div class="administrative h-left b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--conversation-toolbar b-comp-menu-dropdown--open-on-hover">

					<span class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--icon-trigger b-comp-menu-dropdown__trigger--toolbar js-button" tabindex="0">
						<span class="b-icon b-icon__gear-s b-comp-menu-dropdown__trigger-icon">{vb:phrase administrative}</span>
					</span>

					<ul class="administrative-submenu b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--right">
						<vb:if condition="$view == 'thread' AND !empty($conversation['nodeid'])">
							<vb:if condition="($modPerms['canmove'] > 0) OR ($modPerms['canmassmove'] > 0) ">
								<li class="b-comp-menu-dropdown__content-item moderation-action moderation-move"><a href="#" data-action="moveThreads" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase move_thread_gthreadmanage}</a></li>
							</vb:if>
							<vb:if condition="($modPerms['canopenclose'] > 0)">
								<li class="b-comp-menu-dropdown__content-item moderation-action moderation-open"><a href="#" data-action="openCloseThreads" data-params="open" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase open_thread}</a></li>
								<li class="b-comp-menu-dropdown__content-item moderation-action moderation-close"><a href="#" data-action="openCloseThreads" data-params="close" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase close_thread}</a></li>
							</vb:if>
							<vb:if condition="$modPerms['canmoderateposts'] > 0">
								<li class="b-comp-menu-dropdown__content-item moderation-action moderation-approve"><a href="#" data-action="approveThreads" data-params="approve" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase approve_thread}</a></li>
								<li class="b-comp-menu-dropdown__content-item moderation-action moderation-unapprove"><a href="#" data-action="approveThreads" data-params="unapprove" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase unapprove_thread}</a></li>
							</vb:if>
							<vb:if condition="($modPerms['canmove'] > 0) OR ($modPerms['canmassmove'] > 0)">
								<li class="b-comp-menu-dropdown__content-item moderation-action moderation-copy"><a href="#" data-action="copyPosts" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase copy_thread_gthreadmanage}</a></li>
							</vb:if>
							<vb:if condition="$modPerms['cansetfeatured'] > 0">
								<li class="b-comp-menu-dropdown__content-item moderation-action moderation-edit"><a href="#" data-action="editTopic" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase edit_thread}</a></li>
							</vb:if>
							<vb:if condition="($modPerms['candeletethread'] > 0) OR ($modPerms['canremoveposts'] > 0)">
								<li class="b-comp-menu-dropdown__content-item moderation-action moderation-delete"><a href="#" data-action="delete_form_thread" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase delete_thread}</a></li>
								<vb:if condition="$modPerms['canundeleteposts'] > 0">
									<li class="b-comp-menu-dropdown__content-item moderation-action moderation-undelete"><a href="#" data-action="undelete" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase undelete_thread}</a></li>
								</vb:if>
							</vb:if>
							<vb:if condition="$modPerms['canmanagethreads'] > 0">
								<vb:comment>Currently can't stick articles VBV-11976</vb:comment>
								<vb:if condition="$conversation['channeltype'] != 'article'">
									<li class="b-comp-menu-dropdown__content-item moderation-action moderation-stick"><a href="#" data-action="stickThreads" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase stick_thread}</a></li>
									<li class="b-comp-menu-dropdown__content-item moderation-action moderation-unstick"><a href="#" data-action="unstickThreads" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase unstick_thread}</a></li>
								</vb:if>
							</vb:if>
							<vb:if condition="$modPerms['canmanagethreads'] > 0">
								<li class="b-comp-menu-dropdown__content-item moderation-action moderation-remove-redirects"><a href="#" data-action="removeRedirect" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase remove_redirects}</a></li>
							</vb:if>
							<vb:if condition="$modPerms['cansetfeatured'] > 0">
								<li class="b-comp-menu-dropdown__content-item moderation-action moderation-feature"><a href="#" data-action="featureThreads" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase feature_thread}</a></li>
								<li class="b-comp-menu-dropdown__content-item moderation-action moderation-unfeature"><a href="#" data-action="unfeatureThreads" <vb:if condition="$conversation['contenttypeclass'] != 'Channel'">data-node-id="{vb:raw conversation.nodeid}"</vb:if>>{vb:phrase unfeature_thread}</a></li>
							</vb:if>
						<vb:elseif condition="$view == 'topic'" />
							<vb:comment>these are not implemented
								<vb:if condition="$modPerms['canmoderateposts'] > 0">
									<li class="b-comp-menu-dropdown__content-item moderation-action moderation-view-post-q"><a href="#" data-action="viewPostsQueue">{vb:phrase view_posts_queue}</a></li>
								</vb:if>
								<vb:if condition="$modPerms['canmoderateattachments'] > 0">
									<li class="b-comp-menu-dropdown__content-item moderation-action moderation-view-attach-q"><a href="#" data-action="viewAttachmentQueue">{vb:phrase view_attachment_queue}</a></li>
								</vb:if>
								<vb:if condition="($modPerms['canmassmove'] > 0) OR ($modPerms['canmovethread'] > 0)">
									<li class="b-comp-menu-dropdown__content-item moderation-action moderation-mass-move"><a href="#" data-action="massMovePosts">{vb:phrase massmove_threads}</a></li>
								</vb:if>
								<vb:if condition="$modPerms['canmassprune'] > 0">
									<li class="b-comp-menu-dropdown__content-item moderation-action moderation-mass-prune"><a href="#" data-action="massPrunePosts">{vb:phrase massprune_threads}</a></li>
								</vb:if>
								<vb:if condition="$modPerms['canaddowners'] > 0">
									<li class="b-comp-menu-dropdown__content-item moderation-action moderation-add-mod"><a href="#" data-action="addModerator">{vb:phrase add_moderator_gforum}</a></li>
								</vb:if>
								<vb:if condition="$modPerms['canannounce'] > 0">
									<li class="b-comp-menu-dropdown__content-item moderation-action moderation-post-announcement" ><a href="#" data-action="postAnnouncement">{vb:phrase post_new_announcement_gposting}</a></li>
								</vb:if>
							</vb:comment>
						</vb:if>
					</ul>

					<span class="b-comp-menu-dropdown__trigger-divider b-comp-menu-dropdown__trigger-divider--right">
						<span class="b-comp-menu-dropdown__trigger-divider-inner"></span>
					</span>

				</div>

			</vb:if>


			<vb:comment>
				****************************
				***** POST TOOLS MENU ******
				****************************
			</vb:comment>

			<div class="moderation b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--conversation-toolbar b-comp-menu-dropdown--open-on-hover">

				<span class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--icon-trigger b-comp-menu-dropdown__trigger--toolbar js-button" tabindex="0">
					<span class="b-icon b-icon__pencil-doc b-comp-menu-dropdown__trigger-icon">{vb:phrase administrative}</span>
				</span>

				<ul class="moderation-submenu b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--right">
					<vb:if condition="$view == 'thread' OR $view == 'search' OR $view == 'conversation_stream'">
						<vb:if condition="$modPerms['canmassmove'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-move"><a href="#" data-action="movePosts">{vb:phrase move_posts}</a></li>
						</vb:if>
						<vb:if condition="$modPerms['canmanagethreads'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-merge"><a href="#" data-action="mergePosts">{vb:phrase merge_posts}</a></li>
						</vb:if>
						<vb:if condition="($modPerms['canmassmove'] > 0)">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-copy"><a href="#" data-action="copyPosts">{vb:phrase copy_posts}</a></li>
						</vb:if>
						<vb:if condition="($modPerms['candeleteposts'] > 0) OR ($modPerms['canharddeleteposts'] > 0) OR ($modPerms['canremoveposts'] > 0) OR ($modPerms['candeletethread'] > 0) OR ($modPerms['candeleteposts'] > 0)">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-delete"><a href="#" data-action="delete_form" data-delete-type="{vb:if "$modPerms['canharddeleteposts'] > 0", hard, soft}">{vb:phrase delete_posts}</a></li>
						</vb:if>
						<vb:if condition="$modPerms['canundeleteposts'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-undelete"><a href="#" data-action="undelete">{vb:phrase undelete_posts}</a></li>

						</vb:if>
						<vb:if condition="$modPerms['canmoderateposts'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-approve"><a href="#" data-action="approvePosts" data-params="approve">{vb:phrase approve_posts}</a></li>
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-unapprove"><a href="#" data-action="approvePosts" data-params="unapprove">{vb:phrase unapprove_posts}</a></li>
						</vb:if>
						<li class="b-comp-menu-dropdown__content-item moderation-action col2 moderation-view"><a href="#" data-action="viewSelectedPosts">{vb:phrase view_selected_posts}</a></li>
						<li class="b-comp-menu-dropdown__content-item moderation-action col2"><a href="#" data-action="selectAll">{vb:phrase select_all_ginlinemod}</a></li>
						<li class="b-comp-menu-dropdown__content-item moderation-action col2"><a href="#" data-action="selectNone">{vb:phrase select_none_gposting}</a></li>
						<li class="b-comp-menu-dropdown__content-item moderation-action col2"><a href="#" data-action="invertSelection">{vb:phrase invert_selection_ginlinemod}</a></li>
						<vb:if condition="$modPerms['canmoderateposts'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action col2"><a href="#" data-action="selectClass" data-params="unapproved">{vb:phrase select_unapproved_posts_ginlinemod}</a></li>
						</vb:if>
						<vb:if condition="$modPerms['canundeleteposts'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action moderation-candeleteposts col2"><a href="#" data-action="selectClass" data-params="deleted">{vb:phrase select_deleted_posts_ginlinemod}</a></li>
						</vb:if>
						<vb:if condition="$modPerms['canmoderateattachments'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action col2"><a href="#" data-action="selectClass" data-params="im-attach">{vb:phrase select_posts_with_attachments}</a></li>
						</vb:if>
					<vb:elseif condition="$view == 'topic'" />
						<vb:if condition="($modPerms['canmove'] > 0) OR ($modPerms['canmassmove'] > 0)">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-move"><a href="#" data-action="moveThreads">{vb:phrase move_threads_ginlinemod}</a></li>
						</vb:if>
						<vb:if condition="$modPerms['canmanagethreads'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-merge"><a href="#" data-action="mergeThreads">{vb:phrase merge_threads_ginlinemod}</a></li>
						</vb:if>
						<vb:if condition="($modPerms['candeletethread'] > 0) OR ($modPerms['canremoveposts'] > 0)">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-delete"><a href="#" data-action="delete_form_thread">{vb:phrase delete_threads}</a></li>
							<vb:if condition="$modPerms['canundeleteposts'] > 0">
								<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-undelete"><a href="#" data-action="undelete">{vb:phrase undelete_threads}</a></li>
							</vb:if>
						</vb:if>
						<vb:if condition="($modPerms['canopenclose'] > 0)">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-open"><a href="#" data-action="openCloseThreads" data-params="open">{vb:phrase open_threads}</a></li>
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-close"><a href="#" data-action="openCloseThreads" data-params="close">{vb:phrase close_threads}</a></li>
						</vb:if>
						<vb:if condition="$modPerms['canmoderateposts'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-approve"><a href="#" data-action="approvePosts" data-params="approve">{vb:phrase approve_threads}</a></li>
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-unapprove"><a href="#" data-action="approvePosts" data-params="unapprove">{vb:phrase unapprove_threads}</a></li>
						</vb:if>
						<vb:if condition="$modPerms['canmanagethreads'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-stick"><a href="#" data-action="stickThreads">{vb:phrase stick_threads}</a></li>
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-unstick"><a href="#" data-action="unstickThreads">{vb:phrase unstick_threads}</a></li>
						</vb:if>
						<vb:if condition="$modPerms['cansetfeatured'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-feature"><a href="#" data-action="featureThreads" data-params="feature">{vb:phrase feature_threads}</a></li>
							<li class="b-comp-menu-dropdown__content-item moderation-action col1 moderation-unfeature"><a href="#" data-action="featureThreads" data-params="unfeature">{vb:phrase unfeature_threads}</a></li>
						</vb:if>
						<li class="b-comp-menu-dropdown__content-item moderation-action col2 moderation-view"><a href="#" data-action="viewSelectedPosts">{vb:phrase view_selected_threads}</a></li>
						<li class="b-comp-menu-dropdown__content-item moderation-action col2"><a href="#" data-action="selectAll">{vb:phrase select_all_ginlinemod}</a></li>
						<li class="b-comp-menu-dropdown__content-item moderation-action col2"><a href="#" data-action="selectNone">{vb:phrase select_none_gposting}</a></li>
						<li class="b-comp-menu-dropdown__content-item moderation-action col2"><a href="#" data-action="invertSelection">{vb:phrase invert_selection_ginlinemod}</a></li>
						<vb:if condition="$modPerms['canmoderateposts'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action col2"><a href="#" data-action="selectClass" data-params="unapproved">{vb:phrase select_unapproved_threads}</a></li>
						</vb:if>
						<vb:if condition="($modPerms['canharddeleteposts'] > 0) OR ($modPerms['canremoveposts'] > 0) OR ($modPerms['candeletethread'] > 0) OR ($modPerms['candeleteposts'] > 0)">
							<li class="b-comp-menu-dropdown__content-item moderation-action col2"><a href="#" data-action="selectClass" data-params="deleted">{vb:phrase select_deleted_threads}</a></li>
						</vb:if>
						<vb:if condition="$modPerms['canmoderateattachments'] > 0">
							<li class="b-comp-menu-dropdown__content-item moderation-action col2"><a href="#" data-action="selectClass" data-params="im-attach">{vb:phrase select_threads_with_attachments}</a></li>
						</vb:if>
					</vb:if>
				</ul>
			</div>


			<vb:comment>
				****************************
				***** CHECKBOX *************
				****************************
			</vb:comment>

			<input type="checkbox" class="cb_inlinemod_main" title="{vb:phrase select_all_ginlinemod}" data-title-select="{vb:phrase select_all_ginlinemod}" data-title-unselect="{vb:phrase deselect_all_ginlinemod}" />


		</div>
	</div>
	<vb:if condition="!empty($includeLI)">
		</li>
	</vb:if>
</vb:if>]]></template>
		<template name="inlinemod_mergePosts" templatetype="template" date="1484069531" username="vBulletin" version="5.2.6 Alpha 5"><![CDATA[{vb:rawdata mergeInfo, node, getMergePostsInfo, {vb:raw posts}}
<vb:if condition="isset($mergeInfo['errors'])">
	{vb:set errors, {vb:raw mergeInfo.errors}}
	<vb:each from="errors" value="error">
		{vb:set errorid, {vb:raw $error[0]}}
		<vb:if condition="$errorid != 'exception_trace'">
			<vb:if condition="count($error)>1">
				<vb:each from="error" key="index" value="arg">
					<vb:if condition="$index>0">
						{vb:set args[], {vb:raw arg}}
					</vb:if>
				</vb:each>
				{vb:set errorMessage, {vb:rawphrase {vb:raw errorid}, {vb:raw args}}}
			<vb:else />
				{vb:set errorMessage, {vb:rawphrase {vb:raw errorid}}}
			</vb:if>
			<p>{vb:raw errorMessage}</p>
		</vb:if>
	</vb:each>
<vb:else />
	<h3 class="blockhead">{vb:rawphrase merging_x_posts, {vb:raw postcount}}</h3>
	<div class="blockbody">
		<div class="blockrow">
			<p class="description">{vb:rawphrase you_must_have_the_required_permission}</p>
			<p>
				<label for="destnodeid">{vb:rawphrase post}:</label>
				<select id="destnodeid" name="destnodeid" class="primary">
					{vb:set destnodes, {vb:raw mergeInfo.destnodes}}
					<vb:each from="destnodes" key="index" value="node">
						<option value="{vb:raw node.nodeid}">{vb:rawphrase x_y_by_z, {vb:math {vb:raw index} + 1}, {vb:datetime {vb:raw node.created}},{vb:raw node.authorname}}</option>
					</vb:each>
				</select>
			</p>
			<p>
				<label for="destauthor">{vb:rawphrase user_name}:</label>
				<select id="destauthorid" name="destauthorid" class="primary">
					{vb:set destauthors, {vb:raw mergeInfo.destauthors}}
					<vb:each from="destauthors" key="authorid" value="authorname">
						<option value="{vb:raw authorid}">{vb:raw authorname}</option>
					</vb:each>
				</select>
			</p>
		</div>
		<div class="blockrow">
			<div class="edit-conversation-container">
				{vb:set hidden.mergePosts, {vb:raw posts}}

				{vb:set nodeid, {vb:raw mergeInfo.nodeid}}
				{vb:set destnodes, {vb:raw mergeInfo.destnodes}}
				{vb:set node, {vb:raw destnodes.$nodeid}}
				{vb:set nodeContent, {vb:raw node.content}}
				{vb:rawdata createpermissions, user, getCanCreate, {vb:raw nodeContent.channelid}}

				{vb:set contentType, {vb:raw mergeInfo.contenttypeclass}}
				{vb:set contentTypes, {vb:php array, 'Text', 'Gallery', 'Poll', 'Video', 'Link', 'Event'}}
				{vb:set allowTypes, {vb:php array}}
				<vb:each from="contentTypes" value="type">
					<vb:if condition="$contentType == $type">
						{vb:set allowTypes.$type, 1}
					<vb:else />
						{vb:set allowTypes.$type, 0}
					</vb:if>
				</vb:each>

				{vb:template contententry,
					nodeid={vb:raw nodeid},
					conversation={vb:raw mergeInfo},
					hiddenVars={vb:raw hidden},
					noActionButtons=1,
					showToggleEditor=1,
					showSmiley=1,
					showAttachment=1,
					editPost=1,
					showTitle=0,
					noJavascriptInclude=1,
					initOnPageLoad=1,
					focusOnPageLoad=1,
					allowTypeText={vb:raw allowTypes.Text},
					allowTypePhoto={vb:raw allowTypes.Gallery},
					allowTypePoll={vb:raw allowTypes.Poll},
					allowTypeVideo={vb:raw allowTypes.Video},
					allowTypeLink={vb:raw allowTypes.Link},
					allowTypeEvent={vb:raw allowTypes.Event},
					defaultContentType={vb:raw contentType},
					createpermissions={vb:raw createpermissions}
				}
			</div>
		</div>
	</div>
</vb:if>]]></template>
		<template name="inlinemod_mergeThreads" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<form action="ajax/api/node/mergeTopics" method="post" name="movePostsForm" class="merge-threads-form">
	<h3 class="blockhead move-posts-header">{vb:rawphrase merging_x_threads, {vb:raw postcount}}</h3>
	<div class="blockbody move-posts-body">
		<div class="blockrow">
			<label for="targetnodeid">{vb:rawphrase destination_thread}:</label>
			<select id="targetnodeid" name="targetnodeid" class="primary">
				{vb:data threads, node, getNodes, {vb:raw nodeids}}
				<vb:if condition="!empty($threads)">
					<vb:each from="threads" key="nodeId" value="node">
						<option value="{vb:raw node.nodeid}">{vb:raw node.htmltitle}</option>
					</vb:each>
				</vb:if>
			</select>
			<p class="description">{vb:rawphrase which_thread_main_thread}</p>
		</div>
		<!-- start redirect options -->
		<vb:if condition="count($nodeids) == 2">
		  <div class="blockrow">
			  <label>{vb:rawphrase redirect}:</label>
			  <ul class="checkradio group dep_group rightcol">
				  <li><label><input type="checkbox" name="enableredirect" id="redirect" value="1" class="dep_ctrl" checked="checked" /> {vb:rawphrase yes}</label></li>
				  <li id="redirect_deps" class="floatcontainer deps">
					  <ul class="group checkradio">
						  <li>
							  <dl>
								  <dt>
									  <label for="rb_redirect_perm"><input type="radio" name="redirect" value="perm" id="rb_redirect_perm" checked="checked" /> {vb:rawphrase leave_permanent_redirect}</label>
								  </dt>
							  </dl>
						  </li>
						  <li>
							  <dl>
								  <dt>
									  <label for="rb_redirect_expires"><input type="radio" name="redirect" value="expires" id="rb_redirect_expires" class="dep_ctrl" /> {vb:rawphrase leave_expiring_redirect}</label>
								  </dt>
								  <dd class="group" id="rb_redirect_expires_deps">
									  {vb:rawphrase expires_in}:
									  <select name="period">
										  <option value="1">1</option>
										  <option value="2">2</option>
										  <option value="3">3</option>
										  <option value="4">4</option>
										  <option value="5">5</option>
										  <option value="6">6</option>
										  <option value="7">7</option>
										  <option value="8">8</option>
										  <option value="9">9</option>
										  <option value="10">10</option>
									  </select>

									  <select name="frame">
										  <option value="h">{vb:rawphrase hours}</option>
										  <option value="d">{vb:rawphrase days}</option>
										  <option value="w">{vb:rawphrase weeks}</option>
										  <option value="m" selected="selected">{vb:rawphrase months}</option>
										  <option value="y">{vb:rawphrase years}</option>
									  </select>
								  </dd>
							  </dl>
						  </li>
					  </li>
				  </ul>
			  </ul>
			  <p class="description">
				  {vb:rawphrase moving_moderated_and_soft_deleted_threads}<br /><br />
				  {vb:rawphrase you_must_have_the_required_permission_channel}
			  </p>
		  </div>
		</vb:if>
		<!-- end redirect options -->
	</div>
</form>]]></template>
		<template name="inlinemod_movePosts" templatetype="template" date="1480538819" username="vBulletin" version="5.2.6 Alpha 3"><![CDATA[<form action="ajax/api/node/movePosts" method="post" name="movePostsForm" class="move-posts-form">
	<h3 class="blockhead move-posts-header">{vb:rawphrase moving_x_posts, {vb:raw postcount}}</h3>
	<div class="blockbody move-posts-body">
		<div class="blockrow">
			<h4><label><input type="radio" name="type" value="0" checked="checked" class="newthread" /> {vb:rawphrase move_posts_to_new_thread}</label></h4>
			<label for="destchannelid">{vb:rawphrase destination_channel}:</label>
			<select id="destchannelid" name="destchannelid" class="primary">
				{vb:data channels, search, getForumChannels, true}
				<vb:if condition="!empty($channels)">
					<vb:each from="channels" key="nodeId" value="channel">
						<vb:if condition="$channel['depth'] > 1">
							{vb:set indent, '&nbsp;&nbsp;'}
							{vb:strrepeat indent {vb:raw channel.depth}}
							<option value="{vb:raw channel.nodeid}">{vb:raw indent}{vb:raw channel.htmltitle}</option>
						</vb:if>
					</vb:each>
				</vb:if>
			</select>
			<p class="description">{vb:rawphrase which_channel_moved_thread}</p>
			<label for="title_textbox">{vb:rawphrase title}:</label>
			<input type="text" class="title" name="title" id="title_textbox" value="" maxlength="{vb:raw vboptions.titlemaxchars}" />
			<p class="description">{vb:rawphrase you_must_have_the_required_permission}</p>
		</div>
		<div class="blockrow">
			<h4><label><input type="radio" name="type" value="1" class="mergethread" /> {vb:rawphrase move_posts_to_existing_thread}</label></h4>
			<label for="mergethreadurl">{vb:rawphrase url_of_thread_to_be_merged}:</label>
			<input type="text" class="mergethreadurl" name="mergethreadurl" id="mergethreadurl" value="" dir="ltr" placeholder="http://" />
			<p class="description">{vb:rawphrase move_posts_note}</p>
		</div>
	</div>
</form>]]></template>
		<template name="inlinemod_move_form" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<form action="ajax/api/node/moveNodes" method="post" name="movePostsForm" class="move-posts-form">
	<h3 class="blockhead move-posts-header">{vb:rawphrase moving_x_threads, {vb:raw postcount}}</h3>
	<div class="blockbody move-posts-body">
		<div class="blockrow">
			<label for="destchannelid">{vb:rawphrase destination_channel}:</label>
			<select id="destchannelid" name="destchannelid" class="primary">
				{vb:data channels, search, getForumChannels, true}
				<vb:if condition="!empty($channels)">
					<vb:each from="channels" key="nodeId" value="channel">
						<vb:if condition="$channel['depth'] > 1">
							{vb:set indent, '&nbsp;&nbsp;'}
							{vb:strrepeat indent {vb:raw channel.depth}}
							<option value="{vb:raw channel.nodeid}">{vb:raw indent}{vb:raw channel.htmltitle}</option>
						</vb:if>
					</vb:each>
				</vb:if>
			</select>
			<p class="description">{vb:rawphrase which_channel_moved_thread}</p>
		</div>
		<!-- start redirect options -->
		<div class="blockrow">
			<label>{vb:rawphrase redirect}:</label>
			<ul class="checkradio group dep_group rightcol">
				<li><label><input type="checkbox" name="enableredirect" id="redirect" value="1" class="dep_ctrl" checked="checked" /> {vb:rawphrase yes}</label></li>
				<li id="redirect_deps" class="floatcontainer deps">
					<ul class="group checkradio">
						<li>
							<dl>
								<dt>
									<label for="rb_redirect_perm"><input type="radio" name="redirect" value="perm" id="rb_redirect_perm" checked="checked" /> {vb:rawphrase leave_permanent_redirect}</label>
								</dt>
							</dl>
						</li>
						<li>
							<dl>
								<dt>
									<label for="rb_redirect_expires"><input type="radio" name="redirect" value="expires" id="rb_redirect_expires" class="dep_ctrl" /> {vb:rawphrase leave_expiring_redirect}</label>
								</dt>
								<dd class="group" id="rb_redirect_expires_deps">
									{vb:rawphrase expires_in}:
									<select name="period">
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5">5</option>
										<option value="6">6</option>
										<option value="7">7</option>
										<option value="8">8</option>
										<option value="9">9</option>
										<option value="10">10</option>
									</select>

									<select name="frame">
										<option value="h">{vb:rawphrase hours}</option>
										<option value="d">{vb:rawphrase days}</option>
										<option value="w">{vb:rawphrase weeks}</option>
										<option value="m" selected="selected">{vb:rawphrase months}</option>
										<option value="y">{vb:rawphrase years}</option>
									</select>
								</dd>
							</dl>
						</li>
					</li>
				</ul>
			</ul>
			<p class="description">
				{vb:rawphrase moving_moderated_and_soft_deleted_threads}<br /><br />
				{vb:rawphrase you_must_have_the_required_permission_channel}
			</p>
		</div>
		<!-- end redirect options -->
	</div>
</form>]]></template>
	</templategroup>
	<templategroup name="Link">
		<template name="link" templatetype="template" date="1495141613" username="vBulletin" version="5.3.2 Alpha 2"><![CDATA[<vb:if condition="!empty($filedataid) OR !empty($previewImage)">
	{vb:set hasImg, 1}
<vb:else />
	{vb:set hasImg, 0}
</vb:if>
<div class="linkviewcontainer h-clearfix <vb:if condition="!$hasImg"> noimg</vb:if>">
	<vb:if condition="$hasImg">
		<a href="{vb:var url}" target="_blank" class="urlimg_container">
			<vb:if condition="empty($previewMode)">
				<img src="filedata/fetch?linkid={vb:var linkid}&amp;type=thumb&amp;cachebusterid={vb:var filedataid}" class="thumbnailbox" alt="" />
			<vb:else />
				<img src="{vb:var $previewImage}" class="thumbnailbox" alt="" />
			</vb:if>
		</a>
	</vb:if>
	<div class="urlinfo">
		<div class="title ellipsis"><a href="{vb:var url}" target="_blank">{vb:raw title}</a></div>
		<div class="url ellipsis">
			{vb:set urlparts {vb:php vB5_String::parseUrl, {vb:raw $url}}}
			<vb:if condition="$urlparts !== false">
				{vb:set domain, {vb:raw urlparts.scheme}}
				{vb:strcat domain, '://'}			
				<vb:if condition="!empty($urlparts['user'])">
					{vb:strcat domain, {vb:raw urlparts.user}}
					{vb:strcat domain, ':'}
					{vb:strcat domain, {vb:raw urlparts.pass}}
				</vb:if>
				{vb:strcat domain, {vb:raw urlparts.host}}
				<vb:if condition="!empty($urlparts['port'])">
					{vb:strcat domain, ':'}
					{vb:strcat domain, {vb:raw urlparts.port}}
				</vb:if>
			</vb:if>
			<a href="{vb:var domain}" target="_blank">{vb:var domain}</a>
		</div>
		<div class="meta">{vb:raw meta}</div>
	</div>
</div>]]></template>
		<template name="link_edit" templatetype="template" date="1515084905" username="vBulletin" version="5.4.0 Alpha 1"><![CDATA[<vb:if condition="!empty($images)">	
	<div class="b-link-content__thumbnail b-link-content__thumbnail--carousel h-margin-bottom-l">		
		<ul class="b-link-thumbnail-list">
			<vb:each from="images" key="key" value="image">
				<li>
					<div class="b-link-thumbnail-list__item"><img src="{vb:var image}" class="b-link-thumbnail-list__image" /></div>
					<input type="radio" class="js-link-url-image" name="url_image" value="{vb:var image}"<vb:if condition="$key == 0"> checked="checked"</vb:if> class="h-hide" />
				</li>
			</vb:each>
		</ul>		
		<div class="b-thumbnail-nav">
			<span class="b-icon b-icon__arrow-left-m b-icon--disabled b-thumbnail-nav__prev-arrow js-link" tabindex="0"></span>
			<span class="b-thumbnail-nav__counter"></span>
			<span class="b-icon b-icon__arrow-right-m b-thumbnail-nav__next-arrow js-link" tabindex="0"></span>
		</div>			
	</div>
</vb:if>
<div class="b-link-content__urlinfo b-table__cell">
	<div class="b-link-content__urlinfo-meta">
		<div class="b-link-content__urlinfo-display-title">
			<span class="b-link-content__urlinfo-text js-link-display-text">{vb:raw title}</span>
			<a href="#" class="js-link-edit h-margin-left-xs"><span class="b-icon b-icon__pencil b-icon--active js-link" tabindex="0"></span></a>
		</div>
		<div class="b-link-content__urlinfo-edit-title">
			<input type="text" name="url_title" class="b-link-content__urlinfo-edit-title-input b-form-input__input b-form-input__input--full h-left js-link-textbox js-link-title" value="{vb:raw title}" /><button type="button" class="b-button js-link-save h-margin-left-s">{vb:phrase ok}</button>
		</div>
	</div>
	<div class="b-link-content__urlinfo-url h-clear">{vb:var url}<input type="hidden" class="js-link-url" name="url" value="{vb:var url}" /></div>
	<div class="b-link-content__urlinfo-meta b-link-content__urlinfo-meta--desc h-margin-bottom-l h-clearfix">
		<div class="b-link-content__urlinfo-display-desc">
			<span class="b-link-content__urlinfo-text js-link-display-text">{vb:raw meta}</span>
			<a href="#" class="js-link-edit h-margin-left-xs"><span class="b-icon b-icon__pencil b-icon--active js-link" tabindex="0"></span></a>
		</div>
		<div class="b-link-content__urlinfo-edit-desc h-left">
			<textarea name="url_meta" class="b-form-textarea__textarea b-form-textarea__textarea--full h-margin-bottom-s js-link-textbox js-link-meta">{vb:raw meta}</textarea>
			<button type="button" class="b-button js-link-save h-right">{vb:phrase ok}</button>
		</div>
	</div>
</div>
<div class="b-link-content__bottom-controls h-clear h-left">
	<label class="b-form-control__label h-margin-bottom-l h-left"><input type="checkbox" name="url_nopreview" class="b-form-control__control js-link-preview-checkbox" value="1"<vb:if condition="empty($images)"> checked="checked" disabled="disabled"</vb:if> tabindex="0" /><span class="b-form-control__text">{vb:phrase no_preview_thumbnail}</span></label>
	<span class="b-link js-link-remove js-link h-clear h-left" tabindex="0">{vb:phrase remove_link}</span>
</div>]]></template>
	</templategroup>
	<templategroup name="Login">
		<template name="login" templatetype="template" date="1506460392" username="vBulletin" version="5.3.4 Alpha 3"><![CDATA[<form method='post' class="js-login-form">
	<div class="js-error-box error h-margin-bottom-l h-hide"></div>

	<input name="logintype" type="hidden" value="{vb:var logintype}" />
	<div class='h-margin-bottom-l'>
		<vb:if condition="$userid">
			{vb:phrase login_as_x, {vb:var username}}
			<input name="userid" type="hidden" value="{vb:var userid}" />
		<vb:else />
		<input name="username" type="text" placeholder="{vb:phrase {vb:var loginPhrase}}" class="b-form-input__input b-form-input__input--full" />
		</vb:if>

	</div>

	<div class='h-margin-bottom-l'>
		<input name="password" type="password" placeholder="{vb:phrase password}" class="b-form-input__input b-form-input__input--full" />
	</div>
	

	<vb:if condition="isset($logintype) AND $logintype == 'cplogin'">
		{vb:data needMfa, user, needMfa, {vb:raw logintype}}
		<vb:if condition="$needMfa['enabled']">
		<div class="tr">
			<input name="mfa_authcode" type="text" placeholder="{vb:phrase mfa_auth}" class="b-form-input__input b-form-input__input--full" />
		</div>
		</vb:if>
	</div>
	</vb:if>

	<vb:comment>
		If the current logged in user is guest (not the requested user) then show the remember me box.  Otherwise
		this should be a cplogin request for a logged in user and we should not show it because remember me has
		nothing to do with cplogin requests.  It's possible to be requesting an new login *and* a cplogin
		in which case we want to show it.  Requesting a normal login for a logged in user is possible but makes
		no sense.
	</vb:comment>
	<vb:if condition="empty($user['userid'])">
	<div class="h-right class='h-margin-bottom-l'">
		<label class="b-form-control__label">
			<input class="b-form-control__control" type="checkbox" name="rememberme"/>
			<span class="b-form-control__text">{vb:phrase remember_me}</span>
		</label>
	</div>
	</vb:if>

	<div class='h-clear' />

	<vb:if condition="!empty($showexternal) AND $vboptions['facebookactive']">
	<div class='js-fblogin h-margin-bottom-l'>
		<span class="h-left h-margin-left-s h-margin-top-s">{vb:phrase you_can_also_login_as}</span>
		<span class="h-left h-margin-left-m js-external-login-provider js-external-login-provider--facebook">
			<a href="#" class='js-fblogin-link' title="{vb:phrase facebook}"><span class="b-icon b-icon__facebook-24">{vb:phrase facebook}</span></a>
		</span>
	</div>
	</vb:if>

</form>]]></template>
		<template name="login_form" templatetype="template" date="1527294732" username="vBulletin" version="5.4.3 Alpha 2"><![CDATA[<!DOCTYPE html>
<html id="idLoginHtml" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US" dir="{vb:stylevar textdirection}">
<head>
	<title>{vb:phrase login}- {vb:var vboptions.bbtitle}</title>
	<meta http-equiv="content-type" content="text/html; charset={vb:raw charset}" />
	<base href="{vb:raw baseurl_login}/" />
	<!--[if IE]><![endif]-->
	{vb:cssExtra
		main-cssnormalization.css,
		main.css,
		css_login.css}
{vb:js js/login_md5.js}
</head>

<!--[if gte IE 9]>
<body id="idLoginPage" class="ie ie9">
<![endif]-->
<!--[if !IE]><!-->
<body id="idLoginPage">
<!--<![endif]-->

<vb:if condition="!empty($errors)">
	{vb:set index, 0}
	<vb:each from="errors.errors" value="error">
		<vb:if condition="$error[0] != 'exception_trace'">
			<vb:if condition="
				($error[0] == 'badlogin_strikes_logintypeemail') OR
				($error[0] == 'badlogin_strikes_logintypeusername') OR
				($error[0] == 'badlogin_strikes_logintypeboth') OR
				($error[0] == 'badlogin_logintypeemail') OR 
				($error[0] == 'badlogin_logintypeusername') OR 
				($error[0] == 'badlogin_logintypeboth') OR 
				($error[0] == 'strikes')
				">
				{vb:set error[1][0], {vb:url 'lostpw'}}
			</vb:if>
			<div class="error">{vb:rawphrase {vb:raw error}}</div>
		</vb:if>
	</vb:each>
</vb:if>


<vb:if condition="!$disableLoginForm">
<form id="idLoginForm" action="{vb:raw baseurl_login}/auth/login" method="post" class="h-clearfix">
	<input type="hidden" name="url" value="{vb:raw url}" />
	<div class="login-fieldset table">
		<div class="tr">
			<vb:if condition="$loginMethod == 1">
				{vb:set loginPhrase, "username"}
			<vb:else />
				<vb:if condition="$loginMethod == 2">
					{vb:set loginPhrase, "username_or_email"}
				<vb:else />
					{vb:set loginPhrase, "email"}
				</vb:if>
			</vb:if>
			<span class="td">
				<input tabindex="100" type="text" name="username" id="idLoginUserName" value="{vb:var formData.username}" class="js-login-username b-form-input__input b-form-input__input--full {vb:raw $errors.errorIds}" placeholder="{vb:phrase {vb:var loginPhrase}}" />
			</span>
		</div>
		<div class="tr">
			<span class="td">
				<input tabindex="101" type="password" autocomplete="off" name="password" id="idLoginPassword" class="b-form-input__input b-form-input__input--full {vb:raw $errors.errorIds}" placeholder="{vb:phrase password}" />
			</span>
		</div>
	</div>

	<vb:if condition="$vboptions['enable_privacy_registered'] AND $user['eustatus'] != 2">
		<div class="h-warning h-text-size--11">{vb:phrase privacyconsent_login, {vb:var vboptions.privacyurl}}</div>
	</vb:if>

	<div class="secondary-controls h-left">
		<input tabindex="102" type="checkbox" name="rememberme" id="idLoginRememberMe" {vb:raw formData.remembermeCheckedAttr} />
		<label for="idLoginRememberMe">{vb:phrase remember_me}</label>
		<a tabindex="104" href="{vb:raw baseurl}/lostpw" id="idLostPasswordLink" target="_top">{vb:phrase forgot_password}</a>
	</div>
	<div class="primary-controls h-right">
		<button type="submit" tabindex="103" id="idLoginBtn" class="b-button b-button--primary">{vb:phrase log_in}</button>
		{vb:set query.urlpath, {vb:raw urlpath}}
		<vb:if condition="$vboptions['allowregistration']">{vb:rawphrase or_sign_up, {vb:url register, '', {vb:raw query}}}</vb:if>
	</div>
	<input type="hidden" id="vb_loginmd5" name="vb_login_md5password" value="">
	<input type="hidden" id="vb_loginmd5_utf8" name="vb_login_md5password_utf" value="">
</form>
<vb:comment>This script is small enough that leaving it inline is better than putting it in its own file. jQuery code not used to reduce load on the client.</vb:comment>
<vb:literal>
<script type="text/javascript">
(function(){
	//remove highlight on focus
	var loginInputs = document.querySelectorAll('#idLoginForm .login-fieldset input');
	for (var i = 0; i < loginInputs.length; i++) {
		loginInputs[i].onfocus = function() {
			this.className = this.className.replace(/\bbadlogin\S*/g, '');
		}
	};

	/*disable the submit button when submitting the form to prevent
	 it from being clicked or tapped a second time */
	document.getElementById('idLoginForm').onsubmit = function() {
		document.getElementById('idLoginBtn').disabled = 'disabled';
		/* if the md5hash code changes, keep it synchronized with the login code in the widget_register template */
		md5hash(document.getElementById('idLoginPassword'), document.getElementById('vb_loginmd5'), document.getElementById('vb_loginmd5_utf8'), 0);

	};

	//set focus to first textbox if error is not related to invalid username or password
	if (document.querySelectorAll('#idLoginForm .login-fieldset input[type=text][class*=badlogin]').length == 0) {
		try {
			document.querySelectorAll('#idLoginForm .login-fieldset input')[0].focus();
		}catch(e){}
	}


})();
</script>
</vb:literal>
</vb:if>

{vb:cssExtra css_additional.css}
</body>
</html>]]></template>
		<template name="login_redirect" templatetype="template" date="1472169791" username="vBulletin" version="5.2.5 Alpha 1"><![CDATA[<!DOCTYPE html>
<html id="idLoginRedirectHtml" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US" dir="{vb:stylevar textdirection}">
<head>
	<title>{vb:phrase login_redirect}- {vb:var vboptions.bbtitle}</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<base href="{vb:var baseurl}/" />
	{vb:cssExtra 
		main-cssnormalization.css,
		main.css,
		css_login.css}
</head>
<body id="idLoginPage">
<div class="redirectMessage-wrapper">
	<div id="redirectMessage">{vb:phrase logging_in}...</div>
</div>

<vb:comment>Injecting script tags instead of using vb:js because we're using baseurl_login rather than baseurl</vb:comment>
<script type="text/javascript">
(function()
{
	var url = "{vb:raw url}" || "/";

	//remove hash from the url of the top most window (if any)
	var a = document.createElement('a');
	a.setAttribute('href', url);
	if (a.hash) {
		url = url.replace(a.hash, '');
	}
	else if (url.lastIndexOf('#') != -1) { //a.hash with just # returns empty
		url = url.replace('#', '');
	}

	<vb:comment>//don't use top.location to avoid security error if protocols don't match</vb:comment>

	window.open(url, '_top');
})();
</script>

{vb:cssExtra css_additional.css}
</body>
</html>]]></template>
	</templategroup>
	<templategroup name="Media">
		<template name="mediabbcode_video" templatetype="template" date="1472669603" username="vBulletin" version="5.2.5 Alpha 1"><![CDATA[<vb:if condition="$provider == 'hulu'">
<object class="restrain" type="application/x-shockwave-flash" width="128" height="74" data="http://www.hulu.com/embed/{vb:raw code}">
	<param name="movie" value="http://www.hulu.com/embed/{vb:raw code}" />
	<param name="wmode" value="transparent" />
</object>
<vb:elseif condition="$provider == 'youtube'" />
<object class="restrain" type="application/x-shockwave-flash" width="160" height="96" data="http://www.youtube.com/v/{vb:raw code}?version=3&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;feature=player_embedded">
	<param name="movie" value="http://www.youtube.com/v/{vb:raw code}?version=3&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;feature=player_embedded" />
	<param name="wmode" value="transparent" />
	<param name="allowfullscreen" value="true" />
</object>
<vb:elseif condition="$provider == 'vimeo'" />
<object class="restrain" type="application/x-shockwave-flash" width="160" height="96" data="http://vimeo.com/moogaloop.swf?clip_id={vb:raw code}">
	<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id={vb:raw code}" />
	<param name="wmode" value="transparent" />
</object>
<vb:elseif condition="$provider == 'dailymotion'" />
<object class="restrain" type="application/x-shockwave-flash" width="140" height="112" data="http://www.dailymotion.com/swf/{vb:raw code}">
	<param name="movie" value="http://www.dailymotion.com/swf/{vb:raw code}" />
	<param name="wmode" value="transparent" />
</object>
<vb:elseif condition="$provider == 'metacafe'" />
<object class="restrain" type="application/x-shockwave-flash" width="100" height="86" data="http://www.metacafe.com/fplayer/{vb:raw code}.swf">
	<param name="movie" value="http://www.metacafe.com/fplayer/{vb:raw code}.swf" />
	<param name="wmode" value="transparent" />
</object>
<vb:elseif condition="$provider == 'google'" />
<object class="restrain" type="application/x-shockwave-flash" width="100" height="82" data="http://video.google.com/googleplayer.swf?docid={vb:raw code}">
	<param name="movie" value="http://video.google.com/googleplayer.swf?docid={vb:raw code}" />
	<param name="wmode" value="transparent" />
</object>
<vb:elseif condition="$provider == 'facebook'" />
	<iframe src="https://www.facebook.com/video/embed?video_id={vb:raw code}" width="<vb:if condition="isset($width) AND $width > 0">{vb:raw width}<vb:else />144</vb:if>" height="<vb:if condition="$height">{vb:raw height}<vb:else />108</vb:if>" frameborder="0"></iframe>
</vb:if>]]></template>
		<template name="media_addphotos" templatetype="template" date="1364513025" username="vBulletin" version="5.0.2 Alpha 2"><![CDATA[<vb:if condition="empty($conversation) AND !empty($nodeid)">
	{vb:data conversation, node, getNodeFullContent, {vb:raw nodeid}}
	{vb:set conversation, {vb:raw conversation.{vb:raw nodeid}}}
</vb:if>

{vb:template dialog_photo_display, conversation={vb:raw conversation}, addMediaPhotos=1}]]></template>
	</templategroup>
	<templategroup name="Member List">
		<template name="memberlist_item" templatetype="template" date="1501085706" username="vBulletin" version="5.3.3 Alpha 3"><![CDATA[<div class="b-table__row l-row">

	<div class="memberAvatar l-col__fixed-1 h-align-center">
		<vb:if condition="$user['showavatars']">
			<a href="{vb:url 'profile', {vb:raw member}}" class="b-avatar--s">
				<vb:if condition="$member['avatarpath']">
					<img src="{vb:raw baseurl_corecdn}/{vb:raw member.avatarpath}" alt="{vb:raw member.username}" />
				<vb:else />
					<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_medium.png" width="64" height="64" alt="{vb:raw member.username}" />
				</vb:if>
			</a>
		</vb:if>
	</div>

	<div class="l-col__large-5 h-hide-on-small h-margin-left-s">
		<a href="{vb:url 'profile', {vb:raw member}}">{vb:raw member.username}</a>
		{vb:set to_user, {vb:php array}}
		{vb:set to_user.userid, {vb:raw member.userid}}
		{vb:set to_user.username, {vb:raw member.username}}
		{vb:template pmchat_userinfo_link, to_user={vb:raw to_user}}<br />
		{vb:raw member.usertitle}
	</div>

	<div class="l-col__large-1 h-hide-on-small">
		<span class="h-hide-on-small">{vb:date {vb:raw member.joindate}}</span>
	</div>

	<div class="l-col__large-1 h-hide-on-small">
		<span class="h-hide-on-small">{vb:raw member.posts}</span>
	</div>

	<div class="l-col__large-1 h-hide-on-small">
		<span class="h-hide-on-small">{vb:date {vb:raw member.lastactivity}}</span>
	</div>

	<div class="l-col__large-1 h-hide-on-small">
		<span class="h-hide-on-small">
			<div class="reputation {vb:raw member.reputationimg.type}" title="{vb:rawphrase {vb:raw reputationimglevel}}">
				{vb:set counter, {vb:php range, 1,5}}
				<vb:each from="counter" value="nr">
					<div class="b-meter__bar<vb:if condition="$member['reputationimg']['bars'] >= $nr"> b-meter__bar--selected</vb:if>"></div>
					<div class="b-meter__bar<vb:if condition="$member['reputationimg']['bars'] >= $nr"> b-meter__bar--selected</vb:if>"></div>
				</vb:each>
				<div class="h-clear"></div>
			</div>
		</span>
	</div>

	<div class="l-col__large-2 h-hide-on-small">
		<span class="h-hide-on-small"><a href="{vb:raw baseurl}/privatemessage/new/{vb:raw member.userid}">{vb:phrase group_private_message}</a></span>
	</div>

	<vb:comment>Responsive</vb:comment>
	<div class="b-memberlist__member-details h-hide-on-large l-col__flex-1">
		<div class="b-memberlist__member-details__row--small">
			<span class="h-left">
				<a href="{vb:url 'profile', {vb:raw member}}">{vb:raw member.username}</a>
			</span>
			<span class="h-right">
				<span class="h-margin-right-l">{vb:template pmchat_userinfo_link, to_user={vb:raw to_user}}</span>
				<a href="{vb:raw baseurl}/privatemessage/new/{vb:raw member.userid}"><span class="vb-icon vb-icon-messages"></span></a>
			</span>
		</div>
		<div class="b-memberlist__member-details__row--small">
			<span class="h-left">
				{vb:raw member.usertitle}
			</span>
			<span class="h-right">
				{vb:phrase last_visit} {vb:date {vb:raw member.lastactivity}}
			</span>
		</div>
		<div class="b-memberlist__member-details__row--small">
			<span class="h-left">
				{vb:phrase x_posts, {vb:raw member.posts}}
				<span class="b-memberlist__member-details h-inline-block h-align-middle">
					<div class="reputation {vb:raw member.reputationimg.type}" title="{vb:rawphrase {vb:raw reputationimglevel}}">
						{vb:set counter, {vb:php range, 1,5}}
						<vb:each from="counter" value="nr">
							<div class="b-meter__bar<vb:if condition="$member['reputationimg']['bars'] >= $nr"> b-meter__bar--selected</vb:if>"></div>
							<div class="b-meter__bar<vb:if condition="$member['reputationimg']['bars'] >= $nr"> b-meter__bar--selected</vb:if>"></div>
						</vb:each>
						<div class="h-clear"></div>
					</div>
				</span>
			</span>
			<span class="h-right">
				{vb:phrase joined} {vb:date {vb:raw member.joindate}}
			</span>
		</div>
	</div>

</div>]]></template>
		<template name="memberlist_items" templatetype="template" date="1476906430" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[<vb:if condition="!isset($members)">
	{vb:data members, user, memberList, {vb:raw criteria}}
</vb:if>
<div class="js-memberlist-table-body" data-total-pages="{vb:raw members.pagingInfo.totalpages}">
	<vb:if condition="!empty($members['members'])">
		<vb:each from="members.members" value="member">
			{vb:template memberlist_item, member={vb:raw member}}
		</vb:each>

		<vb:if condition="!empty($routeInfoJson)">
			{vb:set routeInfo, {vb:raw routeInfoJson}}
		<vb:else />
			{vb:set routeInfo, {vb:raw page.routeInfo}}
		</vb:if>

		{vb:data pagingInfo, page, getPagingInfo,
			{vb:var members.pagingInfo.currentpage},
			{vb:var members.pagingInfo.records},
			{vb:var members.pagingInfo.perpage},
			{vb:raw routeInfo},
			{vb:raw baseurl}}

		{vb:template pagenav, 
			pagenav={vb:raw pagingInfo},
			addHref=0}

	<vb:else />
		<p class="h-align-center">{vb:phrase no_users_matched_your_query}</p>
	</vb:if>
</div>]]></template>
	</templategroup>
	<templategroup name="Pagenav">
		<template name="pagenav" templatetype="template" date="1519233182" username="vBulletin" version="5.4.1 Alpha 4"><![CDATA[<vb:if condition="empty($pagenav)">
	{vb:set pagenav.currentpage, 1}
	{vb:set pagenav.totalpages, 1}
<vb:elseif condition="isset($pagenav['pagenumber'])" />
	{vb:set pagenav.currentpage, {vb:raw pagenav.pagenumber}}
</vb:if>

<vb:if condition="!empty($pagenav['routeInfo']) AND !empty($pagenav['routeInfo']['routeId'])">
	{vb:set hasRoute, 1}
<vb:else />
	{vb:set hasRoute, 0}
</vb:if>

<vb:if condition="!empty($addHref)">
	{vb:set addHref, 1}
<vb:else />
	{vb:set addHref, 0}
</vb:if>

<div class="pagenav-container h-clearfix noselect{vb:if "$pagenav['totalpages'] == 1", " h-hide"}{vb:if "!empty($removeMargin)", " pagenav-container--no-margin"}">
	<div class="js-pagenav pagenav h-right js-shrink-event-parent" data-baseurl="{vb:var pagenav.baseurl}">

		<vb:if condition="$pagenav['totalpages'] > 1">
			{vb:data pages, page, getPageNav, {vb:raw pagenav.currentpage}, {vb:raw pagenav.totalpages}}
		</vb:if>

		<vb:comment>***** PREVIOUS BUTTON *****</vb:comment>
		<vb:if condition="$pagenav['currentpage'] != 1">
			<a class="js-pagenav-button js-pagenav-prev-button b-button b-button--secondary js-shrink-event-child" data-page="{vb:math {vb:var pagenav.currentpage} - 1}"<vb:if condition="$addHref"> href="{vb:var pagenav.prevurl}"</vb:if> tabindex="0">{vb:phrase previous}</a>
		<vb:else />
			<a class="js-pagenav-button js-pagenav-prev-button b-button b-button--secondary h-hide-imp js-shrink-event-child" data-page="0"<vb:if condition="$addHref"> href=""</vb:if> tabindex="0">{vb:phrase previous}</a>
		</vb:if>

		<vb:comment>***** PAGE/NUMBER BUTTONS *****</vb:comment>
		<vb:if condition="!empty($pages)">
			<vb:each from="pages" value="navelement">

				<vb:if condition="$pagenav['currentpage'] == $navelement">
					{vb:set addClass, ' b-button--primary page js-pagenav-current-button'}
				<vb:else />
					{vb:set addClass, ' b-button--secondary'}
				</vb:if>

				<vb:if condition="$navelement == 1">
					{vb:strcat addClass, ' js-pagenav-first-button'}
				<vb:elseif condition="$navelement == $pagenav['totalpages']" />
					{vb:strcat addClass, ' js-pagenav-last-button'}
				</vb:if>

				{vb:set routeArgs, {vb:raw pagenav.routeInfo.arguments}}
				{vb:set routeArgs.pagenum, {vb:var navelement}}

				<a class="js-pagenav-button b-button b-button--narrow js-shrink-event-child{vb:raw addClass}" data-page="{vb:raw navelement}"<vb:if condition="$addHref AND $hasRoute"> href="{vb:url {vb:raw pagenav.routeInfo.routeId}, {vb:raw routeArgs}, {vb:raw pagenav.routeInfo.queryParameters}}"</vb:if> tabindex="0">{vb:raw navelement}</a>

			</vb:each>
		</vb:if>
		
		<vb:comment>***** HIDDEN PAGE/NUMBER BUTTON TEMPLATE *****</vb:comment>
		<vb:comment>
			Keep this in sync with the js-pagenav-button above. This is used by JS to rebuild pagenav buttons on filter change ETC,
			and we need the same CSS classes as the "regular" buttons, not prev/next buttons
		</vb:comment>
		<a class="js-pagenav-button b-button b-button--narrow js-shrink-event-child b-button--secondary js-pagenav-button--template h-hide-imp" data-page="0"<vb:if condition="$addHref AND $hasRoute"> href="{vb:url {vb:raw pagenav.routeInfo.routeId}, {vb:raw pagenav.routeInfo.arguments}, {vb:raw pagenav.routeInfo.queryParameters}}"</vb:if> tabindex="0">template</a>

		<vb:comment>***** NEXT BUTTON *****</vb:comment>
		<vb:if condition="$pagenav['currentpage'] != $pagenav['totalpages']">
			<a class="js-pagenav-button js-pagenav-next-button b-button b-button--secondary js-shrink-event-child" data-page="{vb:math {vb:var pagenav.currentpage} + 1}"<vb:if condition="$addHref"> href="{vb:var pagenav.nexturl}"</vb:if> tabindex="0">{vb:phrase next}</a>
		<vb:else />
			<a class="js-pagenav-button js-pagenav-next-button b-button b-button--secondary h-hide-imp js-shrink-event-child" data-page="0"<vb:if condition="$addHref"> href=""</vb:if> tabindex="0">{vb:phrase next}</a>
		</vb:if>

	</div>
</div>]]></template>
		<template name="pagenavnew" templatetype="template" date="1524096428" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[<!-- Page Nav controls -->
<vb:if condition="empty($pagenav)">
	{vb:set pagenav.currentpage, 1}
	{vb:set pagenav.totalpages, 1}
</vb:if>

{vb:set prevpage, ''}
{vb:set prevdisabled, 'h-disabled'}
{vb:set nextpage, ''}
{vb:set nextdisabled, 'h-disabled'}

<vb:if condition="$pagenav['currentpage'] > 1">
	{vb:set pagenum, {vb:math {vb:var pagenav.currentpage} - 1}}
	{vb:set prevpage, 'data-page="'}
	{vb:strcat prevpage, {vb:raw pagenum}, '"'}
	{vb:set prevdisabled, ''}
</vb:if>

<vb:if condition="$pagenav['currentpage'] < $pagenav['totalpages']">
	{vb:set pagenum, {vb:math {vb:var pagenav.currentpage} + 1}}
	{vb:set nextpage, 'data-page="'}
	{vb:strcat nextpage, {vb:raw pagenum}, '"'}
	{vb:set nextdisabled, ''}
</vb:if>

<div class="pagenav-controls {vb:raw cssClass}">
	<form class="pagenav-form h-clearfix"<vb:if condition="!empty($pagenav['baseurl'])"> action="{vb:raw pagenav.baseurl}"</vb:if>>
		<input type="hidden" class="defaultpage" value="{vb:raw pagenav.currentpage}" />
		<vb:if condition="!empty($pagenav['articleDisplayColumns'])">
			<input type="hidden" name="article_display_columns" value="{vb:raw pagenav.articleDisplayColumns}" />
		</vb:if>
		<div class="pagenav h-left">
			{vb:phrase page} <input type="text" name="page" class="js-pagenum textbox h-padding-horiz-none b-form-input__input--shadow" value="{vb:raw pagenav.currentpage}" /> {vb:phrase of_pagination} <span class="pagetotal">{vb:number {vb:raw pagenav.totalpages}}</span>
		</div>

		<div class="horizontal-arrows h-left">
			<a <vb:if condition="!empty($pagenav['prevurl'])"> href="{vb:raw pagenav.prevurl}" data-orig-href="{vb:raw pagenav.prevurl}"</vb:if> class="arrow left-arrow {vb:raw prevdisabled}" {vb:raw prevpage} title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
			<a <vb:if condition="!empty($pagenav['nexturl'])"> href="{vb:raw pagenav.nexturl}" data-orig-href="{vb:raw pagenav.nexturl}"</vb:if> class="arrow right-arrow {vb:raw nextdisabled}" {vb:raw nextpage} title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
		</div>
	</form>	
</div>]]></template>
		<template name="pagenavnew_client" templatetype="template" date="1524096428" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[<!-- Page Nav controls for JS operations -->
	<div class="pagenav-controls {vb:if "!empty($cssClass)", {vb:raw cssClass}}">
	<form class="pagenav-form h-clearfix" action="{vb:raw pagenav.baseurl}">
		<div class="pagenav h-left">
			{vb:phrase page} <input type="text" name="page" class="js-pagenum textbox h-padding-horiz-none b-form-input__input--shadow" value="{vb:raw pagenav.page}" /> {vb:phrase of_pagination} <span class="pagetotal">{vb:number {vb:raw pagenav.totalpages}}</span>
		</div>
		<div class="horizontal-arrows h-left">

			<a href="" class="arrow left-arrow {vb:if "$pagenav['page'] == 1", h-disabled}" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
			<a href="" class="arrow right-arrow {vb:if "$pagenav['page'] == $pagenav['totalpages']", h-disabled}" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
		</div>
	</form>	
</div>]]></template>
	</templategroup>
	<templategroup name="Photo">
		<template name="photo_edit" templatetype="template" date="1516212513" username="vBulletin" version="5.4.1 Alpha 1"><![CDATA[<div class="photo-item-wrapper h-left">
	{vb:data current_server_datetime, content_text, getTimeNow}
	<div class="photo-item">
		<input type="hidden" value="{vb:raw filedataid}" name="filedataid[]" class="filedataid"/>

		<div class="thumbnail-container">
			<div class="thumbnailbox-wrapper">
				<div class="thumbnailbox">
					<div class="thumbnail-holder">
					<vb:if condition="$nodeid">
						<img src="filedata/fetch?photoid={vb:raw nodeid}&amp;type=small&amp;t={vb:raw current_server_datetime}" class="thumbnail" />
					<vb:else />
						<img src="{vb:raw imgUrl}" class="thumbnail" />
					</vb:if>
						<div class="b-icon b-icon__trash-square--blue remove-icon">X</div>
					</div>
				</div>
			</div>
			<hr class="divider" />
			<div class="photo-caption">
				<textarea name="photo_title" class="caption-box" placeholder="{vb:phrase write_something_here_about_this_photo}">{vb:raw caption}</textarea>
			</div>
		</div>
	</div>
</div>]]></template>
		<template name="photo_gallery_preview" templatetype="template" date="1549643587" username="vBulletin" version="5.5.1 Alpha 4"><![CDATA[<vb:if condition="$conversation['photocount'] > 0">
<div class="h-clearfix">
	<div class="js-photo-preview photo-preview b-gallery-thumbnail-list b-gallery-thumbnail-list--preview">
		<vb:each from="conversation.photopreview" value="photo" index="photoIndex">
			<vb:if condition="empty($thumbnailLimit) OR ($photoIndex < $thumbnailLimit)">
				{vb:set photoSchema.itemscope, 1}
				{vb:set photoSchema.itemtype, http://schema.org/ImageObject}
				<span class="b-gallery-thumbnail-list__item" {vb:schema {vb:raw photoSchema}}>
					<vb:if condition="!empty($photo['htmltitle'])">
						{vb:set photoInfo.tag, meta}
						{vb:set photoInfo.itemprop, name}
						{vb:set photoInfo.content, {vb:raw photo.htmltitle}}
						{vb:schema {vb:raw photoInfo}}
					</vb:if>
					<img class="b-gallery-thumbnail-list__thumbnail" src="filedata/fetch?{vb:if !empty($previewMode), filedataid, photoid}={vb:raw photo.nodeid}&amp;type=thumb" title="{vb:raw photo.htmltitle}" alt="{vb:raw photo.htmltitle}" />
				</span>
			</vb:if>
		</vb:each>
	</div>
	<div class="b-gallery-thumbnail-list__aside">
		<vb:if condition="empty($previewMode)">
			{vb:set urlInfo.nodeid, {vb:raw conversation.starter}}
			{vb:set urlInfo.title, {vb:raw conversation.startertitle}}
			<a href="{vb:url 'album', {vb:raw urlInfo}}" class="b-photo-count">
				<vb:if condition="$conversation['photocount'] != 1">
					{vb:rawphrase x_photos, {vb:raw conversation.photocount}}
				<vb:else />
					{vb:rawphrase x_photo, {vb:raw conversation.photocount}}
				</vb:if>
			</a>
		<vb:else />
			<span class="b-photo-count">
				<vb:if condition="$conversation['photocount'] != 1">
					{vb:phrase x_photos, {vb:raw conversation.photocount}}
				<vb:else />
					{vb:phrase x_photo, {vb:raw conversation.photocount}}
				</vb:if>
			</span>
		</vb:if>
	</div>
</div>
</vb:if>]]></template>
		<template name="photo_item" templatetype="template" date="1516212513" username="vBulletin" version="5.4.1 Alpha 1"><![CDATA[<vb:each from="items" key="itemid" value="item">
<div class="photo-item-wrapper h-left<vb:if condition="$wrapperClass"> {vb:raw wrapperClass}</vb:if><vb:if condition="$item['lastinrow']"> last-in-row</vb:if>">
	<div class="photo-item h-clearfix">
		<div class="photo-checkbox h-left">
			<input type="<vb:if condition="$photoSelector">checkbox<vb:else />hidden</vb:if>" value="{vb:raw item.filedataid}" name="filedataid[]" class="filedataid" data-nodeid="{vb:raw itemid}" />
		</div>
		<div class="thumbnail-container h-left">
			<div class="thumbnailbox-wrapper">			
				<div class="thumbnailbox">
					<div class="thumbnail-holder">
						<img src="{vb:raw item.imgUrl}" class="thumbnail" />
						<vb:if condition="!$photoSelector">
							<div class="b-icon b-icon__trash-square--blue remove-icon">X</div>
						</vb:if>
					</div>
				</div>
			</div>			
			<vb:if condition="!$photoSelector">
				<hr class="divider" />
				<div class="photo-caption">
					<textarea name="photo_title" class="caption-box" placeholder="{vb:phrase write_something_here_about_this_photo}"><vb:if condition="$item['title'] != ''">{vb:var item.title}<vb:else />{vb:raw caption}</vb:if></textarea>
				</div>
			</vb:if>
		</div>
	</div>
</div>
</vb:each>]]></template>
	</templategroup>
	<templategroup name="vB Messenger">
		<template name="pmchat_chatwindow__entry" templatetype="template" date="1520045287" username="vBulletin" version="5.4.1 Alpha 4"><![CDATA[{vb:data canSendAttachments, user, hasPermissions, forumpermissions, canpostattachment, {vb:raw pm_channel}}
<div class="js-pm-content-entry-container h-clear hide-on-editmode msg-type-{vb:raw messageAction} b-pmchat__content-entry-wrapper">

	<div class="b-pmchat__feather b-pmchat__feather--up"></div>

	<div class="b-pmchat__content-entry-inner">

		<div class="b-pmchat__content-entry h-padding-horiz-xl h-padding-bottom-xl">

			<vb:comment>
				privateMessageAction='reply'
				- hack to get around showing title & participants input
			</vb:comment>
			{vb:template contententry,
				page={vb:raw page},
				parentid={vb:if "$parentid", {vb:var parentid}, {vb:raw pm_channel}},
				isPrivateMessage=1,
				privateMessageAction={vb:if "$entry_show_title", 'new', 'reply'},
				privateMessageRespondTo={vb:raw respondto},
				showTitle={vb:raw entry_show_title},
				allowTypeText=1,
				allowTypePhoto=0,
				allowTypeLink=0,
				allowTypePoll=0,
				allowTypeEvent=0,
				defaultContentType=Text,
				showToggleEditor=1,
				showSmiley=1,
				showAttachment={vb:if "$canSendAttachments", "1", "0"},
				showTags=0,
				initOnPageLoad=1,
				focusOnPageLoad=0,
				preloadJavascript=1,
				compactButtonSpacing=1,
				showCancel=0,
				showDelete=0,
				showPreview=0,
				showSaveDraft=0,
				showSubmit=0,
				uploadFrom=newContent,
				disableResize=1,
				prefillTitle={vb:raw pm_title},
				prefillMsgRecipients={vb:raw to_username},
				showPostIcons=0
			}

			<div class="b-button-group js-button-group h-margin-top-m">
				<button type="submit" class="b-button js-button b-button--primary js-pmchat-submit" disabled="true"> {vb:phrase post_verb}</button>
			</div>

		</div>

	</div>

</div>]]></template>
		<template name="pmchat_chatwindow__participants" templatetype="template" date="1481217104" username="vBulletin" version="5.2.6 Alpha 4"><![CDATA[<div class="b-pmchat__participants h-clearfix js-pmchat__participants<vb:if condition="$participants_count <= 1"> h-hide</vb:if>">
	<div class="b-pmchat__participants-label uppercase h-padding-horiz-xl h-clearfix">
		<vb:comment>
			these display:inline-block; vertical-align:middle; width:50%; wrappers are here to allow
			the label & the menu button to be vertically aligned AND still allow the menu button to float: right;
			The lack of whitespace between the divs are required, due to display:inline-block; taking the whitespace
			into account. With a whitespace, the wrappers will likely stack vertically instead of being in the same line
			at width: 50%;
		</vb:comment>
		<div class="b-pmchat__participants-label__wrapper h-inline-block h-align-middle">
			<span class="h-margin-horiz-xl h-align-middle js-participants-count-phrase">
				<vb:if condition="$participants_count > 1">
					{vb:phrase x_participants, {vb:raw participants_count}}
				<vb:else />
					{vb:phrase add_participants}
				</vb:if>
			</span>
		</div><div class="b-pmchat__participants-label__wrapper h-inline-block h-align-middle">

			<div class="b-comp-menu-dropdown js-comp-menu-dropdown h-right">
				<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--icon-trigger js-button" tabindex="0">
					<span class="b-icon b-icon__gear-s b-comp-menu-dropdown__trigger-icon">
						{vb:phrase vb_messenger_current_chat_settings}
					</span>
				</div>
				<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--right">
						<vb:comment> using a div doesn't quite work without a lot of css duplication (ex. need neg margin or else "whitespace" around div is not clickable, which makes this item seem broken depending on where you click it). Using a placeholder anchor instead since a's have all the css needed ATM, and apparently a without href is OK in HTML5.
						<li class="b-comp-menu-dropdown__content-item"><div class="js-participants-collapser-ui noselect">Toggle Participants List</div></li>
						</vb:comment>
						<li class="b-comp-menu-dropdown__content-item">
							<a href="#toggleParticipants" class="js-participants-collapser-ui js-pmchat-ignoreanchor" alt="{vb:phrase toggle_participants_list}">
								{vb:phrase toggle_participants_list}
							</a>
						</li>
						<vb:if condition="!empty($can_add_participants)"> 
							<li class="b-comp-menu-dropdown__content-item" alt="{vb:phrase add_message_participant_link}">
								<a href="#addParticipants" class="js-participants-show-add-recipients-ui js-pmchat-ignoreanchor">
									{vb:phrase add_message_participant_link}
								</a>
							</li>
						</vb:if>
				</ul>
			</div>

		</div>

	</div>
	<div class="b-pmchat__participants-collapsible js-participants-collapsible <vb:if condition="$participants_count <= 1"> h-hide</vb:if>">

		{vb:template b_vbscroller_open, content_class_extra="js-pmchat__participants-insert-marker"}
				<vb:each from="participants" value="participant">
					{vb:template pmchat_chatwindow__participant_block, participant={vb:raw participant}}
				</vb:each>
				{vb:data avatar, user, fetchAvatar, {vb:raw user.userid}, true}
				{vb:set participant, {vb:php array}}
				<vb:comment>todo: add an optional title, so your own participant block can have title="{vb:phrase you}"</vb:comment>
				{vb:set participant.username, {vb:var user.username}}
				{vb:set participant.userid, {vb:raw user.userid}}
				{vb:set participant.avatarpath, {vb:raw avatar.avatarpath}}
				{vb:template pmchat_chatwindow__participant_block, participant={vb:raw participant}}
		{vb:template b_vbscroller_close}

		<vb:if condition="!empty($can_add_participants)"> 
			<div class="js-participants-add-recipients-wrapper h-padding-horiz-xl h-hide">
				<vb:comment>
					Note, this input (& the input created by autocomplete.js) must stay out of the regular createcontent payload form,
					as it could mess with the "real" input values that the createcontent/privatemessage controller expects.
				</vb:comment>
				<div class="h-margin-top-xs h-margin-bottom-xs">
					{vb:phrase add_pm_participant_instruction}
				</div>
				<input type="text" class="js-participants-add-recipients-input" name="msgAdditionalRecipients"/>
				<div class="b-button-group h-margin-vert-xl">
					<button type="button" class="b-button b-button--primary js-add-recipients-submit">{vb:phrase add_message_participant_submit}</button>
					<button type="button" class="b-button js-add-recipients-cancel">{vb:phrase cancel}</button>
				</div>
			</div>
		</vb:if>
	</div>
</div>]]></template>
		<template name="pmchat_chatwindow__participant_block" templatetype="template" date="1482514327" username="vBulletin" version="5.2.6 Alpha 5"><![CDATA[<vb:comment>
participant must have
- username
- userid
- avatarpath
</vb:comment>
<div class="b-userinfo b-userinfo--pmchat" title="{vb:var participant.username}">
	{vb:set routeInfo.userid, {vb:raw participant.userid}}
	{vb:set profileUrl, {vb:url 'profile', {vb:raw routeInfo}}}
	{vb:set avatarUrl, {vb:raw baseurl_corecdn}}
	{vb:strcat avatarUrl, '/'}
	{vb:strcat avatarUrl, {vb:raw participant.avatarpath}}
	<a href="{vb:var profileUrl}">
		<img src="{vb:var avatarUrl}" 
			class="b-pmchat__participants-avatar"
			alt="{vb:var participant.username}"
		/>
		<span class="username h-padding-horiz-s">{vb:raw participant.username}</span>
	</a>
</div>]]></template>
		<template name="pmchat_chatwindow__post_template" templatetype="template" date="1492633262" username="vBulletin" version="5.3.1 Alpha 4"><![CDATA[{vb:set isMine, 0}
<vb:if condition="!empty($message)">
	<vb:if condition="$message['userid'] == $user['userid']">
		{vb:set isMine, 1}
	</vb:if>
	{vb:set username, {vb:raw message.username}}
	{vb:set useravatarurl, {vb:raw baseurl_corecdn}}
	{vb:strcat useravatarurl, '/'}
	{vb:strcat useravatarurl, {vb:raw message.senderAvatar.avatarpath}}
	{vb:set userprofileurl, {vb:url 'profile', {vb:raw message}}}
	{vb:action parsedText, bbcode, parseNodeText, {vb:var message.nodeid}, 0, {vb:var page.contentpagenum}}
	{vb:set timestamp, {vb:raw message.created}}
	{vb:set publishdate, {vb:raw message.publishdate}}
	{vb:set nodeid, {vb:raw message.nodeid}}
<vb:else />
	{vb:set username, ''}
	{vb:set useravatarurl, ''}
	{vb:set userprofileurl, ''}
	{vb:set parsedText, ''}
	{vb:set timestamp, ''}
	{vb:set publishdate, '0'}
	{vb:set nodeid, '0'}
</vb:if>

<li class="js-pmchat__post-wrapper b-post b-post--pmchat h-clearfix" data-publishdate="{vb:var publishdate}" data-nodeid="{vb:var nodeid}">

	<div class="b-pmchat__avatar-column b-pmchat__avatar-column--theirs">
		{vb:if "$isMine", "&nbsp;"}<vb:comment>below might be hidden, but we still want this taking up space.</vb:comment>
		<div class="userinfo{vb:if "$isMine", " h-hide"}">
			<a href="{vb:var userprofileurl}">
				<img src="{vb:var useravatarurl}" class="b-avatar b-avatar--pmchat b-avatar--auto" alt="{vb:var username}" title="{vb:var username}">
			</a>
		</div>
	</div>

	<div class="b-pmchat__avatar-column b-pmchat__avatar-column--mine">
		<div class="userinfo{vb:if "$isMine", "", " h-hide"}">
			<a href="{vb:var userprofileurl}">
				<img src="{vb:var useravatarurl}" class="b-avatar b-avatar--pmchat b-avatar--auto" alt="{vb:var username}" title="{vb:var username}">
			</a>
		</div>
	</div>

	<div class="b-pmchat__content-column">
		<div class="b-post__body b-post__body--pmchat {vb:if "$isMine", "b-post__body--pmchat-mine", "b-post__body--pmchat-theirs"}">
			<div class="b-post__arrow b-post__arrow--pmchat b-post__arrow--left{vb:if "$isMine", " h-hide"}"></div>
			<div class="b-post__content js-post__content">
				<div class="b-post__timestamp h-padding-vert-m h-padding-horiz-xl OLD__post-date"><a href="{vb:var userprofileurl}">{vb:var username}</a> {vb:datetime {vb:raw timestamp}}</div>
				<div class="js-post__content-text post-content restore h-wordwrap h-padding-bottom-xl h-padding-horiz-xl">
					{vb:raw parsedText}
				</div>
			</div>
			<div class="b-post__arrow b-post__arrow--pmchat b-post__arrow--right{vb:if "$isMine", "", " h-hide"}"></div>
		</div>
	</div>

</li>]]></template>
		<template name="pmchat_chatwindow__thread" templatetype="template" date="1465928684" username="vBulletin" version="5.2.3 Alpha 5"><![CDATA[<vb:if condition="!empty($messageid)">
	<vb:comment>getMessage will mark this thread read.</vb:comment>
	{vb:data messageTree, content_privatemessage, getMessage, {vb:raw messageid}}
	{vb:set messages, {vb:raw messageTree.messages}}
	{vb:set showplaceholder, 0}
<vb:else />
	{vb:set messages, {vb:php array}}
	{vb:set showplaceholder, 1}
</vb:if>

<ul class="b-pmchat__thread-container js-pmchat__thread-container conversation-list list-container thread-view h-clearfix">
	<div class="b-pmchat__thread-placeholder js-pmchat__thread-placeholder<vb:if condition="!$showplaceholder"> h-hide</vb:if>">
		<span>{vb:phrase pmchat_type_something_below}</span>
	</div>
	<vb:each from="messages" value="message">
		{vb:template pmchat_chatwindow__post_template, message = {vb:raw message}}
	</vb:each>
	<div class="js-pmchat__insert-marker"></div>
	<div class="b-pmchat__hack-around-missing-css-for-first-post h-hide">
		{vb:template pmchat_chatwindow__post_template}
	</div>
</ul>]]></template>
		<template name="pmchat_message_header" templatetype="template" date="1550887286" username="vBulletin" version="5.5.2 Alpha 1"><![CDATA[<vb:if condition="$user['canUsePMChat']">

<li class="b-top-menu__item notifications-container js-pmchat__dropdown js-shrink-event-child">

	<div class="h-hide js-pmchat__header-data"
		data-messages-folderid="{vb:var headerCounts.folderid_messages}"
	>
	</div>

	<div class="b-comp-menu-dropdown b-comp-menu-dropdown--headerbar js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover">

		<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow b-comp-menu-dropdown__trigger--headerbar js-button" tabindex="0">
			<span class="h-left">{vb:phrase vbmessenger_header}</span>
			<span class="h-left notifications-count js-pmchat__messages-count<vb:if condition="empty($headerCounts['messages'])"> h-hide-imp</vb:if>">{vb:number {vb:raw headerCounts.messages}}</span>
		</div>

		<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--right js-pmchat__dropdown-submenu">

			<li class="h-hide js-pmchat__insert-marker"></li>

			<li class="js-pmchat__dropdown__single-pm-template h-hide-imp b-comp-menu-dropdown__content-item js-pmchat__submenu__ephemeral">
				<a class="js-pmchat__submenu__link ellipsis" data-starter="0" href="#">
					<span class="js-pmchat__submenu__title"></span>
				</a>
			</li>

			<li class="b-comp-menu-dropdown__content-item b-comp-menu-dropdown__content-item--first">
				{vb:set urlInfo.action, 'index'}
				<a class="h-align-center js-pmchat__submenu__link" href="{vb:url 'pmchat'}" title="{vb:phrase go_to_new_chat}">
					{vb:phrase go_to_new_chat}
				</a>
			</li>

			<li class="b-comp-menu-dropdown__content-item">
				{vb:set urlInfo.action, 'index'}
				<a class="h-align-center" href="{vb:url 'privatemessage', {vb:raw urlInfo}}" title="{vb:phrase go_to_inbox}">
					{vb:phrase go_to_message_center}
				</a>
			</li>

			<vb:comment>
				Keeping the loading icon below any link items as to minimize chances to accidentally moving stuff around while user is trying to click on them.
			</vb:comment>
			<li class="b-comp-menu-dropdown__content-item h-align-center js-pmchat__submenu__loading-icon h-hide-imp">
				<img src="images/loader-box-light.gif" alt="{vb:phrase loading}">
			</li>

		</ul>

	</div>

</li>
</vb:if>]]></template>
		<template name="pmchat_userinfo_link" templatetype="template" date="1550887286" username="vBulletin" version="5.5.2 Alpha 1"><![CDATA[<vb:comment>
array|object  $user             Required, but provided globally. This is the current user object set
                                globally for templates, and must have int 'userid'.
array         $conversation     (Optional) For pre-filling the new private message about a content node
                                $conversation, this array must have int 'userid', string 'authorname',
                                int 'channelid' & int 'nodeid' of the content node.
array         $to_user          (Optional) For pre-filling the new private emssage with a participant.
                                Must have int 'userid' and string 'username'
</vb:comment>
<vb:if condition="$user['canUsePMChat']">
	{vb:data pm_channel, node, fetchPMChannel}
	<vb:if condition="!empty($conversation['userid']) AND $conversation['userid'] != $user['userid'] AND !empty($conversation['channelid']) AND $conversation['channelid'] != $pm_channel">
		<vb:comment>
			If recipient is receiving PM & has pmchat enabled, show the pmchat icon.
			If recipient is receiving PMs but has pmchat off, show the legacy privatemessage icon
			If recipient has PMs disabled, do not show any icons.
		</vb:comment>
		<vb:if condition="!empty($conversation['userinfo']['receivepm']) AND !empty($conversation['userinfo']['enable_pmchat'])">
			<!-- User has vB Messenger enabled -->
			{vb:set routeExtras, {vb:php array}}
			{vb:set routeExtras.aboutNodeid, {vb:var conversation.nodeid}}
			{vb:set routeExtras.toUserid, {vb:var conversation.userid}}
			<a class="b-link h-align-middle js-link js-pmchat-link"
				href="{vb:url 'pmchat', null, {vb:raw routeExtras}}"
				title="{vb:phrase start_conversation_with_x, {vb:raw conversation.authorname}}"
			>
				<span class="b-icon b-icon__pm"></span>
			</a>
		<vb:elseif condition="!empty($conversation['userinfo']['receivepm'])" />
			<!-- User has vB Messenger disabled but is receiving Private Messages -->
			<a class="b-link h-align-middle"
				href="{vb:raw baseurl}/privatemessage/new/{vb:var conversation.userid}"
				title="{vb:phrase send_message_to_x, {vb:raw conversation.authorname}}"
			>
				<span class="b-icon b-icon__pm--legacy"></span>
			</a>
		<vb:else />
			<!-- User has Private Messaging & vB Messenger disabled -->
		</vb:if>
	<vb:elseif condition="!empty($to_user['userid']) AND is_numeric($to_user['userid']) AND $to_user['userid'] != $user['userid']"/>
		{vb:set routeExtras, {vb:php array}}
		{vb:set routeExtras.toUserid, {vb:var to_user.userid}}
		<a class="b-link h-align-middle js-link js-pmchat-link"
			href="{vb:url 'pmchat', null, {vb:raw routeExtras}}"
			title="{vb:phrase start_conversation_with_x, {vb:raw to_user.username}}"
		>
			<span class="b-icon b-icon__pm"></span>
		</a>
	</vb:if>
</vb:if>]]></template>
		<template name="pmchat_widget_chat" templatetype="template" date="1480725821" username="vBulletin" version="5.2.6 Alpha 3"><![CDATA[{vb:data pm_channel, node, fetchPMChannel}

<div class="b-pmchat__widget">

	<div class="b-pmchat__header js-pmchat__header">

		<div class="b-pmchat__header-inner">
			{vb:template pmchat_chatwindow__participants, 
				participants={vb:raw participants}, 
				can_add_participants={vb:raw can_add_participants}
			}
		</div>

		<div class="b-pmchat__feather b-pmchat__feather--down"></div>

	</div>

	<div class="b-pmchat__content-wrapper h-padding-horiz-xl h-padding-vert-xxl js-pmchat__container">

		{vb:template pmchat_chatwindow__thread, messageid={vb:var pm_messageid}}

		<vb:if condition="$pm_action != 'new' AND !empty($pm_messageid)">
			{vb:set parentid {vb:var pm_messageid}}
		<vb:else />
			{vb:set parentid, {vb:raw pm_channel}}
			 <vb:comment>todo: I don't think below works like I had originally thought. Due to design changes, when we set to_userid, we generally do NOT set action='new', rather to 'reply' to hide the msgRecipients & title inputs, and the JS instead adds a sentto[] input</vb:comment>
			{vb:set page.userid, {vb:var to_userid}} <vb:comment>to set msgRecipients for privateMessageAction=='new'</vb:comment>
		</vb:if>
		{vb:template pmchat_chatwindow__entry,
			respondto={vb:var parentid},
			parentid={vb:var parentid},
			pm_channel={vb:raw pm_channel},
			entry_show_title={vb:raw entry_show_title},
			pm_title={vb:raw pm_title},
			to_username={vb:raw to_user.username}
		}

		<div class="js-pmchat__data h-hide"
			data-pmchannelid="{vb:raw pm_channel}"
			data-parentid="{vb:var parentid}"
			data-pm_messageid="{vb:var pm_messageid}"
			data-to_userid="{vb:var to_user.userid}"
			data-pm_title="{vb:var pm_title}"
			data-pm_textprefill="{vb:var pm_textprefill}"
		></div>

	</div>

</div>]]></template>
	</templategroup>
	<templategroup name="Private Message">
		<template name="privatemessage_deleteditems_main" templatetype="template" date="1402501915" username="vBulletin" version="5.1.3 Alpha 3"><![CDATA[<vb:if condition="$setCurrentPage">
	{vb:set options.page, {vb:raw setCurrentPage}}
</vb:if>

<vb:if condition="$setPerPage">
	{vb:set options.perpage, {vb:raw setPerPage}}
</vb:if>
{vb:set options.totalcount, 1}

{vb:set search_json.deleted_only, 1}
<vb:if condition="!empty($options['time'])">
	{vb:set search_json.date, {vb:raw options.time}}
</vb:if>

<vb:if condition="!empty($options['type']) AND $options['type'] == 'vm'">
	{vb:data VMChannelId, node, fetchVMChannel}
	{vb:set search_json.channel, {vb:raw VMChannelId}}
</vb:if>

<vb:if condition="!empty($options['type']) AND $options['type'] == 'post'">
	{vb:set search_json.exclude_visitor_messages, 1}
</vb:if>

{vb:data deletedItems, search, getInitialResults, {vb:raw search_json}, {vb:raw options.perpage}, {vb:raw options.page}}

<vb:if condition="$deletedItems['errors']">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

<div class="h-hide pending-posts-pageinfo">
	<input type="hidden" class="totalpages" value="{vb:raw deletedItems.totalpages}" />
	<input type="hidden" name="pagenum" value="{vb:raw deletedItems.pagination.currentpage}" />
	<input type="hidden" name="totalcount" value="{vb:raw deletedItems.pagination.totalcount}" />
</div>
<vb:if condition="$deletedItems['totalRecords'] > 0">
	<ul class="conversation-list list-container message-list deletedItems-list stream-view h-clearfix">
		<vb:each from="deletedItems.results" value="deletedItem">
			{vb:template privatemessage_deleted_item, post={vb:raw deletedItem}, reportActivity=1}
		</vb:each>
	</ul>

	<vb:if condition="!empty($routeInfoJson)">
		{vb:set routeInfo, {vb:php json_decode, {vb:raw routeInfoJson}, true}}
	<vb:else />
		{vb:set routeInfo, {vb:raw page.routeInfo}}
	</vb:if>

	<vb:if condition="$deletedItems['pagination']['totalcount'] > $options['perpage']">
		{vb:data pagingInfo, page, getPagingInfo, {vb:var options.page}, {vb:var deletedItems.pagination.totalcount}, {vb:var options.perpage}, {vb:raw routeInfo}, {vb:raw baseurl}}
		<div class="h-margin-right-xl">
			{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
		</div>
	</vb:if>

<vb:else />
	<div class="message-empty">{vb:phrase no_message_found}</div>
</vb:if>]]></template>
		<template name="privatemessage_deleted_item" templatetype="template" date="1511306293" username="vBulletin" version="5.3.5 Alpha 3"><![CDATA[{vb:set conversation {vb:raw post.content}}
<vb:if condition="
	($conversation['moderatorperms']['canundeleteposts'] > 0) OR
	($conversation['moderatorperms']['canremoveposts'] > 0)
">
	{vb:set canViewSoftdeletedNode, 1}
<vb:else />
	{vb:set canViewSoftdeletedNode, 0}
</vb:if>
{vb:set showChannelInfo, 1}
<vb:if condition="$conversation['isVisitorMessage']">
	{vb:set postType, 'visitorMessage'}
	<vb:if condition="$conversation['nodeid'] != $conversation['starter']">
		{vb:set isVmComment, 1}
	</vb:if>
<vb:elseif condition="$conversation['starter'] == $conversation['nodeid']" />
	{vb:set postType, 'starter'}
	{vb:set conversation.innerPost, {vb:raw conversation.nodeid}}
<vb:elseif condition="$conversation['starter'] == $conversation['parentid']" />
	{vb:set postType, 'reply'}
<vb:else />
	{vb:set postType, 'comment'}
	{vb:set commentNodeId, {vb:raw conversation.parentid}}
	{vb:set parentConversation, {vb:raw conversation.parentConversation}}
</vb:if>

<vb:if condition="$currentNodeIsBlog">
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/BlogPosting}
	{vb:set nodeType, 'blog_post'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisBlog, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisBlog must be set in parent widget</vb:comment>
	</vb:if>
<vb:elseif condition="$currentNodeIsArticle" />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/Article}
	{vb:set nodeType, 'article'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set displayComments, 0}
		{vb:set userCanCommentOnThisArticle, 0}
	<vb:else />
		{vb:set displayComments, 1}
		<vb:comment>userCanCommentOnThisArticle must be set in parent widget</vb:comment>
	</vb:if>
<vb:else />
	{vb:set nodeSchemaInfo.itemtype, http://schema.org/CreativeWork}
	{vb:set nodeType, 'topic'}
	{vb:set userCanCommentOnThisBlog, 0}
	{vb:set displayComments, 0}
</vb:if>
<li data-node-id="{vb:raw conversation.nodeid}" class="list-item{vb:raw postStatus} list-item-text h-left h-clear<vb:if condition="(!isset($reportActivity) OR !$reportActivity) AND $postType == 'starter'"> conversation-starter js-conversation-starter</vb:if><vb:if condition="$enableInlineMod OR !$conversation['approved']"> inlinemod-item</vb:if>">
	<input class="privateMessageActionCheck h-left" type="checkbox" name="node[]" value="{vb:raw conversation.nodeid}" />

	<div class="h-left list-item-wrapper">
		<div class="list-item-header h-left">
			<vb:if condition="($postType == 'visitorMessage') AND $vmDetail"><h3 class="vm-desc">{vb:rawphrase visitor_message_from_x, {vb:raw conversation.authorname}}</h3></vb:if>
			<vb:if condition="$user['showavatars']">
				{vb:set avatar, {vb:var conversation.avatar}}
				<vb:if condition="!$conversation['userid']">
					<span class="avatar h-left"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:rawphrase guest_avatar}" /></span>
				<vb:elseif condition="$avatar AND $avatar['avatarpath']" />
					<a href="{vb:url 'profile', {vb:raw conversation}}" class="avatar h-left avatar-{vb:raw conversation.userid}"><img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" alt="{vb:raw conversation.authorname}" /></a>
				</vb:if>
			</vb:if>
			<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
				<div class="post-action-wrapper<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if><vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> td</vb:if>">
					{vb:set starter.nodeid, {vb:raw conversation.starter}}
					{vb:set starter.username, {vb:raw conversation.starterauthorname}}
					{vb:set starter.userid, {vb:raw conversation.starteruserid}}

					<vb:if condition="isset($reportActivity) AND $reportActivity">
						<vb:if condition="$postType =='visitorMessage'">
							<vb:if condition="$isVmComment">
								{vb:set profileRouteInfo.userid, {vb:raw conversation.userid}}
								{vb:set profileRouteUrl, {vb:url 'profile', {vb:raw profileRouteInfo}}}
								<vb:if condition="$reportActivity">
									{vb:set vmRouteInfo.nodeid, {vb:raw conversation.starter}}
									{vb:set vmRouteInfo.title, {vb:raw conversation.starterurlident}}
									{vb:set vmRouteUrl, {vb:url 'visitormessage', {vb:raw vmRouteInfo}}}
									<vb:if condition="$conversation['userid'] > 0">
										{vb:rawphrase x_commented_on_vm_from_y, {vb:var profileRouteUrl}, {vb:raw conversation.authorname}, {vb:var vmRouteUrl}, {vb:raw conversation.starterauthorname}, {vb:raw conversation.nodeid}}
									<vb:else />
										{vb:rawphrase guest_commented_on_vm_from_y, {vb:var vmRouteUrl}, {vb:raw conversation.starterauthorname}, {vb:raw conversation.nodeid}}
									</vb:if>
								<vb:else />
									<vb:if condition="$conversation['userid'] > 0">
										{vb:rawphrase x_commented, {vb:var profileRouteUrl}, {vb:raw conversation.authorname}}
									<vb:else />
										{vb:rawphrase guest_commented}
									</vb:if>
								</vb:if>
							<vb:else />
								{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
								{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
								{vb:set userInfo.userid, {vb:raw conversation.userid}}
								{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
								<vb:if condition="$conversation['userid'] > 0">
									{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								<vb:else />
									{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							{vb:set topicTitle, {vb:raw conversation.title}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}}
							{vb:set searchUrl, {vb:url 'search'}}

							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								<vb:if condition="$conversation['prefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.prefixid}, {vb:raw conversation.prefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							{vb:set topicTitle, {vb:raw conversation.startertitle}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							{vb:set searchUrl, {vb:url 'search'}}

							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}

								<vb:comment>blog comments are essentially reply nodes, but we just call them comments not replies</vb:comment>
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'x_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'x_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'x_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							<vb:else />
								<vb:if condition="$currentNodeIsBlog">
									{vb:set phraseId, 'guest_commented_on_blog_post_y'}
								<vb:elseif condition="$currentNodeIsArticle" />
									{vb:set phraseId, 'guest_commented_on_article_y'}
								<vb:else />
									{vb:set phraseId, 'guest_replied_to_y'}
								</vb:if>

								<vb:if condition="$conversation['starterprefixid']">
									{vb:strcat phraseId, '_with_prefix'}
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw topicTitle}}
								</vb:if>
							</vb:if>
						<vb:else />
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set parentProfileUrl, {vb:url 'profile', {vb:raw parentConversation}}}
							{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							{vb:set starter.innerPost, {vb:raw conversation.parentid}}
							{vb:set conversationExtraUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							{vb:set searchUrl, {vb:url 'search'}}
							{vb:set conversationTitle, {vb:raw conversation.startertitle}}
							<vb:if condition="$conversation['userid'] > 0 AND $parentConversation['userid'] > 0">
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase x_commented_on_ys_reply_to_z_with_prefix, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase x_commented_on_ys_reply_to_z, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}}
								</vb:if>
							<vb:elseif condition="$conversation['userid'] == 0 AND $parentConversation['userid'] > 0"/>
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase guest_commented_on_ys_reply_to_z_with_prefix, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase guest_commented_on_ys_reply_to_z, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}}
								</vb:if>
							<vb:elseif condition="$conversation['userid'] > 0 AND $parentConversation['userid'] == 0"/>
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase x_commented_on_guests_reply_to_z_with_prefix, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase x_commented_on_guests_reply_to_z, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}}
								</vb:if>
							<vb:else />
								<vb:if condition="$conversation['starterprefixid']">
									{vb:rawphrase guest_commented_on_guests_reply_to_z_with_prefix, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}, {vb:var searchUrl}, {vb:var conversation.starterprefixid}, {vb:raw conversation.starterprefix_rich}}
								<vb:else />
									{vb:rawphrase guest_commented_on_guests_reply_to_z, {vb:var conversationExtraUrl}, {vb:raw parentConversation.nodeid}, {vb:var conversationUrl}, {vb:raw conversation.starter}, {vb:raw conversationTitle}}
								</vb:if>
							</vb:if>
						</vb:if>
					<vb:else />
						<vb:if condition="$postType =='visitorMessage'">
							<vb:if condition="$isVmComment">
								{vb:set profileRouteInfo.userid, {vb:raw conversation.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileRouteInfo}}}
								{vb:rawphrase x_commented, {vb:var profileUrl}, {vb:raw conversation.authorname}}
							<vb:else />
								{vb:set vm_userInfo, {vb:var conversation.vm_userInfo}}
								{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
								{vb:set userInfo.userid, {vb:raw conversation.userid}}
								{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
								<vb:if condition="$conversation['userid'] > 0">
									{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw conversation.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								<vb:else />
									{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'starter'" />
							{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:set phraseId, 'x_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								{vb:rawphrase {vb:raw phraseId}, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
							<vb:else />
								{vb:set phraseId, 'guest_started_a_'}
								{vb:strcat phraseId, {vb:raw nodeType}}
								{vb:strcat phraseId, '_y'}
								{vb:rawphrase {vb:raw phraseId}, {vb:var conversationUrl}, {vb:raw conversation.nodeid}, {vb:raw conversation.title}}
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							<vb:comment><!-- In a topic's stream view --></vb:comment>
							<vb:if condition="$conversation['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
								{vb:rawphrase link_x_y_replied, {vb:var profileUrl}, {vb:raw conversation.authorname}}
							<vb:else />
								{vb:rawphrase guest_replied}
							</vb:if>
						<vb:else />
							{vb:set profileUrl, {vb:url 'profile', {vb:raw conversation}}}
							{vb:set parentProfileUrl, {vb:url 'profile', {vb:raw parentConversation}}}
							{vb:set parentConversationUrl, {vb:url {vb:raw parentConversation.starterroute}, {vb:raw starter}}}
							<vb:if condition="$conversation['userid'] > 0 AND $parentConversation['userid'] > 0">
								{vb:rawphrase x_commented_on_ys_reply, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							<vb:elseif condition="$conversation['userid'] == 0 AND $parentConversation['userid'] > 0"/>
								{vb:rawphrase guest_commented_on_ys_reply, {vb:var parentProfileUrl}, {vb:raw parentConversation.authorname}, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							<vb:elseif condition="$conversation['userid'] > 0 AND $parentConversation['userid'] == 0"/>
								{vb:rawphrase x_commented_on_guests_reply, {vb:var profileUrl}, {vb:raw conversation.authorname}, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							<vb:else />
								{vb:rawphrase guest_commented_on_guests_reply, {vb:var parentConversationUrl}, {vb:raw parentConversation.nodeid}}
							</vb:if>
						</vb:if>
					</vb:if>
					<vb:if condition="$currentNodeIsBlog AND empty($reportActivity)">
						{vb:set createdSchema.itemprop, dateCreated}
						{vb:set createdSchema.datetime, {vb:raw conversation.created}}
						<div class="post-date"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></div>
					</vb:if>
				</div>
				<vb:if condition="isset($showChannelInfo) AND $showChannelInfo AND ($postType != 'visitorMessage')">{vb:set channelUrl, {vb:url {vb:raw conversation.channelroute}}}<div class="channel-info ellipsis">{vb:rawphrase in_x_channel, {vb:var channelUrl}, {vb:raw conversation.channeltitle}}</div></vb:if>
			</div>
			<vb:comment>VBV-7701 Blog entries have a second timestamp</vb:comment>
			<vb:if condition="empty($currentNodeIsBlog) AND empty($currentNodeIsArticle)">
				<div class="info h-right">
					{vb:set createdSchema.itemprop, dateCreated}
					{vb:set createdSchema.datetime, {vb:raw conversation.created}}
					<span class="post-date h-left"><time {vb:schema {vb:raw createdSchema}}>{vb:datetime {vb:raw conversation.created}}</time></span>
					<vb:if condition="!$currentNodeIsBlog">
						<vb:if condition="$showSubscribedInfo OR ($reportActivity AND $conversation['subscribed'])">
							<div class="subscribed h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase following}</div>
						</vb:if>
						<vb:if condition="($reportActivity AND $conversation['joined'])">
							<div class="joined h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase joined}</div>
						</vb:if>
					</vb:if>
				</div>
			</vb:if>
		</div>
	</div>

	<div class="list-item-body-wrapper h-clear" data-node-type="{vb:raw postType}">
		<div class="list-item-body conversation-body">
			<vb:if condition="!$conversation['unpublishdate'] OR $canViewSoftdeletedNode">
				<vb:if condition="$postType == 'starter'"><h2 class="post-title h-hide">{vb:raw conversation.title}</h2></vb:if>
				{vb:set textSchema.itemprop, text}
				<div class="post-content restore" {vb:schema {vb:raw textSchema}}>
					<vb:if condition="isset($reportActivity) AND $reportActivity AND !$vmDetail">
						{vb:action parsedText, bbcode, parseNodePreview, {vb:var conversation.nodeid}}
					<vb:else />
						{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, 0, {vb:var page.contentpagenum}}
					</vb:if>
					{vb:raw parsedText}
				</div>
				<div class="delete-reason h-clear"><label>{vb:phrase reason}:</label>
					<vb:if condition="!empty($conversation['deletereason'])">
						{vb:var conversation.deletereason}
					<vb:else />
						{vb:phrase none}
					</vb:if>
				</div>
				<div class="h-clear h-margin-top-l">
					<div class="b-button-group b-button-group--left pending-buttons h-left">
						<vb:if condition="$postType == 'starter'">
							<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="b-button goto-post">
						<vb:elseif condition="$postType == 'visitorMessage'" />
							{vb:set extra.nodeid, {vb:raw conversation.starter}}
							{vb:set extra.title, {vb:raw conversation.starterurlident}}
							{vb:set extra.innerPost, {vb:raw conversation.nodeid}}
							<a href="{vb:url 'visitormessage', {vb:raw extra}}" class="b-button goto-post">
						<vb:else />
							{vb:set starter.innerPost, {vb:raw conversation.nodeid}}
							{vb:set starter.innerPostParent, {vb:raw conversation.parentid}}
							<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}" class="b-button goto-post">
						</vb:if>
							{vb:rawphrase go_to_post}
						</a>

						<vb:if condition="$conversation['contenttypeclass'] == 'Gallery'">
							{vb:set urlInfo.nodeid, {vb:raw conversation.starter}}
							{vb:set urlInfo.title, {vb:raw conversation.startertitle}}
							<a href="{vb:url 'album', {vb:raw urlInfo}}" class="photo-count" target="_blank">
								<span class="icon b-icon b-icon__paperclip"></span>
								<span class="count">{vb:raw conversation.photocount}</span>
							</a>
						</vb:if>
					</div>
					<div class="b-button-group pending-post-controls">
						<button class="b-button b-button--primary deletedItems-restore">{vb:phrase restore}</button>
						<button class="b-button b-button--secondary deletedItems-remove">{vb:phrase physically_remove}</button>
					</div>
				</div>
			</vb:if>
		</div>
	</div>
</li>]]></template>
		<template name="privatemessage_detail" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<li id="msgSummary_{vb:raw message.nodeid}" class="b-post js-post js-comment-entry__parent h-restore--on-preview b-post--privatemessage <vb:if condition="$message['starter']">b-post--first</vb:if> OLD__list-item OLD__list-item-text{vb:if "$message['starter']", ' OLD__conversation-starter js-conversation-starter'}">
	<a id="post{vb:raw message.nodeid}" class="anchor"></a>
	
	<div class="l-row l-row__fixed--left">
		<div class="l-col__fixed-3 l-col__small--full h-hide--on-preview h-padding-right-l">
			{vb:template conversation_userinfo, conversation={vb:raw message}}
		</div>
		
		<div class="js-post__content-wrapper l-col__flex-3 l-col__small--full h-restore--on-preview OLD__list-item-body-wrapper">
			<div class="b-post__body h-restore--on-preview h-padding-horiz-xxl h-padding-top-xl h-padding-bottom-m h-clearfix">
				<div class="b-post__arrow b-post__hide-when-deleted OLD__pointer-left"></div>
				
				<div class="b-post__content js-post__content b-post__hide-when-deleted">
					
					<hr class="b-divider--section OLD__section-divider" />
					
					<div class="b-media h-hide--on-preview">
						<div class="b-media__img--rev">
							<div class="pmViewCb checkbox h-right<vb:if condition="$hideCheckbox"> h-hide</vb:if>"><input type="checkbox" id="cbMessage_{vb:raw message.nodeid}" class="privateMessageActionCheck" value="{vb:raw message.nodeid}" /></div>
						</div>
						<div class="b-media__body">
							<vb:if condition="$message['starter']">
							
								<h2 class="b-post__title OLD__post-title">
									<vb:if condition="$message['title']">
										{vb:raw message.title}
									<vb:else />
										({vb:phrase untitled})
									</vb:if>
								</h2>
							</vb:if>
							
							<div class="b-post__timestamp OLD__post-date">{vb:datetime {vb:raw message.created}}</div>
							
						</div>
					</div>
					
					<div class="h-padding-vert-xl">
						<div class="js-post__content OLD__post-content restore">
							{vb:action parsedText, bbcode, parseNodeText, {vb:var message.nodeid}, 0, {vb:var page.contentpagenum}}
							{vb:raw parsedText}
						</div>
						{vb:template conversation_signature, type=inline, conversation={vb:raw message}}
					</div>
					
				</div> <vb:comment> /end .b-post__content </vb:comment>
			</div> <vb:comment> /end .b-post__body </vb:comment>
		</div> <vb:comment> /end .l-col__flex-3 </vb:comment>
	</div> <vb:comment> /end .l-row </vb:comment>
</li>]]></template>
		<template name="privatemessage_detail_toolbar" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[&nbsp;]]></template>
		<template name="privatemessage_foldersummary" templatetype="template" date="1457481355" username="vBulletin" version="5.2.2 Alpha 2"><![CDATA[<div class="main-pane-container">
	{vb:data folders, content_privatemessage, previewMessages}
	<vb:each from="folders" key="foldername" value="folder">
		<h2 class="main-pane-header h-padding-horiz-xl">{vb:rawphrase {vb:var folder.phrase_titles.preview}}</h2>
		{vb:set messages, {vb:raw folder.messages}}
		<vb:if condition="empty($messages)">
			{vb:set phraseName, 'there_are_no_new_'}
			{vb:strcat phraseName, {vb:raw foldername}, 's'}
			<div class="message-empty">{vb:rawphrase {vb:raw phraseName}}</div>
		<vb:else />
			<ul class="list-container message-list pm-{vb:raw foldername}-list<vb:if condition="$foldername == 'notification'"> js-notification-container</vb:if>">
				<vb:if condition="$foldername == 'request'">
					<vb:each from="messages" value="message">
						<vb:if condition="date('Ymd') == date('Ymd', $message['publishdate'])">
							<vb:if condition="!isset($headerToday)">
								{vb:set headerToday, 1}
								<li class="main-pane-header h-padding-horiz-xl">{vb:phrase today}</li>
							</vb:if>
						<vb:elseif condition="!isset($headerOtherDate)" />
							{vb:set headerOtherDate, 1}
							<li class="main-pane-header h-padding-horiz-xl">{vb:datetime {vb:raw message.publishdate}}</li>
						</vb:if>
						{vb:template privatemessage_requestdetail, message={vb:raw message}}				
					</vb:each>
				<vb:elseif condition="$foldername == 'notification'" />
					<div id="notificationFilters" class="h-hide">
						<input type="hidden" name="readFilter" value="unread_only" />
						<input type="hidden" name="sortDir" value="DESC" />
					</div>
					<vb:each from="messages" value="message">
						{vb:template privatemessage_notificationdetail, message={vb:raw message}}
					</vb:each>
				<vb:else />
					{vb:set page.folderid, {vb:raw folder.folderid}}
					<vb:each from="messages" value="message">
						{vb:template privatemessage_preview, message={vb:raw message}, page={vb:raw page}}
					</vb:each>
				</vb:if>
			</ul>
			
			{vb:set messageCount, {vb:php count, {vb:raw $messages}}}
			<div class="h-padding-xl<vb:if condition="$foldername == 'message' AND !$messages[$messageCount - 1]['msgread']"> last-msg-unread</vb:if>">
				<div class="b-button-group">
					{vb:set folderinfo.folderid, {vb:raw folder.folderid}}
					{vb:set folderinfo.pagenum, 1}
					<vb:if condition="$foldername == 'message'">
						{vb:set folderinfo.action, 'list'}
					<vb:else />
						{vb:set folderinfo.action, {vb:raw foldername}}
					</vb:if>
					<a href="{vb:url 'privatemessage', {vb:raw folderinfo}}" class="b-button b-button--secondary b-button--wide">{vb:rawphrase {vb:var folder.phrase_titles.see_all}}</a>
				</div>
			</div>
		</vb:if>
	</vb:each>
</div>]]></template>
		<template name="privatemessage_foldersummary_toolbar" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[&nbsp;]]></template>
		<template name="privatemessage_forward" templatetype="template" date="1365186619" username="vBulletin" version="5.0.2 Beta 1"><![CDATA[{vb:data forwardInfo, content_privatemessage, getForward, {vb:raw page.messageid}}
{vb:set messages, {vb:raw forwardInfo.messages}}
{vb:set title, {vb:raw forwardInfo.first.title}}
<vb:if condition="empty($title)">
	{vb:set messageid, {vb:raw forwardInfo.first.nodeid}}
	{vb:rawdata message, node, getNodeFullContent, {vb:raw messageid}}
	<vb:if condition="!empty($message) AND empty($message['errors'])">
		{vb:set message, {vb:raw message[$messageid]}}
		{vb:set title, {vb:raw message.startertitle}}
	</vb:if>
</vb:if>
{vb:set messageBody, ''}
<vb:each from="messages" key="msgid" value="msg">
	{vb:strcat messageBody, '[QUOTE=', {vb:raw msg.from}, ']', {vb:raw msg.pagetext}, '[/QUOTE]'}
</vb:each>
{vb:action messageBody, bbcode, parseWysiwyg, {vb:raw messageBody}}
{vb:template privatemessage_newpm, messageBody={vb:raw messageBody}, title={vb:raw title}, messageAction=forward}]]></template>
		<template name="privatemessage_forward_toolbar" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[&nbsp;]]></template>
		<template name="privatemessage_infraction_item" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[{vb:set content {vb:raw post.content}}
<vb:if condition="isset($content['lastreply'])">
	{vb:set lastReply, {vb:raw content.lastreply}}
<vb:else />
	{vb:set lastReply, {vb:raw content}}
</vb:if>
<vb:if condition="$lastReply['lastcontent']">
	{vb:set lastcontent, {vb:raw lastReply.lastcontent}}
<vb:else />
	{vb:set lastcontent, {vb:raw lastReply.created}}
</vb:if>

{vb:set readtime, {vb:raw post.readtime}}
{vb:set parentreadtime, {vb:raw post.parentreadtime}}
{vb:set topicStatus, ''}
<vb:if condition="$vboptions['threadmarking'] > 0">
	{vb:set cutoff, {vb:math ({vb:raw timenow} - ({vb:raw vboptions.markinglimit} * 86400))}}
	<vb:if condition="$readtime < $cutoff">
		{vb:set readtime, {vb:raw cutoff}}
	</vb:if>
	<vb:if condition="$readtime < $parentreadtime">
		{vb:set readtime, {vb:raw parentreadtime}}
	</vb:if>
</vb:if>

<vb:if condition="!empty($readtime) AND $readtime > $lastcontent">
	{vb:strcat topicStatus, ' read'}
</vb:if>


<li data-node-id="{vb:raw post.nodeid}" data-node-contenttype-id="{vb:raw post.contenttypeid}" data-user-id="{vb:raw post.userid}" class="list-item list-item-text h-left h-clear{vb:raw topicStatus}">
	<input class="privateMessageActionCheck h-left" type="checkbox" name="node[]" value="{vb:raw post.nodeid}" />
	<div class="h-left list-item-wrapper">
		<div class="list-item-header h-clearfix">
			<vb:if condition="$user['showavatars']">
				{vb:template avatar, avataruser={vb:raw lastReply}, avatar={vb:raw lastReply.avatar}}
			</vb:if>
			<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
				<div class="post-action-wrapper<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if>">
					<a href="{vb:url 'profile', {vb:raw lastReply}}" class="user-profile author">{vb:raw lastReply.authorname}</a>
					{vb:set others, {vb:raw participants}}
					{vb:set x, {vb:php array_pop, {vb:raw others}}}
					<vb:if condition="count($others) == 1">
							{vb:set other, {vb:php array_pop, {vb:raw others}}}
							{vb:rawphrase and_x, {vb:raw other}}
					<vb:elseif condition="count($others) > 1" />
							{vb:rawphrase and_x_others, {vb:php count, {vb:raw others}}}
					</vb:if>
				</div>
				<div class="infraction-info">
					<vb:if condition="!empty($infractedContent)">
						{vb:set infractedUser, {vb:raw infractedContent.userinfo}}
					<vb:else />
						{vb:data infractedUser, user, fetchUserinfo, {vb:raw content.infracteduserid}}
					</vb:if>
					{vb:set infractionInfo.action, 'viewinfraction'}
					{vb:set infractionInfo.nodeid, {vb:raw post.nodeid}}
					{vb:set params.folderid, {vb:var page.folderid}}
					<a href="{vb:url 'privatemessage', {vb:raw infractionInfo}, {vb:raw params}}">{vb:phrase x_gave_infraction_for_y_z, {vb:raw content.starterauthorname}, {vb:raw infractedUser.username}, {vb:raw infractionLevel.title}}</a>
				</div>
			</div>
			<div class="info h-right">
				<div class="post-date">
					<vb:if condition="$content['textcount'] > 0">
						<vb:if condition="$content['textcount'] == 1">
							{vb:phrase x_reply, 1}
						<vb:else />
							{vb:phrase x_replies, {vb:raw content.textcount}}
						</vb:if>
						|
					</vb:if>
					{vb:datetime {vb:raw content.created}}
				</div>
			</div>
			<div class="post-content restore ellipsis h-clear">
				<vb:if condition="!empty($content['lastreply'])">
					{vb:action lastreply, bbcode, parseNodeText, {vb:raw content.lastreply.nodeid}, 0, {vb:var page.contentpagenum}}
					{vb:set parsedText, {vb:concat '[', {vb:phrase reply_content}, '] ', {vb:raw lastreply}}}
				<vb:elseif condition="!empty($content['note'])" />
					{vb:set parsedText, {vb:concat '[', {vb:phrase admin_note}, '] ', {vb:var content.note}}}
				<vb:else />
					{vb:set parsedText, ''}
				</vb:if>
				{vb:raw parsedText}
			</div>
		</div>
		<div class="b-button-group js-button-group">
			<div class="pending-buttons h-left">
				<vb:comment>
				<button class="b-button b-button--secondary view-infraction infraction-received js-infraction-received" data-userid="{vb:raw content.infracteduserid}" data-nodeid="{vb:raw content.infractednodeid}">{vb:rawphrase view_infraction}</button>
				</vb:comment>
			</div>
		</div>
	</div>
</li>]]></template>
		<template name="privatemessage_infraction_main" templatetype="template" date="1512605961" username="vBulletin" version="5.3.5 Alpha 4"><![CDATA[<vb:if condition="!empty($setCurrentPage)">
	{vb:set options.page, {vb:raw setCurrentPage}}
</vb:if>

<vb:if condition="!empty($setPerPage)">
	{vb:set options.perpage, {vb:raw setPerPage}}
</vb:if>

{vb:data infractionChannelId, content_infraction, getChannelId}
{vb:set search_json.type, "vBForum_Infraction"}
{vb:set search_json.channel, {vb:raw infractionChannelId}}
{vb:set search_json.view, "topic"}
{vb:set search_json.exclude_deleted, 1}

<vb:if condition="!empty($options['time'])">
	{vb:set search_json.date, {vb:raw options.time}}
</vb:if>
<vb:if condition="!empty($options['type']) OR !empty($options['replied_by_me'])">
	{vb:data type_infractions, content_infraction, getInfractionsByType, {vb:raw options.type}, {vb:raw options.replied_by_me}}
	{vb:set search_json.specific, {vb:php array_keys, {vb:raw type_infractions}}}
</vb:if>

{vb:data infraction_nodes, search, getInitialResults, {vb:raw search_json}, {vb:raw options.perpage}, {vb:raw options.page}}

<vb:if condition="!empty($infraction_nodes['errors'])">
	{vb:redirect {vb:raw baseurl }}
</vb:if>
{vb:set additional_nodeIds, {vb:php array}}
<vb:each from="infraction_nodes.results" value="infraction">
	<vb:if condition="!empty($infraction['content']['infractednodeid'])">
		{vb:set infractednodeid, {vb:raw infraction.content.infractednodeid}}
		{vb:set additional_nodeIds.$infractednodeid, {vb:raw infraction.content.infractednodeid}}
	</vb:if>
	{vb:set postids[], {vb:raw infraction.nodeid}}
	<vb:if condition="$infraction['lastcontentid'] != $infraction['nodeid']">
		{vb:set lastcontentid, {vb:raw infraction.lastcontentid}}
		{vb:set additional_nodeIds.$lastcontentid, {vb:raw infraction.lastcontentid}}
	</vb:if>
</vb:each>

{vb:data additional_nodes, node, getContentforNodes, {vb:raw additional_nodeIds}}
{vb:data infractionLevels, content_infraction, getInfractionLevels}

{vb:data participants, content_infraction, getParticipants, {vb:raw postids}}

<div class="h-hide pending-posts-pageinfo">
	<input type="hidden" class="totalpages" value="{vb:raw infraction_nodes.totalpages}" />
	<input type="hidden" name="pagenum" value="{vb:raw infraction_nodes.pagination.currentpage}" />
	<input type="hidden" name="totalcount" value="{vb:raw infraction_nodes.pagination.totalcount}" />
</div>
<vb:if condition="$infraction_nodes['totalRecords'] > 0">
	<ul class="conversation-list list-container message-list infractions-list stream-view h-clearfix">
		<vb:each from="infraction_nodes.results" value="infraction">
			{vb:set infractednodeid, {vb:raw infraction.content.infractednodeid}}
			{vb:set infractionContent, {vb:php array}}
			<vb:if condition="$infractednodeid">
				{vb:set infractionContent, {vb:raw additional_nodes.$infractednodeid.content}}
			</vb:if>
			<vb:if condition="$infraction['lastcontentid'] != $infraction['nodeid']">
				{vb:set lastcontentid, {vb:raw infraction.lastcontentid}}
				{vb:set infraction.content.lastreply, {vb:raw additional_nodes.$lastcontentid}}
			</vb:if>
			<vb:if condition="!empty($infraction['content']['infractionlevelid']) AND isset($infractionLevels[$infraction['content']['infractionlevelid']])">
				{vb:set infractionlevelid, {vb:raw infraction.content.infractionlevelid}}
				{vb:set infractionLevel, {vb:raw infractionLevels.$infractionlevelid}}
			<vb:else />
				{vb:set infractionLevel, {vb:php array}}
				{vb:set infractionLevel.title, {vb:raw infraction.content.customreason}}
			</vb:if>
			{vb:set infractionnodeid, {vb:raw infraction.nodeid}}
			{vb:template privatemessage_infraction_item, post={vb:raw infraction}, infractedContent={vb:raw infractionContent}, infractionLevel={vb:raw infractionLevel}, participants={vb:raw $participants.$infractionnodeid}, reportActivity=1}
		</vb:each>
	</ul>
<vb:else />
	<div class="message-empty">{vb:phrase no_message_found}</div>
</vb:if>]]></template>
		<template name="privatemessage_listdeletedItems" templatetype="template" date="1461016373" username="vBulletin" version="5.2.3 Alpha 1"><![CDATA[<vb:if condition="$folders['errors']">
	{vb:redirect {vb:raw baseurl}}
</vb:if>
<div class="list-controls main-pane-header h-padding-horiz-xl h-clearfix">
	<div class="h-left">
		<label>{vb:phrase select}:</label>
		<span class="select-all b-link js-link" tabindex="0">{vb:phrase all}</span> | <span class="select-none b-link js-link" tabindex="0">{vb:phrase none}</span>
	</div>
</div>
<div class="main-pane-container">
	<div class="pending-post-overlay sb-dialog"></div>
	<vb:if condition="$page['pagenum']">
		{vb:set options.page, {vb:raw page.pagenum}}
	</vb:if>
	<vb:if condition="$widgetConfig['resultsPerPage']">
		{vb:set options.perpage, {vb:raw widgetConfig.resultsPerPage}}
	</vb:if>
	<div class="pending-posts-container">
		{vb:template privatemessage_deleteditems_main, options = {vb:raw options}}
	</div>
</div>
{vb:js js/inlinemod.js}
{vb:js js/deleteditems.js}]]></template>
		<template name="privatemessage_listdeletedItems_toolbar" templatetype="template" date="1515201646" username="vBulletin" version="5.4.0 Alpha 1"><![CDATA[<vb:if condition="$pageInfo['errors']">
	{vb:redirect {vb:raw baseurl}}
</vb:if>
<vb:if condition="!isset($pageInfo) OR empty($pageInfo)">
	<vb:if condition="isset($page['pagenum']) AND !empty($page['pagenum'])">
		{vb:set options.page, {vb:raw page.pagenum}}
	</vb:if>

	<vb:if condition="$setPerPage">
		{vb:set options.perpage, {vb:raw setPerPage}}
	<vb:else />
		{vb:set options.perpage, 20}
	</vb:if>
	{vb:set search_json.deleted_only, 1}
	<vb:if condition="!empty($options['type']) AND $options['type'] == 'vm'">
		{vb:data VMChannelId, node, fetchVMChannel}
		{vb:set search_json.channel, {vb:raw infractionChannelId}}
	</vb:if>
	
	<vb:if condition="!empty($options['type']) AND $options['type'] == 'post'">
		{vb:set search_json.exclude_visitor_messages, 1}
	</vb:if>

	{vb:data deletedItems, search, getInitialNodes, {vb:raw search_json}, {vb:raw options.perpage}, {vb:raw options.page}}

	{vb:set pages, {vb:raw deletedItems.totalpages}}
	{vb:set pagenum, {vb:raw deletedItems.pagination.currentpage}}
</vb:if>

{vb:data folderid, content_privatemessage, getDeletedItemsFolderId}

<script type="text/javascript">
	var folderid = "{vb:raw folderid}";
	var pmPageNum = "{vb:raw deletedItems.pagination.currentpage}";
	var pmPerPage = "{vb:raw options.perpage}";
</script>

<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="deletedItems-paginator horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			<button class="b-button b-button--secondary deletedItems-restore">{vb:phrase restore}</button>
			<button class="b-button b-button--secondary deletedItems-remove">{vb:phrase physically_remove}</button>
		</div>
		<ul class="toolset h-right">
			<vb:if condition="$pages > 1">
				<li id="privatemessagePaging" class="toolset-item pagenav-controls h-right">
					<input type="hidden" id="maxPageNum" value="{vb:raw pages}" />
					<input type="hidden" name="next-page" value="{vb:math {vb:raw pagenum} + 1}" />
					<input type="hidden" name="prev-page" value="{vb:math {vb:raw pagenum} - 1}" />
					<input type="hidden" name="pagenum" value="{vb:raw pagenum}" />
					<input type="hidden" name="totalcount" value="{vb:raw deletedItems.pagination.totalcount}" />
					<input type="hidden" name="per-page" value="{vb:raw options.perpage}" />
					{vb:set routeInfoJson, {vb:php json_encode, {vb:raw page.routeInfo}}}
					<input type="hidden" name="routeInfoJson" value="{vb:var routeInfoJson}" />

					<div class="pagenav h-left">
						<span class="hideable-text">{vb:phrase page}</span> <input type="text" name="page" class="deletedItemsPageTo textbox" value="{vb:raw pagenum}" id="deletedItemsPageTo" /> / <span class="deletedItemsPageCount pagetotal">{vb:number {vb:raw pages}}</span>
					</div>
					<div class="horizontal-arrows h-right">
						<a href="#" class="deletedItemsPrev arrow left-arrow {vb:if $pagenum > 1, 'b-link js-link', h-disabled}" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						<a href="#" class="deletedItemsNext arrow right-arrow {vb:if $pagenum < $pages, 'b-link js-link', h-disabled}" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
					</div>
				</li>
			</vb:if>
			<li class="toolbar-filter">
				<div class="filter-wrapper h-clearfix js-button" tabindex="0">
					<div class="label h-left">{vb:phrase filter}</div>
					<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon vb-icon-triangle-down-wide"></span></div>
				</div>
			</li>
		</ul>
	</div>
	<form id="deletedItemsFilters" class="toolbar-filter-overlay h-clearfix">
		<ul class="filter-options-list">
			<li>
				<div class="filter-header">{vb:phrase time}</div>
				<div class="filter-options h-left">
					<label><input type="radio" name="time" value="" checked="checked" /><span>{vb:phrase any_time}</span></label>
					<label><input type="radio" name="time" value="lastDay" /><span>{vb:phrase today}</span></label>
					<label><input type="radio" name="time" value="lastWeek" /><span>{vb:phrase last_week}</span></label>
					<label><input type="radio" name="time" value="lastMonth" /><span>{vb:phrase last_month}</span></label>
				</div>
			</li>
			<li>
				<div class="filter-header">{vb:phrase type}</div>
				<div class="filter-options h-left">
					<label><input type="radio" name="type" value="" checked="checked" /><span>{vb:phrase all}</span></label>
					<label><input type="radio" name="type" value="post" /><span>{vb:phrase post_noun}</span></label>
					<label><input type="radio" name="type" value="vm" /><span>{vb:phrase visitor_messages}</span></label>
				</div>
			</li>
		</ul>
	</form>
</div>]]></template>
		<template name="privatemessage_listfolder" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:if condition="$page['pagenum']">
	{vb:set pagenum, {vb:var page.pagenum}}
<vb:else />
	{vb:set pagenum, 1}
</vb:if>

{vb:set queryParams, {vb:var page.routeInfo.queryParameters}}
<vb:if condition="!empty($queryParams['sortDir']) AND ($queryParams['sortDir'] == 'ASC')">
	{vb:set data.sortDir, 'ASC'}
<vb:else />
	{vb:set data.sortDir, 'DESC'}
</vb:if>

{vb:set data.folderid, {vb:var page.folderid}}
{vb:set data.pageNum, {vb:var pagenum}}
{vb:set data.perpage, {vb:var widgetConfig.resultsPerPage}}
{vb:data messages, content_privatemessage, listMessages, {vb:var data}}
<vb:if condition="!empty($messages['errors'])">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

{vb:data pageInfo, content_privatemessage, getFolderMsgCount, {vb:var page.folderid}, {vb:var page.pagenum}, {vb:var data.perpage}}

<vb:if condition="!empty($messages['errors'])">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

<script type="text/javascript">
	var folderid = "{vb:raw page.folderid}";
	var pmPageNum = "{vb:raw pagenum}";
</script>

<div class="main-pane-container">
	<div class="list-controls main-pane-header h-padding-horiz-xl h-clearfix">
		<div class="h-left">
			<label>{vb:phrase select}:</label>
			<span class="select-all b-link js-link" tabindex="0">{vb:phrase all}</span> | <span class="select-none b-link js-link" tabindex="0">{vb:phrase none}</span>
		</div>
	</div>
	<ul class="list-container message-list pm-message-list folder-message-list">
		<vb:each from="messages" key="messageid" value="message">
			{vb:template privatemessage_preview, message={vb:raw message}, recipients={vb:raw message.recipients}, page={vb:raw page}, showCheckbox=1}
		</vb:each>
	</ul>

	{vb:data pagingInfo, page, getPagingInfo, {vb:var pagenum}, {vb:var pageInfo.count}, {vb:var widgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
	<div class="h-margin-right-xl">
		{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
	</div>

</div>]]></template>
		<template name="privatemessage_listfolders" templatetype="template" date="1369243315" username="vBulletin" version="5.0.3 Beta 1"><![CDATA[<div class="stretch">
	{vb:set routeInfo.action, 'index'}
	{vb:set routeInfo.pagenum, '1'}
	<vb:each from="folders" key="folderid" value="folder">
		{vb:template privatemessage_listfolder folder = {vb:raw folder}}
		{vb:set routeInfo.folderid, {vb:raw folder.folderid}}
	</vb:each>
	<div class="stretch h-align-center"><a href="{vb:url 'privatemessage', {vb:raw routeInfo}}">{vb:rawphrase see_all_messages}</a></div>
</div>]]></template>
		<template name="privatemessage_listfolders_toolbar" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[&nbsp;]]></template>
		<template name="privatemessage_listfolder_toolbar" templatetype="template" date="1524787653" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[{vb:set ignore[0], 'trash'}
{vb:set ignore[1], 'requests'}
{vb:set ignore[2], 'your_notifications'}
{vb:set ignore[3], 'sent_items'}
{vb:set ignore[4], 'pending_posts'}
{vb:set ignore[5], 'infractions'}
{vb:set ignore[6], 'deleted_items'}
{vb:data folders, content_privatemessage, listFolders, {vb:raw ignore}}
<vb:if condition="!empty($folders['errors'])">
	{vb:redirect {vb:raw baseurl}}
</vb:if>

<vb:if condition="empty($page['pagenum'])">
	{vb:set pagenum, 1}
<vb:else />
	{vb:set pagenum, {vb:raw page.pagenum}}
</vb:if>

{vb:set queryParams, {vb:var page.routeInfo.queryParameters}}
<vb:if condition="!empty($queryParams['sortDir']) AND ($queryParams['sortDir'] == 'ASC')">
	{vb:set data.sortDir, 'ASC'}
<vb:else />
	{vb:set data.sortDir, 'DESC'}
</vb:if>

{vb:data pageInfo, content_privatemessage, getFolderMsgCount, {vb:var page.folderid}, {vb:raw pagenum}, {vb:raw widgetConfig.resultsPerPage}}

{vb:set pages, {vb:raw pageInfo.pages}}
{vb:set count, {vb:raw pageInfo.count}}
{vb:set nextpage, {vb:raw pageInfo.nextpage}}
{vb:set prevpage, {vb:raw pageInfo.prevpage}}
{vb:set folderid, {vb:var page.folderid}}

<script type="text/javascript">
	var folderid = "{vb:raw folderid}";
	var pmPageNum = "{vb:raw pagenum}";
</script>

<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			<button id="pmBtnMarkRead" type="button" class="b-button b-button--secondary">{vb:phrase mark_as_read}</button>
			<button id="pmBtnMarkUnRead" type="button" class="b-button b-button--secondary">{vb:phrase mark_as_unread}</button>
			<button id="pmBtnDelete" type="button" class="b-button b-button--secondary">
				<span class="b-icon b-icon__trash b-icon--active"></span>
				<span class="phrase">{vb:phrase delete}</span>
			</button>
			<div class="split-button b-button b-button--dropdown-menu-button">
				<div class="split-button-wrapper">
					<div class="button-set move-button-set one-click table">
						<div class="td">
							<button id="btnMove" type="button" class="button-text move-btn b-button b-button--secondary">
								<span class="vb-icon vb-icon-folder-black"></span>
								<span class="b-button__text-primary js-button__text-primary phrase">{vb:phrase move}</span>
								<span class="b-button__text-secondary"></span>
							</button>
						</div>
						<div class="td">
							<button type="button" class="b-button__icon js-button__icon"></button>
						</div>
					</div>
					<ul class="submenu h-clear h-hide" id="pmMoveToFolder">
						<vb:each from="folders" key="thisFolderid" value="folder">
							<li class="pmMoveToFolder" id="folder_{vb:raw thisFolderid}"><span>{vb:raw folder}</span></li>
						</vb:each>
						<li><span id="pmOpenNewFolderName">+{vb:phrase add_a_folder}</span></li>
					</ul>
				</div>
			</div>
		</div>
		<ul class="toolset h-right">
			<vb:if condition="$pages > 1">
				<div class="toolset-item pagenav-controls h-left">
					<input type="hidden" id="maxPageNum" value="{vb:raw pages}" />
					<div class="pagenav h-left">
						{vb:phrase page} <input type="text" id="privatemessagePageto" name="page" class="textbox" value="{vb:raw pagenum}" /> / <span class="pagetotal">{vb:number {vb:raw pages}}</span>
					</div>

					<div class="horizontal-arrows h-left">
						<vb:if condition="$pagenum > 1">
							{vb:set urlInfo.action, 'list'}
							{vb:set urlInfo.folderid, {vb:raw folderid}}
							{vb:set urlInfo.pagenum, {vb:raw prevpage}}
							<a href="{vb:url 'privatemessage', {vb:raw urlInfo}}?sortDir={vb:var data.sortDir}" class="arrow left-arrow" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						<vb:else />
							<a class="arrow left-arrow h-disabled" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						</vb:if>
						<vb:if condition="$pagenum < $pages">
							{vb:set urlInfo.action, 'list'}
							{vb:set urlInfo.folderid, {vb:raw folderid}}
							{vb:set urlInfo.pagenum,  {vb:raw nextpage}}
							<a href="{vb:url 'privatemessage', {vb:raw urlInfo}}?sortDir={vb:var data.sortDir}" class="arrow right-arrow" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
						<vb:else />
							<a class="arrow right-arrow h-disabled" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
						</vb:if>
					</div>
				</div>
			</vb:if>
			<li class="toolbar-filter">
				<div class="filter-wrapper h-clearfix js-button" tabindex="0">
					<div class="label h-left">{vb:phrase filter}</div>
					<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon vb-icon-triangle-down-wide"></span></div>
				</div>
			</li>
		</ul>

		{vb:set urlInfo.action, 'list'}
		{vb:set urlInfo.folderid, {vb:raw folderid}}
		{vb:set urlInfo.pagenum,  1}
		<form class="toolbar-filter-overlay h-clearfix message-filters" method="POST" action="{vb:url 'privatemessage', {vb:raw urlInfo}}">
			<ul class="filter-options-list">
				<li>
					<div class="filter-header">{vb:phrase sort_by}</div>
					<div class="filter-options h-left">
						<label><input class="sort-filter" type="radio" name="sortDir" value="DESC" <vb:if condition="$data['sortDir'] == 'DESC'">checked="checked"</vb:if> /><span>{vb:phrase newest_first}</span></label>
						<label><input class="sort-filter" type="radio" name="sortDir" value="ASC" <vb:if condition="$data['sortDir'] == 'ASC'">checked="checked"</vb:if> /><span>{vb:phrase oldest_first}</span></label>
					</div>
				</li>
			</ul>
		</form>
	</div>
</div>]]></template>
		<template name="privatemessage_listinfractions" templatetype="template" date="1512605961" username="vBulletin" version="5.3.5 Alpha 4"><![CDATA[{vb:js js/infraction.js}

<vb:comment>
Allow filter/sort to be query-params, so that they can be linked by bottom pagination buttons.
</vb:comment>
<vb:if condition="!isset($options)">
	{vb:set options, {vb:php array}}
</vb:if>
<vb:if condition="$page['filter_time']">
	{vb:set options.time, {vb:raw page.filter_time}}
</vb:if>
<vb:if condition="$page['filter_type']">
	{vb:set options.type, {vb:raw page.filter_type}}
</vb:if>
<vb:if condition="$page['filter_replied_by_me']">
	{vb:set options.replied_by_me, {vb:raw page.filter_replied_by_me}}
</vb:if>

<div class="list-controls main-pane-header h-padding-horiz-xl h-clearfix">
	<div class="h-left">
		<label>{vb:phrase select}:</label>
		<span class="select-all b-link js-link" tabindex="0">{vb:phrase all}</span> | <span class="select-none b-link js-link" tabindex="0">{vb:phrase none}</span>
	</div>
</div>
<div class="main-pane-container">
	<div class="pending-post-overlay sb-dialog"></div>
	<vb:if condition="$page['pagenum']">
		{vb:set options.page, {vb:raw page.pagenum}}
	</vb:if>
	<vb:if condition="$widgetConfig['resultsPerPage']">
		{vb:set options.perpage, {vb:raw widgetConfig.resultsPerPage}}
	</vb:if>
	<div class="pending-posts-container">
		{vb:template privatemessage_infraction_main, options = {vb:raw options}}
	</div>

</div>

<vb:comment>Rather than complicate the templates or fetch infractions twice, let's just hard-code the total count to 1
then let the JS update it to the correct totalcount</vb:comment>
{vb:data pagingInfo, page, getPagingInfo, {vb:var options.page}, 1, {vb:var options.perpage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
<div class="h-margin-right-xl">
	{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
</div>

{vb:js js/inlinemod.js}]]></template>
		<template name="privatemessage_listinfractions_toolbar" templatetype="template" date="1513014267" username="vBulletin" version="5.3.5 Alpha 4"><![CDATA[<vb:if condition="$pageInfo['errors']">
	{vb:redirect {vb:raw baseurl}}
</vb:if>

<vb:comment>
Allow filter/sort to be query-params, so that they can be linked by bottom pagination buttons.
</vb:comment>
<vb:if condition="!isset($options)">
	{vb:set options, {vb:php array}}
</vb:if>
<vb:if condition="$page['filter_time']">
	{vb:set options.time, {vb:raw page.filter_time}}
</vb:if>
<vb:if condition="$page['filter_type']">
	{vb:set options.type, {vb:raw page.filter_type}}
</vb:if>
<vb:if condition="$page['filter_replied_by_me']">
	{vb:set options.replied_by_me, {vb:raw page.filter_replied_by_me}}
</vb:if>

<vb:if condition="!isset($pageInfo) OR empty($pageInfo)">
	<vb:if condition="isset($page['pagenum']) AND !empty($page['pagenum'])">
		{vb:set options.page, {vb:raw page.pagenum}}
	</vb:if>

	<vb:if condition="$setPerPage">
		{vb:set options.perpage, {vb:raw setPerPage}}
	<vb:elseif condition="!empty($widgetConfig['resultsPerPage'])" />
		{vb:set options.perpage, {vb:raw widgetConfig.resultsPerPage}}
	</vb:if>
	{vb:data infractionChannelId, content_infraction, getChannelId}
	{vb:set search_json.type, "vBForum_Infraction"}
	{vb:set search_json.channel, {vb:raw infractionChannelId}}
	{vb:set search_json.exclude_deleted, 1}

	{vb:data infractions, search, getInitialNodes, {vb:raw search_json}, {vb:raw options.perpage}, {vb:raw options.page}}
	{vb:set pages, {vb:raw infractions.totalpages}}
	{vb:set pagenum, {vb:raw infractions.pagination.currentpage}}
</vb:if>

{vb:data ppFolderId, content_privatemessage, getInfractionsFolderId}
{vb:set folderid, {vb:raw ppFolderId}}

<script type="text/javascript">
	var folderid = "{vb:raw folderid}";
	var pmPageNum = "{vb:raw infractions.pagination.currentpage}";
	var pmPerPage = "{vb:raw infractions.perpage}";
</script>

<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="infractions-paginator horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			<button class="b-button b-button--secondary infraction-mark_as_read">{vb:phrase mark_as_read}</button>
			<button class="b-button b-button--secondary infraction-mark_as_unread">{vb:phrase mark_as_unread}</button>
			<vb:comment>
			Per VBV-15918, hiding delete button until we decide how it's supposed to work. See VBV-10643.
			<button class="b-button b-button--secondary infraction-delete">{vb:phrase delete}</button>
			</vb:comment>
		</div>
		<ul class="toolset h-right">
			<vb:if condition="$pages > 1">
				<li id="privatemessagePaging" class="toolset-item pagenav-controls h-right">
					<input type="hidden" id="maxPageNum" value="{vb:raw pages}" />
					<input type="hidden" name="next-page" value="{vb:math {vb:raw pagenum} + 1}" />
					<input type="hidden" name="prev-page" value="{vb:math {vb:raw pagenum} - 1}" />
					<input type="hidden" name="pagenum" value="{vb:raw pagenum}" />
					<input type="hidden" name="totalcount" value="{vb:raw infractions.pagination.totalcount}" />
					<input type="hidden" name="per-page" value="{vb:raw infractions.perpage}" />

					<div class="pagenav h-left">
						<vb:comment>#infractionsPageTo on the input is for automation/testing purposes, while the class .infractionsPageTo is used by infraction.js</vb:comment>
						<span class="hideable-text">{vb:phrase page}</span> <input type="text" 
							id="infractionsPageTo"
							name="page" 
							class="infractionsPageTo textbox" 
							value="{vb:raw pagenum}" 
						/> / <span class="infractionsPageCount pagetotal">{vb:number {vb:raw pages}}</span>
					</div>
					<div class="horizontal-arrows h-right">
						<a href="#" class="infractionsPrev arrow left-arrow {vb:if $pagenum > 1, 'b-link js-link', h-disabled}" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						<a href="#" class="infractionsNext arrow right-arrow {vb:if $pagenum < $pages, 'b-link js-link', h-disabled}" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
					</div>
				</li>
			</vb:if>
			<li class="toolbar-filter">
				<div class="filter-wrapper h-clearfix js-button" tabindex="0">
					<div class="label h-left">{vb:phrase filter}</div>
					<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon vb-icon-triangle-down-wide"></span></div>
				</div>
			</li>
		</ul>
	</div>
	<form id="infractionFilters" class="toolbar-filter-overlay h-clearfix">
		<ul class="filter-options-list">
			<li>
				<div class="filter-header">{vb:phrase time}</div>
				<div class="filter-options h-left">
					<label>
						<input type="radio" name="time" value="" 
							{vb:if "empty($options['time'])", "checked='checked'"}
						/>
						<span>{vb:phrase any_time}</span>
					</label>
					<label>
						<input type="radio" name="time" value="lastDay" 
							{vb:if "!empty($options['time']) AND $options['time'] == 'lastDay'", "checked='checked'"}
						/>
						<span>{vb:phrase today}</span>
					</label>
					<label>
						<input type="radio" name="time" value="lastWeek" 
							{vb:if "!empty($options['time']) AND $options['time'] == 'lastWeek'", "checked='checked'"}
						/>
						<span>{vb:phrase last_week}</span>
					</label>
					<label>
						<input type="radio" name="time" value="lastMonth" 
							{vb:if "!empty($options['time']) AND $options['time'] == 'lastMonth'", "checked='checked'"}
						/>
						<span>{vb:phrase last_month}</span>
					</label>
				</div>
			</li>
			<li>
				<div class="filter-header">{vb:phrase infraction_type}</div>
				<div class="filter-options h-left">
					<label>
						<input type="radio" name="type" value="" 
							{vb:if "empty($options['type'])", "checked='checked'"}
						/>
						<span>{vb:phrase all}</span>
					</label>
					<label>
						<input type="radio" name="type" value="post" 
							{vb:if "!empty($options['type']) AND $options['type'] == 'post'", "checked='checked'"}
						/>
						<span>{vb:phrase post_noun}</span>
					</label>
					<label>
						<input type="radio" name="type" value="user" 
							{vb:if "!empty($options['type']) AND $options['type'] == 'user'", "checked='checked'"}
						/>
						<span>{vb:phrase users}</span>
					</label>
				</div>
			</li>
			<li>
				<div class="filter-header">{vb:phrase replied_by_me}</div>
				<div class="filter-options h-left">
					<label>
						<input type="radio" name="replied_by_me" value="0" 
							{vb:if "empty($options['replied_by_me']) OR $options['replied_by_me'] == '0'", "checked='checked'"}
						/>
						<span>{vb:phrase off}</span>
					</label>
					<label>
						<input type="radio" name="replied_by_me" value="1" 
							{vb:if "!empty($options['replied_by_me']) AND $options['replied_by_me'] == '1'", "checked='checked'"}
						/>
						<span>{vb:phrase on}</span>
					</label>
				</div>
			</li>

		</ul>
	</form>
</div>]]></template>
		<template name="privatemessage_listnotifications" templatetype="template" date="1512180837" username="vBulletin" version="5.3.5 Alpha 3"><![CDATA[<vb:if condition="!$folderid">
	{vb:set folderid, {vb:var page.folderid}}
</vb:if>
<vb:if condition="$page['pagenum']">
	{vb:set pagenum, {vb:raw page.pagenum}}
<vb:else />
	{vb:set pagenum, 1}
</vb:if>
<vb:comment>
Allow filter/sort to be query-params, so that they can be linked by bottom pagination buttons.
</vb:comment>
<vb:if condition="$page['filter_readFilter']">
	{vb:set readFilter, {vb:raw page.filter_readFilter}}
</vb:if>
<vb:if condition="$page['filter_sortDir']">
	{vb:set sortDir, {vb:raw page.filter_sortDir}}
</vb:if>
<vb:if condition="$page['filter_typename']">
	{vb:set typename, {vb:raw page.filter_typename}}
</vb:if>


{vb:set params.page, {vb:raw pagenum}}
<vb:if condition="!empty($sortDir)">
	{vb:set params.sortDir, {vb:raw sortDir}}
<vb:else />
	{vb:set params.sortDir, 'DESC'}
</vb:if>
<vb:if condition="!empty($about)">
	{vb:set params.about, {vb:raw about}}
</vb:if>
<vb:if condition="!empty($perPage)">
	{vb:set params.perpage, {vb:var perPage}}
<vb:else />
	{vb:set params.perpage, {vb:raw widgetConfig.resultsPerPage}}
</vb:if>
<vb:if condition="!empty($typename)">
	{vb:set params.typename, {vb:raw typename}}
</vb:if>
<vb:if condition="$readFilter">
	{vb:set params.readFilter, {vb:raw readFilter}}
</vb:if>

<div class="list-controls main-pane-header h-padding-horiz-xl h-clearfix notifications-action-bar h-hide">
</div>
<div class="main-pane-container h-left stretch" id="notificationContent">
	{vb:template privatemessage_notificationcontent, params={vb:var params}}
</div>

{vb:data pageInfo, content_privatemessage, getFolderMsgCount, {vb:var folderid}, '', '', '', {vb:var params}}
{vb:data pagingInfo, page, getPagingInfo, {vb:var pagenum}, {vb:var pageInfo.count}, {vb:var widgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
<div class="h-clearfix"></div>
<div class="h-margin-xl js-pagenav-wrapper{vb:if "$pagingInfo['totalpages'] == 1", " h-hide"}">
	{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
</div>]]></template>
		<template name="privatemessage_listnotifications_toolbar" templatetype="template" date="1512180837" username="vBulletin" version="5.3.5 Alpha 3"><![CDATA[<vb:if condition="!$folderid">
	{vb:set folderid, {vb:var page.folderid}}
</vb:if>
<vb:if condition="$page['pagenum']">
	{vb:set pagenum, {vb:raw page.pagenum}}
<vb:else />
	{vb:set pagenum, 1}
</vb:if>
<vb:comment>
Allow filter/sort to be query-params, so that they can be linked by bottom pagination buttons.
</vb:comment>
<vb:if condition="$page['filter_readFilter']">
	{vb:set readFilter, {vb:raw page.filter_readFilter}}
</vb:if>
<vb:if condition="$page['filter_sortDir']">
	{vb:set sortDir, {vb:raw page.filter_sortDir}}
</vb:if>
<vb:if condition="$page['filter_typename']">
	{vb:set typename, {vb:raw page.filter_typename}}
</vb:if>


{vb:set params.page, {vb:raw pagenum}}
<vb:if condition="!empty($sortDir)">
	{vb:set params.sortDir, {vb:raw sortDir}}
<vb:else />
	{vb:set params.sortDir, 'DESC'}
</vb:if>
<vb:if condition="!empty($about)">
	{vb:set params.about, {vb:raw about}}
</vb:if>
<vb:if condition="!empty($perPage)">
	{vb:set params.perpage, {vb:var perPage}}
<vb:else />
	{vb:set params.perpage, {vb:raw widgetConfig.resultsPerPage}}
</vb:if>
<vb:if condition="!empty($typename)">
	{vb:set params.typename, {vb:raw typename}}
</vb:if>
<vb:if condition="!empty($readFilter)">
	{vb:set params.readFilter, {vb:raw readFilter}}
</vb:if>

{vb:data messages, notification, fetchNotificationsForCurrentUser, {vb:raw params}}
<vb:if condition="$messages['errors']">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

<vb:if condition="$messages['errors']">
	{vb:redirect {vb:raw baseurl }}
</vb:if>
{vb:data pageInfo, content_privatemessage, getFolderMsgCount, {vb:var folderid}, '', '', '', {vb:var params}}
<vb:if condition="$messages['errors']">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

{vb:set pages, {vb:raw pageInfo.pages}}
{vb:set count, {vb:raw pageInfo.count}}
{vb:set nextpage, {vb:raw pageInfo.nextpage}}
{vb:set prevpage, {vb:raw pageInfo.prevpage}}

<script type="text/javascript">
	var pmPageNum = "{vb:raw pagenum}";
	var pmPages = "{vb:raw pages}";
	var folderid = "{vb:raw folderid}";
	var pmPerPage = "{vb:var params.perpage}";
	var pmNotificationCount = "{vb:var pageInfo.count}";
</script>

<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			{vb:set settingsRoute.tab, 'notifications'}
			<a class="b-button b-button--secondary" href="{vb:url 'settings', {vb:raw settingsRoute}}">{vb:rawphrase notification_settings}</a>
			<button id="pmBtnNotificationDismissPage" type="button" class="b-button b-button--secondary">
				<span class="phrase">{vb:phrase dismiss_notification_page}</span>
			</button>
			<button id="pmBtnNotificationDismissAll" type="button" class="b-button b-button--secondary">
				<span class="phrase">{vb:phrase dismiss_notification_all}</span>
			</button>
		</div>
		<ul class="toolset h-right">
			<li id="privatemessagePaging" class="toolset-item pagenav-controls h-right {vb:if "$pages < 1", 'h-hide'}">
				<input type="hidden" id="maxPageNum" value="{vb:raw pages}" />
				<div class="pagenav h-left">
					<span class="hideable-text">{vb:phrase page}</span> <input type="text" id="notificationPageto" name="page" class="textbox" value="{vb:raw pagenum}" /> / <span id="notificationPageCount" class="pagetotal">{vb:number {vb:raw pages}}</span>
				</div>
				<div class="horizontal-arrows h-right">
					<a href="#" id="iconNotificationPrevious" class="arrow left-arrow {vb:if "$pagenum > 1", 'b-link js-link', 'h-disabled'}" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
					<a href="#" id="iconNotificationNext" class="arrow right-arrow {vb:if "$pagenum < $pages", 'b-link js-link', 'h-disabled'}" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
				</div>
			</li>
			<li class="toolbar-filter">
				<div class="filter-wrapper h-clearfix js-button" tabindex="0">
					<div class="label h-left">{vb:phrase filter}</div>
					<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon vb-icon-triangle-down-wide"></span></div>
				</div>
			</li>
		</ul>
	</div>
	<form id="notificationFilters" class="toolbar-filter-overlay h-clearfix">
		<ul class="filter-options-list">
			<li>
				<div class="filter-header">{vb:phrase read_unread}</div>
				<div class="filter-options">
					<label>
						<input type="radio" name="readFilter" value="unread_only" 
							{vb:if "empty($readFilter) OR $readFilter =='unread_only'", "checked='checked'"}
						/>
						<span>{vb:phrase unread_only}</span>
					</label>
					<label>
						<input type="radio" name="readFilter" value="both" 
							{vb:if "!empty($readFilter) AND $readFilter == 'both'", "checked='checked'"}
						/>
						<span>{vb:phrase both}</span>
					</label>
					<label>
						<input type="radio" name="readFilter" value="read_only" 
							{vb:if "!empty($readFilter) AND $readFilter == 'read_only'", "checked='checked'"}
						/>
						<span>{vb:phrase read_only}</span>
					</label>
				</div>
			</li>
			<li>
				<div class="filter-header">{vb:phrase sort_by}</div>
				<div class="filter-options">
					<label>
						<input type="radio" name="sortDir" value="DESC" 
							{vb:if "empty($sortDir) OR $sortDir == 'DESC'", "checked='checked'"}
						/>
						<span>{vb:phrase newest_first}</span>
					</label>
					<label>
						<input type="radio" name="sortDir" value="ASC" 
							{vb:if "!empty($sortDir) AND $sortDir == 'ASC'", "checked='checked'"}
						/>
						<span>{vb:phrase oldest_first}</span>
					</label>
				</div>
			</li>
			<li>
				<div class="filter-header">{vb:phrase type}</div>
				<div class="filter-options">
					<label>
						<input type="radio" name="typename" value="" 
							{vb:if "empty($typename)", "checked='checked'"}
						/>
						<span>{vb:phrase all}</span>
					</label>
					<label>
						<input type="radio" name="typename" value="SenderIsFollowing" 
							{vb:if "!empty($typename) AND $typename == 'SenderIsFollowing'", "checked='checked'"}
						/>
						<span>{vb:phrase userrelation_following}</span>
					</label>
					<label>
						<input type="radio" name="typename" value="SenderAcceptedFollowRequest" 
							{vb:if "!empty($typename) AND $typename == 'SenderAcceptedFollowRequest'", "checked='checked'"}
						/>
						<span>{vb:phrase userrelation_acceptedfollow}</span>
					</label>
					<label>
						<input type="radio" name="typename" value="PollVote" 
							{vb:if "!empty($typename) AND $typename == 'PollVote'", "checked='checked'"}
						/>
						<span>{vb:phrase pollvote_vote}</span>
					</label>
					<label>
						<input type="radio" name="typename" value="UserMention" 
							{vb:if "!empty($typename) AND $typename == 'UserMention'", "checked='checked'"}
						/>
						<span>{vb:phrase special_usermention}</span>
					</label>
					<label>
						<input type="radio" name="typename" value="Subscription" 
							{vb:if "!empty($typename) AND $typename == 'Subscription'", "checked='checked'"}
						/>
						<span>{vb:phrase content_subscription}</span>
					</label>
					<label>
						<input type="radio" name="typename" value="Reply" 
							{vb:if "!empty($typename) AND $typename == 'Reply'", "checked='checked'"}
						/>
						<span>{vb:phrase content_reply}</span>
					</label>
					<label>
						<input type="radio" name="typename" value="Comment" 
							{vb:if "!empty($typename) AND $typename == 'Comment'", "checked='checked'"}
						/>
						<span>{vb:phrase content_comment}</span>
					</label>
					<label>
						<input type="radio" name="typename" value="ThreadComment" 
							{vb:if "!empty($typename) AND $typename == 'ThreadComment'", "checked='checked'"}
						/>
						<span>{vb:phrase content_threadcomment}</span>
					</label>
					<label>
						<input type="radio" name="typename" value="VisitorMessage" 
							{vb:if "!empty($typename) AND $typename == 'VisitorMessage'", "checked='checked'"}
						/>
						<span>{vb:phrase special_visitormessage}</span>
					</label>
					<label>
						<input type="radio" name="typename" value="Quote" 
							{vb:if "!empty($typename) AND $typename == 'Quote'", "checked='checked'"}
						/>
						<span>{vb:phrase content_quote}</span>
					</label>
				</div>
			</li>
		</ul>
	</form>
</div>]]></template>
		<template name="privatemessage_listpending" templatetype="template" date="1461016373" username="vBulletin" version="5.2.3 Alpha 1"><![CDATA[<vb:if condition="$folders['errors']">
	{vb:redirect {vb:raw baseurl}}
</vb:if>
<div class="list-controls main-pane-header h-padding-horiz-xl h-clearfix">
	<div class="h-left">
		<label>{vb:phrase select}:</label>
		<span class="select-all b-link js-link" tabindex="0">{vb:phrase all}</span> | <span class="select-none b-link js-link" tabindex="0">{vb:phrase none}</span>
	</div>
</div>
<div class="main-pane-container">
	<div class="stretch h-hide pmMoveDetail h-left">
		<div class="post-buttonset split-button h-left" id="pmMoveBlock">
			<div class="split-button-wrapper secondary h-left">
				<ul class="submenu h-clear h-hide" id="pmMoveToFolder">
					<vb:each from="folders" key="thisFolderid" value="folder">
						<li class="pmMoveToFolder" id="folder_{vb:raw thisFolderid}"> {vb:raw folder} </li>
					</vb:each>
					<li><span id="pmOpenNewFolderName">+{vb:phrase add_a_folder}</span></li>
					<li id="pmNewFolderName" class="h-hide">
						<span><form id="frmPmMewFolderName">{vb:rawphrase name}<input type="text" id="pmNewFolder"/></form>
						<button id="pmBtnCreateAndMove" type="button" class="button-text h-right"><span class="b-button__text-primary js-button__text-primary">{vb:phrase move}</span>
						</button>
						</span>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="pending-post-overlay sb-dialog"></div>
	<vb:if condition="$page['pagenum']">
		{vb:set options.page, {vb:raw page.pagenum}}
	</vb:if>
	<vb:if condition="$widgetConfig['resultsPerPage']">
		{vb:set options.perpage, {vb:raw widgetConfig.resultsPerPage}}
	</vb:if>
	<div class="pending-posts-container">
		{vb:template privatemessage_pendingpost_main, options = {vb:raw options}}
	</div>
</div>
{vb:js js/inlinemod.js}]]></template>
		<template name="privatemessage_listpending_toolbar" templatetype="template" date="1515201646" username="vBulletin" version="5.4.0 Alpha 1"><![CDATA[<vb:if condition="$pageInfo['errors']">
	{vb:redirect {vb:raw baseurl}}
</vb:if>
<vb:if condition="!isset($pageInfo) OR empty($pageInfo)">
	{vb:set options.totalcount, 1}
	<vb:if condition="isset($page['pagenum']) AND !empty($page['pagenum'])">
		{vb:set options.page, {vb:raw page.pagenum}}
	</vb:if>
	{vb:data pendingPosts, node, listPendingPostsForCurrentUser, {vb:raw options}}
	{vb:set pageInfo, {vb:raw pendingPosts.pageInfo}}
	{vb:set pages, {vb:raw pageInfo.pages}}
	{vb:set count, {vb:raw pageInfo.totalcount}}
	{vb:set nextpage, {vb:raw pageInfo.nextpage}}
	{vb:set prevpage, {vb:raw pageInfo.prevpage}}
	{vb:set pagenum, {vb:raw pageInfo.currentpage}}
</vb:if>

{vb:data ppFolderId, content_privatemessage, getPendingPostFolderId}
{vb:set folderid, {vb:raw ppFolderId}}

<script type="text/javascript">
	var folderid = "{vb:raw folderid}";
	var pmPageNum = "{vb:raw pagenum}";
	var pmPerPage = "{vb:raw pageInfo.perpage}";
</script>

<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="pending-posts-paginator horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			<button class="b-button b-button--secondary pending-post-approve">{vb:phrase approve}</button>
			<button class="b-button b-button--secondary pending-post-delete">{vb:phrase delete}</button>
		</div>
		<ul class="toolset h-right">
			<vb:if condition="$pages > 1">
				<li id="privatemessagePaging" class="toolset-item pagenav-controls h-right">
					<input type="hidden" id="maxPageNum" value="{vb:raw pages}" />
					<input type="hidden" name="next-page" value="{vb:raw pageInfo.nextpage}" />
					<input type="hidden" name="prev-page" value="{vb:raw pageInfo.prevpage}" />
					<input type="hidden" name="pagenum" value="{vb:raw pageInfo.currentpage}" />
					<input type="hidden" name="totalcount" value="{vb:raw pageInfo.totalcount}" />
					<input type="hidden" name="per-page" value="{vb:raw pageInfo.perpage}" />
					{vb:set routeInfoJson, {vb:php json_encode, {vb:raw page.routeInfo}}}
					<input type="hidden" name="routeInfoJson" value="{vb:var routeInfoJson}" />

					<div class="pagenav h-left">
						<span class="hideable-text">{vb:phrase page}</span> <input type="text" name="page" class="pendingpostsPageTo textbox" value="{vb:raw pagenum}" id="pendingpostsPageTo" /> / <span class="pendingpostsPageCount pagetotal">{vb:number {vb:raw pages}}</span>
					</div>
					<div class="horizontal-arrows h-right">
						<a href="#" class="pendingpostsPrev arrow left-arrow {vb:if $pagenum > 1, 'b-link js-link', h-disabled}" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						<a href="#" class="pendingpostsNext arrow right-arrow {vb:if $pagenum < $pages, 'b-link js-link', h-disabled}" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
					</div>
				</li>
			</vb:if>
			<li class="toolbar-filter">
				<div class="filter-wrapper h-clearfix js-button" tabindex="0">
					<div class="label h-left">{vb:phrase filter}</div>
					<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon vb-icon-triangle-down-wide"></span></div>
				</div>
			</li>
		</ul>
	</div>
	<form id="pendingFilters" class="toolbar-filter-overlay h-clearfix">
		<ul class="filter-options-list">
			<li>
				<div class="filter-header">{vb:phrase time}</div>
				<div class="filter-options h-left">
					<label><input type="radio" name="time" value="" checked="checked" /><span>{vb:phrase any_time}</span></label>
					<label><input type="radio" name="time" value="today" /><span>{vb:phrase today}</span></label>
					<label><input type="radio" name="time" value="thisweek" /><span>{vb:phrase last_week}</span></label>
					<label><input type="radio" name="time" value="thismonth" /><span>{vb:phrase last_month}</span></label>
				</div>
			</li>
			<li>
				<div class="filter-header">{vb:phrase type}</div>
				<div class="filter-options h-left">
					<label><input type="radio" name="type" value="" checked="checked" /><span>{vb:phrase all}</span></label>
					<label><input type="radio" name="type" value="post" /><span>{vb:phrase post_noun}</span></label>
					<label><input type="radio" name="type" value="vm" /><span>{vb:phrase visitor_message}</span></label>
					<vb:comment>Enable when events are added
					<label><input type="radio" name="type" value="event" /><span>{vb:phrase events}</span></label>
					</vb:comment>
				</div>
			</li>
		</ul>
	</form>
</div>]]></template>
		<template name="privatemessage_listrequests" templatetype="template" date="1402080807" username="vBulletin" version="5.1.3 Alpha 3"><![CDATA[{vb:set params.pageNum, {vb:raw page.pagenum}}
{vb:set params.perpage, {vb:raw widgetConfig.resultsPerPage}}
{vb:set data.params, {vb:raw params}}
{vb:data messages, content_privatemessage, listrequests, {vb:raw data}}
<vb:if condition="$messages['errors']">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

{vb:data pageInfo, content_privatemessage, getFolderMsgCount, {vb:var page.folderid}, {vb:raw page.pagenum}, {vb:raw widgetConfig.resultsPerPage}}

<vb:if condition="$messages['errors']">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

{vb:set pages, {vb:raw pageInfo.pages}}
{vb:set count, {vb:raw pageInfo.count}}
{vb:set pagenum, {vb:raw page.pagenum}}
{vb:set nextpage, {vb:raw pageInfo.nextpage}}
{vb:set prevpage, {vb:raw pageInfo.prevpage}}
{vb:set folderid, {vb:var page.folderid}}

<script type="text/javascript">
	var folderid = "{vb:raw folderid}";
	var pmPageNum = "{vb:raw pagenum}";
</script>

<ul class="list-container message-list pm-request-list">
	<vb:each from="messages" key="messageid" value="message">
		{vb:template privatemessage_requestdetail, message={vb:raw message}, recipients={vb:raw message.recipients}}
	</vb:each>
</ul>

{vb:data pagingInfo, page, getPagingInfo, {vb:var pagenum}, {vb:var pageInfo.count}, {vb:var widgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
<div class="h-margin-right-xl">
	{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
</div>]]></template>
		<template name="privatemessage_listrequests_toolbar" templatetype="template" date="1524787653" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[{vb:set params.pageNum, {vb:raw page.pagenum}}
{vb:set params.perpage, {vb:raw widgetConfig.resultsPerPage}}
{vb:set data.params, {vb:raw params}}
{vb:data messages, content_privatemessage, listrequests, {vb:raw data}}
<vb:if condition="$messages['errors']">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

<vb:if condition="$page['pagenum']">
	{vb:set pagenum, {vb:raw page.pagenum}}
<vb:else />
	{vb:set pagenum, 1}
</vb:if>

{vb:data pageInfo, content_privatemessage, getFolderMsgCount, {vb:var page.folderid}, {vb:raw pagenum}, {vb:raw widgetConfig.resultsPerPage}}

<vb:if condition="$messages['errors']">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

{vb:set pages, {vb:raw pageInfo.pages}}
{vb:set count, {vb:raw pageInfo.count}}
{vb:set nextpage, {vb:raw pageInfo.nextpage}}
{vb:set prevpage, {vb:raw pageInfo.prevpage}}
{vb:set folderid, {vb:var page.folderid}}

<script type="text/javascript">
	var folderid = "{vb:raw folderid}";
	var pmPageNum = "{vb:raw pagenum}";
</script>

<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			{vb:set settingsRoute.tab, 'account'}
			<a href="{vb:url 'settings', {vb:raw settingsRoute}}#ignore_list" class="b-button b-button--secondary">{vb:phrase ignore_list}</a>
		</div>
		<div class="toolset h-right">
			<vb:if condition="$pages > 1">
				<div class="toolset-item pagenav-controls h-right">
					<input type="hidden" id="maxPageNum" value="{vb:raw pages}" />
					<div class="pagenav h-left">
						{vb:phrase page} <input type="text" id="privatemessagePageto" name="page" class="textbox" value="{vb:raw pagenum}" /> / <span class="pagetotal">{vb:number {vb:raw pages}}</span>
					</div>
				
					<div class="horizontal-arrows h-right">
						<vb:if condition="$pagenum > 1">
							{vb:set urlInfo.action, 'list'}
							{vb:set urlInfo.folderid, {vb:raw folderid}}
							{vb:set urlInfo.pagenum, {vb:raw prevpage}}
							<a href="{vb:url 'privatemessage', {vb:raw urlInfo}}" class="arrow left-arrow" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						<vb:else />
							<a class="arrow left-arrow h-disabled" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						</vb:if>
						<vb:if condition="$pagenum < $pages">
							{vb:set urlInfo.action, 'list'}
							{vb:set urlInfo.folderid, {vb:raw folderid}}
							{vb:set urlInfo.pagenum,  {vb:raw nextpage}}
							<a href="{vb:url 'privatemessage', {vb:raw urlInfo}}" class="arrow right-arrow" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
						<vb:else />
							<a class="arrow right-arrow h-disabled" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
						</vb:if>
					</div>
				</div>
			</vb:if>
		</div>
	</div>
</div>]]></template>
		<template name="privatemessage_listsent" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:if condition="empty($folderid)">
	{vb:set folderid, {vb:var page.folderid}}
</vb:if>
<vb:if condition="$page['pagenum']">
	{vb:set pagenum, {vb:raw page.pagenum}}
<vb:else />
	{vb:set pagenum, 1}
</vb:if>
{vb:set queryParams, {vb:var page.routeInfo.queryParameters}}
<vb:if condition="!empty($queryParams['sortDir']) AND ($queryParams['sortDir'] == 'ASC')">
	{vb:set params.sortDir, 'ASC'}
<vb:else />
	{vb:set params.sortDir, 'DESC'}
</vb:if>

{vb:set params.pageNum, {vb:var pagenum}}
{vb:set params.perpage, {vb:raw widgetConfig.resultsPerPage}}
{vb:set params.folderid, {vb:raw folderid}}
{vb:set params.sent_items, 1}
{vb:data messages, content_privatemessage, listMessages, {vb:raw params}}
<vb:if condition="!empty($messages['errors'])">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

<script type="text/javascript">
	var folderid = "{vb:raw folderid}";
	var pmPageNum = "{vb:raw pagenum}";
</script>

<div class="main-pane-container">
	<div class="list-controls main-pane-header h-padding-horiz-xl h-clearfix">
		<div class="h-left">
			<label>{vb:phrase select}:</label>
			<span class="select-all b-link js-link" tabindex="0">{vb:phrase all}</span> | <span class="select-none b-link js-link" tabindex="0">{vb:phrase none}</span>
		</div>
	</div>
	<ul class="list-container message-list pm-request-list">
		<vb:if condition="!empty($messages)">
			{vb:data bbcodeOptions, content_privatemessage, getBbcodeOptions, {vb:raw message.nodeid}}
			<vb:each from="messages" key="messageid" value="message">
				{vb:template privatemessage_sentdetail, message={vb:raw message}, recipients={vb:raw message.recipients}, showCheckbox = 1, bbcodeOptions = {vb:raw bbcodeOptions}}
			</vb:each>
		<vb:else />
			<div class="message-empty">{vb:phrase no_message_found}</div>
		</vb:if>
	</ul>

	{vb:data pageInfo, content_privatemessage, getFolderMsgCount, {vb:var folderid}, {vb:var pagenum}, {vb:var widgetConfig.resultsPerPage}}
	{vb:data pagingInfo, page, getPagingInfo, {vb:var pagenum}, {vb:var pageInfo.count}, {vb:var widgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
	<div class="h-margin-right-xl">
		{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
	</div>

</div>]]></template>
		<template name="privatemessage_listsent_toolbar" templatetype="template" date="1516402703" username="vBulletin" version="5.4.1 Alpha 1"><![CDATA[<vb:if condition="$page['pagenum']">
	{vb:set pagenum, {vb:raw page.pagenum}}
<vb:else />
	{vb:set pagenum, 1}
</vb:if>

{vb:set queryParams, {vb:var page.routeInfo.queryParameters}}
<vb:if condition="!empty($queryParams['sortDir']) AND ($queryParams['sortDir'] == 'ASC')">
	{vb:set sortBy, 'ASC'}
<vb:else />
	{vb:set sortBy, 'DESC'}
</vb:if>
{vb:data pageInfo, content_privatemessage, getFolderMsgCount, {vb:var page.folderid}, {vb:var pagenum}, {vb:raw widgetConfig.resultsPerPage}}
<vb:if condition="!empty($pageInfo['errors'])">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

{vb:set pages, {vb:raw pageInfo.pages}}
{vb:set count, {vb:raw pageInfo.count}}
{vb:set nextpage, {vb:raw pageInfo.nextpage}}
{vb:set prevpage, {vb:raw pageInfo.prevpage}}

<script type="text/javascript">
	var pmPageNum = "{vb:raw pagenum}";
	var pmPages = "{vb:raw pages}";
	var folderid = "{vb:var page.folderid}";
</script>

<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			<button id="pmBtnDelete" type="button" class="b-button b-button--secondary">
				<span class="b-icon b-icon__trash b-icon--active"></span>
				<span class="phrase">{vb:phrase delete}</span>
			</button>
		</div>
		<ul class="toolset h-right">
			<li id="privatemessagePaging" class="toolset-item pagenav-controls h-right {vb:if $pages < 1, h-hide}">
				<input type="hidden" id="maxPageNum" value="{vb:raw pages}" />
				<div class="pagenav h-left">
					<span class="hideable-text">{vb:phrase page}</span> <input type="text" id="sentItemsPageTo" name="page" class="textbox" value="{vb:raw pagenum}" /> / <span id="notificationPageCount" class="pagetotal">{vb:number {vb:raw pages}}</span>
				</div>
				<div class="horizontal-arrows h-right">
					{vb:set urlInfo.action, 'sentitems'}
					{vb:set urlInfo.folderid, {vb:var page.folderid}}
					{vb:set urlInfo.pagenum, {vb:raw prevpage}}
					<a href="{vb:url 'privatemessage', {vb:raw urlInfo}}?sortDir={vb:raw sortBy}" id="iconSentItemsPrevious" class="arrow left-arrow {vb:if $pagenum > 1, 'b-link js-link', h-disabled}" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
					{vb:set urlInfo.action, 'sentitems'}
					{vb:set urlInfo.folderid, {vb:var page.folderid}}
					{vb:set urlInfo.pagenum, {vb:raw nextpage}}
					<a href="{vb:url 'privatemessage', {vb:raw urlInfo}}?sortDir={vb:raw sortBy}" id="iconSentItemsNext" class="arrow right-arrow {vb:if $pagenum < $pages, 'b-link js-link', h-disabled}" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
				</div>
			</li>
			<li class="toolbar-filter">
				<div class="filter-wrapper h-clearfix js-button" tabindex="0">
					<div class="label h-left">{vb:phrase filter}</div>
					<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon vb-icon-triangle-down-wide"></span></div>
				</div>
			</li>
		</ul>
	</div>
	
	{vb:set urlInfo.action, 'sentitems'}
	{vb:set urlInfo.folderid, {vb:var page.folderid}}
	{vb:set urlInfo.pagenum,  1}
	<form class="toolbar-filter-overlay h-clearfix message-filters" method="POST" action="{vb:url 'privatemessage', {vb:raw urlInfo}}">
		<ul class="filter-options-list">
			<li>
				<div class="filter-header">{vb:phrase sort_by}</div>
				<div class="filter-options h-left">
					<label><input class="sort-filter" type="radio" name="sortDir" value="DESC" <vb:if condition="$sortBy == 'DESC'">checked="checked"</vb:if> /><span>{vb:phrase newest_first}</span></label>
					<label><input class="sort-filter" type="radio" name="sortDir" value="ASC" <vb:if condition="$sortBy == 'ASC'">checked="checked"</vb:if> /><span>{vb:phrase oldest_first}</span></label>
				</div>
			</li>
		</ul>
	</form>
</div>]]></template>
		<template name="privatemessage_newpm" templatetype="template" date="1489187708" username="vBulletin" version="5.3.1 Alpha 1"><![CDATA[<vb:if condition="$messageAction == 'reply'">
	{vb:set headerTitle, {vb:phrase post_reply}}
	{vb:set sendButtonLabel, {vb:phrase post_reply}}
<vb:elseif condition="$messageAction == 'forward'" />
	{vb:set headerTitle, {vb:phrase forward_message}}
	{vb:set sendButtonLabel, {vb:phrase forward}}
<vb:else />
	{vb:set messageAction, 'new'}
	{vb:set headerTitle, {vb:phrase new_message}}
	{vb:set sendButtonLabel, {vb:phrase send}}
</vb:if>
<vb:if condition="!empty($title)">
	{vb:data canUseHTML, user, hasPermissions, forumpermissions, canusehtml, {vb:raw conversation.nodeid}}
	{vb:set title, {vb:if "isset($canUseHTML) AND ($canUseHTML > 0)", {vb:var title}, {vb:raw title}}}
</vb:if>
{vb:data pm_channel, node, fetchPMChannel}
<vb:comment>TODO: change this to check for createpermissions.vbforum_attach</vb:comment>
{vb:data canSendAttachments, user, hasPermissions, forumpermissions, canpostattachment, {vb:raw pm_channel}}

<div class="js-pm-content-entry-container h-margin-xl h-clear hide-on-editmode msg-type-{vb:raw messageAction}">
	<vb:if condition="$messageAction != 'reply'">
		<h2 class="h-margin-bottom-l">{vb:raw headerTitle}</h2>
	</vb:if>

	<vb:if condition="$messageAction == 'reply'">
		{vb:set compactButtonSpacing, 1}
	<vb:else />
		{vb:set compactButtonSpacing, 0}
	</vb:if>

	{vb:set initOnPageLoad, 1}
	{vb:set focusOnPageLoad, 0}
	{vb:set preloadJavascript, 1}

	{vb:template contententry,
		page={vb:raw page},
		parentid={vb:raw pm_channel},
		isPrivateMessage=1,
		privateMessageAction={vb:raw messageAction},
		privateMessageRespondTo={vb:raw respondto},
		prefillTitle={vb:raw title},
		prefillEditor={vb:raw messageBody},
		allowTypeText=1,
		allowTypePhoto=0,
		allowTypeLink=0,
		allowTypePoll=0,
		allowTypeEvent=0,
		defaultContentType=Text,
		showToggleEditor=1,
		showSmiley=1,
		showAttachment={vb:if "$canSendAttachments", "1", "0"},
		showTags=0,
		initOnPageLoad={vb:raw initOnPageLoad},
		focusOnPageLoad={vb:raw focusOnPageLoad},
		preloadJavascript={vb:raw preloadJavascript},
		compactButtonSpacing={vb:raw compactButtonSpacing},
		uploadFrom=newContent,
		showPostIcons=0
	}
</div>]]></template>
		<template name="privatemessage_notificationcontent" templatetype="template" date="1457481355" username="vBulletin" version="5.2.2 Alpha 2"><![CDATA[<vb:comment>
Array $params see vB_Library_Notification::fetchNotificationsForCurrentUser() for details about each element:
	 'sortDir'
	 'perpage'
	 'page'
	 'about'
	 'readFilter'
</vb:comment>
{vb:data messages, notification, fetchNotificationsForCurrentUser, {vb:raw params}}
<vb:if condition="$messages['errors']">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

{vb:set prevDay,''}
{vb:set today, {vb:datetime {vb:raw TODAY}, 'date', 'Y-m-d'}}
<ul class="list-container message-list pm-notification-list js-notification-container">
	<vb:each from="messages" key="messageid" value="message">
		{vb:set lastSentDay, {vb:datetime {vb:raw message.lastsenttime}, 'date', 'Y-m-d'}}
		<vb:if condition="$prevDay != $lastSentDay">
			<div class="list-controls main-pane-header h-padding-horiz-xl h-clearfix notification-date-bar">
				<vb:if condition="$lastSentDay == $today">
					{vb:phrase today}
				<vb:else />
					{vb:datetime {vb:raw message.lastsenttime}, 'date', 'F d'}
				</vb:if>
			</div>
		</vb:if>
		{vb:set prevDay, {vb:raw lastSentDay}}
		{vb:template privatemessage_notificationdetail, message={vb:raw message}, messageid = {vb:raw messageid}, showCheckbox=0}
	</vb:each>
	<vb:if condition="empty($messages) AND (empty($params['readFilter']) OR $params['readFilter'] == 'unread_only')">
		<li class="list-item message-item message-header h-padding-xl">
			{vb:phrase no_new_notifications_try_changing_filter}
		</li>
	</vb:if>
</ul>]]></template>
		<template name="privatemessage_notificationcontent_toolbar" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[&nbsp;]]></template>
		<template name="privatemessage_notificationdetail" templatetype="template" date="1546651580" username="vBulletin" version="5.5.0 Beta 1"><![CDATA[<li class="list-item message-item message-header h-padding-xl<vb:if condition="$message['lastreadtime'] < $message['lastsenttime']"> notification-unread js-notification-dismiss-touch</vb:if>"
	id="msgSummary_{vb:raw message.notificationid}"
	data-notificationid="{vb:raw message.notificationid}"
	>
	<div class="h-clearfix">

		<div class="post-date h-right">
			{vb:datetime {vb:raw message.lastsenttime}}
		</div>

		<div class="notification-message">
			<vb:if condition="isset($showCheckbox) AND $showCheckbox">
				<div class="notification-checkbox message-checkbox">
					<input type="checkbox" id="cbNotificationDelete_{vb:raw message.notificationid}" class="privateMessageActionCheck" value="{vb:raw message.notificationid}" />
				</div>
			</vb:if>

<vb:comment>
	For a guest, set the username to the "Guest" phrase
</vb:comment>
			<vb:if condition="empty($message['sender_username'])">
				{vb:set message.sender_username, {vb:phrase guest}}
				{vb:set message.sender, 0}
			</vb:if>

<vb:comment>
	Note, if this is a guest, the userProfileUrl below will just result in a link to the
	forum home.
</vb:comment>
			{vb:set userInfo.userid, {vb:raw message.sender}}

<vb:comment>
	XSS SECURITY - Is vb:raw safe/correct here? Or do we need to escape it via vb:var
	vB_Datamanager_User::verify_username() escapes the username before it's inserted into the DB
	via 	$username = vB_String::htmlSpecialCharsUni($username);		, so it's safe & correct
	to use vb:raw for username.
</vb:comment>
			{vb:set userInfo.username, {vb:raw message.sender_username}}

			{vb:set options, {vb:php array}}
			{vb:set options.fullurl, 'fullurl'}
			{vb:set options.noBaseUrl, 'noBaseUrl'}
			{vb:set userProfileUrl, {vb:url 'profile|fullurl|noBaseUrl', {vb:raw userInfo}, '', {vb:raw options}}}

<vb:comment>
	Set avatar info
</vb:comment>
			<vb:if condition="(!isset($message['showdetail']) OR $message['showdetail']) AND $user['showavatars']">
				<vb:if condition="!empty($message['sender'])" >
					{vb:set avatarpath, {vb:raw message.sender_avatarpath}}
					<a href="{vb:raw userProfileUrl}" class="avatar h-left">
						<vb:if condition="!empty($avatarpath)">
							<img src="{vb:raw baseurl_corecdn}/{vb:raw avatarpath}" alt="{vb:raw userInfo.username}" />
						<vb:else />
							<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:raw userInfo.username}" />
						</vb:if>
					</a>
				<vb:else />
					<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:raw userInfo.username}" class="avatar h-left" />
				</vb:if>
			</vb:if>

<vb:comment>
	Render notificaton phrase
</vb:comment>
			<vb:if condition="!empty($message['phrasedata'])" >
				<div class="notification-message-text h-left h-wordwrap">
					{vb:rawphrase {vb:raw message.phrasedata}}
				</div>
			</vb:if>

			<vb:if condition="!empty($message['others'])">
				<div class="js-others-wrapper h-hide" data-titlephrase="{vb:var message.others_title_phrase}">
					{vb:template privatemessage_participants,
						members={vb:raw message.others},
						showFollowButtons=1}
				</div>
				{vb:js js/jquery/jquery.qtip.min.js}
				{vb:js js/qtip.js}
			</vb:if>

			<div class="h-clearfix h-hide"></div>

		</div>

		<div class="h-right h-clear-right b-button-group">
			<vb:if condition="$message['lastreadtime'] < $message['lastsenttime']">
				<button
					id="notificationBtnDelete_{vb:raw message.notificationid}"
					type="button"
					class="notificationBtnDelete b-button b-button--secondary js-notification-dismiss"
					data-notificationid="{vb:raw message.notificationid}"
					title="{vb:phrase left_click_to_dismiss_notification}"
				>
					<img
						class="loading-icon js-waiting-for-ajax-response h-align-middle h-hide"
						src="images/ajax-loader.gif"
						alt="{vb:phrase loading}..."
						title=""
						width="16"
						height="16"
					/>
					{vb:phrase dismiss}
				</button>
			</vb:if>
		</div>

	</div>
</li>]]></template>
		<template name="privatemessage_notificationdetail_toolbar" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[&nbsp;]]></template>
		<template name="privatemessage_participants" templatetype="template" date="1459953387" username="vBulletin" version="5.2.2 Alpha 4"><![CDATA[<vb:if condition="empty($members) AND isset($nodeid)">
	<vb:if condition="isset($notificationType) AND $notificationType == 'rate'">
		{vb:data members, reputation, fetchWhovoted, {vb:raw nodeid}, true}
	<vb:else />
		{vb:data members, content_privatemessage, fetchParticipants, {vb:raw nodeid}}
	</vb:if>
</vb:if>
{vb:set profileUrlOptions, {vb:php array}}
{vb:set profileUrlOptions.fullurl, 'fullurl'}
{vb:set profileUrlOptions.noBaseUrl, 'noBaseUrl'}
<ul class="member-list">
<vb:each from="members" value="member">
	<li class="member-item h-clearfix">
		<vb:if condition="empty($member['userid'])">
			<vb:if condition="$user['showavatars']">
				<img class="avatar h-left" src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" alt="{vb:raw member.username}" />
			</vb:if>
			{vb:var member.username}
		<vb:else />
			{vb:set userInfo.userid, {vb:raw member.userid}}
			{vb:set userInfo.username, {vb:raw member.username}}
			<vb:if condition="$user['showavatars']">
				<vb:if condition="$member['avatarurl']">
					{vb:set avatarthumb, {vb:raw member.avatarurl}}
					<vb:if condition="is_array($avatarthumb)">
						{vb:set avatarthumb, {vb:raw avatarthumb.avatarpath}}
					</vb:if>
				<vb:else />
					{vb:set avatarthumb, 'images/default/default_avatar_thumb.png'}
				</vb:if>
				<a href="{vb:url 'profile|fullurl|noBaseUrl', {vb:raw userInfo}, '', {vb:raw profileUrlOptions}}" class="avatar h-left">
					<img src="{vb:raw baseurl_corecdn}/{vb:raw avatarthumb}" alt="{vb:raw member.username}" />
				</a>
			</vb:if>
			<a href="{vb:url 'profile|fullurl|noBaseUrl', {vb:raw userInfo}, '', {vb:raw profileUrlOptions}}">{vb:var member.username}</a>
			<vb:if condition="$showFollowButtons">
				<vb:if condition="$member['following'] == 1">
					<button data-userid="{vb:raw member.userid}" type="button" class="b-button b-button--special b-button--follow js-button--follow isSubscribed button-text h-right" disabled="disabled"><span class="b-button__icon"></span><span class="b-button__text-primary js-button__text-primary">{vb:phrase following}</span></button>
				<vb:elseif condition="$member['following'] == 2" />
					<button data-userid="{vb:raw member.userid}" type="button" class="b-button b-button--secondary b-button--follow js-button--follow subscribe_pending button-text h-right" disabled="disabled"><span class="b-button__icon"></span><span class="b-button__text-primary js-button__text-primary">{vb:phrase following_pending}</span></button>
				<vb:else />
					<button data-userid="{vb:raw member.userid}" type="button" class="b-button b-button--secondary b-button--follow js-button--follow button-text h-right pmBtnFollowRequest"><span class="b-button__icon"></span><span class="b-button__text-primary js-button__text-primary">{vb:phrase follow}</span></button>
				</vb:if>
			<vb:else />
				{vb:set pmLink.action, 'new'}
				{vb:set pmLink.userid, {vb:raw member.userid}}
				<a href="{vb:url privatemessage, {vb:raw pmLink}}" class="b-button b-button--secondary h-right pmBtnSendPM">{vb:phrase private_message}</a>
			</vb:if>

		</vb:if>
	</li>
</vb:each>
</ul>

{vb:js js/subscribe.js}]]></template>
		<template name="privatemessage_participants_toolbar" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[&nbsp;]]></template>
		<template name="privatemessage_pendingpost_item" templatetype="template" date="1549643587" username="vBulletin" version="5.5.1 Alpha 4"><![CDATA[{vb:set isVisitorMessage, {vb:raw post.isVisitorMessage}}
<vb:if condition="$isVisitorMessage">
	{vb:set postType, 'visitorMessage'}
	{vb:set vm_userInfo, {vb:raw post.vm_userInfo}}
	<vb:if condition="$post['nodeid'] != $post['starter']">
		{vb:set isVmComment, 1}
	</vb:if>
<vb:elseif condition="$post['starter'] == $post['nodeid']" />
	{vb:set postType, 'topic'}
<vb:elseif condition="$post['starter'] == $post['parentid']" />
	{vb:set postType, 'reply'}
<vb:else />
	{vb:set postType, 'comment'}
</vb:if>

<li data-node-id="{vb:raw post.nodeid}" data-node-contenttype-id="{vb:raw post.contenttypeid}" data-user-id="{vb:raw post.userid}" data-post-type="{vb:raw postType}" class="list-item list-item-text h-left h-clear">
	<input class="privateMessageActionCheck h-left" type="checkbox" name="node[]" value="{vb:raw post.nodeid}" />
	<div class="h-left list-item-wrapper">
		<div class="list-item-header h-clearfix">
			<vb:if condition="($postType == 'visitorMessage') AND $vmDetail"><h3 class="vm-desc">{vb:rawphrase visitor_message_from_x, {vb:raw post.authorname}}</h3></vb:if>
			<vb:if condition="$user['showavatars']">
				{vb:template avatar, avataruser={vb:raw post}, avatar={vb:raw post.avatar}}
			</vb:if>
			<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
				<div class="post-action-wrapper<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if>">
					{vb:set starter.nodeid, {vb:raw post.starter}}
					{vb:set starter.username, {vb:raw post.starterauthorname}}
					{vb:set starter.userid, {vb:raw post.starteruserid}}
					<vb:if condition="isset($reportActivity) AND $reportActivity">
						<vb:if condition="$postType =='visitorMessage'">
							<vb:if condition="$isVmComment">
								{vb:set profileRouteInfo.userid, {vb:raw post.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileRouteInfo}}}
								<vb:if condition="$reportActivity">
									{vb:set vmRouteInfo.nodeid, {vb:raw post.starter}}
									{vb:set vmRouteInfo.title, {vb:raw post.starterurlident}}
									{vb:set vmUrl, {vb:url 'visitormessage', {vb:raw vmRouteInfo}}}
									<vb:if condition="$post['userid'] > 0">
										{vb:rawphrase x_commented_on_vm_from_y, {vb:var profileUrl}, {vb:raw post.authorname}, {vb:var vmUrl}, {vb:raw post.startertitle}, {vb:raw post.nodeid}}
									<vb:else />
										{vb:rawphrase guest_commented_on_vm_from_y, {vb:var vmUrl}, {vb:raw post.startertitle}, {vb:raw post.nodeid}}
									</vb:if>
								<vb:else />
									<vb:if condition="$post['userid'] > 0">
										{vb:rawphrase x_commented, {vb:var profileUrl}, {vb:raw post.authorname}}
									<vb:else />
										{vb:rawphrase guest_commented}
									</vb:if>
								</vb:if>
							<vb:else />
								{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
								{vb:set userInfo.userid, {vb:raw post.userid}}
								{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
								<vb:if condition="$post['userid'] > 0">
									{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw post.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								<vb:else />
									{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'topic'" />
							{vb:set postUrl, {vb:url {vb:raw post.routeid}, {vb:raw post}}}
							<vb:if condition="$post['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw post}}}
								{vb:rawphrase x_started_a_topic_y, {vb:var profileUrl}, {vb:raw post.authorname}, {vb:var postUrl}, {vb:raw post.nodeid}, {vb:raw post.title}}
							<vb:else />
								{vb:rawphrase guest_started_a_topic_y, {vb:var postUrl}, {vb:raw post.nodeid}, {vb:raw post.title}}
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							{vb:set qs.p, {vb:raw post.nodeid}}
							{vb:set postUrl, {vb:url {vb:raw post.routeid}, {vb:raw post}, {vb:raw qs}}}
							<vb:if condition="$post['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw post}}}
								{vb:rawphrase x_replied_to_y, {vb:var profileUrl}, {vb:raw post.authorname}, {vb:var postUrl}, {vb:raw post.starter}, {vb:raw post.startertitle}}
							<vb:else />
								{vb:rawphrase guest_replied_to_y, {vb:var postUrl}, {vb:raw post.starter}, {vb:raw post.startertitle}}
							</vb:if>
						<vb:else />
							{vb:set profileUrl, {vb:url 'profile', {vb:raw post}}}
							{vb:set parentProfileUrl, {vb:url 'profile', {vb:raw parentPost}}}
							<vb:comment>We do not want to use the innerPost in this first URL</vb:comment>
							{vb:set postUrl, {vb:url {vb:raw post.starterroute}, {vb:raw starter}}}
							{vb:set starter.innerPost, {vb:raw parentPost.nodeid}}
							{vb:set postExtraUrl, {vb:url {vb:raw post.starterroute}, {vb:raw starter}}}
							<vb:if condition="$post['userid'] > 0 AND $parentPost['userid'] > 0">
								{vb:rawphrase x_commented_on_ys_reply_to_z, {vb:var profileUrl}, {vb:raw post.authorname}, {vb:var parentProfileUrl}, {vb:raw parentPost.authorname}, {vb:var postExtraUrl}, {vb:raw parentPost.nodeid}, {vb:var postUrl}, {vb:raw post.starter}, {vb:raw post.startertitle}}
							<vb:elseif condition="$post['userid'] == 0 AND $parentPost['userid'] > 0"/>
								{vb:rawphrase guest_commented_on_ys_reply_to_z, {vb:var parentProfileUrl}, {vb:raw parentPost.authorname}, {vb:var postExtraUrl}, {vb:raw parentPost.nodeid}, {vb:var postUrl}, {vb:raw post.starter}, {vb:raw post.startertitle}}
							<vb:elseif condition="$post['userid'] > 0 AND $parentPost['userid'] == 0"/>
								{vb:rawphrase x_commented_on_guests_reply_to_z, {vb:var profileUrl}, {vb:raw post.authorname}, {vb:var postExtraUrl}, {vb:raw parentPost.nodeid}, {vb:var postUrl}, {vb:raw post.starter}, {vb:raw post.startertitle}}
							<vb:else />
								{vb:rawphrase guest_commented_on_guests_reply_to_z, {vb:var postExtraUrl}, {vb:raw parentPost.nodeid}, {vb:var postUrl}, {vb:raw post.starter}, {vb:raw post.startertitle}}
							</vb:if>
						</vb:if>
					<vb:else />
						<vb:if condition="$postType =='visitorMessage'">
							<vb:if condition="$isVmComment">
								{vb:set profileRouteInfo.userid, {vb:raw post.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileRouteInfo}}}
								<vb:if condition="$post['userid'] > 0">
									{vb:rawphrase x_commented, {vb:var profileUrl}, {vb:raw post.authorname}}
								<vb:else />
									{vb:rawphrase guest_commented}
								</vb:if>
							<vb:else />
								{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
								{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
								{vb:set userInfo.userid, {vb:raw post.userid}}
								{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
								<vb:if condition="$post['userid'] > 0">
									{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw post.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								<vb:else />
									{vb:rawphrase guest_posted_visitormessage_for_y_2, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
								</vb:if>
							</vb:if>
						<vb:elseif condition="$postType == 'topic'" />
							<vb:if condition="$post['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw post}}}
								{vb:rawphrase x_started_a_topic, {vb:var profileUrl}, {vb:raw post.authorname}}
							<vb:else />
								{vb:rawphrase guest_started_a_topic}
							</vb:if>
						<vb:elseif condition="$postType == 'reply'" />
							<vb:if condition="$post['userid'] > 0">
								{vb:set profileUrl, {vb:url 'profile', {vb:raw post}}}
								{vb:rawphrase link_x_y_replied, {vb:var profileUrl}, {vb:raw post.authorname}}
							<vb:else />
								{vb:rawphrase guest_replied}
							</vb:if>
						<vb:else />
							{vb:set starter.innerPost, {vb:raw parentPost.nodeid}}
							{vb:set profileUrl, {vb:url 'profile', {vb:raw post}}}
							{vb:set parentProfileUrl, {vb:url 'profile', {vb:raw parentPost}}}
							{vb:set postExtraUrl, {vb:url {vb:raw parentPost.starterroute}, {vb:raw starter}}}
							<vb:if condition="$post['userid'] > 0 AND $parentPost['userid'] > 0">
								{vb:rawphrase x_commented_on_ys_reply, {vb:var profileUrl}, {vb:raw post.authorname}, {vb:var parentProfileUrl}, {vb:raw parentPost.authorname}, {vb:var postExtraUrl}, {vb:raw parentPost.nodeid}}
							<vb:elseif condition="$post['userid'] == 0 AND $parentPost['userid'] > 0"/>
								{vb:rawphrase guest_commented_on_ys_reply, {vb:var parentProfileUrl}, {vb:raw parentPost.authorname}, {vb:var postExtraUrl}, {vb:raw parentPost.nodeid}}
							<vb:elseif condition="$post['userid'] > 0 AND $parentPost['userid'] == 0"/>
								{vb:rawphrase x_commented_on_guests_reply, {vb:var profileUrl}, {vb:raw post.authorname}, {vb:var postExtraUrl}, {vb:raw parentPost.nodeid}}
							<vb:else />
								{vb:rawphrase guest_commented_on_guests_reply, {vb:var postExtraUrl}, {vb:raw parentPost.nodeid}}
							</vb:if>
						</vb:if>
					</vb:if>
				</div>
				<vb:if condition="isset($showChannelInfo) AND $showChannelInfo AND ($postType != 'visitorMessage')">{vb:set channelUrl, {vb:url {vb:raw post.channelroute}}}<div class="channel-info">{vb:rawphrase in_x_channel, {vb:var channelUrl}, {vb:raw post.channeltitle}}</div></vb:if>
			</div>
			<div class="info h-right">
				<div class="post-date">{vb:datetime {vb:raw post.created}}</div>
			</div>
		</div>
		<vb:if condition="!empty($post['rawtext'])"><div class="post-content restore ellipsis h-clear">{vb:action parsedText, bbcode, parseNodeText, {vb:var post.nodeid}, 0, {vb:var page.contentpagenum}}{vb:raw parsedText}</div></vb:if>
		<div class="b-button-group b-button-group--left h-margin-vert-l">
			<div class="pending-buttons h-left">
				<button class="b-button b-button--secondary view-post">{vb:rawphrase view_post}</button>
				<vb:if condition="$post['contenttypeclass'] == 'Gallery'">
					{vb:set urlInfo.nodeid, {vb:raw post.starter}}
					{vb:set urlInfo.title, {vb:raw post.startertitle}}
					<a href="{vb:url 'album', {vb:raw urlInfo}}" class="photo-count" target="_blank">
						<span class="icon b-icon b-icon__paperclip"></span>
						<span class="count">{vb:raw post.photocount}</span>
					</a>
				</vb:if>
			</div>
			<div class="pending-post-controls h-right">
				<button class="b-button b-button--primary pending-post-approve">{vb:phrase approve}</button>
				<button class="b-button b-button--secondary pending-post-delete">{vb:phrase delete}</button>
			</div>
		</div>
	</div>
</li>]]></template>
		<template name="privatemessage_pendingpost_main" templatetype="template" date="1530321578" username="vBulletin" version="5.4.4 Alpha 1"><![CDATA[<vb:if condition="$setCurrentPage">
	{vb:set options.page, {vb:raw setCurrentPage}}
</vb:if>
<vb:if condition="$setPerPage">
	{vb:set options.perpage, {vb:raw setPerPage}}
</vb:if>
{vb:set options.totalcount, 1}
{vb:set options.showVM, 1}
{vb:data messages, node, listPendingPostsForCurrentUser, {vb:raw options}}

{vb:set pageInfo, {vb:raw messages.pageInfo}}
<div class="h-hide pending-posts-pageinfo">
	<input type="hidden" class="pagenum" value="{vb:raw pageInfo.currentpage}"/>
	<input type="hidden" class="totalcount" value="{vb:raw pageInfo.totalcount}" />
	<input type="hidden" class="totalpages" value="{vb:raw pageInfo.pages}" />
</div>
<vb:if condition="$messages['totalcount'] > 0">
	<ul class="conversation-list list-container message-list stream-view h-clearfix">
		<vb:each from="messages.nodes" value="message">
			{vb:template privatemessage_pendingpost_item, post={vb:raw message.content}, parentPost={vb:raw message.parent}, reportActivity=1, showChannelInfo=1}
		</vb:each>
	</ul>

	<vb:if condition="!empty($routeInfoJson)">
		{vb:set routeInfo, {vb:php json_decode, {vb:raw routeInfoJson}, true}}
	<vb:else />
		{vb:set routeInfo, {vb:raw page.routeInfo}}
	</vb:if>

	{vb:data pagingInfo, page, getPagingInfo, {vb:var pageInfo.currentpage}, {vb:var pageInfo.totalcount}, {vb:var options.perpage}, {vb:raw routeInfo}, {vb:raw baseurl}}
	<div class="h-margin-right-xl">
		{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
	</div>

<vb:else />
	<div class="message-empty">{vb:phrase no_message_found}</div>
</vb:if>]]></template>
		<template name="privatemessage_pendingpost_overlay" templatetype="template" date="1548377638" username="vBulletin" version="5.5.1 Alpha 3"><![CDATA[{vb:data conversation, node, getNodeFullContent, {vb:raw nodeid}, {vb:raw contenttypeid}}
{vb:set conversation, {vb:raw conversation[$nodeid]}}
<div class="dialog-content h-clearfix">
	<div class="h-right nav-buttons b-button-group h-margin-top-xs">
		<button class="b-button b-button--secondary pending-post-next <vb:if condition="$currentPosition == $maxPosition">h-hide</vb:if>">
			<span class="b-button__text-primary js-button__text-primary">{vb:phrase next}</span>
			<span class="b-button__icon"></span>
		</button>
		<button class="b-button b-button--secondary pending-post-previous <vb:if condition="$currentPosition == 1">h-hide</vb:if>">
			<span class="b-button__icon"></span>
			<span class="b-button__text-primary js-button__text-primary">{vb:phrase previous}</span>
		</button>
	</div>
	<ul class="conversation-list list-container stream-view activity-view h-clearfix">
		<li data-node-id="{vb:raw conversation.nodeid}" class="list-item h-left h-clear">
			<form>
				<vb:if condition="empty($conversation['setfor']) AND $conversation['nodeid'] == $conversation['starter']">
					<input type="text" name="title" class="title-field entry-field b-form-input__input b-form-input__input--full h-margin-bottom-m" value="{vb:raw conversation.title}" />
				</vb:if>
				<div class="lnkToggleAdvancedWrapper">
					<span class="lnkToggleAdvanced b-link js-link" tabindex="0">{vb:phrase toggle_advanced_editor}</span>
				</div>
				<textarea id="ckeditor-bare" name="text" rows="2" class="ckeditor-bare-box ckeditor-no-toolbar entry-field text-field">{vb:var conversation.rawtext}</textarea>
			</form>

			{vb:template photo_gallery_preview,
				conversation={vb:raw conversation},
				previewMode={vb:raw previewMode}}

			<div class="notes">
				<label>{vb:phrase notes_gthreadmanage}</label>
				<input type="text" name="reason" class="notes-field entry-field b-form-input__input b-form-input__input--full h-margin-top-l" value="" />
			</div>
		</li>
	</ul>
</div>
<div class="b-button-group h-margin-top-l">
	<div class="pending-buttons h-left">
		<button class="b-button b-button--secondary pending-post-close">{vb:phrase close}</button>
	</div>
	<div class="pending-post-controls h-right">
		<button class="b-button b-button--primary pending-post-approve">{vb:phrase approve}</button>
		<button class="b-button b-button--secondary pending-post-delete">{vb:phrase delete}</button>
	</div>
</div>]]></template>
		<template name="privatemessage_preview" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<li class="list-item list-item-body message-item h-padding-xl<vb:if condition="!$message['msgread']"> message-unread</vb:if>" id="msgSummary_{vb:raw message.nodeid}">
	<vb:if condition="isset($showCheckbox) AND $showCheckbox">
		<div class="message-checkbox">
			<input type="checkbox" id="cbMessage_{vb:raw message.nodeid}" class="privateMessageActionCheck" value="{vb:raw message.nodeid}" />
		</div>
	</vb:if>
	<vb:if condition="isset($message['firstrecipient']) AND !empty($message['firstrecipient'])">
		{vb:set userInfo.userid, {vb:var message.firstrecipient.userid}}
		{vb:set userInfo.username, {vb:raw message.firstrecipient.username}}
	<vb:elseif condition="$message['included']" />
		{vb:set userInfo.userid, {vb:var user.userid}}
		{vb:set userInfo.username, {vb:raw user.username}}
	<vb:else />
		{vb:set userInfo.userid, {vb:var message.userid}}
		{vb:set userInfo.username, {vb:raw message.authorname}}
	</vb:if>
	{vb:set profileUrl, {vb:url 'profile', {vb:raw userInfo}}}
	<div class="message-header">
		<vb:if condition="$user['showavatars']">
			<vb:if condition="!empty($message['avatar'])">
				{vb:template avatar, avataruser={vb:raw message}, avatar={vb:raw message.avatar}}
			<vb:else />
				{vb:template avatar, avataruser={vb:raw message}, avatar={vb:raw message.senderAvatar}}
			</vb:if>
		</vb:if>
		
		<vb:if condition="($message['otherRecipients'] == 1)">
			<vb:if condition="$message['included']">
				{vb:rawphrase href_x_y_me_and_other, {vb:var profileUrl}, {vb:raw userInfo.username}}
			<vb:else />
				{vb:rawphrase href_x_y_and_other, {vb:var profileUrl}, {vb:raw userInfo.username}}
			</vb:if>
		<vb:elseif condition="($message['otherRecipients'])" />
			<vb:if condition="$message['included']">
				{vb:rawphrase href_x_y_me_and_y_others, {vb:var profileUrl}, {vb:raw userInfo.username}, {vb:var message.otherRecipients}}
			<vb:else />
				{vb:rawphrase href_x_y_and_y_others, {vb:var profileUrl}, {vb:raw userInfo.username}, {vb:var message.otherRecipients}}
			</vb:if>
		<vb:else />
			<vb:if condition="$message['included'] AND ($userInfo['userid'] != $user['userid'])">
				{vb:rawphrase href_x_y_and_me, {vb:var profileUrl}, {vb:raw userInfo.username}}
			<vb:else />
				<a href="{vb:var profileUrl}">{vb:raw userInfo.username}</a>
			</vb:if>
		</vb:if>
		
		<div class="info h-right post-date">
			<vb:if condition="$message['responses'] > 0">
				<span class="replies"><vb:if condition="$message['responses'] == 1">{vb:phrase x_reply, 1}<vb:else />{vb:phrase x_replies, {vb:raw message.responses}}</vb:if></span>
				<span class="divider-vertical">|</span>
			</vb:if>
			<span class="date">{vb:datetime {vb:raw message.publishdate}}</span>
		</div>
		<div class="subject ellipsis">
			{vb:set messageInfo.action, 'view'}
			<vb:if condition="isset($message['starter'])">
				{vb:set messageInfo.messageid, {vb:raw message.starter}}
			<vb:else />
				{vb:set messageInfo.messageid, {vb:raw message.nodeid}}
			</vb:if>
			{vb:set params.folderid, {vb:var page.folderid}}
			<a href="{vb:url 'privatemessage', {vb:raw messageInfo}, {vb:raw params}}"><vb:if condition="empty($message['title'])">{vb:phrase reply_prefix}&nbsp;</vb:if><vb:if condition="!empty($message['abouttitle'])">{vb:raw message.abouttitle}<vb:elseif condition="!empty($message['title'])" />{vb:raw message.title}<vb:else />({vb:phrase untitled})</vb:if>
			</a>
		</div>
	</div>
	<div class="message-body ellipsis">
		{vb:action parsedText, bbcode, parseNodeText, {vb:var message.nodeid}, 0, {vb:var page.contentpagenum}}
		{vb:raw parsedText}
	</div>
	<div class="post-links hide-see-link">
		<a href="#" class="see-link more" data-toggle-text="{vb:rawphrase see_less}">{vb:rawphrase see_more}</a>
	</div>
</li>]]></template>
		<template name="privatemessage_preview_toolbar" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[&nbsp;]]></template>
		<template name="privatemessage_reply" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[<h3>Reply to Message Content Goes Here</h3>]]></template>
		<template name="privatemessage_reply_toolbar" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[&nbsp;]]></template>
		<template name="privatemessage_report" templatetype="template" date="1513047447" username="vBulletin" version="5.3.5 Alpha 4"><![CDATA[<vb:comment>
	page/filter parameters
	Keep these in sync with privatemessage_report_toolbar template
</vb:comment>
{vb:data reportchannelid, node, fetchReportChannel}
{vb:set sortOption.created, 'DESC'}
{vb:set options.sort, {vb:raw sortOption}}
{vb:set options.includeProtected, true}
{vb:set options.nolimit, 1}
<vb:if condition="$page['pagenum']">
	{vb:set pagenum, {vb:raw page.pagenum}}
<vb:else />
	{vb:set pagenum, 1}
</vb:if>
{vb:set perpage, {vb:raw widgetConfig.resultsPerPage}}

{vb:data nodes, node, listNodeContent, {vb:raw reportchannelid}, {vb:raw pagenum}, {vb:raw perpage}, 0, null, {vb:raw options}}
<vb:if condition="$nodes['errors']">
	{vb:redirect {vb:raw baseurl}}
</vb:if>
<vb:comment>KEEP THE PARAMS SAME BETWEEN THIS & listNodeContent CALL ABOVE</vb:comment>
{vb:data counts, node, listNodeFullContentCount, {vb:raw reportchannelid}, {vb:raw pagenum}, {vb:raw perpage}, 0, null, {vb:raw options}}

<vb:if condition="!empty($counts['totalCount'])">
	{vb:data pagingInfo, page, getPagingInfo, {vb:raw pagenum}, {vb:raw counts.totalCount}, {vb:raw perpage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
</vb:if>


<div class="main-pane-container">
	<div class="list-controls main-pane-header h-padding-horiz-xl h-clearfix">
		<div class="h-left">
			<label>{vb:phrase select}:</label>
			<span class="select-all b-link js-link" tabindex="0">{vb:phrase all}</span> | <span class="select-none b-link js-link" tabindex="0">{vb:phrase none}</span>
		</div>
	</div>
	<ul class="list-container message-list pm-report-list">
		<vb:each from="nodes" value="node">
			{vb:template privatemessage_reportpreview, message={vb:raw node}, page={vb:raw page}}
		</vb:each>
	</ul>

	<div class="h-margin-right-xl">
		{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
	</div>
</div>]]></template>
		<template name="privatemessage_reportpreview" templatetype="template" date="1457140065" username="vBulletin" version="5.2.2 Alpha 1"><![CDATA[<li class="list-item message-item h-padding-xl<vb:if condition="!$message['content']['closed']"> message-unread</vb:if>" id="msgSummary_{vb:raw message.nodeid}">
	<div class="message-checkbox">
		<input type="checkbox" id="cbMessage_{vb:raw message.nodeid}" class="privateMessageActionCheck" value="{vb:raw message.nodeid}" />
	</div>
	<div class="message-header">
		<vb:if condition="$user['showavatars']">
			<a href="{vb:url 'profile', {vb:raw message}}" class="avatar h-left">
				<vb:if condition="!empty($message['content']['avatar']) AND !empty($message['content']['avatar']['avatarpath'])">
					<img src="{vb:raw baseurl_corecdn}/{vb:raw message.content.avatar.avatarpath}" alt="{vb:raw message.authorname}" />
				<vb:else />
					<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:raw message.authorname}" />
				</vb:if>
			</a>
		</vb:if>

		<a href="{vb:url 'profile', {vb:raw message}}">{vb:raw message.authorname}</a>
		<div class="info h-right">
			<span class="date post-date">{vb:datetime {vb:raw message.publishdate}}</span>
		</div>
		<div class="subject">
			{vb:set messageInfo.action, 'reportview'}
			{vb:set messageInfo.messageid, {vb:raw message.nodeid}}
			{vb:set params.folderid, {vb:var page.folderid}}
			{vb:set title, {vb:raw message.title}}
			<vb:if condition="empty($title)">
				{vb:set title, {vb:phrase no_title}}
			</vb:if>
			<a href="{vb:url 'privatemessage', {vb:raw messageInfo}, {vb:raw params}}">{vb:raw title}</a>
		</div>
	</div>
	<div class="message-body ellipsis">{vb:raw message.content.previewtext}</div>
</li>]]></template>
		<template name="privatemessage_reportpreview_toolbar" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[&nbsp;]]></template>
		<template name="privatemessage_reportview" templatetype="template" date="1542244923" username="vBulletin" version="5.5.0 Alpha 1"><![CDATA[{vb:data messages, content_report, getContent, {vb:raw page.messageid}}
<input type="hidden" id="privateMessageNodeid" value="{vb:raw page.messageid}"/>
<ul class="conversation-list list-container h-clearfix stream-view pm-report-list">

<vb:comment>fetch info in batches</vb:comment>
<vb:if condition="$user['showavatars']">
	{vb:set userIds, {vb:php array}}
	<vb:each from="messages" value="message">
		{vb:set num_elem, {vb:php array_push, {vb:raw userIds}, {vb:raw message.userid}}}
	</vb:each>
	{vb:data userThumbAvatars, user, fetchAvatars, {vb:raw userIds}, 1}
</vb:if>

{vb:set reportnode, {vb:php array}}
<vb:each from="messages" value="message">
	{vb:set reportnode.nodeid, {vb:raw message.reportnodeid}}
	{vb:set reportnode.routeid, {vb:raw message.reportnoderouteid}}
	{vb:set reportnode.title, {vb:raw message.reportnodetitle}}
	<li class="list-item list-item-text h-left h-clear">
		<div class="list-item-header h-left">
			<vb:if condition="$user['showavatars']">
				<a href="{vb:url 'profile', {vb:raw message}}" class="avatar h-left">
					<vb:if condition="!empty($userThumbAvatars[$message['userid']]['avatarpath']) AND ($avatarpath = $userThumbAvatars[$message['userid']]['avatarpath'])">
						<img src="{vb:raw baseurl_corecdn}/{vb:raw avatarpath}" alt="{vb:raw message.authorname}" />
					<vb:else />
						<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:raw message.authorname}" />
					</vb:if>
				</a>
			</vb:if>
			<div class="post-header h-left">
				{vb:set profileUrl, {vb:url 'profile', {vb:raw message}}}
				<vb:if condition="!empty($message['reportnodeid'])">
					<div class="post-action-wrapper">
						<vb:if condition="$message['reportnodetype'] == 'starter'">
							{vb:set reportnodeUrl, {vb:url {vb:raw reportnode.routeid}, {vb:raw reportnode}}}
							{vb:rawphrase x_flagged_a_topic_y, {vb:var profileUrl}, {vb:raw message.authorname}, {vb:var reportnodeUrl}, {vb:raw reportnode.title}}
						<vb:elseif condition="$message['reportnodetype'] == 'reply'" />
							{vb:set reportnodeParentUrl, {vb:url {vb:raw message.reportparentnode.routeid}, {vb:raw message.reportparentnode}}}
							{vb:rawphrase x_flagged_a_reply_to_x, 
								{vb:var profileUrl}, {vb:raw message.authorname}, 
								{vb:var reportnodeParentUrl}, {vb:raw message.reportparentnode.title}}
						<vb:else />
							{vb:set starter.nodeid, {vb:raw message.reportparentnode.starter}}
							{vb:set starter.username, {vb:raw message.reportparentnode.starterauthorname}}
							{vb:set starter.userid, {vb:raw message.reportparentnode.starteruserid}}
							{vb:set parentProfileUrl, {vb:url 'profile', {vb:raw message.reportparentnode}}}
							{vb:set reportnodeParentUrl, {vb:url {vb:raw message.reportparentnode.starterroute}, {vb:raw starter}}}
							{vb:set starter.innerPost, {vb:raw reportnode.nodeid}}
							{vb:set reportnodeParentExtraUrl, {vb:url {vb:raw message.reportparentnode.starterroute}, {vb:raw starter}}}
							{vb:rawphrase x_flagged_a_comment_on_ys_reply_to_z, 
								{vb:var profileUrl}, {vb:raw message.authorname},
								{vb:var parentProfileUrl}, {vb:raw message.reportparentnode.authorname}, 
								{vb:var reportnodeParentExtraUrl}, {vb:raw message.reportparentnode.nodeid}, 
								{vb:var reportnodeParentUrl}, {vb:raw message.reportparentnode.startertitle}}
						</vb:if>
					</div>
					<div class="channel-info">{vb:set channelUrl, {vb:url {vb:raw message.reportparentnode.channelroute}}}{vb:rawphrase in_x_channel, {vb:var channelUrl}, {vb:raw message.reportparentnode.channeltitle}}</div>

				<vb:else />
					<div class="post-action-wrapper">
						{vb:rawphrase x_flagged_a_deleted_node, 
							{vb:var profileUrl}, {vb:raw message.authorname},
							{vb:var parentProfileUrl}, {vb:raw message.reportparentnode.authorname}}
					</div>
				</vb:if>
			</div>
			<div class="info h-right">
				<span class="post-date h-left">{vb:datetime {vb:raw message.publishdate}}</span>
			</div>
		</div>
		<div class="list-item-body-wrapper h-clear">
			<div class="list-item-body conversation-body">
				<div class="post-content">{vb:var message.rawtext}</div>
				<vb:if condition="!empty($message['reportnodeid'])">
					<div class="post-links">
						<vb:if condition="$message['reportnodetype'] == 'starter'">
							<a href="{vb:url {vb:raw reportnode.routeid}, {vb:raw reportnode}}" class="goto-post">
						<vb:else />
							{vb:set starter.nodeid, {vb:raw message.reportparentnode.starter}}
							{vb:set starter.username, {vb:raw message.reportparentnode.starterauthorname}}
							{vb:set starter.userid, {vb:raw message.reportparentnode.starteruserid}}
							{vb:set starter.innerPost, {vb:raw reportnode.nodeid}}
							{vb:set starter.innerPostParent, {vb:raw message.reportparentnode.nodeid}}
							<a href="{vb:url {vb:raw message.reportparentnode.starterroute}, {vb:raw starter}, {vb:raw extra}}" class="goto-post">
						</vb:if>
							{vb:rawphrase go_to_post}
						</a>
					</div>
				</vb:if>
			</div>
		</div>
	</li>
</vb:each>
</ul>]]></template>
		<template name="privatemessage_reportview_toolbar" templatetype="template" date="1460648340" username="vBulletin" version="5.2.2 Alpha 4"><![CDATA[<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			<button id="reportBtnDelete" type="button" class="b-button b-button--secondary">{vb:phrase delete}</button>
		</div>
	</div>
</div>]]></template>
		<template name="privatemessage_report_toolbar" templatetype="template" date="1513047447" username="vBulletin" version="5.3.5 Alpha 4"><![CDATA[<vb:comment>
	page/filter parameters
	Keep these in sync with privatemessage_report template
</vb:comment>
{vb:data reportchannelid, node, fetchReportChannel}
{vb:set sortOption.created, 'DESC'}
{vb:set options.sort, {vb:raw sortOption}}
{vb:set options.includeProtected, true}
{vb:set options.nolimit, 1}
<vb:if condition="$page['pagenum']">
	{vb:set pagenum, {vb:raw page.pagenum}}
<vb:else />
	{vb:set pagenum, 1}
</vb:if>
{vb:set perpage, {vb:raw widgetConfig.resultsPerPage}}

{vb:data nodes, node, listNodeContent, {vb:raw reportchannelid}, {vb:raw pagenum}, {vb:raw perpage}, 0, null, {vb:raw options}}
<vb:if condition="$nodes['errors']">
	{vb:redirect {vb:raw baseurl}}
</vb:if>
<vb:comment>KEEP THE PARAMS SAME BETWEEN THIS & listNodeContent CALL ABOVE</vb:comment>
{vb:data counts, node, listNodeFullContentCount, {vb:raw reportchannelid}, {vb:raw pagenum}, {vb:raw perpage}, 0, null, {vb:raw options}}

<vb:if condition="!empty($counts['totalCount'])">
	{vb:data pagingInfo, page, getPagingInfo, {vb:raw pagenum}, {vb:raw counts.totalCount}, {vb:raw perpage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
</vb:if>

{vb:set pages, {vb:raw pagingInfo.totalpages}}
{vb:set nexturl, {vb:raw pagingInfo.nexturl}}
{vb:set prevurl, {vb:raw pagingInfo.prevurl}}

<script type="text/javascript">
	var pmPageNum = "{vb:raw pagenum}";
</script>

<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			<button id="reportBtnMarkOpen" type="button" class="b-button b-button--secondary">{vb:phrase mark_as_open}</button>
			<button id="reportBtnMarkClosed" type="button" class="b-button b-button--secondary">{vb:phrase mark_as_closed}</button>
			<button id="reportBtnDelete" type="button" class="b-button b-button--secondary">{vb:phrase delete}</button>
		</div>
		<div class="toolset h-right">
			<vb:if condition="$pages > 1">
				<div class="toolset-item pagenav-controls h-right">
					<input type="hidden" id="maxPageNum" value="{vb:raw pages}" />
					<div class="pagenav h-left">
						{vb:phrase page} <input type="text" id="privatemessagePageto" name="page" class="textbox" value="{vb:raw pagenum}" /> / <span class="pagetotal">{vb:number {vb:raw pages}}</span>
					</div>

					<div id="privatemessagePaging" class="horizontal-arrows h-right">
						<vb:if condition="$pagenum > 1">
							<a id="pmIconMovePrevious" href="{vb:var prevurl}" class="arrow left-arrow" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						<vb:else />
							<a id="pmIconMovePrevious" class="arrow left-arrow h-disabled" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						</vb:if>
						<vb:if condition="$pagenum < $pages">
							<a id="pmIconMoveNext" href="{vb:var nexturl}" class="arrow right-arrow" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
						<vb:else />
							<a id="pmIconMoveNext" class="arrow right-arrow h-disabled" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
						</vb:if>
					</div>
				</div>
			</vb:if>
		</div>
	</div>
</div>]]></template>
		<template name="privatemessage_requestdetail" templatetype="template" date="1546651580" username="vBulletin" version="5.5.0 Beta 1"><![CDATA[<li class="pmgDetailHolder list-item message-item h-padding-xl" id="msgSummary_{vb:raw message.nodeid}">
	<div class="pmPreview h-clearfix">
		{vb:set userInfo.userid, {vb:raw message.userid}}
		{vb:set userInfo.username, {vb:raw message.username}}
		<div class="pmRequestMesage h-left">
			<vb:if condition="$user['showavatars']">
				<a href="{vb:url 'profile', {vb:raw userInfo}}" class="avatar h-left">
					<vb:if condition="$message['senderAvatar'] AND $message['senderAvatar']['avatarpath']">
						<img src="{vb:raw baseurl_corecdn}/{vb:raw message.senderAvatar.avatarpath}" alt="{vb:raw message.username}" />
					<vb:else />
						<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:raw message.username}" />
					</vb:if>
				</a>
			</vb:if>
			<vb:if condition="$message['aboutid']">
				{vb:set blogTitle, {vb:raw message.abouttitle}}
			<vb:else />
				{vb:set blogTitle, {vb:phrase untitled}}
			</vb:if>
			{vb:set phrasename, {vb:raw message.phrasename}}
			<vb:comment>If aboutrouteid is set, it's a channel request and needs title & url</vb:comment>
			<span>
				<vb:if condition="$message['aboutrouteid']">
					{vb:phrase {vb:raw phrasename}, {vb:raw message.authorname},  {vb:url 'profile', {vb:raw userInfo}}, {vb:raw blogTitle}, {vb:url {vb:raw message.aboutrouteid}}}
				<vb:else />
					{vb:phrase {vb:raw phrasename}, {vb:raw message.authorname},  {vb:url 'profile', {vb:raw userInfo}}}
				</vb:if>
			</span>
		</div>
		<div class="b-button-group h-right">
			<div class="post-date">{vb:datetime {vb:raw message.publishdate}}</div>
			<button id="pmRequestAccept_{vb:raw message.nodeid}" type="button" class="b-button b-button--primary-light pmRequestAccept">{vb:phrase accept}</button>
			<button id="pmRequestDeny_{vb:raw message.nodeid}" type="button" class="b-button b-button--secondary pmRequestDeny">{vb:phrase ignore}</button>
		</div>
	</div>
</li>]]></template>
		<template name="privatemessage_requestdetail_toolbar" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[&nbsp;]]></template>
		<template name="privatemessage_sentdetail" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<li class="list-item message-item h-padding-xl<vb:if condition="!$message['msgread']"> message-unread</vb:if>" id="msgSummary_{vb:raw message.nodeid}">
	<vb:if condition="!empty($showCheckbox)">
		<div class="message-checkbox">
			<input type="checkbox" id="cbMessage_{vb:raw message.nodeid}" class="privateMessageActionCheck" value="{vb:raw message.nodeid}" />
		</div>
	</vb:if>
	<vb:if condition="isset($message['firstrecipient']) AND !empty($message['firstrecipient'])">
		{vb:set userInfo.userid, {vb:var message.firstrecipient.userid}}
		{vb:set userInfo.username, {vb:raw message.firstrecipient.username}}
	<vb:else />
		{vb:set userInfo.userid, {vb:var user.userid}}
		{vb:set userInfo.username, {vb:raw user.username}}
	</vb:if>
	{vb:set profileUrl, {vb:url 'profile', {vb:raw userInfo}}}
	<div class="message-header">
		<vb:if condition="($message['otherRecipients'] == 1)">
			<span class="others">{vb:rawphrase to_x_and_other, {vb:raw userInfo.username}, {vb:var profileUrl}}</span>
		<vb:elseif condition="($message['otherRecipients'])" />
			<span class="others">{vb:rawphrase to_x_and_others, {vb:raw userInfo.username}, {vb:var profileUrl}, {vb:var message.otherRecipients}}</span>
		<vb:else />
			{vb:rawphrase to_x, {vb:raw userInfo.username}, {vb:var profileUrl}}
		</vb:if>
		<div class="info h-right post-date">
			<vb:if condition="$message['responses'] > 0">
				<span class="replies"><vb:if condition="$message['responses'] == 1">{vb:phrase x_reply, 1}<vb:else />{vb:phrase x_replies, {vb:raw message.responses}}</vb:if></span>
				<span class="divider-vertical">|</span>
			</vb:if>
			<span class="date">{vb:datetime {vb:raw message.publishdate}}</span>
		</div>
		<div class="subject ellipsis">
			{vb:set messageInfo.action, 'view'}
			{vb:set messageInfo.messageid, {vb:raw message.nodeid}}
			{vb:set params.folderid, {vb:var page.folderid}}
			<a href="{vb:url 'privatemessage', {vb:raw messageInfo}, {vb:raw params}}"><vb:if condition="$message['title']">{vb:raw message.title}<vb:else />({vb:phrase untitled})</vb:if>
			</a>
		</div>
	</div>
	<div class="message-body ellipsis">
		{vb:action parsedText, bbcode, parseNodeText, {vb:var message.nodeid}, 0, {vb:var page.contentpagenum}}
		{vb:raw parsedText}
	</div>
</li>]]></template>
		<template name="privatemessage_subscribedposts" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:if condition="$page['pagenum']">
	{vb:set pagenum, {vb:var page.pagenum}}
<vb:else />
	{vb:set pagenum, 1}
</vb:if>

{vb:set page.perpage, {vb:raw widgetConfig.resultsPerPage}}
{vb:set page.page, {vb:raw pagenum}}
{vb:set page.type, 'follow_contents'}

{vb:data followingInfo, follow, getFollowingInfo, {vb:raw page}}

{vb:set queryParams, {vb:var page.routeInfo.queryParameters}}

{vb:set followingInfo.options.filter_sort, 'mostactive'}

{vb:data following, follow, getFollowingActivities, {vb:raw followingInfo.options}}
<vb:if condition="!empty($following['errors'])">
	{vb:redirect {vb:raw baseurl}}
</vb:if>

<script type="text/javascript">
	var folderid = "0";
	var pmPageNum = "{vb:raw pagenum}";
</script>

<vb:comment>fetch info in batches</vb:comment>
{vb:set userIds, {vb:php array}}
<vb:each from="following.results" value="forum">
	<vb:if condition="$forum['type'] == 'Channel' AND !empty($forum['lastcontent']['userid'])">
		{vb:set num_elem, {vb:php array_push, {vb:raw userIds}, {vb:raw forum.lastcontent.userid}}}
	</vb:if>
</vb:each>
{vb:data userThumbAvatars, user, fetchAvatars, {vb:raw userIds}, 1}

<div class="main-pane-container">
	<table class="list-container message-list pm-message-list folder-message-list topic-list-container conversation-list">
		<vb:each from="following.results" value="node">
			<vb:if condition="$node['type'] == 'Channel'">
				{vb:template display_Forums_item, forum={vb:raw node}, inMessageCenter=1, avatar={vb:raw userThumbAvatars}}
			<vb:else />
				{vb:template display_Topics_item, topic={vb:raw node}, canmoderate=0, no_header=1, inMessageCenter=1}
			</vb:if>
		</vb:each>
	</table>

	{vb:data pagingInfo, page, getPagingInfo, {vb:var pagenum}, {vb:var following.paginationInfo.totalcount}, {vb:var widgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
	<div class="h-margin-right-xl">
		{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
	</div>

</div>]]></template>
		<template name="privatemessage_subscribedposts_toolbar" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:if condition="empty($page['pagenum'])">
	{vb:set pagenum, 1}
<vb:else />
	{vb:set pagenum, {vb:raw page.pagenum}}		
</vb:if>

{vb:set page.perpage, {vb:raw widgetConfig.resultsPerPage}}
{vb:set page.page, {vb:raw pagenum}}
{vb:set page.type, 'follow_contents'}

{vb:data followingInfo, follow, getFollowingInfo, {vb:raw page}}

{vb:set queryParams, {vb:var page.routeInfo.queryParameters}}
<vb:if condition="!empty($queryParams['sortDir']) AND ($queryParams['sortDir'] == 'ASC')">
	{vb:set data.sortDir, 'ASC'}
<vb:else />
	{vb:set data.sortDir, 'DESC'}
</vb:if>

{vb:set followingInfo.options.filter_sort, 'mostactive'}

{vb:data followings, follow, getFollowingActivities, {vb:raw followingInfo.options}}

{vb:set pages, {vb:raw followings.paginationInfo.totalpages}}
{vb:set nextpage, {vb:math {vb:raw pagenum} + 1}}
{vb:set prevpage, {vb:math {vb:raw pagenum} - 1}}
{vb:set folderid, 0}

<script type="text/javascript">
	var folderid = "{vb:raw folderid}";
	var pmPageNum = "{vb:raw pagenum}";
</script>

<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			{vb:set arguments.tab, 'subscriptions'}
			{vb:set arguments.userid, {vb:var user.userid}}
			<a href="{vb:url 'subscription', {vb:raw arguments}, ''}" class="b-button b-button--secondary">{vb:phrase go_to_subscriptions_list}</a>
		</div>
		<ul class="toolset h-right">
			<vb:if condition="$pages > 1">
				<div class="toolset-item pagenav-controls h-left">
					<input type="hidden" id="maxPageNum" value="{vb:raw pages}" />
					<div class="pagenav h-left">
						{vb:phrase page} <input type="text" id="privatemessagePageto" name="page" class="textbox" value="{vb:raw pagenum}" /> / <span class="pagetotal">{vb:number {vb:raw pages}}</span>
					</div>
				
					<div class="horizontal-arrows h-left">
						<vb:if condition="$pagenum > 1">
							{vb:set urlInfo.action, 'subscribedposts'}
							{vb:set urlInfo.folderid, {vb:raw folderid}}
							{vb:set urlInfo.pagenum, {vb:raw prevpage}}
							<a href="{vb:url 'privatemessage', {vb:raw urlInfo}}?sortDir={vb:var data.sortDir}" class="arrow left-arrow" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						<vb:else />
							<a class="arrow left-arrow h-disabled" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						</vb:if>
						<vb:if condition="$pagenum < $pages">
							{vb:set urlInfo.action, 'subscribedposts'}
							{vb:set urlInfo.folderid, {vb:raw folderid}}
							{vb:set urlInfo.pagenum, {vb:raw nextpage}}
							<a href="{vb:url 'privatemessage', {vb:raw urlInfo}}?sortDir={vb:var data.sortDir}" class="arrow right-arrow" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
						<vb:else />
							<a class="arrow right-arrow h-disabled" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
						</vb:if>
					</div>
				</div>
			</vb:if>
		</ul>
	</div>
</div>]]></template>
		<template name="privatemessage_subscribers" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:if condition="$page['pagenum']">
	{vb:set pagenum, {vb:var page.pagenum}}
<vb:else />
	{vb:set pagenum, 1}
</vb:if>

{vb:set page.perpage, {vb:raw widgetConfig.resultsPerPage}}
{vb:set page.page, {vb:raw pagenum}}
{vb:set page.type, 'follow_members'}

{vb:data followingInfo, follow, getFollowingInfo, {vb:raw page}}

{vb:set queryParams, {vb:var page.routeInfo.queryParameters}}
<vb:if condition="!empty($queryParams['sortDir']) AND ($queryParams['sortDir'] == 'ASC')">
	{vb:set followingInfo.options.filter_sort, 'asc'}
<vb:else />
	{vb:set followingInfo.options.filter_sort, 'desc'}
</vb:if>

{vb:data following, follow, getFollowingUserActivities, {vb:raw followingInfo.options}}

<vb:if condition="!empty($following['errors'])">
	{vb:redirect {vb:raw baseurl}}
</vb:if>

<script type="text/javascript">
	var folderid = "0";
	var pmPageNum = "{vb:raw pagenum}";
</script>

<div class="main-pane-container">
	<table class="list-container message-list pm-message-list folder-message-list topic-list-container conversation-list">
		<vb:each from="following.results" value="node">
			{vb:template display_Topics_item, topic={vb:raw node}, canmoderate=0, no_header=1, inMessageCenter=1}
		</vb:each>
	</table>

	{vb:data pagingInfo, page, getPagingInfo, {vb:var pagenum}, {vb:var following.totalRecords}, {vb:var widgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
	<div class="h-margin-right-xl">
		{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
	</div>

</div>]]></template>
		<template name="privatemessage_subscribers_toolbar" templatetype="template" date="1524787653" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[<vb:if condition="empty($page['pagenum'])">
	{vb:set pagenum, 1}
<vb:else />
	{vb:set pagenum, {vb:raw page.pagenum}}		
</vb:if>

{vb:set page.perpage, {vb:raw widgetConfig.resultsPerPage}}
{vb:set page.page, {vb:raw pagenum}}
{vb:set page.type, 'follow_members'}

{vb:data followingInfo, follow, getFollowingInfo, {vb:raw page}}

{vb:set queryParams, {vb:var page.routeInfo.queryParameters}}
<vb:if condition="!empty($queryParams['sortDir']) AND ($queryParams['sortDir'] == 'ASC')">
	{vb:set data.sortDir, 'ASC'}
<vb:else />
	{vb:set data.sortDir, 'DESC'}
</vb:if>

{vb:data followings, follow, getFollowingUserActivities, {vb:raw followingInfo.options}}

{vb:set pages, {vb:raw followings.pagination.totalpages}}
{vb:set count, {vb:raw followings.pagination.totalcount}}
{vb:set nextpage, {vb:math {vb:raw pagenum} + 1}}
{vb:set prevpage, {vb:math {vb:raw pagenum} - 1}}
{vb:set folderid, 0}

<script type="text/javascript">
	var folderid = "{vb:raw folderid}";
	var pmPageNum = "{vb:raw pagenum}";
</script>

<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			{vb:set arguments.tab, 'subscribers'}
			{vb:set arguments.userid, {vb:var user.userid}}
			<a href="{vb:url 'subscription', {vb:raw arguments}, ''}" class="b-button b-button--secondary">{vb:phrase subscribers_list}</a>
		</div>
		<ul class="toolset h-right">
			<vb:if condition="$pages > 1">
				<div class="toolset-item pagenav-controls h-left">
					<input type="hidden" id="maxPageNum" value="{vb:raw pages}" />
					<div class="pagenav h-left">
						{vb:phrase page} <input type="text" id="privatemessagePageto" name="page" class="textbox" value="{vb:raw pagenum}" /> / <span class="pagetotal">{vb:number {vb:raw pages}}</span>
					</div>
				
					<div class="horizontal-arrows h-left">
						<vb:if condition="$pagenum > 1">
							{vb:set urlInfo.action, 'subscribers'}
							{vb:set urlInfo.folderid, {vb:raw folderid}}
							{vb:set urlInfo.pagenum, {vb:raw prevpage}}
							<a href="{vb:url 'privatemessage', {vb:raw urlInfo}}?sortDir={vb:var data.sortDir}" class="arrow left-arrow" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						<vb:else />
							<a class="arrow left-arrow h-disabled" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						</vb:if>
						<vb:if condition="$pagenum < $pages">
							{vb:set urlInfo.action, 'subscribers'}
							{vb:set urlInfo.folderid, {vb:raw folderid}}
							{vb:set urlInfo.pagenum,  {vb:raw nextpage}}
							<a href="{vb:url 'privatemessage', {vb:raw urlInfo}}?sortDir={vb:var data.sortDir}" class="arrow right-arrow" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
						<vb:else />
							<a class="arrow right-arrow h-disabled" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
						</vb:if>
					</div>
				</div>
			</vb:if>
			<li class="toolbar-filter">
				<div class="filter-wrapper h-clearfix js-button" tabindex="0">
					<div class="label h-left">{vb:phrase filter}</div>
					<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon vb-icon-triangle-down-wide"></span></div>
				</div>
			</li>
		</ul>
		
		{vb:set urlInfo.action, 'subscribers'}
		{vb:set urlInfo.folderid, {vb:raw folderid}}
		{vb:set urlInfo.pagenum,  1}
		<form class="toolbar-filter-overlay h-clearfix message-filters" method="POST" action="{vb:url 'privatemessage', {vb:raw urlInfo}}">
			<ul class="filter-options-list">
				<li>
					<div class="filter-header">{vb:phrase sort_by}</div>
					<div class="filter-options left">
						<label><input class="sort-filter" type="radio" name="sortDir" value="DESC" <vb:if condition="$data['sortDir'] == 'DESC'">checked="checked"</vb:if> /><span>{vb:phrase newest_first}</span></label>
						<label><input class="sort-filter" type="radio" name="sortDir" value="ASC" <vb:if condition="$data['sortDir'] == 'ASC'">checked="checked"</vb:if> /><span>{vb:phrase oldest_first}</span></label>
					</div>
				</li>
			</ul>
		</form>
	</div>
</div>]]></template>
		<template name="privatemessage_trash" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:if condition="$page['pagenum']">
	{vb:set pagenum, {vb:var page.pagenum}}
<vb:else />
	{vb:set pagenum, 1}
</vb:if>

{vb:set queryParams, {vb:var page.routeInfo.queryParameters}}
<vb:if condition="!empty($queryParams['sortDir']) AND ($queryParams['sortDir'] == 'ASC')">
	{vb:set data.sortDir, 'ASC'}
<vb:else />
	{vb:set data.sortDir, 'DESC'}
</vb:if>

{vb:set data.folderid, {vb:var page.folderid}}
{vb:set data.pageNum, {vb:var pagenum}}
{vb:set data.perpage, {vb:var widgetConfig.resultsPerPage}}

{vb:data messages, content_privatemessage, listMessages, {vb:var data}}
<vb:if condition="!empty($messages['errors'])">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

{vb:data pageInfo, content_privatemessage, getFolderMsgCount, {vb:var page.folderid}, {vb:var page.pagenum}, {vb:var data.perpage}}

<vb:if condition="!empty($messages['errors'])">
	{vb:redirect {vb:raw baseurl }}
</vb:if>

<script type="text/javascript">
	var folderid = "{vb:raw page.folderid}";
	var pmPageNum = "{vb:raw pagenum}";
</script>

<div class="main-pane-container">
	<div class="list-controls main-pane-header h-padding-horiz-xl h-clearfix">
		<div class="h-left">
			<label>{vb:phrase select}:</label>
			<span class="select-all b-link js-link" tabindex="0">{vb:phrase all}</span> | <span class="select-none b-link js-link" tabindex="0">{vb:phrase none}</span>
		</div>
	</div>
	<ul class="list-container message-list pm-message-list folder-message-list">
		<vb:each from="messages" key="messageid" value="message">
			{vb:template privatemessage_preview, message={vb:raw message}, recipients={vb:raw message.recipients}, page={vb:raw page}, showCheckbox=1}
		</vb:each>
	</ul>

	{vb:data pagingInfo, page, getPagingInfo, {vb:var pagenum}, {vb:var pageInfo.count}, {vb:var widgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
	<div class="h-margin-right-xl">
		{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
	</div>

</div>]]></template>
		<template name="privatemessage_trash_toolbar" templatetype="template" date="1524787653" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[{vb:set ignore[0], 'trash'}
{vb:set ignore[1], 'requests'}
{vb:set ignore[2], 'your_notifications'}
{vb:set ignore[3], 'sent_items'}
{vb:set ignore[4], 'messages'}
{vb:set ignore[5], 'pending_posts'}
{vb:set ignore[6], 'infractions'}
{vb:set ignore[7], 'deleted_items'}
{vb:data folders, content_privatemessage, listFolders, {vb:raw ignore}}
<vb:if condition="!empty($folders['errors'])">
	{vb:redirect {vb:raw baseurl}}
</vb:if>

<vb:if condition="empty($page['pagenum'])">
	{vb:set pagenum, 1}
<vb:else />
	{vb:set pagenum, {vb:raw page.pagenum}}
</vb:if>

{vb:set queryParams, {vb:var page.routeInfo.queryParameters}}
<vb:if condition="!empty($queryParams['sortDir']) AND ($queryParams['sortDir'] == 'ASC')">
	{vb:set data.sortDir, 'ASC'}
<vb:else />
	{vb:set data.sortDir, 'DESC'}
</vb:if>

{vb:data pageInfo, content_privatemessage, getFolderMsgCount, {vb:var page.folderid}, {vb:raw pagenum}, {vb:raw widgetConfig.resultsPerPage}}

{vb:set pages, {vb:raw pageInfo.pages}}
{vb:set count, {vb:raw pageInfo.count}}
{vb:set nextpage, {vb:raw pageInfo.nextpage}}
{vb:set prevpage, {vb:raw pageInfo.prevpage}}
{vb:set folderid, {vb:var page.folderid}}

<script type="text/javascript">
	var folderid = "{vb:raw folderid}";
	var pmPageNum = "{vb:raw pagenum}";
</script>

<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			<button type="button" class="b-button b-button--secondary pmBtnUndelete">{vb:phrase undelete}</button>
			<button type="button" class="b-button b-button--secondary pmBtnDeletePermanently">{vb:phrase delete_permanently}</button>
			<vb:if condition="!empty($folders)">
				<div class="split-button b-button b-button--dropdown-menu-button">
					<div class="split-button-wrapper">
						<div class="button-set move-button-set one-click table">
							<div class="td">
								<button id="btnMove" type="button" class="button-text move-btn">
									<span class="vb-icon vb-icon-folder-black"></span>
									<span class="b-button__text-primary js-button__text-primary phrase">{vb:phrase move}</span>
									<span class="b-button__text-secondary"></span>
								</button>
							</div>
							<div class="td">
								<button type="button" class="b-button__icon js-button__icon"></button>
							</div>
						</div>
						<ul class="submenu h-clear h-hide" id="pmMoveToFolder">
							<vb:each from="folders" key="thisFolderid" value="folder">
								<li class="pmMoveToFolder" id="folder_{vb:raw thisFolderid}"><span>{vb:raw folder}</span></li>
							</vb:each>
							<li><span id="pmOpenNewFolderName">+{vb:phrase add_a_folder}</span></li>
						</ul>
					</div>
				</div>
			</vb:if>
		</div>
		<ul class="toolset h-right">
			<vb:if condition="$pages > 1">
				<div class="toolset-item pagenav-controls h-left">
					<input type="hidden" id="maxPageNum" value="{vb:raw pages}" />
					<div class="pagenav h-left">
						{vb:phrase page} <input type="text" id="privatemessagePageto" name="page" class="textbox" value="{vb:raw pagenum}" /> / <span class="pagetotal">{vb:number {vb:raw pages}}</span>
					</div>

					<div class="horizontal-arrows h-left">
						<vb:if condition="$pagenum > 1">
							{vb:set urlInfo.action, 'trash'}
							{vb:set urlInfo.folderid, {vb:raw folderid}}
							{vb:set urlInfo.pagenum, {vb:raw prevpage}}
							<a href="{vb:url 'privatemessage', {vb:raw urlInfo}}?sortDir={vb:var data.sortDir}" class="arrow left-arrow" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						<vb:else />
							<a class="arrow left-arrow h-disabled" title="{vb:phrase previous_page}" rel="prev"><span class="vb-icon vb-icon-arrow-left"></span></a>
						</vb:if>
						<vb:if condition="$pagenum < $pages">
							{vb:set urlInfo.action, 'trash'}
							{vb:set urlInfo.folderid, {vb:raw folderid}}
							{vb:set urlInfo.pagenum,  {vb:raw nextpage}}
							<a href="{vb:url 'privatemessage', {vb:raw urlInfo}}?sortDir={vb:var data.sortDir}" class="arrow right-arrow" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
						<vb:else />
							<a class="arrow right-arrow h-disabled" title="{vb:phrase next_page}" rel="next"><span class="vb-icon vb-icon-arrow-right"></span></a>
						</vb:if>
					</div>
				</div>
			</vb:if>
			<li class="toolbar-filter">
				<div class="filter-wrapper h-clearfix js-button" tabindex="0">
					<div class="label h-left">{vb:phrase filter}</div>
					<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon vb-icon-triangle-down-wide"></span></div>
				</div>
			</li>
		</ul>

		{vb:set urlInfo.action, 'trash'}
		{vb:set urlInfo.folderid, {vb:raw folderid}}
		{vb:set urlInfo.pagenum,  1}
		<form class="toolbar-filter-overlay h-clearfix message-filters" method="POST" action="{vb:url 'privatemessage', {vb:raw urlInfo}}">
			<ul class="filter-options-list">
				<li>
					<div class="filter-header">{vb:phrase sort_by}</div>
					<div class="filter-options h-left">
						<label><input class="sort-filter" type="radio" name="sortDir" value="DESC" <vb:if condition="$data['sortDir'] == 'DESC'">checked="checked"</vb:if> /><span>{vb:phrase newest_first}</span></label>
						<label><input class="sort-filter" type="radio" name="sortDir" value="ASC" <vb:if condition="$data['sortDir'] == 'ASC'">checked="checked"</vb:if> /><span>{vb:phrase oldest_first}</span></label>
					</div>
				</li>
			</ul>
		</form>
	</div>
</div>]]></template>
		<template name="privatemessage_view" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[{vb:data messageTree, content_privatemessage, getMessage, {vb:raw page.messageid}}
{vb:set message, {vb:raw messageTree.message}}
{vb:set messageid, {vb:raw message.nodeid}}
{vb:set otherRecipients, {vb:raw messageTree.otherRecipients}}
{vb:set included, {vb:var messageTree.included}}
{vb:set messages, {vb:raw messageTree.messages}}
{vb:set firstRecipient, {vb:raw messageTree.firstRecipient}}
<script type="text/javascript">
var messageDetailPage = true;
var pmParentFolderId = "{vb:var page.folderid}";
</script>

<input type="hidden" id="privateMessageNodeid" value="{vb:raw messageid}"/>

<vb:if condition="!empty($firstRecipient)">
	{vb:set userInfo.userid, {vb:var firstRecipient.userid}}
	{vb:set userInfo.username, {vb:raw firstRecipient.username}}
<vb:elseif condition="$included" />
	{vb:set userInfo.userid, {vb:var user.userid}}
	{vb:set userInfo.username, {vb:raw user.username}}
<vb:else />
	{vb:set userInfo.userid, {vb:var message.userid}}
	{vb:set userInfo.username, {vb:raw message.authorname}}
</vb:if>

<div class="conversation-content private-message-detail">
	{vb:set profileUrl, {vb:url 'profile', {vb:raw userInfo}}}
	<vb:if condition="($otherRecipients == 1)">
		<vb:if condition="$included">
			<div id="pmOtherRecipientsOpen" class="privateMessageSummary">{vb:rawphrase href_x_y_me_and_y_1_other_are_in_this_message, {vb:var profileUrl}, {vb:raw userInfo.username}, {vb:var message.nodeid}}</div>
		<vb:else />
			<div id="pmOtherRecipientsOpen" class="privateMessageSummary">{vb:rawphrase href_x_y_and_y_1_other_are_in_this_message, {vb:var profileUrl}, {vb:raw userInfo.username}, {vb:var message.nodeid}}</div>
		</vb:if>
	<vb:elseif condition="($otherRecipients)" />
		<vb:if condition="$included">
			<div id="pmOtherRecipientsOpen" class="privateMessageSummary">{vb:rawphrase href_x_y_me_and_y_z_others_are_in_this_message, {vb:var profileUrl}, {vb:raw userInfo.username}, {vb:var message.nodeid}, {vb:var otherRecipients}}</div>
		<vb:else />
			<div id="pmOtherRecipientsOpen" class="privateMessageSummary">{vb:rawphrase href_x_y_and_y_z_others_are_in_this_message, {vb:var profileUrl}, {vb:raw userInfo.username}, {vb:var message.nodeid}, {vb:var otherRecipients}}</div>
		</vb:if>
	<vb:else />
		<vb:if condition="$included AND ($userInfo['userid'] != $user['userid'])">
			<div id="pmOtherRecipientsOpen" class="privateMessageSummary">{vb:rawphrase href_x_y_and_me_are_in_this_message, {vb:var profileUrl}, {vb:raw userInfo.username}}</div>
		<vb:else />
			<div id="pmOtherRecipientsOpen" class="privateMessageSummary">{vb:rawphrase href_x_y_is_in_this_message, {vb:var profileUrl}, {vb:raw userInfo.username}}</div>
		</vb:if>
	</vb:if>
	<div class="list-controls main-pane-header h-padding-horiz-xl h-clearfix">
		<div class="h-left">
			<label>{vb:phrase select}:</label>
			<span class="select-all b-link js-link" tabindex="0">{vb:phrase all}</span> | <span class="select-none b-link js-link" tabindex="0">{vb:phrase none}</span>
		</div>
	</div>
	<ul class="privateMessageDetail conversation-list list-container thread-view h-clearfix">
		{vb:data bbcodeOptions, content_privatemessage, getBbcodeOptions, {vb:raw message.nodeid}}
		<vb:each from="messages" value="message">
			{vb:template privatemessage_detail, message = {vb:raw message}, hideCheckbox = 1, bbcodeOptions = {vb:raw bbcodeOptions}}
		</vb:each>
	</ul>
</div>

{vb:template privatemessage_newpm, messageAction=reply, respondto={vb:raw messageid}, showCancel=0}]]></template>
		<template name="privatemessage_viewinfraction" templatetype="template" date="1484069531" username="vBulletin" version="5.2.6 Alpha 5"><![CDATA[{vb:set options.channel, {vb:var page.nodeid}}
{vb:set options.include_starter, 1}
{vb:set sortOption.created, 'ASC'}
{vb:set options.sort, {vb:raw sortOption}}
{vb:set options.nolimit, 1}
{vb:set options.depth, 1}
{vb:set options.view, 'conversation_thread'}

{vb:rawdata nodes, search, getInitialResults, {vb:raw options}}

<div class="conversation-content infractions">
	<ul class="conversation-list list-container h-clearfix thread-view">
		{vb:set starterTemplateName, 'display_contenttype_conversationstarter_threadview_'}
		{vb:set baseReplyTemplateName, 'display_contenttype_conversationreply_threadview_'}
		<vb:each from="nodes.results" value="node">
			{vb:set conversation, {vb:raw node.content}}
			<vb:if condition="empty($currentConversation)">
				{vb:set currentConversation, {vb:raw conversation}}
			</vb:if>
			{vb:set footerControls, {vb:php array_fill_keys, {vb:php array, showQuoteCtrl}, 1}}
			<vb:if condition="$node['nodeid'] != $node['starter']">
				<!-- Conversation Replies or Comments -->
				{vb:set replyTemplateName, {vb:concat {vb:raw baseReplyTemplateName}, {vb:raw node.contenttypeclass}}}
				{vb:set footerControls.showEditCtrl, 1}
				{vb:template {vb:raw replyTemplateName}, conversation={vb:raw node.content},  bbcodeOptions={vb:raw channelBbcodes}, showInlineMod=0, widgetConfig={vb:raw widgetConfig}, view={vb:raw view}, hidePostIndex=1, previewMode=1, showNoControls=1, footerControls={vb:raw footerControls}}
			<vb:else />
				<!-- Starter Conversation -->
				{vb:set replyTemplateName, {vb:concat {vb:raw starterTemplateName}, {vb:raw node.contenttypeclass}}}
				{vb:template {vb:raw replyTemplateName}, conversation={vb:raw node.content},  bbcodeOptions={vb:raw channelBbcodes}, showInlineMod=0, widgetConfig={vb:raw widgetConfig}, view={vb:raw view}, hidePostIndex=1, showNoControls=1, footerControls={vb:raw footerControls}}
			</vb:if>
		</vb:each>
	</ul>
</div>

<div class="h-margin-xl h-margin-top-none h-clear hide-on-editmode msg-type-reply">
	{vb:data infraction_channel, node, fetchInfractionChannel}
	{vb:data canSendAttachments, user, hasPermissions, forumpermissions, canpostattachment, {vb:raw infraction_channel}}
	{vb:data conversationRoute,
						route,
						getChannelConversationRoute,
						{vb:raw currentConversation.parentid}}
	{vb:template contententry,
		page={vb:raw page},
		parentid={vb:var page.nodeid},
		conversation={vb:raw conversation},
		routeid={vb:raw conversationRoute},
		submitButtonLabel={vb:phrase post_reply},
		contentEntryType="reply",
		allowTypeText=1,
		allowTypePhoto=1,
		allowTypeLink=1,
		allowTypePoll=0,
		allowTypeEvent=0,
		defaultContentType=Text,
		showToggleEditor=1,
		showSmiley=1,
		showCancel=0,
		showAttachment={vb:if "$canSendAttachments", "1", "0"},
		showTags=0,
		showTitle=0,
		isVm=0,
		initOnPageLoad=1,
		focusOnPageLoad=0,
		preloadJavascript=1,
		compactButtonSpacing=1,
		uploadFrom=newContent
	}
</div>
{vb:js js/conversation-rollup.js}]]></template>
		<template name="privatemessage_viewinfraction_toolbar" templatetype="template" date="1516404129" username="vBulletin" version="5.4.1 Alpha 1"><![CDATA[{vb:set routeInfo.action, 'infractions'}
{vb:data routeInfo.folderid, content_privatemessage, getInfractionFolderId}

<div id="pmFloatingBar" class="toolbar-wrapper conversation-toolbar">
	<div id="pmFloatingBarContent" class="horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			<a id="pmBtnBackToInfractions" href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="b-button b-button--secondary"><span class="b-button__icon b-icon b-icon__arrow-left-m"></span>{vb:phrase back_to_infractions}</a>

			<button id="infractionBtnReply" type="button" class="b-button b-button--secondary post-reply-btn">{vb:phrase reply}</button>
			<vb:comment>
			Per VBV-15918, hiding delete button until we decide how it's supposed to work. See VBV-10643.
			<button type="button" class="infraction-delete b-button b-button--secondary"><span class="b-icon b-icon__trash b-icon--active"></span><span class="phrase">{vb:phrase delete}</span></button>
			</vb:comment>
		</div>
	</div>
</div>]]></template>
		<template name="privatemessage_view_toolbar" templatetype="template" date="1550887286" username="vBulletin" version="5.5.2 Alpha 1"><![CDATA[{vb:set ignore[0], 'trash'}
{vb:set ignore[1], 'requests'}
{vb:set ignore[2], 'your_notifications'}
{vb:set ignore[3], 'sent_items'}
{vb:set ignore[4], 'infractions'}
{vb:set ignore[5], 'deleted_items'}
{vb:data folders, content_privatemessage, listFolders, {vb:raw ignore}}
<div id="pmFloatingBar" class="toolbar-wrapper">
	<div id="pmFloatingBarContent" class="horizontal-toolbar h-clearfix">
		<div class="toolset h-left b-button-group b-button-group--left">
			<button id="pmBtnBackToMessage" type="button" class="b-button b-button--secondary back-button">
				<span class="b-button__icon b-icon b-icon__arrow-left-m"></span>
				{vb:phrase back_to_messages}
			</button>
			<button id="pmBtnReply" type="button" class="b-button b-button--secondary">{vb:phrase reply}</button>
			<button id="pmBtnCancel" type="button" class="b-button b-button--secondary h-hide-imp">{vb:phrase cancel}</button>
			<button id="pmBtnForward" type="button" class="b-button b-button--secondary">{vb:phrase forward}</button>
			<button id="pmBtnDelete" type="button" class="b-button b-button--secondary">
				<span class="b-icon b-icon__trash b-icon--active"></span>
				<span class="phrase">{vb:phrase delete}</span>
			</button>
			<div id="pmForwardPrompt" class="h-hide h-left">{vb:phrase select_messages_to_forward}</div>
			<div class="split-button b-button b-button--dropdown-menu-button">
				<div class="split-button-wrapper">
					<div class="button-set move-button-set one-click table">
						<div class="td">
							<button id="btnMove" type="button" class="button-text move-btn">
								<span class="vb-icon vb-icon-folder-black"></span>
								<span class="b-button__text-primary js-button__text-primary phrase">{vb:phrase move}</span>
								<span class="b-button__text-secondary"></span>
							</button>
						</div>
						<div class="td">
							<button type="button" class="b-button__icon js-button__icon"></button>
						</div>
					</div>
					<ul class="submenu h-clear h-hide" id="pmMoveToFolder">
						<vb:each from="folders" key="thisFolderid" value="folder">
							<li class="pmMoveToFolder" id="folder_{vb:raw thisFolderid}"><span>{vb:raw folder}</span></li>
						</vb:each>
						<li><span id="pmOpenNewFolderName">+{vb:phrase add_a_folder}</span></li>
					</ul>
				</div>
			</div>

			<vb:if condition="!empty($page['messageid']) AND $user['canUsePMChat']">
				{vb:set routeExtras, {vb:php array}}
				{vb:set routeExtras.messageid, {vb:var page.messageid}}
				<a id="pmBtnOpenChat" class="b-button b-button--secondary js-button js-pmchat-link"
					href="{vb:url 'pmchat', null, {vb:raw routeExtras}}"
					title="{vb:phrase open_in_vbmessenger}"
				>
					<span class="b-icon b-icon__pm"></span>
					{vb:phrase open_in_vbmessenger}
				</a>
			</vb:if>
		</div>
	</div>
</div>]]></template>
	</templategroup>
	<templategroup name="Profile">
		<template name="profilefields" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[<vb:each from="fields" value="field">
	<vb:if condition="$field['type'] == 'input'">
		<vb:comment><!-- Input Field --></vb:comment>
		{vb:template userfield_textbox, profilefield={vb:raw field}, profilefieldname={vb:raw field.fieldname}}
	<vb:elseif condition="$field['type'] == 'textarea'"/>
		<vb:comment><!-- Text Area --></vb:comment>
		{vb:template userfield_textarea, profilefield={vb:raw field}, profilefieldname={vb:raw field.fieldname}}
	<vb:elseif condition="$field['type'] == 'radio' OR $field['type'] == 'checkbox'"/>
		<vb:comment><!-- Radio & Checkbox --></vb:comment>
		{vb:template userfield_radio, profilefield={vb:raw field}, profilefieldname={vb:raw field.fieldname}}
	<vb:elseif condition="$field['type'] == 'select'"/>
		<vb:comment><!-- Select --></vb:comment>
		{vb:template userfield_select, profilefield={vb:raw field}, profilefieldname={vb:raw field.fieldname}}
	<vb:elseif condition="$field['type'] == 'select_multiple'"/>
		<vb:comment><!-- Select Multiple --></vb:comment>
		{vb:template userfield_select_multiple, profilefield={vb:raw field}, profilefieldname={vb:raw field.fieldname}}
	</vb:if>
</vb:each>]]></template>
		<template name="profile_about" templatetype="template" date="1473293202" username="vBulletin" version="5.2.5 Alpha 2"><![CDATA[<vb:if condition="!isset($displayOwner)">
	<vb:if condition="$userInfo['userid'] == $user['userid']">
		{vb:set displayOwner, 1}
	<vb:else />
		{vb:set displayOwner, 0}
	</vb:if>
</vb:if>

<vb:if condition="$displayOwner">
	{vb:set canseehiddencustomfields, 1}
	<div class="section about-status">
		<div class="section-header">
			{vb:phrase status}
		</div>
		<div class="section-content">
			<textarea rows="2" class="autogrow textbox js-user-status-text" placeholder="{vb:phrase enter_your_status_here}" maxlength="{vb:var vboptions.statusMaxChars}"><vb:if condition="!empty($user['status'])">{vb:var user.status}</vb:if></textarea>
			<div class="b-button-group h-margin-top-l">
				<button type="button" class="b-button b-button--primary js-updata-status-btn">{vb:phrase update}</button>
			</div>
		</div>
	</div>
<vb:else />
	{vb:data canseehiddencustomfields, user, hasPermissions, 'genericpermissions', 'canseehiddencustomfields'}
</vb:if>

<div class="section about-basicinfo">
	<div class="section-header">
		{vb:phrase basicinfo}
	</div>
	<div class="section-content table">
		<vb:if condition="$userInfo['birthday_search'] != 0">
		
			<vb:if condition="$userInfo['showbirthday'] == 1">
				<div class="tr">
					<div class="td">{vb:phrase age}</div>
					<div class="td">{vb:raw userInfo.age}</div>
				</div>
			</vb:if>
			
			<vb:if condition="$userInfo['showbirthday'] == 2">
				<div class="tr">
					<div class="td">{vb:phrase birthday_guser}</div>
					<div class="td">{vb:date {vb:raw userInfo.birthdayTimestamp}, 'cal1', 0, 0} ({vb:raw userInfo.age})</div>
				</div>
			</vb:if>
			
			<vb:if condition="$userInfo['showbirthday'] == 3">
				<div class="tr">
					<div class="td">{vb:phrase birthday_guser}</div>
					<div class="td">{vb:date {vb:raw userInfo.birthdayTimestamp}, 'cal2', 0, 0}</div>
				</div>
			</vb:if>
			
		</vb:if>
		
		<vb:each from="userInfo.customFields" key="category" value="fields">
			<vb:if condition="$category == 'default'">
			<vb:each from="fields" key="name" value="field">
				<vb:if condition="($field['hidden'] == 0 OR $canseehiddencustomfields) AND (!empty($field['val']) OR $field['val'] === 0 OR $field['val'] === '0')">
					<div class="tr">
						<div class="td">{vb:rawphrase {vb:raw name}}</div>
						<div class="td">{vb:raw field.val}</div>
					</div>
				</vb:if>
			</vb:each>
			</vb:if>
		</vb:each>

		{vb:hook profile_basics_end}
	</div>

	<vb:each from="userInfo.customFields" key="category" value="fields">
	<vb:if condition="$category != 'default'">
		<div class="section-header">
			{vb:rawphrase {vb:raw category}}
		</div>
		<div class="section-content table">
			<vb:each from="fields" key="name" value="field">
			<vb:if condition="($field['hidden'] == 0 OR $canseehiddencustomfields) AND (!empty($field['val']) OR $field['val'] === 0 OR $field['val'] === '0')">
				<div class="tr">
					<div class="td">{vb:rawphrase {vb:raw name}}</div>
					<div class="td">{vb:raw field.val}</div>
				</div>
			</vb:if>
			</vb:each>
		</div>
	</vb:if>
	</vb:each>
</div>

<vb:if condition="$userInfo['homepage'] OR $userInfo['icq']  OR $userInfo['aim'] OR $userInfo['google'] OR $userInfo['yahoo'] OR $userInfo['skype']">
	<div class="section about-contact">
		<div class="section-header">
			{vb:phrase contact}
		</div>
		<div class="section-content table">
			<vb:if condition="$userInfo['homepage']">
				<div class="tr">
					<div class="td">{vb:phrase web}</div>
					<div class="td">{vb:raw userInfo.homepage}</div>
				</div>
			</vb:if>
	
			<vb:if condition="$userInfo['icq']">
				<div class="tr">
					<div class="td">{vb:phrase icq}</div>
					<div class="td">{vb:raw userInfo.icq}</div>
				</div>
			</vb:if>
	
			<vb:if condition="$userInfo['aim']">
				<div class="tr">
					<div class="td">{vb:phrase aim}</div>
					<div class="td">{vb:raw userInfo.aim}</div>
				</div>
			</vb:if>
	
			<vb:if condition="$userInfo['yahoo']">
				<div class="tr">
					<div class="td">{vb:phrase yahoo}</div>
					<div class="td">{vb:raw userInfo.yahoo}</div>
				</div>
			</vb:if>
	
			<vb:if condition="$userInfo['google']">
				<div class="tr">
					<div class="td">{vb:phrase google}</div>
					<div class="td">{vb:raw userInfo.google}</div>
				</div>
			</vb:if>
	
			<vb:if condition="$userInfo['skype']">
				<div class="tr">
					<div class="td">{vb:phrase skype}</div>
					<div class="td">{vb:raw userInfo.skype}</div>
				</div>
			</vb:if>

			{vb:hook profile_contacts_end}
		</div>
	</div>
</vb:if>

<div class="section about-stats">
	<div class="section-header">
		{vb:phrase statistics}
	</div>
	<div class="section-content table">
		<div class="tr">
			<div class="td">
				<div class="sub-section about-stats-totalpost">
					<div class="section-header">
						{vb:phrase total_posts}
					</div>
					<div class="section-content table">
						<div class="tr">
							<div class="td">{vb:phrase total_posts}</div>
							<div class="td">{vb:raw userInfo.posts}</div>
						</div>
						<div class="tr">
							<div class="td">{vb:phrase posts_per_day}</div>
							<div class="td">{vb:raw userInfo.postPerDay}</div>
						</div>					
						{vb:hook profile_about_posts}
					</div>
				</div>
				<div class="sub-section about-stats-vm">
					<div class="section-header">
						{vb:phrase visitor_messages}
					</div>
					<div class="section-content table">
						<div class="tr">
							<div class="td">{vb:phrase visitor_messages}</div>
							<div class="td">{vb:raw userInfo.vmCount}</div>
						</div>
						<div class="tr">
							<div class="td">{vb:phrase most_recent_message}</div>
							<div class="td"><vb:if condition="$userInfo['vmMostRecent']">{vb:date {vb:raw userInfo.vmMostRecent}}<vb:else />-</vb:if></div>
						</div>					
						{vb:hook profile_about_vms}
					</div>
				</div>
				<div class="sub-section about-stats-generalinfo">
					<div class="section-header">
						{vb:phrase general_information}
					</div>
					<div class="section-content table">
						<div class="tr">
							<div class="td">{vb:phrase last_activity}</div>
							<div class="td">{vb:date {vb:raw userInfo.lastactivity}}</div>
						</div>
						<div class="tr">
							<div class="td">{vb:phrase joined_date}</div>
							<div class="td">{vb:date {vb:raw userInfo.joindate}}</div>
						</div>
						{vb:hook profile_about_general}
					</div>
				</div>
				{vb:hook profile_about_sectionend}
			</div>				
		</div>
	</div>
</div>
<div class="section about-links">
	<div class="section-header">
		{vb:phrase links}
	</div>
	<div class="section-content table">
		<div class="tr">
			<div class="td">
				<div class="sub-section">
					<div class="section-content">
						<ul>
							{vb:data forumChannel, node, fetchForumChannel}
							{vb:set searchStr, '{'}
							{vb:strcat searchStr, '"authorid":["', {vb:var userInfo.userid}, '"],'}
							{vb:strcat searchStr, '"channel":"', {vb:raw forumChannel}, '",'}
							{vb:strcat searchStr, '"exclude_type":["vBForum_PrivateMessage"]'}
							{vb:strcat searchStr, '}'}
							{vb:set extra.searchJSON, {vb:raw searchStr}}
							<li><a href="{vb:url 'search', null, {vb:raw extra}}">{vb:phrase find_all_posts}</a></li>

							{vb:set searchStr, '{'}
							{vb:strcat searchStr, '"authorid":["', {vb:var userInfo.userid}, '"],'}
							{vb:strcat searchStr, '"channel":"', {vb:raw forumChannel}, '",'}
							{vb:strcat searchStr, '"exclude_type":["vBForum_PrivateMessage"],'}
							{vb:strcat searchStr, '"starter_only":"1"'}
							{vb:strcat searchStr, '}'}
							{vb:set extra.searchJSON, {vb:raw searchStr}}
							<li><a href="{vb:url 'search', null, {vb:raw extra}}">{vb:phrase find_all_started_threads}</a></li>

							{vb:data blogChannel, blog, getBlogChannel}
							{vb:set searchStr, '{'}
							{vb:strcat searchStr, '"authorid":["', {vb:var userInfo.userid}, '"],'}
							{vb:strcat searchStr, '"channel":"', {vb:raw blogChannel}, '",'}
							{vb:strcat searchStr, '"exclude_type":["vBForum_PrivateMessage"],'}
							{vb:strcat searchStr, '"starter_only":"1"'}
							{vb:strcat searchStr, '}'}
							{vb:set extra.searchJSON, {vb:raw searchStr}}
							<li><a href="{vb:url 'search', null, {vb:raw extra}}">{vb:phrase find_all_blog_entries}</a></li>

							{vb:data sgChannel, socialgroup, getSGChannel}
							{vb:set searchStr, '{'}
							{vb:strcat searchStr, '"authorid":["', {vb:var userInfo.userid}, '"],'}
							{vb:strcat searchStr, '"channel":"', {vb:raw sgChannel}, '",'}
							{vb:strcat searchStr, '"exclude_type":["vBForum_PrivateMessage"],'}
							{vb:strcat searchStr, '"starter_only":"1"'}
							{vb:strcat searchStr, '}'}
							{vb:set extra.searchJSON, {vb:raw searchStr}}
							<li><a href="{vb:url 'search', null, {vb:raw extra}}">{vb:phrase find_all_group_topics}</a></li>

							{vb:set searchStr, '{'}
							{vb:strcat searchStr, '"authorid":["', {vb:var userInfo.userid}, '"],'}
							{vb:strcat searchStr, '"exclude_type":["vBForum_PrivateMessage"]'}
							{vb:strcat searchStr, '}'}
							{vb:set extra.searchJSON, {vb:raw searchStr}}
							<li><a href="{vb:url 'search', null, {vb:raw extra}}">{vb:phrase find_all_content}</a></li>

							{vb:hook profile_about_links}
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>]]></template>
		<template name="profile_activity" templatetype="template" date="1380214657" username="vBulletin" version="5.1.0 Alpha 1"><![CDATA[{vb:hook profile_activity_start}
{vb:data profileInfo, user, fetchProfileInfo, {vb:raw userid}}

<vb:comment>fetch postfor info in batches</vb:comment>
{vb:set userIds, {vb:php array}}
<vb:each from="nodes" value="node">
	<vb:if condition="!empty($node['setfor'])">
		{vb:set num_elem, {vb:php array_push, {vb:raw userIds}, {vb:raw node.setfor}}}
	</vb:if>
</vb:each>
{vb:data setForInfo, user, fetchUsernames, {vb:raw userIds}, 0}

{vb:data canViewAlbum, user, hasPermissions, albumpermissions, canviewalbum}
{vb:data albumChannel, node, fetchAlbumChannel}
{vb:data isFollowing, follow, isFollowingUser, {vb:raw userid}}

<vb:each from="nodes" value="node">
	{vb:set conversation, {vb:raw node.content}}
	{vb:set contenttypeclass, {vb:raw conversation.contenttypeclass}}
	<vb:if condition="$contenttypeclass != 'PrivateMessage'">
		{vb:set showContent, 1}
		<vb:if condition="$contenttypeclass == 'Gallery'">
			<vb:if condition="isset($canViewAlbum) AND !$canViewAlbum AND ($node['parentid'] == $albumChannel)">
				{vb:set showContent, 0}
			</vb:if>
		</vb:if>
		<vb:if condition="$contenttypeclass == 'Video' AND $profileInfo['showVideos'] == 0">
			<vb:if condition="isset($isFollowing) AND $isFollowing !== 1">
				{vb:set showContent, 0}
			</vb:if>
		</vb:if>
		<vb:if condition="isset($showContent) AND $showContent > 0">
			{vb:set replyTemplateName, 'display_contenttype_conversationreply_'}
			{vb:strcat replyTemplateName, {vb:raw contenttypeclass}}

			<vb:if condition="$conversation['channeltype'] == 'blog'">
				{vb:set currentNodeIsBlog, 1}
				<vb:comment>we do not need to check for comment permissions since reportActivity=1</vb:comment>
			<vb:else />
				{vb:set currentNodeIsBlog, 0}
			</vb:if>

			<vb:if condition="$conversation['channeltype'] == 'article'">
				{vb:set currentNodeIsArticle, 1}
				<vb:comment>we do not need to check for comment permissions since reportActivity=1</vb:comment>
			<vb:else />
				{vb:set currentNodeIsArticle, 0}
			</vb:if>

			<vb:if condition="empty($node['setfor']) OR empty($setForInfo[$node['setfor']]) OR !($postfor = $setForInfo[$node['setfor']])">
				{vb:set postfor, 0}
			</vb:if>

			{vb:template {vb:raw replyTemplateName}, conversation={vb:raw conversation}, postfor={vb:raw postfor}, reportActivity = 1, showChannelInfo = 1, showInlineMod={vb:raw showInlineMod}, currentNodeIsBlog={vb:raw currentNodeIsBlog}, currentNodeIsArticle={vb:raw currentNodeIsArticle}}
		</vb:if>
	</vb:if>
</vb:each>
{vb:hook profile_activity_end}]]></template>
		<template name="profile_custom_edit" templatetype="template" date="1524521597" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[{vb:data fontInfo, profile, getAllowedFonts, null}
{vb:data canSaveSiteDefaultStyle, stylevar, canSaveDefault}
{vb:set fontnames,  {vb:raw fontInfo.fontnames}}
{vb:set fontsizes,  {vb:raw fontInfo.fontsizes}}
{vb:data cssPermissions, stylevar, fetchCustomizationPermissions}

<div class="tabs profileTabs profileNavTabs h-left stretch" id="profileNavTabs">

	<!-- Edit buttons -->
	<div class="profileEditButtons">
		<div class="profileEditButtonsInner b-button-group">
			<button class="b-button b-button--primary profCustomSave">{vb:phrase save}</button>
			<button class="b-button b-button--secondary profCustomCancel">{vb:phrase exit_without_saving}</button>
			<button class="b-button b-button--secondary profCustomDefault">{vb:phrase default}</button>
			<button class="b-button b-button--secondary profCustomRevert">{vb:phrase revert}</button>
		</div>
	</div>

	<div class="stretch h-left h-clear profileEditContent">
		<!-- Left nav -->
		<ul class="h-clear profileNavOuter">
			<li>
				<a href="#profCustom_navbar " id="tablink-1" class="profCustom_Tabs h-center-vertical-container">
					<span class="profCustom_navbar b-icon b-icon__page-nav b-icon--active h-margin-right-s h-center-vertical"></span>
					<span>{vb:phrase navigation_bar}</span>
				</a>
			</li>
			<li>
				<a href="#profCustom_content" id="tablink-2" class="profCustom_Tabs h-center-vertical-container">
					<span class="profCustom_content b-icon b-icon__page-content h-margin-right-s h-center-vertical"></span>
					<span>{vb:phrase content}</span>
				</a>
			</li>
			<li>
				<a href="#profCustom_user" id="tablink-3" class="profCustom_Tabs h-center-vertical-container">
					<span class="profCustom_user b-icon b-icon__page-sidebar h-margin-right-s h-center-vertical"></span>
					<span>{vb:phrase user_panel}</span>
				</a>
			</li>
			<vb:if condition="$canSaveSiteDefaultStyle">
				<li>
					<a href="#profCustom_admin" id="tablink-4" class="profCustom_Tabs h-center-vertical-container">
						<span class="profCustom_admin b-icon b-icon__page-admin h-margin-right-s h-center-vertical"></span>
						<span>{vb:phrase admin}</span>
					</a>
				</li>
			</vb:if>
		</ul>





    <!-- Tab 1 content -->
		<div id="profCustom_navbar" class="tab">
			<div class="tabs profileTabs widget-tabs profCustomTab h-clearfix">
				<ul class="profileNavInner">
					<li><a class="b-button" href="#profCustom_navbarActive" id="tablink-11">{vb:phrase active}</a></li>
					<li><a class="b-button" href="#profCustom_navbarInactive" id="tablink-12">{vb:phrase inactive}</a></li>
					<li><a class="b-button" href="#profCustom_navbarText" id="tablink-13">{vb:phrase usercss_toolbar}</a></li>
					<li><a class="b-button" href="#profCustom_navbarButtons" id="tablink-14">{vb:phrase buttons}</a></li>
				</ul>


        <!-- Tab 1 Subtab 1 -->

				<div id="profCustom_navbarActive" class="tab">
					<vb:if condition="$cssPermissions['bgimage']">
						<div class="profCustomBackgroundEdit" data="profcustom_navbar_background_active"></div>
					</vb:if>

					<vb:if condition="$cssPermissions['colors']">
						<div class="profCustomEditField">
							<span class="profCustomLabel">{vb:phrase usercss_color}</span>
							<input type="text" name="profcustom_navbar_text_color_active" data="profcustom_navbar_text_color_active" value="{vb:customstylevar profcustom_navbar_text_color_active.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
						</div>
					</vb:if>

					<vb:if condition="$cssPermissions['borders']">
						<div class="profCustomEditField">
							<span class="profCustomLabel">{vb:phrase border_color}</span>
							<input type="text" name="profcustom_navbar_border_active" data="profcustom_navbar_border_active" value="{vb:customstylevar profcustom_navbar_border_active.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
						</div>
					</vb:if>
				</div>


        <!-- Tab 1 Subtab 2 -->

				<div id="profCustom_navbarInactive" class="tab">
					<vb:if condition="$cssPermissions['bgimage']">
						<div class="profCustomBackgroundEdit" data="profcustom_navbar_background"></div>
					</vb:if>
					<vb:if condition="$cssPermissions['colors']">
						<div class="profCustomEditField">
							<span class="profCustomLabel">{vb:phrase usercss_color}</span>
							<input type="text" name="profcustom_navbar_text_color" data="profcustom_navbar_text_color" value="{vb:customstylevar profcustom_navbar_text_color.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
						</div>
					</vb:if>

					<vb:if condition="$cssPermissions['borders']">
						<div class="profCustomEditField">
							<span class="profCustomLabel">{vb:phrase border_color}</span>
							<input type="text" name="profcustom_navbar_border" data="profcustom_navbar_border" value="{vb:customstylevar profcustom_navbar_border.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
						</div>
					</vb:if>
				</div>


        <!-- Tab 1 Subtab 3 -->

				<div id="profCustom_navbarText" class="tab">
					<vb:if condition="$cssPermissions['bgimage']">
						<div class="profCustomBackgroundEdit" data="toolbar_background"></div>
					</vb:if>
					<vb:if condition="$cssPermissions['colors']">
						<div class=" profCustomEditField">
							<span class="profCustomLabel">{vb:phrase usercss_color}</span>
							<input type="text" name="profcustom_navbar_toolbar_text_color" data="profcustom_navbar_toolbar_text_color" value="{vb:customstylevar profcustom_navbar_toolbar_text_color.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
						</div>
					</vb:if>

					<vb:if condition="$cssPermissions['borders']">
						<div class="profCustomEditField">
							<span class="profCustomLabel">{vb:phrase border_color}</span>
							<input type="text" name="side_nav_item_border_bottom" data="side_nav_item_border_bottom" value="{vb:customstylevar side_nav_item_border_bottom.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
						</div>
					</vb:if>
				</div>



        <!-- Tab 1 Subtab 4 -->

				<div id="profCustom_navbarButtons" class="tab">
					<div>
						<div class="profCustomEditField">
							<vb:if condition="$cssPermissions['bgimage'] OR $cssPermissions['borders'] OR $cssPermissions['colors']">
                <h3 class="profCustomTitle">{vb:phrase primary_button}</h3>
							</vb:if>
							<vb:if condition="$cssPermissions['bgimage']">
								<div class="profCustomBackgroundEdit" data="profcustom_navbarbutton_background"></div>
							</vb:if>
						</div>

						<vb:if condition="$cssPermissions['borders']">
							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase border_color}</span>
								<input type="text" name="profcustom_navbarbutton_border" data="profcustom_navbarbutton_border" value="{vb:customstylevar profcustom_navbarbutton_border.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>
						</vb:if>

						<vb:if condition="$cssPermissions['colors']">
							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase usercss_color}</span>
								<input type="text" name="profcustom_navbarbutton_color" data="profcustom_navbarbutton_color" value="{vb:customstylevar profcustom_navbarbutton_color.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>
						</vb:if>

					</div>

					<div>
						<div class="profCustomEditField profCustomEditBorderTop">
							<vb:if condition="$cssPermissions['bgimage'] OR $cssPermissions['borders'] OR $cssPermissions['colors']">
								<h3 class="profCustomTitle">{vb:phrase secondary_button}</h3>
							</vb:if>
							<vb:if condition="$cssPermissions['bgimage']">
								<div class="profCustomBackgroundEdit" data="profile_button_secondary_background"></div>
							</vb:if>
						</div>

						<vb:if condition="$cssPermissions['borders']">
							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase border_color}</span>
								<input type="text" name="profcustom_navbarbuttonsecondary_border" data="profcustom_navbarbuttonsecondary_border" value="{vb:customstylevar profcustom_navbarbuttonsecondary_border.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>
						</vb:if>

						<vb:if condition="$cssPermissions['colors']">
							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase usercss_color}</span>
								<input type="text" name="profcustom_navbarbuttonsecondary_color" data="profcustom_navbarbuttonsecondary_color" value="{vb:customstylevar profcustom_navbarbuttonsecondary_color.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
	            			</div>
	            		</vb:if>
          			</div>
				</div>
			</div>
		</div>
		







    <!-- Tab 2 content -->

 		<div id="profCustom_content" class="tab">
			<div class="tabs profileTabs widget-tabs profCustomTab h-clearfix">
				<ul class="profileNavInner">
					<li><a class="b-button" href="#profCustom_contentColors" id="tablink-21">{vb:phrase colors}</a></li>
					<li><a class="b-button" href="#profCustom_contentHeader" id="tablink-22">{vb:phrase header}</a></li>
					<li><a class="b-button" href="#profCustom_contentText" id="tablink-23">{vb:phrase pure_text}</a></li>
					<li><a class="b-button" href="#profCustom_contentButtons" id="tablink-24">{vb:phrase buttons}</a></li>
				</ul>


        <!-- Tab 2 Subtab 1 -->

				<div id="profCustom_contentColors" class="tab ">
					<vb:if condition="$cssPermissions['bgimage']">
						<div class="profCustomBackgroundEdit" data="profile_content_background"></div>
					</vb:if>
					<vb:if condition="$cssPermissions['borders']">
						<div class="profCustomEditField">
							<span class="profCustomLabel">{vb:phrase border_color}</span>
							<input type="text" name="profile_content_border" data="profile_content_border" value="{vb:customstylevar profile_content_border.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
						</div>

						<div class="profCustomEditField">
							<span class="profCustomLabel">{vb:phrase divider_color}</span>
							<input type="text" name="profile_content_divider_border" data="profile_content_divider_border" value="{vb:customstylevar profile_content_divider_border.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
						</div>
					</vb:if>
				</div>


        <!-- Tab 2 Subtab 2 -->

				<div id="profCustom_contentHeader" class="tab ">
					<vb:if condition="$cssPermissions['bgimage']">
						<div class="profCustomBackgroundEdit" data="profile_section_background"></div>
					</vb:if>
					<vb:if condition="$cssPermissions['borders']">
						<div class="profCustomEditField">
							<span class="profCustomLabel">{vb:phrase border_color}</span>
							<input type="text" name="profile_section_border" data="profile_section_border" value="{vb:customstylevar profile_section_border.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
						</div>
					</vb:if>

					<div class="fontselectorWrapper">
						<vb:if condition="$cssPermissions['colors']">
							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase usercss_color}</span>
								<input type="text" name="profile_section_text_color" data="profile_section_text_color" value="{vb:customstylevar profile_section_text_color.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>
						</vb:if>
						<vb:if condition="$cssPermissions['fontFamily']">
							<div class="profCustomEditField">
								<div class="profCustomLabel ">{vb:rawphrase usercss_font_family}</div>
									<select name="profile_section_font" data="profile_section_font" data-type="family" class="selectCustomProfFontfamily lightgraybackground tall_select">
										<vb:each from="fontnames" value="fontname" key="fontDef">
											<option value="{vb:raw fontDef}" style="font-family: '{vb:raw fontDef}'">{vb:raw fontname}</option>
										</vb:each>
									</select>
							</div>
						</vb:if>
						<vb:if condition="$cssPermissions['fontSize']">
							<div class="profCustomEditField">
								<div class="profCustomLabel ">{vb:rawphrase usercss_font_size}</div>
									<select name="profile_section_font" data="profile_section_font" data-type="size" class="selectCustomProfFontsize lightgraybackground tall_select">
										<vb:each from="fontsizes" value="fontsize" key="fontDef">
											<option value="{vb:raw fontDef}" style="font-size: '{vb:raw fontDef}'">{vb:raw fontsize}</option>
										</vb:each>
									</select>
								<span class="fontDisplay"></span>
							</div>
						</vb:if>
					</div>
				</div>


        <!-- Tab 2 Subtab 3 -->

				<div id="profCustom_contentText" class="tab ">
					<div class="">
						<vb:if condition="$cssPermissions['colors']">
							<h3 class="profCustomTitle">{vb:rawphrase content_text_color}</h3>

							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase primary}</span>
								<input type="text" name="profile_content_primarytext" data="profile_content_primarytext" value="{vb:customstylevar profile_content_primarytext.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>

							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase secondary}</span>
								<input type="text" name="profile_content_secondarytext" data="profile_content_secondarytext" value="{vb:customstylevar profile_content_secondarytext.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>

							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase link}</span>
								<input type="text" name="profile_content_linktext" data="profile_content_linktext" value="{vb:customstylevar profile_content_linktext.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>
						</vb:if>
					</div>

					<div class="fontselectorWrapper">
						<vb:if condition="$cssPermissions['fontFamily']">
							<div class="profCustomEditField">
								<div class="profCustomLabel">{vb:rawphrase usercss_font_family}</div>
								<select name="profile_content_font" data="profile_content_font" data-type="family" class="selectCustomProfFontfamily lightgraybackground tall_select">
									<vb:each from="fontnames" value="fontname" key="fontDef">
										<option value="{vb:raw fontDef}" style="font-family: '{vb:raw fontDef}'">{vb:raw fontname}</option>
									</vb:each>
								</select>
							</div>
						</vb:if>
						<vb:if condition="$cssPermissions['fontSize']">
							<div class="profCustomEditField">
								<div class="profCustomLabel ">{vb:rawphrase usercss_font_size}</div>
								<select name="profile_content_font" data="profile_content_font" data-type="size" class="selectCustomProfFontsize lightgraybackground tall_select">
									<vb:each from="fontsizes" value="fontsize" key="fontDef">
										<option value="{vb:raw fontDef}" style="font-size: '{vb:raw fontDef}'">{vb:raw fontsize}</option>
									</vb:each>
								</select>
								<span class="fontDisplay"></span>
							</div>
						</vb:if>
					</div>
				</div>



        <!-- Tab 2 Subtab 4 -->

				<div id="profCustom_contentButtons" class="tab ">
					<vb:if condition="$cssPermissions['bgimage']">
						<div class="profCustomBackgroundEdit" data="profile_button_primary_background"></div>
					</vb:if>
					<div class="">
						<vb:if condition="$cssPermissions['borders']">
							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase border_color}</span>
								<input type="text" name="button_primary_border" data="button_primary_border" value="{vb:customstylevar button_primary_border.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>
						</vb:if>
						<vb:if condition="$cssPermissions['colors']">
							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase usercss_color}</span>
								<input type="text" name="button_primary_text_color" data="button_primary_text_color" value="{vb:customstylevar button_primary_text_color.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>
						</vb:if>
					</div>
				</div>
			</div>
		</div>






    <!-- Tab 3 content -->

		<div id="profCustom_user" class="tab">
			<div class="tabs profileTabs widget-tabs profCustomTab h-clearfix">
				<ul class="profileNavInner">
					<li><a class="b-button" href="#profCustom_userColors" id="tablink-31">{vb:phrase colors}</a></li>
					<li><a class="b-button" href="#profCustom_userText" id="tablink-32">{vb:phrase pure_text}</a></li>
					<li><a class="b-button" href="#profCustom_userButtons" id="tablink-33">{vb:phrase buttons}</a></li>
				</ul>



        <!-- Tab 3 Subtab 1 -->

				<div id="profCustom_userColors" class="tab ">
					<vb:if condition="$cssPermissions['bgimage']">
						<div class="profCustomBackgroundEdit" data="side_nav_background"></div>
					</vb:if>
					<vb:if condition="$cssPermissions['borders']">
						<div class="profCustomEditField">
							<span class="profCustomLabel">{vb:phrase border_color}</span>
							<input type="text" name="form_dropdown_border" data="form_dropdown_border" value="{vb:customstylevar form_dropdown_border.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
						</div>
						<div class="profCustomEditField">
							<span class="profCustomLabel">{vb:phrase avatar_border}</span>
							<input type="text" name="side_nav_avatar_border" data="side_nav_avatar_border" value="{vb:customstylevar side_nav_avatar_border.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
						</div>
						<div class="profCustomEditField">
							<span class="profCustomLabel">{vb:phrase divider_color}</span>
							<input type="text" name="side_nav_item_border_bottom" data="side_nav_item_border_bottom" value="{vb:customstylevar side_nav_item_border_bottom.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
						</div>
					</vb:if>
				</div>



        <!-- Tab 3 Subtab 2 -->

				<div id="profCustom_userText" class="tab ">
					<div class="">
						<vb:if condition="$cssPermissions['colors']">
							<h3 class="profCustomTitle">{vb:rawphrase color}</h3>
							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase pure_text}</span>
								<input type="text" name="profile_userpanel_textcolor" data="profile_userpanel_textcolor" value="{vb:customstylevar profile_userpanel_textcolor.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>
							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase link}</span>
								<input type="text" name="profile_userpanel_linkcolor" data="profile_userpanel_linkcolor" value="{vb:customstylevar profile_userpanel_linkcolor.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>
						</vb:if>
					</div>
					<vb:if condition="$cssPermissions['fontFamily']">
						<div class="fontselectorWrapper">
							<div class="profCustomEditField">
								<div class="profCustomLabel ">{vb:rawphrase usercss_font_family}</div>
								<select name="profile_userpanel_font" data="profile_userpanel_font" data-type="family" class="selectCustomProfFontfamily lightgraybackground tall_select">
									<vb:each from="fontnames" value="fontname" key="fontDef">
										<option value="{vb:raw fontDef}" style="font-family: '{vb:raw fontDef}'">{vb:raw fontname}</option>
									</vb:each>
								</select>
								<span class="fontDisplay"></span>
							</div>
						</div>
					</vb:if>
				</div>


        <!-- Tab 3 Subtab 3 -->

				<div id="profCustom_userButtons" class="tab ">
					<vb:if condition="$cssPermissions['bgimage']">
						<div class="profCustomBackgroundEdit" data="profilesidebar_button_background"></div>
					</vb:if>
					<div class="">
						<vb:if condition="$cssPermissions['borders']">
							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase border_color}</span>
								<input type="text" name="profilesidebar_button_border" data="profilesidebar_button_border" value="{vb:customstylevar profilesidebar_button_border.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>
						</vb:if>
						<vb:if condition="$cssPermissions['colors']">
							<div class="profCustomEditField">
								<span class="profCustomLabel">{vb:phrase usercss_color}</span>
								<input type="text" name="profilesidebar_button_text_color" data="profilesidebar_button_text_color" value="{vb:customstylevar profilesidebar_button_text_color.color, {vb:var userid}}" class="colorPicker b-form-input__input" />
							</div>
						</vb:if>
					</div>
				</div>
			</div>
		</div>





    <!-- Tab 4 content -->

		<vb:if condition="$canSaveSiteDefaultStyle">
			<div id="profCustom_admin" class="tab">
				<div class="tabs profileTabs widget-tabs profCustomTab h-clearfix">
					<div>
						{vb:phrase save_as_site_default_text}
					</div>
					<div class="b-button-group b-button-group--left h-margin-top-l">
						<button class="b-button b-button--primary profCustomApplyAll" >{vb:phrase save_as_site_default}</button>
					</div>
				</div>
			</div>
		</vb:if>
	</div>

	<div class="profCustomBgTemplate" style="display:none">
		<div class="profCustomEditField">
			<span class="profCustomLabel">{vb:phrase background}</span>
      <label>
        <input type="radio" class="rdProfCustomBgTypeColor" id="rdProfCustomBgTypeColor" value="color"/> {vb:phrase color}
      </label>
      <label>
        <input type="radio" class="rdProfCustomBgTypeImage" id="rdProfCustomBgTypeImage" value="image"/> {vb:phrase image}
      </label>
		</div>

		<div class="profCustomBgColor h-hide profCustomSubField" >
      <div class="profCustomEditField">
        <input type="text" name="profcustom_navbar_background_active" data="" value="{vb:customstylevar profcustom_navbar_background_active.color, {vb:var userid}}" class="colorPicker template b-form-input__input" />
        <label>
          <input type="checkbox" data="" value="{vb:customstylevar profcustom_navbar_background_active}" class="rdProfCustomBgColorClear" id="rdProfCustomBgColorClear" /> {vb:phrase transparent}</label>
        <div class="backgroundImage" data=""></div>
      </div>
		</div>

		<div class="profCustomBgImage h-hide profCustomSubField">
			<div class="profCustomEditField">
        <label>
          <input type="radio" name="" value="file" checked="checked" class="rdProfCustomFile" id="rdProfCustomFile" />
          {vb:phrase browse_image_from_hard_drive}
        </label>
				<form class="frmBgImageFile" enctype="multipart/form-data" method="post" id="frmBgImageFile">
					<div class="profile-img-option-container ">
						<span class="profile-img-option-field ">
							<input type="text" name="fileText" class="fileText b-form-input__input" readonly="readonly" />
						</span>
						<label class="b-button b-button--primary js-upload-button" tabindex="0">
							<span class="b-button__upload-label">{vb:phrase browse}</span>
							<input type="file" id="profCustomBgImageFile" class="profCustomBgImageFile b-form-input__file--hidden" name="file" />
						</label>
						<span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
					</div>
					<input type="hidden" name="securitytoken" value="{vb:raw user.securitytoken}" />
		   		</form>
			</div>

			<div class="profCustomEditField">
				<label>
					<input type="radio" name="profile-img-option" value="url" class="rdProfCustomUrl" id="rdProfCustomUrl"/>
					{vb:phrase copy_and_paste_from_image_hosting}
				</label>
				<form class="frmBgImageUrl h-hide" enctype="multipart/form-data" method="post">
					<div class="profile-img-option-container ">
						<span class="profile-img-option-field ">
							<input type="text" class="profCustomBgImageUrl b-form-input__input" name="urlupload" id="profCustomBgImageUrl" dir="ltr" placeholder="http://" />
						</span>
						<span class="b-button b-button--primary js-upload-button profCustomUploadUrl" tabindex="0">
							{vb:phrase upload}
						</span>
						<span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
					</div>
					<input type="hidden" name="securitytoken" value="{vb:raw user.securitytoken}" />
		   		</form>
			</div>

      <div class="ProfCustomBgRepeat profCustomEditField">
        {vb:rawphrase usercss_background_repeat}
        <select name="repeat_type" class="ProfCustomBgRepeatType">
          <option value="no-repeat">{vb:rawphrase none}</option>
          <option value="repeat-x">{vb:rawphrase horizontal}</option>
          <option value="repeat-y">{vb:rawphrase vertical}</option>
          <option value="repeat" selected="selected">{vb:rawphrase both}</option>
        </select>
      </div>

      <div class="profCustomEditField">
        <label>
          <input type="radio" value="none" name="" id="rdProfCustomBgImageNone" class="rdProfCustomBgImageNone" />
          {vb:phrase no_background_image}
        </label>
      </div>
		</div>

	</div>
</div>
{vb:js js/profile-custom-edit-rollup.js}]]></template>
		<template name="profile_following" templatetype="template" date="1380214657" username="vBulletin" version="5.1.0 Alpha 1"><![CDATA[{vb:hook following_list_start}

<vb:comment>fetch postfor info in batches</vb:comment>
{vb:set userIds, {vb:php array}}
<vb:each from="nodes" value="node">
	<vb:if condition="!empty($node['setfor'])">
		{vb:set num_elem, {vb:php array_push, {vb:raw userIds}, {vb:raw node.setfor}}}
	</vb:if>
</vb:each>
{vb:data setForInfo, user, fetchUsernames, {vb:raw userIds}, 0}

<vb:each from="nodes" value="node">
	{vb:set replyTemplateName, 'display_contenttype_conversationreply_'}
	{vb:strcat replyTemplateName, {vb:raw node.content.contenttypeclass}}

	<vb:if condition="$conversation['channeltype'] == 'blog'">
		{vb:set currentNodeIsBlog, 1}
		<vb:comment>we do not need to check for comment permissions since reportActivity=1</vb:comment>
	<vb:else />
		{vb:set currentNodeIsBlog, 0}
	</vb:if>

	<vb:if condition="$conversation['channeltype'] == 'article'">
		{vb:set currentNodeIsArticle, 1}
		<vb:comment>we do not need to check for comment permissions since reportActivity=1</vb:comment>
	<vb:else />
		{vb:set currentNodeIsArticle, 0}
	</vb:if>

	<vb:if condition="empty($node['setfor']) OR empty($setForInfo[$node['setfor']]) OR !($postfor = $setForInfo[$node['setfor']])">
		{vb:set postfor, 0}
	</vb:if>

	{vb:template {vb:raw replyTemplateName}, node = {vb:raw node}, conversation={vb:raw node.content}, postfor={vb:raw postfor}, reportActivity = 1, showChannelInfo = {vb:raw showChannelInfo}, showSubscribedInfo = 1, currentNodeIsBlog={vb:raw currentNodeIsBlog}, currentNodeIsArticle={vb:raw currentNodeIsArticle}}
</vb:each>
{vb:hook following_list_end}]]></template>
		<template name="profile_media" templatetype="template" date="1546019260" username="vBulletin" version="5.5.1 Alpha 1"><![CDATA[<vb:if condition="isset($userInfo) AND isset($userInfo['userid']) AND intval($userInfo['userid'])">
	{vb:set mediaFilter.userId, {vb:raw userInfo.userid}}
<vb:elseif condition="isset($userid) AND intval($userid)" />
	{vb:set mediaFilter.userId, {vb:raw userid}}
<vb:elseif condition="isset($page['userid']) AND intval($page['userid'])" />
	{vb:set mediaFilter.userId, {vb:raw page.userid}}
<vb:elseif condition="isset($channelid) AND intval($channelid)" />
	{vb:set mediaFilter.channelId, {vb:raw channelid}}
</vb:if>

<vb:if condition="!isset($doNoFetchData) OR !$doNoFetchData">
	<vb:if condition="!intval($pageno)">
		<vb:if condition="intval($page['mediaPage'])">
			{vb:set pageno, {vb:raw page.mediaPage}}
		<vb:else />
			{vb:set pageno, 1}
		</vb:if>
	</vb:if>
	<vb:if condition="empty($perpage) OR !intval($perpage)">
		{vb:set perpage, 15} <vb:comment>UI can contain up to 5 items per row, so ideally perpage should be divisible by 5</vb:comment>
	</vb:if>

	{vb:data galleries, profile, fetchMedia, {vb:raw mediaFilter}, {vb:raw pageno}, {vb:raw perpage}}
	{vb:set pagenav, {vb:raw galleries.paging}}
	{vb:set gallery, {vb:raw galleries.nodes}}
</vb:if>

<vb:if condition="!isset($allowHistory)">
	{vb:set allowHistory, 0}
</vb:if>

<div class="conversation-toolbar-wrapper top h-clear hide-on-editmode<vb:if condition="isset($source) AND in_array($source, array('forum', 'socialGroup'))"> scrolltofixed-floating</vb:if>" data-allow-history="{vb:raw allowHistory}">
	<div class="profile-toolbar conversation-toolbar js-shrink-event-parent">
		<ul class="toolset-left h-left js-shrink-event-child">
			<vb:if condition="isset($source) AND in_array($source, array('forum', 'socialGroup'))">
				<vb:if condition=" !isset($showNewConversationBtn) OR $showNewConversationBtn">
					{vb:rawdata canAlwaysCreateDiscussion, user, hasPermissions, forumpermissions2, canalwayspostnew, {vb:raw channelid}}
					<vb:if condition="((($user['is_admin']) OR ($channelInfo['userid'] == $user['userid']) OR (isset($hasJoined)
						AND ($hasJoined == 1) AND isset($canCreateDiscussion) AND $canCreateDiscussion))
					 	OR (!empty($canAlwaysCreateDiscussion) AND empty($canAlwaysCreateDiscussion['errors']) AND $canAlwaysCreateDiscussion)) OR $source == 'forum'">
					 	<li>
							<button type="button" class="b-button b-button--primary-light new-conversation-btn js-movable-toolbar-button">
								<span class="b-button__icon b-button__icon--plus"></span>
								<span class="b-button__text-primary js-button__text-primary"><vb:if condition="$showSGNewTopicButton">{vb:phrase plus_new_sg_post}<vb:else />{vb:phrase plus_new_conversation}</vb:if></span>
							</button>
						</li>
					</vb:if>
				</vb:if>
			<vb:else />
				{vb:data albumChannel, node, fetchAlbumChannel}
				{vb:data canViewAlbum, user, hasPermissions, forumpermissions, canview, {vb:raw $albumChannel}}
				<vb:if condition="!empty($canViewAlbum) AND empty($canViewAlbum['errors']) AND $canViewAlbum">
					<vb:if condition="$galleries['cancreatePhoto']">
						<li><button class="b-button b-button--secondary profile-media-upload js-movable-toolbar-button" type="button">{vb:phrase add_photos}</button></li>
					</vb:if>
					<vb:if condition="$galleries['cancreateVideo']">
						<li><button class="b-button b-button--secondary profile-media-createvideo js-movable-toolbar-button" type="button">{vb:phrase add_video}</button></li>
					</vb:if>
				</vb:if>
				<li class="h-hide"><button class="b-button b-button--secondary profile-media-backbtn back-button" type="button" id="profile-media-backbtn"><span class="b-button__icon b-icon b-icon__arrow-left-m"></span>{vb:phrase back_to_media}</button></li>
			</vb:if>
		</ul>
		<ul class="toolset-right h-right js-shrink-event-child">
			<li class="pagenav-controls-container<vb:if condition="!$pagenav OR $pagenav['totalpages'] < 2"> h-hide</vb:if>">
				<div class="pagenav-controls {vb:raw cssClass} h-right">
					<div class="pagenav h-left">
						{vb:phrase page} <input type="text" name="mediaPage" class="textbox" value="{vb:number {vb:raw pagenav.currentpage}}" id="mediaCurrentPage"/> {vb:phrase of_pagination} <span class="pagetotal" id="mediaPageCount">{vb:number {vb:raw pagenav.totalpages}}</span>
					</div>

					<div class="horizontal-arrows h-left">
						<span id="mediaPreviousPage" class="arrow {vb:stylevar left}-arrow <vb:if condition="!$pagenav['previous']"> h-disabled</vb:if>" title="{vb:phrase previous_page}"><span class="vb-icon vb-icon-arrow-{vb:stylevar left}"></span></span>
						<span id="mediaNextPage" class="arrow {vb:stylevar right}-arrow <vb:if condition="!$pagenav['next']"> h-disabled</vb:if>" title="{vb:phrase next_page}"><span class="vb-icon vb-icon-arrow-{vb:stylevar right}"></span></span>
					</div>
				</div>
			</li>
			<li id="toolbar-filter-{vb:raw position}" class="toolbar-filter media-toolbar-filter<vb:if condition="empty($loadPhotoDetails)"> h-hide</vb:if>">
				<div class="filter-wrapper h-clearfix js-button" tabindex="0">
					<div class="label h-left">{vb:phrase filter}</div>
					<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon vb-icon-triangle-down-wide"></span></div>
				</div>
			</li>
		</ul>
	</div>

	<vb:if condition="!isset($widgetConfig) OR !isset($widgetConfig['filter_time'])">
		{vb:set widgetConfig.filter_time, 'time_lastmonth'}
	</vb:if>

	<form class="toolbar-filter-overlay media-filter-overlay h-clearfix">
		<ul class="filter-options-list">
			<li>
				<div class="filter-header">{vb:phrase time}</div>
				<div class="filter-options h-left">
					{vb:set filterTimeStates.time_all.checked, ''}
					{vb:set filterTimeStates.time_all.defaultChecked, ''}
					{vb:set filterTimeStates.time_today.checked, ''}
					{vb:set filterTimeStates.time_today.defaultChecked, ''}
					{vb:set filterTimeStates.time_lastweek.checked, ''}
					{vb:set filterTimeStates.time_lastweek.defaultChecked, ''}
					{vb:set filterTimeStates.time_lastmonth.checked, ''}
					{vb:set filterTimeStates.time_lastmonth.defaultChecked, ''}
					<vb:if condition="isset($widgetConfig['url_default_filters']['filter_time'])">
						{vb:set filterValue, {vb:raw widgetConfig.url_default_filters.filter_time}}
					<vb:else />
						{vb:set filterValue, {vb:raw widgetConfig.filter_time}}
					</vb:if>
					{vb:set defaultFilterValue, {vb:raw widgetConfig.filter_time}}

					{vb:set filterTimeStates.$filterValue.checked, ' checked="checked"'}
					{vb:set filterTimeStates.$defaultFilterValue.defaultChecked, ' class="js-default-checked"'}

					<label><input type="radio" name="filter_time" value="time_all"{vb:raw filterTimeStates.time_all.checked}{vb:raw filterTimeStates.time_all.defaultChecked} /><span>{vb:phrase any_time}</span></label>
					<label><input type="radio" name="filter_time" value="time_today"{vb:raw filterTimeStates.time_today.checked}{vb:raw filterTimeStates.time_today.defaultChecked} /><span>{vb:phrase today}</span></label>
					<label><input type="radio" name="filter_time" value="time_lastweek"{vb:raw filterTimeStates.time_lastweek.checked}{vb:raw filterTimeStates.time_lastweek.defaultChecked} /><span>{vb:phrase last_week}</span></label>
					<label><input type="radio" name="filter_time" value="time_lastmonth"{vb:raw filterTimeStates.time_lastmonth.checked}{vb:raw filterTimeStates.time_lastmonth.defaultChecked} /><span>{vb:phrase last_month}</span></label>
				</div>
			</li>
		</ul>
	 </form>
	<div class="filtered-by h-clearfix<vb:if condition="empty($widgetConfig['url_default_filters'])"> h-hide</vb:if>">
		<label>{vb:phrase filtered_by}:</label>
		<div class="filter-text-wrapper h-left">
			<vb:each from="widgetConfig.url_default_filters" value="filterValue" key="filterName">
				<div class="filter-text" data-filter-name="{vb:raw filterName}" data-filter-value="{vb:var filterValue}">
					<vb:if condition="$filterName == 'filter_time'">
						{vb:set filterTextTooltip, {vb:phrase time}}
						{vb:strcat filterTextTooltip, ' - '}
						<vb:if condition="$filterValue == 'time_all'">
							{vb:set filterText, {vb:rawphrase any_time}}
						<vb:elseif condition="$filterValue == 'time_today'" />
							{vb:set filterText, {vb:rawphrase today}}
						<vb:elseif condition="$filterValue == 'time_lastweek'" />
							{vb:set filterText, {vb:rawphrase last_week}}
						<vb:elseif condition="$filterValue == 'time_lastmonth'" />
							{vb:set filterText, {vb:rawphrase last_month}}
						</vb:if>
					</vb:if>

					{vb:strcat filterTextTooltip, {vb:raw filterText}}

					<span title="{vb:raw filterTextTooltip}">{vb:raw filterText}</span>
					<span class="b-icon b-icon__x-circle"></span>

				</div>
			</vb:each>
		</div>
		<a href="#" class="clear-all<vb:if condition="!isset($widgetConfig['url_default_filters']) OR count($widgetConfig['url_default_filters']) < 2"> h-hide</vb:if>">{vb:phrase clear_all}</a>
	</div>
</div>

<vb:if condition="$galleries['cancreatePhoto'] OR $galleries['cancreateVideo']">
	<div class="profileMediaEditContainer sb-dialog js-dialog-body">
		<div id="profileMediaEditContent" class="dialog-content">
			{vb:data mediaChannel, node, fetchAlbumChannel}
			{vb:template contententry,
					page={vb:raw page},
					channelInfo={vb:raw channelInfo},
					parentid={vb:raw mediaChannel},
					routeid={vb:raw channelInfo.routeid},
					allowTypeText=0,
					allowTypePhoto=1,
					allowTypeVideo=1,
					defaultContentType=Gallery,
					showToggleEditor=1,
					showSmiley=1,
					uploadFrom={vb:raw uploadFrom},
					showCancel=1,
					noJavascriptInclude={vb:raw noJavascriptInclude},
					showViewPerms = 1}
 		</div>
	</div>
</vb:if>

<vb:if condition="isset($nodeid)">
	{vb:set mediaFilter.nodeid, {vb:raw nodeid}}
</vb:if>

{vb:set dataProperties, ''}
<vb:each from="mediaFilter" key="key" value="filter">
	{vb:strcat dataProperties, ' data-'}
	{vb:strcat dataProperties, {vb:raw key}}
	{vb:strcat dataProperties, '="'}
	{vb:strcat dataProperties, {vb:raw filter}}
	{vb:strcat dataProperties, '"'}
</vb:each>
<vb:if condition="!isset($source) OR !in_array($source, array('forum', 'socialGroup'))">
	<div id="profileMediaContainer" {vb:raw dataProperties}>
		<div id="mediacontent">
			<vb:comment><!-- TODO: we don't seem to need userInfo here, check with Ed --></vb:comment>
			<vb:if condition="!empty($gallery)">
				{vb:template profile_media_content, gallery={vb:raw gallery}, userInfo={vb:raw userInfo}, pagingInfo={vb:raw pagenav}}
			</vb:if>
	
		</div>
	</div>
</vb:if>

<div id="profileMediaDetailContainer" class="js-post js-slideshow__gallery-node{vb:if "empty($loadPhotoDetails)", ' h-hide'}" {vb:raw dataProperties}>
	<vb:if condition="!empty($loadPhotoDetails)">
		{vb:template profile_textphotodetail, nodeid=-2, channelid={vb:raw channelid}, pageno=1, perpage=35, dateFilter={vb:raw filterValue}}
	</vb:if>
</div>

<vb:literal>
<script type="text/javascript">
	window.vBulletin = window.vBulletin || {};
	window.vBulletin.media = window.vBulletin.media || {};
</vb:literal>
	window.vBulletin.media.TARGET_PHOTOS_PERPAGE = 35;
	window.vBulletin.media.ALBUMS_PERPAGE = Number("{vb:var perpage}") || 15;
	<vb:comment>mediaFilter.userId is set from various sources at the top of this template</vb:comment>
	window.vBulletin.media.MEDIA_USERID = "{vb:var mediaFilter.userId}";
</script>]]></template>
		<template name="profile_media_content" templatetype="template" date="1372290471" username="vBulletin" version="5.0.4 Alpha 3"><![CDATA[<vb:if condition="empty($gallery)">
	<vb:if condition="!intval($pageno)">
		{vb:set pageno, 1}
	</vb:if>
	<vb:if condition="isset($userid)">
		{vb:set mediafilter.userId, {vb:raw userid}}
	</vb:if>
	<vb:if condition="isset($channelId)">
		{vb:set mediafilter.channelId, {vb:raw channelId}}
	</vb:if>
	<vb:if condition="empty($perpage)">
		{vb:set perpage, 15} <vb:comment>UI can contain up to 5 albums per row, so ideally perpage should be divisible by 5</vb:comment>
	</vb:if>
	{vb:data galleryData, profile, fetchMedia, {vb:raw mediafilter}, {vb:raw pageno}, {vb:raw perpage}}
	{vb:set gallery, {vb:raw galleryData.nodes}}
	{vb:set pagingInfo, {vb:raw galleryData.paging}}
</vb:if>
<vb:if condition="empty($gallery)">
	<div class="conversation-empty">{vb:phrase no_media_to_display}</div>
<vb:else />
	<div id="mediaList" class="conversation-list list-container stream-view activity-view h-clearfix ajax-order-newest-first" data-totalpages="{vb:raw pagingInfo.totalpages}" data-totalcount="{vb:raw pagingInfo.totalcount}">
		<vb:each from="gallery" value="node">
			{vb:template profile_media_galleryitem, node={vb:raw node}}
		</vb:each>
	</div >
</vb:if>]]></template>
		<template name="profile_media_galleryitem" templatetype="template" date="1548367036" username="vBulletin" version="5.5.1 Alpha 3"><![CDATA[<div class="item-album h-left" data-nodeid="{vb:raw node.nodeid}">
	<vb:if condition="$node['nodeid'] == -1">
		<div class="media-thumbnail albumLink" data-nodeid="{vb:var node.nodeid}" data-albumid="{vb:var node.albumid}">
			<img src="{vb:raw baseurl_cdn}/images/css/video_icon.png" width="100" height="94" alt="{vb:raw node.htmltitle}" title="{vb:raw node.htmltitle}" />
		</div>
		<div class="media-title albumLink b-link js-link ellipsis" data-nodeid="{vb:var node.nodeid}" data-albumid="{vb:var node.albumid}" tabindex="0">{vb:raw node.title}</div>
		<div class="media-count">
			<vb:if condition="$node['qty'] > 1">
				{vb:phrase x_videos, {vb:raw node.qty}}
			<vb:else />
				{vb:phrase x_video, {vb:raw node.qty}}
			</vb:if>
		</div>
	<vb:else />
		<div class="media-thumbnail albumLink" data-nodeid="{vb:var node.nodeid}" data-albumid="{vb:var node.albumid}">
			<vb:if condition="$node['photoid']">
				<img src="filedata/fetch?photoid={vb:raw node.photoid}&amp;type=small" title="{vb:raw node.htmltitle}" alt="{vb:raw node.htmltitle}" />
			<vb:elseif condition="$node['attachid']"/>
				<img src="filedata/fetch?attachid={vb:raw node.attachid}&amp;type=small" title="{vb:raw node.htmltitle}" alt="{vb:raw node.htmltitle}" />
			</vb:if>
		</div>
		<div class="media-title albumLink b-link js-link ellipsis" data-nodeid="{vb:var node.nodeid}" data-albumid="{vb:var node.albumid}" tabindex="0"><vb:if condition="$node['title']">{vb:raw node.title}<vb:else />({vb:phrase untitled})</vb:if></div>
		<div class="media-count">
			<vb:if condition="$node['qty'] > 1">
				{vb:phrase x_photos, {vb:raw node.qty}}
			<vb:else />
				{vb:phrase x_photo, {vb:raw node.qty}}
			</vb:if>
		</div>
	</vb:if>
</div>]]></template>
		<template name="profile_media_videoitem" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="($conversation['setfor'] > 0)">
	{vb:set postType, 'visitorMessage'}
<vb:elseif condition="$conversation['starter'] == $conversation['nodeid']" />
	{vb:set postType, 'starter'}
	{vb:set starter, {vb:raw conversation}}
<vb:elseif condition="$conversation['starter'] == $conversation['parentid']" />
	{vb:set postType, 'reply'}
	<vb:if condition="isset($reportActivity) AND $reportActivity">
		{vb:set starter.nodeid, {vb:raw conversation.starter}}
		{vb:set starter.username, {vb:raw conversation.starterauthorname}}
		{vb:set starter.userid, {vb:raw conversation.starteruserid}}
		{vb:set starterWithReplyParam, {vb:raw starter}}
		{vb:set starterWithReplyParam.innerPost, {vb:raw conversation.nodeid}}
	</vb:if>
</vb:if>
<li data-node-id="{vb:raw conversation.nodeid}" class="list-item list-item-video h-left h-clear<vb:if condition="(!isset($reportActivity) OR !$reportActivity) AND $postType == 'starter'"> conversation-starter js-conversation-starter</vb:if>">
	<a id="post{vb:raw conversation.nodeid}" class="anchor"></a>
	<div class="list-item-header h-left">
		<vb:if condition="($postType == 'visitorMessage') AND $vmDetail"><h3 class="vm-desc">{vb:rawphrase visitor_message_from_x, {vb:raw conversation.authorname}}</h3></vb:if>
		<vb:if condition="$user['showavatars']">
			<a href="{vb:url 'profile', {vb:raw conversation}}" class="avatar h-left"><img src="{vb:raw baseurl_core}/image.php?u={vb:raw conversation.userid}&amp;type=profile" width="32" height="32" alt="{vb:raw conversation.authorname}" class="avatar-{vb:raw conversation.userid}" /></a>
		</vb:if>
		<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
			<div class="post-action-wrapper<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if><vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> td</vb:if>">
				{vb:set conversationUrl, {vb:url {vb:raw conversation.starterroute}, {vb:raw starter}}}
				{vb:rawphrase video_in_link_x_y, {vb:var conversationUrl}, {vb:raw conversation.startertitle}}
			</div>
			<vb:if condition="isset($showChannelInfo) AND $showChannelInfo AND ($postType != 'visitorMessage')">{vb:set channelUrl, {vb:url {vb:raw conversation.channelroute}}}<div class="channel-info">{vb:rawphrase in_x_channel, {vb:var channelUrl}, {vb:raw conversation.channeltitle}}</div></vb:if>
		</div>
		<div class="info h-right">
			<span class="post-date h-left">{vb:datetime {vb:raw conversation.created}}</span>
			<vb:if condition="$showSubscribedInfo OR ($reportActivity AND $conversation['subscribed'])">
				<div class="subscribed h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase following}</div>
			</vb:if>
			<vb:if condition="($reportActivity AND $conversation['joined'])">
				<div class="joined h-clear"><span class="b-icon b-icon__check--gray"></span> {vb:rawphrase joined}</div>
			</vb:if>
		</div>
	</div>
	<div class="list-item-body-wrapper h-clear" data-node-type="media">
		<div class="list-item-body conversation-body">
			<vb:if condition="$postType == 'starter'"><h2 class="post-title h-hide">{vb:raw conversation.title}</h2></vb:if>
			<div class="post-content restore<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if>">
				{vb:action parsedText, bbcode, parseNodeText, {vb:var conversation.nodeid}, 0, {vb:var page.contentpagenum}}
				{vb:raw parsedText}
			</div>
			<vb:if condition="count($conversation['items']) > 0">
				<div class="videoscontainer h-clearfix">
					{vb:template video_edit, video={vb:raw $conversation.items.0}, existing=1, title={vb:raw conversation.url_title}, url={vb:raw conversation.url}, meta={vb:raw conversation.meta}, linkid={vb:raw conversation.nodeid}}
				</div>
			</vb:if>
			<vb:if condition="count($conversation['items']) > 1">
				<vb:if condition="$postType == 'starter'">
					<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}, {vb:raw url_options}}" class="view-more-ctrl h-left">
				<vb:elseif condition="$postType == 'reply'" />
					<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw starterWithReplyParam}}" class="view-more-ctrl h-left">
				</vb:if>
				{vb:rawphrase view_more_videos}<span class="b-icon b-icon__arrow-right-circle"></span></a>
			</vb:if>

			<div class="post-links hide-see-link h-clear">
				<a href="#" class="see-link more" data-toggle-text="{vb:rawphrase see_less}">{vb:rawphrase see_more}</a>
				<span>|</span>
				<vb:if condition="$postType == 'starter'">
					<a href="{vb:url {vb:raw conversation.routeid}, {vb:raw conversation}}" class="goto-post">
				<vb:elseif condition="$postType == 'reply'" />
					<a href="{vb:url {vb:raw conversation.starterroute}, {vb:raw starterWithReplyParam}}" class="goto-post">
				<vb:elseif condition="$postType == 'visitorMessage'" />
					{vb:set extra.nodeid, {vb:raw conversation.starter}}
					{vb:set extra.title, {vb:raw conversation.starterurlident}}
					{vb:set extra.innerPost, {vb:raw conversation.nodeid}}
					<a href="{vb:url 'visitormessage', {vb:raw extra}}" class="goto-post">
				</vb:if>
				{vb:rawphrase go_to_post}
				</a>
			</div>
		</div>
		{vb:set footerControls, {vb:php array_fill_keys, {vb:php array, showTagList, showVoteCount, showFlagCtrl, showQuoteCtrl, showCommentCtrl, showVoteCtrl, showReplyCtrl, showNoControls}, 0}}
		{vb:set footerControls.showEditCtrl, 1}
		{vb:template conversation_footer, conversation={vb:raw conversation}, controls={vb:raw footerControls}}
		<div class="edit-conversation-container"></div>
	</div>
</li>]]></template>
		<template name="profile_media_videolist" templatetype="template" date="1399063742" username="vBulletin" version="5.1.2 Alpha 3"><![CDATA[<vb:if condition="empty($pageno) OR !intval($pageno)">
	{vb:set pageno, 1}
</vb:if>
<vb:if condition="empty($userid) OR !intval($userid)">
	{vb:set userid, 0}
</vb:if>
<vb:if condition="empty($channelid) OR !intval($channelid)">
	{vb:set channelid, 0}
</vb:if>
<vb:if condition="empty($perpage) OR !intval($perpage)">
	{vb:set perpage, 10}
</vb:if>
{vb:set mediaFilters.nodeid, {vb:raw nodeid}}
{vb:set mediaFilters.page, {vb:raw pageno}}
{vb:set mediaFilters.perpage, {vb:raw perpage}}
{vb:set mediaFilters.userid, {vb:raw userid}}
{vb:set mediaFilters.channelid, {vb:raw channelid}}
{vb:set mediaFilters.dateFilter, {vb:raw dateFilter}}
{vb:data nodes, profile, getAlbum, {vb:raw mediaFilters}}
<vb:comment>Since the data returned is an associative array, we need to do an "each" even though there is only one node.</vb:comment>
<vb:if condition="!empty($nodes)">
	{vb:data channelBbcodes, content_channel, getBbcodeOptions, {vb:var page.channelid}}
	<vb:each from="nodes" value="node">
		{vb:set pagingInfo, {vb:raw node.pagenav}}
		<ul class="media-video-list conversation-list list-container stream-view activity-view full-activity-view h-clearfix" data-totalpages="{vb:raw pagingInfo.totalpages}" data-totalcount="{vb:raw pagingInfo.totalcount}">
			{vb:set videos, {vb:raw node.videos}}
			{vb:set counter, 0}
			<vb:each from ="videos" value="video">
				{vb:set counter, {vb:math {vb:raw counter} + 1}}
				{vb:template profile_media_videoitem, conversation={vb:raw video.content}, reportActivity=1}
			</vb:each>
		</ul>
	</vb:each>
</vb:if>
]]></template>
		<template name="profile_textphotodetail" templatetype="template" date="1548789388" username="vBulletin" version="5.5.1 Alpha 3"><![CDATA[<vb:if condition="empty($pageno) OR !intval($pageno)">
	{vb:set pageno, 1}
</vb:if>
<vb:if condition="empty($userid) OR !intval($userid)">
	{vb:set userid, 0}
</vb:if>
{vb:data albumChannel, node, fetchAlbumChannel}
{vb:data canViewAlbum, user, hasPermissions, forumpermissions, canview, {vb:raw $albumChannel}}
<vb:if condition="isset($canViewAlbum) AND !$canViewAlbum">
	{vb:set userid, {vb:raw user.userid}}
</vb:if>
<vb:if condition="empty($channelid) OR !intval($channelid)">
	{vb:set channelid, {vb:raw conversation.channelid}}
</vb:if>
<vb:if condition="empty($perpage) OR !intval($perpage)">
	{vb:set perpage, 35} <vb:comment>Album detail photo gallery UI can contain up to 7 items per row in Media tab, so ideally perpage should be divisible by 7</vb:comment>
</vb:if>
{vb:set mediaFilters.nodeid, {vb:raw nodeid}}
{vb:set mediaFilters.page, {vb:raw pageno}}
{vb:set mediaFilters.perpage, {vb:raw perpage}}
{vb:set mediaFilters.userid, {vb:raw userid}}
{vb:set mediaFilters.channelid, {vb:raw channelid}}
{vb:set mediaFilters.dateFilter, {vb:raw dateFilter}}
{vb:rawdata nodes, profile, getAlbum, {vb:raw mediaFilters}}
<vb:comment>Since the data returned is an associative array, we need to do an "each" even though there is only one node.</vb:comment>
<vb:if condition="!$viewMore">
	<input type="hidden" class="albumSlideShowPageNo" value="{vb:raw pageno}" />
	<input type="hidden" class="albumSlideShowPerPage" value="{vb:raw perpage}" />
</vb:if>

<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
	<vb:each from="nodes" value="node">
		{vb:set pagingInfo, {vb:raw node.pagenav}}
		{vb:set photos, {vb:raw node.photo}}

		<vb:if condition="$viewMore">
			<vb:each from="photos" value="photo">
				{vb:template profile_textphotodetail_block,
					photo={vb:raw photo},
					nodeid={vb:raw node.nodeid},
					userid={vb:var userid},
					channelid={vb:var channelid},
					isAttach={vb:raw photo.isAttach}}
			</vb:each>
		<vb:else />
			<div class="js-album-detail album-detail conversation-list list-container stream-view activity-view full-activity-view h-clearfix" data-totalpages="{vb:raw pagingInfo.totalpages}" data-totalcount="{vb:raw pagingInfo.totalcount}">
				<div class="list-item-header">
					<span class="album-title">{vb:raw node.title}</span>
					<span class="media-count">
						<vb:if condition="$nodeid == -2">
							{vb:set count, {vb:raw pagingInfo.totalcount}}
						<vb:elseif condition="$node['photocount'] > 0" />
							{vb:set count, {vb:raw node.photocount}}
						<vb:elseif condition="$node['attachcount'] > 0" />
							{vb:set count, {vb:raw node.attachcount}}
						</vb:if>
						<vb:if condition="$count > 1">
							{vb:phrase x_photos, {vb:raw count}}
						<vb:else />
							{vb:phrase x_photo, {vb:raw count}}
						</vb:if>
					</span>
				</div>
				<div class="js-post__content-wrapper list-item-body-wrapper h-clearfix" data-node-type="media">

					<div class="conversation-body list-item-body node-body h-left">
						<vb:if condition="intval($nodeid) > 0">
							<div class="post-content restore">
								{vb:action parsedText, bbcode, parseNodeText, {vb:var nodeid}, 0, {vb:var page.contentpagenum}}
								{vb:raw parsedText}
							</div>
						</vb:if>
					</div>
					<vb:if condition="$node['canedit']">
						{vb:set footerControls, {vb:php array_fill_keys, {vb:php array, showTagList, showVoteCount, showFlagCtrl, showQuoteCtrl, showVoteCtrl, showNoControls, showDivider, showIp}, 0}}
						{vb:set footerControls.showEditCtrl, 1}
						{vb:template conversation_footer, conversation={vb:raw node}, controls={vb:raw footerControls}}
						<div class="edit-conversation-container"  data-content-type="media"></div>
						<button type="button" class="b-button b-button--secondary profile-media-uploadphotos">{vb:phrase add_photos}</button>

						<div class="js-photo-display photo-display-container js-profile-media-photoupload-dialog profile-media-photoupload-dialog sb-dialog gallery-wrapper" data-nodeid="{vb:raw nodeid}"></div>
					</vb:if>
					<div class="js-photo-preview h-clearfix b-gallery-thumbnail-list b-gallery-thumbnail-list--gallery">
						<vb:each from="photos" value="photo">
							{vb:template profile_textphotodetail_block,
								photo={vb:raw photo},
								nodeid={vb:raw node.nodeid},
								userid={vb:var userid},
								channelid={vb:var channelid},
								isAttach={vb:raw photo.isAttach}}
						</vb:each>
					</div>
				</div>
			</div>
			<vb:if condition="$pagingInfo['totalpages'] > $pagingInfo['currentpage']">
				<div class="h-align-center"><button type="button" class="b-button b-button--secondary more-gallery view-more-btn">{vb:phrase see_more}</button></div>
			</vb:if>
		</vb:if>
	</vb:each>
<vb:else />
	<div class="conversation-empty">{vb:phrase no_photos_found}</div>
</vb:if>]]></template>
		<template name="profile_textphotodetail_block" templatetype="template" date="1548789388" username="vBulletin" version="5.5.1 Alpha 3"><![CDATA[<div class="b-gallery-thumbnail-list__item" id="galleryLink_{vb:raw nodeid}" data-userid="{vb:var userid}" data-channelid="{vb:var channelid}">
	<vb:if condition="$isAttach">
		{vb:set query, id}
	<vb:else />
		{vb:set query, photoid}
	</vb:if>
	<img class="b-gallery-thumbnail-list__thumbnail" src="filedata/fetch?{vb:raw query}={vb:raw photo.nodeid}&amp;type=thumb" title="{vb:raw photo.htmltitle}" alt="{vb:raw photo.htmltitle}" />
</div>]]></template>
	</templategroup>
	<templategroup name="Screen Layout">
		<template name="screenlayout_admin_bare_full" templatetype="template" date="1465582378" username="vBulletin" version="5.2.3 Alpha 4"><![CDATA[<div id="canvas-layout-bare_full" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var screenlayout.screenlayoutid}">

	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-2 js-sectiontype-notice l-col__large-12 l-col__small--full"></div>
	</div>

	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-0 js-sectiontype-primary js-sectiontype-secondary l-col__large-12 l-col__small--full"></div>
	</div>

	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-3 js-sectiontype-extra l-col__large-12 l-col__small--full"></div>
	</div>

	<input type="hidden" name="displaysections[0]" />
	<input type="hidden" name="displaysections[2]" />
	<input type="hidden" name="displaysections[3]" />

</div>]]></template>
		<template name="screenlayout_admin_full" templatetype="template" date="1406314039" username="vBulletin" version="5.1.4 Alpha 2"><![CDATA[<div id="canvas-layout-full" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var screenlayout.screenlayoutid}">

	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-2 js-sectiontype-notice l-col__large-12 l-col__small--full"></div>
	</div>

	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-0 js-sectiontype-primary js-sectiontype-secondary l-col__large-12 l-col__small--full"></div>
	</div>

	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-3 js-sectiontype-extra l-col__large-12 l-col__small--full"></div>
	</div>

	<input type="hidden" name="displaysections[0]" />
	<input type="hidden" name="displaysections[2]" />
	<input type="hidden" name="displaysections[3]" />

</div>]]></template>
		<template name="screenlayout_admin_narrow_wide" templatetype="template" date="1459550604" username="vBulletin" version="5.2.1 Release Candidate 2"><![CDATA[<div id="canvas-layout-narrow-wide" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var screenlayout.screenlayoutid}">

	<!-- section 2 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-2 js-sectiontype-notice l-col__large-12 l-col__small--full"></div>
	</div>

	<!-- section 0, 1 displayed: 0, 1 -->
	<vb:comment><!-- This does not use the flex-first classes that the corresponding display template uses, since in sitebuilder we don't care what order the markup is in, and it causes additional issues with the module drag/drop code (the extra content element) --></vb:comment>
	<div class="canvas-layout-row has-columns l-row">
		<div class="l-narrow-column canvas-widget-list section-0 js-sectiontype-secondary has-adjacent-right-col l-col__fixed-6 l-col__small--full"></div>
		<div class="canvas-widget-list section-1 js-sectiontype-primary has-adjacent-left-col l-col__flex-6 l-col__small--full h-padding-left-xl"></div>
	</div>

	<!-- section 3 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-3 js-sectiontype-extra l-col__large-12 l-col__small--full"></div>
	</div>

	<input type="hidden" name="displaysections[0]" />
	<input type="hidden" name="displaysections[1]" />
	<input type="hidden" name="displaysections[2]" />
	<input type="hidden" name="displaysections[3]" />

</div>]]></template>
		<template name="screenlayout_admin_threecol_15_15_70" templatetype="template" date="1459550604" username="vBulletin" version="5.2.1 Release Candidate 2"><![CDATA[<div id="canvas-layout-threecol-15-15-70" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var screenlayout.screenlayoutid}">

	<!-- section 2 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-2 js-sectiontype-notice l-col__large-12 l-col__small--full"></div>
	</div>

	<!-- section 4, 0, 1, displayed: 0, 1, 4 -->
	<div class="canvas-layout-row has-columns l-row">
		<div class="canvas-widget-list section-4 js-sectiontype-primary has-adjacent-left-col l-col__large-8 l-col__large--move-right-4 l-col__small--full"></div>
		<div class="l-narrow-column canvas-widget-list section-0 js-sectiontype-secondary has-adjacent-right-col l-col__large-2 l-col__large--move-left-12 l-col__small--full h-padding-right-xl"></div>
		<div class="l-narrow-column canvas-widget-list section-1 js-sectiontype-secondary has-adjacent-left-col has-adjacent-right-col l-col__large-2 l-col__large--move-left-10 l-col__small--full h-padding-right-xl"></div>
	</div>

	<!-- section 3 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-3 js-sectiontype-extra l-col__large-12 l-col__small--full"></div>
	</div>

	<input type="hidden" name="displaysections[0]" />
	<input type="hidden" name="displaysections[1]" />
	<input type="hidden" name="displaysections[2]" />
	<input type="hidden" name="displaysections[3]" />
	<input type="hidden" name="displaysections[4]" />

</div>]]></template>
		<template name="screenlayout_admin_threecol_15_70_15" templatetype="template" date="1459550604" username="vBulletin" version="5.2.1 Release Candidate 2"><![CDATA[<div id="canvas-layout-threecol-15-70-15" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var screenlayout.screenlayoutid}">

	<!-- section 2 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-2 js-sectiontype-notice l-col__large-12 l-col__small--full"></div>
	</div>

	<!-- section 1, 0, 4 displayed: 0, 1, 4 -->
	<div class="canvas-layout-row has-columns l-row">
		<div class="canvas-widget-list section-1 js-sectiontype-primary has-adjacent-left-col has-adjacent-right-col l-col__large-8 l-col__large--move-right-2 l-col__small--full"></div>
		<div class="l-narrow-column canvas-widget-list section-0 js-sectiontype-secondary has-adjacent-right-col l-col__large-2 l-col__large--move-left-10 l-col__small--full h-padding-right-xl"></div>
		<div class="l-narrow-column canvas-widget-list section-4 js-sectiontype-secondary has-adjacent-left-col l-col__large-2 l-col__small--full h-padding-left-xl"></div>
	</div>

	<!-- section 3 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-3 js-sectiontype-extra l-col__large-12 l-col__small--full"></div>
	</div>

	<input type="hidden" name="displaysections[0]" />
	<input type="hidden" name="displaysections[1]" />
	<input type="hidden" name="displaysections[2]" />
	<input type="hidden" name="displaysections[3]" />
	<input type="hidden" name="displaysections[4]" />

</div>]]></template>
		<template name="screenlayout_admin_threecol_25_25_50" templatetype="template" date="1459550604" username="vBulletin" version="5.2.1 Release Candidate 2"><![CDATA[<div id="canvas-layout-threecol-25-25-50" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var screenlayout.screenlayoutid}">

	<!-- section 2 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-2 js-sectiontype-notice l-col__large-12 l-col__small--full"></div>
	</div>

	<!-- section 4, 0, 1 displayed: 0, 1, 4 -->
	<div class="canvas-layout-row has-columns l-row">
		<div class="canvas-widget-list section-4 js-sectiontype-primary has-adjacent-left-col l-col__large-6 l-col__large--move-right-6 l-col__small--full"></div>
		<div class="l-narrow-column canvas-widget-list section-0 js-sectiontype-secondary has-adjacent-right-col l-col__large-3 l-col__large--move-left-12 l-col__small--full h-padding-right-xl"></div>
		<div class="l-narrow-column canvas-widget-list section-1 js-sectiontype-secondary has-adjacent-left-col has-adjacent-right-col l-col__large-3 l-col__large--move-left-9 l-col__small--full h-padding-right-xl"></div>
	</div>

	<!-- section 3 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-3 js-sectiontype-extra l-col__large-12 l-col__small--full"></div>
	</div>

	<input type="hidden" name="displaysections[0]" />
	<input type="hidden" name="displaysections[1]" />
	<input type="hidden" name="displaysections[2]" />
	<input type="hidden" name="displaysections[3]" />
	<input type="hidden" name="displaysections[4]" />

</div>]]></template>
		<template name="screenlayout_admin_threecol_25_50_25" templatetype="template" date="1459550604" username="vBulletin" version="5.2.1 Release Candidate 2"><![CDATA[<div id="canvas-layout-threecol-25-50-25" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var screenlayout.screenlayoutid}">

	<!-- section 2 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-2 js-sectiontype-notice l-col__large-12 l-col__small--full"></div>
	</div>

	<!-- section 1, 0, 4 displayed: 0, 1, 4 -->
	<div class="canvas-layout-row has-columns l-row">
		<div class="canvas-widget-list section-1 js-sectiontype-primary has-adjacent-left-col has-adjacent-right-col l-col__large-6 l-col__large--move-right-3 l-col__small--full"></div>
		<div class="l-narrow-column canvas-widget-list section-0 js-sectiontype-secondary has-adjacent-right-col l-col__large-3 l-col__large--move-left-9 l-col__small--full h-padding-right-xl"></div>
		<div class="l-narrow-column canvas-widget-list section-4 js-sectiontype-secondary has-adjacent-left-col l-col__large-3 l-col__small--full h-padding-left-xl"></div>
	</div>

	<!-- section 3 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-3 js-sectiontype-extra l-col__large-12 l-col__small--full"></div>
	</div>

	<input type="hidden" name="displaysections[0]" />
	<input type="hidden" name="displaysections[1]" />
	<input type="hidden" name="displaysections[2]" />
	<input type="hidden" name="displaysections[3]" />
	<input type="hidden" name="displaysections[4]" />

</div>]]></template>
		<template name="screenlayout_admin_threecol_33_33_33" templatetype="template" date="1459550604" username="vBulletin" version="5.2.1 Release Candidate 2"><![CDATA[<div id="canvas-layout-threecol-33-33-33" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var screenlayout.screenlayoutid}">

	<!-- section 2 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-2 js-sectiontype-notice l-col__large-12 l-col__small--full"></div>
	</div>

	<!-- section 0, 1, 4 -->
	<div class="canvas-layout-row has-columns l-row">
		<div class="l-narrow-column canvas-widget-list section-0 js-sectiontype-secondary has-adjacent-right-col l-col__large-4 l-col__small--full h-padding-right-xl"></div>
		<div class="canvas-widget-list section-1 js-sectiontype-primary has-adjacent-left-col has-adjacent-right-col l-col__large-4 l-col__small--full"></div>
		<div class="l-narrow-column canvas-widget-list section-4 js-sectiontype-secondary has-adjacent-left-col l-col__large-4 l-col__small--full h-padding-left-xl"></div>
	</div>

	<!-- section 3 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-3 js-sectiontype-extra l-col__large-12 l-col__small--full"></div>
	</div>

	<input type="hidden" name="displaysections[0]" />
	<input type="hidden" name="displaysections[1]" />
	<input type="hidden" name="displaysections[2]" />
	<input type="hidden" name="displaysections[3]" />
	<input type="hidden" name="displaysections[4]" />

</div>]]></template>
		<template name="screenlayout_admin_threecol_50_25_25" templatetype="template" date="1459550604" username="vBulletin" version="5.2.1 Release Candidate 2"><![CDATA[<div id="canvas-layout-threecol-50-25-25" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var screenlayout.screenlayoutid}">

	<!-- section 2 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-2 js-sectiontype-notice l-col__large-12 l-col__small--full"></div>
	</div>

	<!-- section 0, 1, 4 -->
	<div class="canvas-layout-row has-columns l-row">
		<div class="canvas-widget-list section-0 js-sectiontype-primary has-adjacent-right-col l-col__large-6 l-col__small--full"></div>
		<div class="l-narrow-column canvas-widget-list section-1 js-sectiontype-secondary has-adjacent-left-col has-adjacent-right-col l-col__large-3 l-col__small--full h-padding-left-xl"></div>
		<div class="l-narrow-column canvas-widget-list section-4 js-sectiontype-secondary has-adjacent-left-col l-col__large-3 l-col__small--full h-padding-left-xl"></div>
	</div>

	<!-- section 3 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-3 js-sectiontype-extra l-col__large-12 l-col__small--full"></div>
	</div>

	<input type="hidden" name="displaysections[0]" />
	<input type="hidden" name="displaysections[1]" />
	<input type="hidden" name="displaysections[2]" />
	<input type="hidden" name="displaysections[3]" />
	<input type="hidden" name="displaysections[4]" />

</div>]]></template>
		<template name="screenlayout_admin_threecol_70_15_15" templatetype="template" date="1459550604" username="vBulletin" version="5.2.1 Release Candidate 2"><![CDATA[<div id="canvas-layout-threecol-70-15-15" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var screenlayout.screenlayoutid}">

	<!-- section 2 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-2 js-sectiontype-notice l-col__large-12 l-col__small--full"></div>
	</div>

	<!-- section 0, 1, 4 -->
	<div class="canvas-layout-row has-columns l-row">
		<div class="canvas-widget-list section-0 js-sectiontype-primary has-adjacent-right-col l-col__large-8 l-col__small--full"></div>
		<div class="l-narrow-column canvas-widget-list section-1 js-sectiontype-secondary has-adjacent-left-col has-adjacent-right-col l-col__large-2 l-col__small--full h-padding-left-xl"></div>
		<div class="l-narrow-column canvas-widget-list section-4 js-sectiontype-secondary has-adjacent-left-col l-col__large-2 l-col__small--full h-padding-left-xl"></div>
	</div>

	<!-- section 3 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-3 js-sectiontype-extra l-col__large-12 l-col__small--full"></div>
	</div>

	<input type="hidden" name="displaysections[0]" />
	<input type="hidden" name="displaysections[1]" />
	<input type="hidden" name="displaysections[2]" />
	<input type="hidden" name="displaysections[3]" />
	<input type="hidden" name="displaysections[4]" />

</div>]]></template>
		<template name="screenlayout_admin_wide_narrow" templatetype="template" date="1459550604" username="vBulletin" version="5.2.1 Release Candidate 2"><![CDATA[<div id="canvas-layout-wide-narrow" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var screenlayout.screenlayoutid}">

	<!-- sections 2 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-2 js-sectiontype-notice l-col__large-12 l-col__small--full"></div>
	</div>

	<!-- sections 1, 0 displayed: 0, 1 -->
	<vb:comment><!-- This does not use the flex-first classes that the corresponding display template uses, since in sitebuilder we don't care what order the markup is in, and it causes additional issues with the module drag/drop code (the extra content element) --></vb:comment>
	<div class="canvas-layout-row has-columns l-row l-row__fixed--right">
		<div class="l-narrow-column canvas-widget-list section-1 js-sectiontype-secondary has-adjacent-left-col l-col__fixed-6 l-col__small--full"></div>
		<div class="canvas-widget-list section-0 js-sectiontype-primary has-adjacent-right-col l-col__flex-6 l-col__small--full h-padding-right-xl"></div>
	</div>

	<!-- sections 3 -->
	<div class="canvas-layout-row no-columns h-clearfix l-row">
		<div class="canvas-widget-list section-3 js-sectiontype-extra l-col__large-12 l-col__small--full"></div>
	</div>

	<input type="hidden" name="displaysections[0]" />
	<input type="hidden" name="displaysections[1]" />
	<input type="hidden" name="displaysections[2]" />
	<input type="hidden" name="displaysections[3]" />

</div>]]></template>
		<template name="screenlayout_display_bare_full" templatetype="template" date="1477665359" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[{vb:template bare_header, page={vb:raw page}}

<div id="canvas-layout-full" class="canvas-layout" data-layout-id="{vb:var page.screenlayoutid}">

	{vb:data sectionInfo, widget, fetchLayoutSectionInfo,
		{vb:var page.pagetemplateid},
		{vb:var page.channelid}}

	<vb:each from="sectionInfo" value="rowInfo">

		{vb:template screenlayout_row_display,
			sections={vb:raw rowInfo.sections},
			info={vb:raw rowInfo.info}}

	</vb:each>

</div>

{vb:template bare_footer, page={vb:raw page}}]]></template>
		<template name="screenlayout_display_full" templatetype="template" date="1477665359" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[{vb:template header, page={vb:raw page}}

<div id="canvas-layout-full" class="canvas-layout" data-layout-id="{vb:var page.screenlayoutid}">

	{vb:data sectionInfo, widget, fetchLayoutSectionInfo,
		{vb:var page.pagetemplateid},
		{vb:var page.channelid}}

	<vb:each from="sectionInfo" value="rowInfo">

		{vb:template screenlayout_row_display,
			sections={vb:raw rowInfo.sections},
			info={vb:raw rowInfo.info}}

	</vb:each>

</div>

{vb:template footer, page={vb:raw page}}]]></template>
		<template name="screenlayout_display_narrow_wide" templatetype="template" date="1477665359" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[{vb:template header, page={vb:raw page}}

<div id="canvas-layout-narrow-wide" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var page.screenlayoutid}">

	{vb:data sectionInfo, widget, fetchLayoutSectionInfo,
		{vb:var page.pagetemplateid},
		{vb:var page.channelid}}

	<vb:each from="sectionInfo" value="rowInfo">

		{vb:template screenlayout_row_display,
			sections={vb:raw rowInfo.sections},
			info={vb:raw rowInfo.info}}

	</vb:each>

</div>

{vb:template footer, page={vb:raw page}}]]></template>
		<template name="screenlayout_display_threecol_15_15_70" templatetype="template" date="1477665359" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[{vb:template header, page={vb:raw page}}

<div id="canvas-layout-threecol-15-15-70" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var page.screenlayoutid}">

	{vb:data sectionInfo, widget, fetchLayoutSectionInfo,
		{vb:var page.pagetemplateid},
		{vb:var page.channelid}}

	<vb:each from="sectionInfo" value="rowInfo">

		{vb:template screenlayout_row_display,
			sections={vb:raw rowInfo.sections},
			info={vb:raw rowInfo.info}}

	</vb:each>

</div>

{vb:template footer, page={vb:raw page}}]]></template>
		<template name="screenlayout_display_threecol_15_70_15" templatetype="template" date="1477665359" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[{vb:template header, page={vb:raw page}}

<div id="canvas-layout-threecol-15-70-15" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var page.screenlayoutid}">

	{vb:data sectionInfo, widget, fetchLayoutSectionInfo,
		{vb:var page.pagetemplateid},
		{vb:var page.channelid}}

	<vb:each from="sectionInfo" value="rowInfo">

		{vb:template screenlayout_row_display,
			sections={vb:raw rowInfo.sections},
			info={vb:raw rowInfo.info}}

	</vb:each>

</div>

{vb:template footer, page={vb:raw page}}]]></template>
		<template name="screenlayout_display_threecol_25_25_50" templatetype="template" date="1477665359" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[{vb:template header, page={vb:raw page}}

<div id="canvas-layout-threecol-25-25-50" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var page.screenlayoutid}">

	{vb:data sectionInfo, widget, fetchLayoutSectionInfo,
		{vb:var page.pagetemplateid},
		{vb:var page.channelid}}

	<vb:each from="sectionInfo" value="rowInfo">

		{vb:template screenlayout_row_display,
			sections={vb:raw rowInfo.sections},
			info={vb:raw rowInfo.info}}

	</vb:each>

</div>

{vb:template footer, page={vb:raw page}}]]></template>
		<template name="screenlayout_display_threecol_25_50_25" templatetype="template" date="1477665359" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[{vb:template header, page={vb:raw page}}

<div id="canvas-layout-threecol-25-50-25" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var page.screenlayoutid}">

	{vb:data sectionInfo, widget, fetchLayoutSectionInfo,
		{vb:var page.pagetemplateid},
		{vb:var page.channelid}}

	<vb:each from="sectionInfo" value="rowInfo">

		{vb:template screenlayout_row_display,
			sections={vb:raw rowInfo.sections},
			info={vb:raw rowInfo.info}}

	</vb:each>

</div>

{vb:template footer, page={vb:raw page}}]]></template>
		<template name="screenlayout_display_threecol_33_33_33" templatetype="template" date="1477665359" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[{vb:template header, page={vb:raw page}}

<div id="canvas-layout-threecol-33-33-33" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var page.screenlayoutid}">

	{vb:data sectionInfo, widget, fetchLayoutSectionInfo,
		{vb:var page.pagetemplateid},
		{vb:var page.channelid}}

	<vb:each from="sectionInfo" value="rowInfo">

		{vb:template screenlayout_row_display,
			sections={vb:raw rowInfo.sections},
			info={vb:raw rowInfo.info}}

	</vb:each>

</div>

{vb:template footer, page={vb:raw page}}]]></template>
		<template name="screenlayout_display_threecol_50_25_25" templatetype="template" date="1477665359" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[{vb:template header, page={vb:raw page}}

<div id="canvas-layout-threecol-50-25-25" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var page.screenlayoutid}">

	{vb:data sectionInfo, widget, fetchLayoutSectionInfo,
		{vb:var page.pagetemplateid},
		{vb:var page.channelid}}

	<vb:each from="sectionInfo" value="rowInfo">

		{vb:template screenlayout_row_display,
			sections={vb:raw rowInfo.sections},
			info={vb:raw rowInfo.info}}

	</vb:each>

</div>

{vb:template footer, page={vb:raw page}}]]></template>
		<template name="screenlayout_display_threecol_70_15_15" templatetype="template" date="1477665359" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[{vb:template header, page={vb:raw page}}

<div id="canvas-layout-threecol-70-15-15" class="canvas-layout {vb:raw displayClass}" data-layout-id="{vb:var page.screenlayoutid}">

	{vb:data sectionInfo, widget, fetchLayoutSectionInfo,
		{vb:var page.pagetemplateid},
		{vb:var page.channelid}}

	<vb:each from="sectionInfo" value="rowInfo">

		{vb:template screenlayout_row_display,
			sections={vb:raw rowInfo.sections},
			info={vb:raw rowInfo.info}}

	</vb:each>

</div>

{vb:template footer, page={vb:raw page}}]]></template>
		<template name="screenlayout_display_wide_narrow" templatetype="template" date="1477665359" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[{vb:template header, page={vb:raw page}}

<div id="canvas-layout-wide-narrow" class="canvas-layout" data-layout-id="{vb:var page.screenlayoutid}">

	{vb:data sectionInfo, widget, fetchLayoutSectionInfo,
		{vb:var page.pagetemplateid},
		{vb:var page.channelid}}

	<vb:each from="sectionInfo" value="rowInfo">

		{vb:template screenlayout_row_display,
			sections={vb:raw rowInfo.sections},
			info={vb:raw rowInfo.info}}

	</vb:each>

</div>

{vb:template footer, page={vb:raw page}}]]></template>
		<template name="screenlayout_row_display" templatetype="template" date="1477665359" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[<vb:if condition="$info['sectionCount'] > 1">
	{vb:set rowClasses, "has-columns"}
<vb:else />
	{vb:set rowClasses, "no-columns h-clearfix"}
</vb:if>

<vb:if condition="!empty($info['rowFixed'])">
	{vb:set rowFixedClass, ' l-row__fixed--'}
	{vb:strcat rowFixedClass, {vb:var info.rowFixed}}
<vb:else />
	{vb:set rowFixedClass, ''}
</vb:if>


<!-- row -->
<div class="canvas-layout-row l-row {vb:var rowClasses}{vb:var rowFixedClass}">

	{vb:set loop, {vb:php array}}
	{vb:set loop.iteration, 0}

	<vb:each from="sections" value="section">

		{vb:set loop.iteration, {vb:math {vb:raw loop.iteration} + 1}}
		{vb:set loop.first, {vb:if '$loop["iteration"] == 1', 1, 0}}
		{vb:set loop.last, {vb:if '$loop["iteration"] == $info["sectionCount"]', 1, 0}}

		{vb:template screenlayout_section_display,
			section={vb:raw section},
			info={vb:raw info},
			loop={vb:raw loop}}

	</vb:each>

</div>]]></template>
		<template name="screenlayout_screenlayoutlist" templatetype="template" date="1409927515" username="vBulletin" version="5.1.4 Alpha 5"><![CDATA[<vb:if condition="$user['can_use_sitebuilder']">
	{vb:data screenlayouts, screenlayout, fetchScreenLayoutList}
	<vb:each from="screenlayouts" value="screenlayout">
		{vb:template {vb:raw screenlayout.admintemplate}, screenlayout={vb:raw screenlayout}, displayClass="h-hide"}
	</vb:each>
</vb:if>]]></template>
		<template name="screenlayout_section_display" templatetype="template" date="1487808215" username="vBulletin" version="5.3.0 Alpha 1"><![CDATA[<vb:if condition="!empty($section['layoutcolumnflex'])">
	{vb:set isFlexColumn, 1}
<vb:else />
	{vb:set isFlexColumn, 0}
</vb:if>

{vb:set flexClass, ''}

<vb:if condition="$info['hasFlex']">
	<vb:if condition="$isFlexColumn">
		{vb:set colClassBit, 'flex-'}
		<vb:if condition="$info['flexFirst']">
			{vb:set flexClass, ' l-col--flex-first'}
		</vb:if>
	<vb:else />
		{vb:set colClassBit, 'fixed-'}
	</vb:if>
<vb:else />
	{vb:set colClassBit, 'large-'}
</vb:if>

<vb:if condition="$info['sectionCount'] > 1">
	<vb:if condition="$section['isFirstDisplaySection']">
		{vb:set adjacentClass, ' has-adjacent-right-col'}
	<vb:else />
		{vb:set adjacentClass, ' has-adjacent-left-col h-padding-left-xl'}
	</vb:if>
<vb:else />
	{vb:set adjacentClass, ''}
</vb:if>

<vb:if condition="!empty($section['layoutcolumnmove'])">
	{vb:set columnMoveClass, ' l-col__large--move-'}
	{vb:strcat columnMoveClass, {vb:var section.layoutcolumnmove}}
<vb:else />
	{vb:set columnMoveClass, ''}
</vb:if>

{vb:set sectionTypeClass, ''}
<vb:each from="section.sectiontypes" value="sectionType">
	{vb:strcat sectionTypeClass, ' js-sectiontype-'}
	{vb:strcat sectionTypeClass, {vb:var sectionType}}
</vb:each>

<vb:comment>Set conceptual wide/narrow column classes</vb:comment>
{vb:set wideNarrowClass, ' l-wide-column'}
<vb:if condition="$info['sectionCount'] > 1">
	<vb:comment>Fixed width columns, which max out at 300px wide, are conceptually narrow columns</vb:comment>
	<vb:if condition="$info['hasFlex'] AND !$isFlexColumn">
		{vb:set wideNarrowClass, ' l-narrow-column'}
	</vb:if>
	<vb:comment>Standard percentage width columns that are <= 33% of the total width are conceptually narrow columns</vb:comment>
	<vb:if condition="!$info['hasFlex'] AND !$section['layoutcolumnlarge'] <= 4">
		{vb:set wideNarrowClass, ' l-narrow-column'}
	</vb:if>
</vb:if>


<!-- section {vb:var section.sectionnumber} -->

{vb:hook {vb:var section.hookname}}

<div class="canvas-widget-list section-{vb:var section.sectionnumber}{vb:var sectionTypeClass} h-clearfix l-col__{vb:var colClassBit}{vb:var section.layoutcolumnlarge} l-col__small--{vb:var section.layoutcolumnsmall}{vb:var flexClass}{vb:var adjacentClass}{vb:var columnMoveClass}{vb:var wideNarrowClass}">

	<vb:if condition="$info['flexFirst'] AND $isFlexColumn">
		<div class="l-col__flex-content">
	</vb:if>

	{vb:template screenlayout_widgetlist,
		widgets={vb:raw section.widgetinstances},
		page={vb:raw page}}

	<vb:if condition="$info['flexFirst'] AND $isFlexColumn">
		</div>
	</vb:if>

</div>]]></template>
		<template name="screenlayout_widgetlist" templatetype="template" date="1532130449" username="vBulletin" version="5.4.4 Alpha 2"><![CDATA[<vb:each from="widgets" value="widget">
	<!-- *** START WIDGET widgetid:{vb:raw widget.widgetid}, widgetinstanceid:{vb:raw widget.widgetinstanceid}, template:{vb:raw widget.template} *** -->
	{vb:template {vb:raw widget.template}, 
				widgetid={vb:raw widget.widgetid}, 
				widgetinstanceid={vb:raw widget.widgetinstanceid}, 
				widgettitle={vb:raw widget.title}, 
				page={vb:raw page}, 
				isWidget=1, 
				subModules={vb:raw widget.subModules},
				tabbedContainerSubModules={vb:raw widget.tabbedContainerSubModules},
				product={vb:raw widget.product}
	}
	<!-- *** END WIDGET widgetid:{vb:raw widget.widgetid}, widgetinstanceid:{vb:raw widget.widgetinstanceid}, template:{vb:raw widget.template} *** -->
</vb:each>]]></template>
	</templategroup>
	<templategroup name="Search">
		<template name="search_config" templatetype="template" date="1533170728" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[{vb:cssExtra css_form.css}
<div id="{vb:raw configID}" class="advancedSearchFields form_layout">
	<vb:if condition="!empty($hasForm)">
		<form action="{vb:url 'search'}" method="GET" class="advSearchForm">
			<input name="searchJSON" type="hidden" class="searchFields_searchJSON" value="{vb:var searchJSON}" />
			<div class="b-button-group h-margin-bottom-xl h-margin-right-xxl">
				<button class="b-button b-button--primary searchSubmitBtn h-hide-on-xsmall h-block" name="btnSubmit" type="submit">{vb:phrase search_now}</button>
			</div>
		</form>
	</vb:if>
	<div class="searchConfigFields add-search-container">
		<vb:if condition="empty($noAdvancedSwitch)">
			<div class="searchSwitchToAdvanced h-clearfix">
				<label class="h-left b-link js-link" tabindex="0">{vb:phrase switch_to_advanced_editor}</label>
			</div>
			<div class="searchSwitchToForm h-clearfix">
				<label class="h-left b-link js-link" tabindex="0">{vb:phrase switch_to_simple_editor}</label>
				<div class="widget-note h-right"><em>({vb:rawphrase fields_denoted_required})</em></div>
			</div>
		</vb:if>
		<form>
		<div class="add-search-fieldset form-fieldset">
			{vb:template humanverify, action="search"}
			<vb:if condition="$showSearchWidgetInfo AND $user['can_use_sitebuilder']">
				<div class="form_row form-row-title">
					<label class="label_column">{vb:phrase widget_title}</label>
					<div class="field_column">
						<input type="text" name="searchTitle" id="searchTitle" class="textbox" />
					</div>
				</div>
				<div class="form_row form-row-perpage">
					<label class="label_column">{vb:phrase number_of_results}</label>
					<div class="field_column">
						<input type="text" name="resultsPerPage" id="resultsPerPage" class="textbox" />
					</div>
				</div>
				<div class="form_row">
					<label class="label_column">{vb:phrase hide_module_when_empty}</label>
					<div class="field_column">
						<label><input type="radio" name="hide_module_when_empty" value="1" />{vb:phrase yes}</label>
						<label><input type="radio" name="hide_module_when_empty" value="0" />{vb:phrase no}</label>
					</div>
				</div>
				<div class="form_row">
					<label class="label_column">{vb:phrase widget_search_hide_avatars_label}</label>
					<div class="field_column">
						<label><input type="radio" name="hide_avatars" id="searchconfig_hide_avatars_yes" value="1" />{vb:phrase yes}</label>
						<label><input type="radio" name="hide_avatars" id="searchconfig_hide_avatars_no" value="0" />{vb:phrase no}</label>
					</div>
				</div>
				<div class="form_row">
					<label class="label_column">{vb:phrase show_module_at_breakpoints}</label>
					<div class="field_column js-searchmodule-show-at-breakpoints">
						<div>
							<label>
								<input type="checkbox" name="show_at_breakpoints[desktop]" value="1" checked="checked" />{vb:phrase desktop_size}
							</label>
						</div>
						<div>
							<label>
								<input type="checkbox" name="show_at_breakpoints[small]" value="1" checked="checked" />{vb:phrase small_size}
							</label>
						</div>
						<div>
							<label>
								<input type="checkbox" name="show_at_breakpoints[xsmall]" value="1" checked="checked" />{vb:phrase xsmall_size}
							</label>
						</div>
					</div>
				</div>


				<div class="form_row">
					<label class="label_column">{vb:phrase module_viewpermissions}</label>
					<div class="js-searchmodule-module_viewpermissions--replaceme h-hide"></div>
					<vb:comment>
						admin_sb__config_module_viewpermissions template is currently included in SB as part of
						admin_sitebuilder template
					</vb:comment>
				</div>

				<div class="form_row">
					<label class="label_column">
						{vb:phrase hide_usernames_in_search_results}
						<span class="config-description">{vb:phrase hide_usernames_in_search_results_description}</span>
					</label>
					<div class="field_column">
						<label><input type="radio" name="hide_usernames" value="1" />{vb:phrase yes}</label>
						<label><input type="radio" name="hide_usernames" value="0" />{vb:phrase no}</label>
					</div>
				</div>

				<div class="form_row">
					<label class="label_column">
						{vb:phrase display_post_footer_links}
						<span class="config-description">{vb:phrase display_post_footer_links_description}</span>
					</label>
					<div class="field_column">
						<label><input type="radio" name="displayFooter" value="1" checked="checked" />{vb:phrase yes}</label>
						<label><input type="radio" name="displayFooter" value="0" />{vb:phrase no}</label>
					</div>
				</div>

			</vb:if>
			<vb:if condition="$showSearchJSONField">
				<div class="form_row form-row-json h-hide-imp">
					<label class="label_column">{vb:phrase search_json} <span class="config-required-mark">*</span></label>
					<div class="field_column">
						<textarea name="searchJSON" class="searchFields_searchJSON textbox">{vb:raw searchJSON}</textarea>
					</div>
				</div>
			</vb:if>
			<div class="form_row form-row-keywords">
				<label class="label_column">{vb:phrase keywords}</label>
				<div class="field_column">
					<input type="text" name="searchFields[keywords]" class="js-search-keywords textbox" />
					<a href="#" class="search-tips">{vb:phrase search_tips}</a>
				</div>
				<div class="info_column"><label><input type="checkbox" name="searchFields[title_only]" class="searchFields_title_only" value="1" /><span>{vb:phrase title_only}</span></label></div>

				<div class="sb-dialog search-tips-dialog">
					<div class="dialog-content table">
						<div class="td excluded-words h-padding-right-l">
							<h1 class="h-clearfix"><span class="b-icon b-icon__minus-circle--blue h-left h-margin-right-l"></span>{vb:phrase excluded_words}</h1>
							{vb:rawphrase excluded_words_desc}
						</div>
						<div class="td multiple-words h-padding-left-l">
							<h1 class="h-clearfix"><span class="b-icon b-icon__or-circle--blue h-left h-margin-right-l"></span>{vb:phrase multiple_words}</h1>
							{vb:rawphrase multiple_words_desc}
						</div>
					</div>
				</div>

			</div>
			<div class="form_row form-row-members">
				<label class="label_column">{vb:phrase members}</label>
					<vb:comment>
					<label><input type="checkbox" name="searchFields[myFriends]" class="searchFields_myFriends" value="1" />{vb:phrase by_my_friends}</label>
					<label><input type="checkbox" name="searchFields[iFollow]" class="searchFields_iFollow" value="1" />{vb:phrase by_people_i_follow}</label>
					</vb:comment>
				<div class="field_column">
					<input type="text" name="searchFields[author]" class="searchFields_author textbox" />
				</div>
				<div class="info_column"><label><input type="checkbox" name="searchFields[starter_only]" class="searchFields_starter_only" value="1" /><span>{vb:phrase started_posts_only}</span></label></div>
			</div>
			<div class="form_row form-row-tags">
				<label class="label_column">{vb:phrase tags}</label>
				<div class="field_column">
					<vb:if condition="!empty($searchJSON)">
						{vb:set decodedSearchJSON, {vb:php json_decode, {vb:raw searchJSON}, 1}}

						<vb:if condition="$decodedSearchJSON AND !empty($decodedSearchJSON['tag'])">
							<vb:if condition="is_array($decodedSearchJSON['tag'])">
								{vb:set tagList, {vb:raw decodedSearchJSON.tag}}
							<vb:else />
								{vb:set tagList.0, {vb:raw decodedSearchJSON.tag}}
							</vb:if>
						</vb:if>
					</vb:if>

					{vb:strCat configID,'-searchFields_tag'}
					{vb:template tag_editor, editorClass={vb:raw configID}, cssClass="entry-field searchFields_tag", tagList={vb:raw tagList}, noManageTagCheck=1, tagtype=search, tagEditorInline=1, hideTagsDesc=1, noTagPlaceholder=1}

				</div>
			</div>
			<div class="form_row form-row-daterange">
				<label class="label_column">{vb:phrase date_range}</label>
				<div class="field_column">
					<vb:if condition="empty($fullDate)">
						<label class="h-left">{vb:rawphrase from_x_days, '<input type="text" name="searchFields[date][from]" class="searchFields_from_days search-fields__datefield--days textbox datefield" />'}</label>
					<vb:else />
						<div class="js-daterange">
							<label class="date-from h-left">{vb:phrase from} <input type="text" name="searchFields[date][from]" class="b-datepicker__input b-datepicker__input--s js-datepicker b-form-input__input searchFields_from_date js-daterange--min" /></label>
							<label class="date-to">{vb:phrase to} <input type="text" name="searchFields[date][to]" class="b-datepicker__input b-datepicker__input--s js-datepicker b-form-input__input searchFields_to_date js-daterange--max" /></label>
						</div>
					</vb:if>
					<label class="date-lastvisit"><input type="checkbox" name="searchFields[last_visit]" class="searchFields_last_visit" value="1" /><span>{vb:phrase last_visit}</span></label>
				</div>
			</div>



			<vb:comment>form-row-daterange required for date-to label to have enough left-margin to not get hidden by the datetimepicker's icon/button</vb:comment>
			<div class="form_row form-row-daterange js-contenttype-dependent" data-dependee="event">
				<label class="label_column">{vb:phrase eventstartdate}</label>
				<div class="field_column">

					<vb:if condition="empty($fullDate)">
						<vb:comment>search config in sitebuilder, because datepicker/datetimepicker apparently doesn't work here. Use the "days" format.</vb:comment>
						{vb:phrase from}
						<input type="text" name="searchFields[eventstartdate][from]" 
							class="search-fields__datefield--days textbox datefield" />
						{vb:phrase to}
						<input type="text" name="searchFields[eventstartdate][to]" 
							class="search-fields__datefield--days textbox datefield" />
						
					<vb:else />
						<div class="js-daterange">
							<label class="date-from">
								{vb:phrase from}
							</label>
							<label class="b-datepicker">
								<input type="text" name="searchFields[eventstartdate][from]"
									class="b-datepicker__input b-datepicker__input--datetime b-datepicker__input--s b-form-input__input js-datetimepicker js-daterange--min" />
							</label>

							<label class="date-to">
								{vb:phrase to}
							</label>
							<label class="b-datepicker">
								<input type="text" name="searchFields[eventstartdate][to]"
									class="b-datepicker__input b-datepicker__input--datetime b-datepicker__input--s b-form-input__input js-datetimepicker js-daterange--max" />
							</label>
						</div>
					</vb:if>
				</div>
			</div>




			<div class="form_row form-row-sortby">
				<label class="label_column">{vb:phrase sort_by}</label>
				<div class="field_column">
					<select name="searchFields[order][field]" class="searchFields_order_field custom-dropdown">
							<option value="relevance">{vb:phrase relevance}</option>
							<option value="title">{vb:phrase title}</option>
							<option value="author">{vb:phrase members}</option>
							<option value="created">{vb:phrase date_started_post}</option>
							<option value="lastcontent">{vb:phrase date_last_update}</option>
							<option value="replies">{vb:phrase replies}</option>
							<option value="votes">{vb:phrase likes}</option>
							<option value="eventstartdate">{vb:phrase eventstartdate}</option>
							<option value="trending">{vb:phrase trending}</option>
					</select>
				</div>
			</div>
			<div class="form_row">
				<label class="label_column label sort-order">{vb:phrase order}</label>
				<div class="field_column">
					<select name="searchFields[order][direction]" class="searchFields_order_direction custom-dropdown">
						<option value="desc" >{vb:phrase descending}</option>
						<option value="asc">{vb:phrase ascending}</option>
					</select>
				</div>
			</div>
			<div class="form_row form-row-contenttypes">
				<label class="label_column">{vb:phrase types}</label>
				<div class="field_column searchFields_type_container">
					<vb:if condition="!empty($contentTypes)">
						<vb:each from="contentTypes" key="contentTypeId" value="contentType">
							<vb:if condition="!isset($search_exclude_types) OR !is_array($search_exclude_types) OR !in_array($contentTypeId, $search_exclude_types)">
								{vb:set contentPhraseId, 'content_type_'}
								{vb:strcat contentPhraseId, {vb:raw contentType.class}}
								<label><input type="checkbox" name="searchFields[type][]" class="searchFields_type" value="{vb:raw contentTypeId}" /><span>{vb:rawphrase {vb:raw contentPhraseId}}</span></label>
							</vb:if>
						</vb:each>
					</vb:if>
					<label class="field-desc">{vb:phrase you_can_choose_to_display_type}</label>

					<vb:each from="search_exclude_types" value="exclude_type">
						<input type="hidden" class="searchFields_exclude_type" name="searchFields[exclude_type][]" value="{vb:raw exclude_type}" />
					</vb:each>
				</div>
			</div>
			<vb:if condition="isset($showSearchOptions) AND $showSearchOptions AND !empty($user['userid'])">
			<div class="form_row form-row-searchoptions">
				<label class="label_column">{vb:phrase search_options}</label>
				<div class="field_column">
					<label><input type="checkbox" name="searchFields[my_following]" class="searchFields_my_following" value="1" /><span>{vb:phrase search_in_my_following_only}</span></label>
				</div>
			</div>
			</vb:if>
			<div class="form_row form-row-sources">
				<label class="label_column">{vb:phrase sources}</label>
				<div class="field_column">
					<select name="searchFields[channel]" class="searchFields_channel h-left" multiple="multiple">
						<vb:if condition="!empty($channels)">
							<vb:each from="channels" key="nodeId" value="channel">
								<vb:if condition="$channel['depth'] > 1">
									{vb:set indent, "&nbsp;&nbsp;&nbsp;"}
									{vb:set depth, {vb:math {vb:raw channel.depth} - 1}}
									{vb:strrepeat indent {vb:raw depth}}
								<vb:else />
									{vb:set indent, ''}
								</vb:if>
								<option value="{vb:raw channel.nodeid}">{vb:raw $indent}{vb:raw channel.htmltitle}</option>
							</vb:each>
						</vb:if>
					</select>
					<vb:if condition="empty($noParam)">
						<label class="load-from-current"><input type="checkbox" name="searchFields[channel_param]" class="searchFields_channel_param" value="channelid" /><span>{vb:phrase load_from_current_page}</span></label>
					</vb:if>
				</div>
			</div>
			<div class="form_row">
				<label class="label_column label sort-order">{vb:phrase view}</label>
				<div class="field_column">
					<select name="searchFields[view]" class="searchFields_view custom-dropdown">
						<option value="" >{vb:phrase default}</option>
						<option value="topic">{vb:phrase topic}</option>
						<option value="compact">{vb:phrase compact}</option>
					</select>
				</div>
			</div>
		</div>
		</form>
	</div>
	<vb:if condition="!empty($hasForm)">
	<form action="{vb:url 'search'}" method="GET" class="advSearchForm">
		<input name="searchJSON" type="hidden" class="searchFields_searchJSON" value="{vb:var searchJSON}" />
		<div class="b-button-group h-margin-top-xl h-margin-bottom-xl h-margin-right-xxl">
			<button class="b-button b-button--primary searchSubmitBtn" name="btnSubmit" type="submit">{vb:phrase search_now}</button>
		</div>
	</form>
	</vb:if>
</div>]]></template>
		<template name="search_popup" templatetype="template" date="1551491530" username="vBulletin" version="5.5.2 Alpha 1"><![CDATA[<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content">

	<li class="b-comp-menu-dropdown__content-item b-comp-menu-dropdown__content-item--first b-comp-menu-dropdown__content-item--no-hover js-comp-menu-dropdown__content-maintain-menu">

		<div class="searchPopupBody">

			<label><input type="checkbox" name="searchFields[title_only]" class="searchFields_title_only" value="1" />{vb:phrase search_in_titles_only}</label>

			<vb:if condition="!empty($page['userid'])">
				{vb:data userInfo, user, fetchProfileInfo, {vb:raw page.userid}}
				<label><input type="checkbox" name="searchFields[author][]" class="searchFields_author" value="{vb:var page.userid}" />{vb:rawphrase search_in_posts_by_x_only, {vb:raw userInfo.username}}</label>
			</vb:if>

			<vb:if condition="!empty($page['channelid'])">
				{vb:rawdata channelInfo, content_channel, fetchChannelById, {vb:var page.channelid}}
				<vb:if condition="!isset($channelInfo['errors']) AND $channelInfo['guid'] != 'vbulletin-4ecbdf567f2773.55528984'">
					<label><input type="checkbox" name="searchFields[channel][]" class="searchFields_channel" value="{vb:var page.channelid}" />{vb:rawphrase search_in_x_only, {vb:raw channelInfo.title}}</label>
				</vb:if>
			</vb:if>

			<div class="b-button-group h-margin-top-xs">
				<button type="submit" id="btnSearch-popup" class="b-button b-button--primary">{vb:phrase search}</button>
			</div>

		</div>

		<input type="hidden" name="searchJSON" value="" />
	</li>

	<li class="b-comp-menu-dropdown__content-item js-comp-menu-dropdown__content-maintain-menu">
		<a href="#" id="btnAdvSearch" class="adv-search-btn">{vb:phrase advanced_search}</a>
	</li>

</ul>]]></template>
	</templategroup>
	<templategroup name="Group Admin">
		<template name="sgadmin_addicondlg" templatetype="template" date="1530919328" username="vBulletin" version="5.4.4 Alpha 1"><![CDATA[<div class="h-hide sgIconUploader">
		<h4 class="stretch h-left">{vb:phrase choose_option_icon}</h4>
		<form class="sgicon-upload-form" enctype="multipart/form-data" method="POST" action="uploader/upload-file" onsubmit="return false;" data-content-type="sgicon" data-nodeid="{vb:raw nodeid}">

			<div class="blog-form-row rx-modal-label rx-fileinput">
				<div class="row-title">
					<input type="radio" class="sgRadioIconFile" name="sgIconToggle" id="sgRadioIconFile" />
				</div>
				<div class="row-content">
					<label for="sgRadioIconFile">{vb:phrase browse_image_from_hard_drive}</label>
				</div>

			</div>

			<div class="blog-form-row rx-modal-content">
				<div class="row-content">
					<div class="b-file-chooser js-file-chooser">
						<label class="b-button b-button--upload" tabindex="0">
							<span class="b-button__upload-label">{vb:phrase upload}</span>
							<input type="file" name="file" class="b-form-input__file--hidden js-sg-admin__upload-icon" />
						</label>
						<span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
						<div class="h-clear"></div>
					</div>
				</div>

			</div>

			<div class="blog-form-row rx-modal-label">
				<div class="row-title">
					<input type="radio" class="sgRadioIconUrl" name="sgIconToggle" id="sgRadioIconUrl" />
				</div>
				<div class="row-content">
					<label for="sgRadioIconUrl">{vb:phrase copy_and_paste_from_image_hosting}</label>
				</div>

			</div>

			<div class="blog-form-row rx-modal-content">
				<div class="row-content">
					<div class="stretch sgIconUrlInput h-hide">
						<input type="text" name="imgUrl" id="imgUrl" class="b-form-input__input" dir="ltr" placeholder="http://" />
						<button type="submit" id="btnSGIconUrlSubmit" name="btnSave" class="b-button b-button--secondary btnSGIconUrlSubmit">{vb:phrase upload}</button>
						<span class="b-form-input__upload-progress js-upload-progress h-hide"></span>
					</div>
				</div>

			</div>

			<div class="h-right h-clear">
				<button type="submit" id="btnSGIconCancel" name="btnSave" class="b-button b-button--secondary btnSGIconCancel">{vb:phrase cancel}</button>
			</div>

			<input type="hidden" name="uploadFrom" value="sgicon" />

		</form>
</div>]]></template>
		<template name="sgadmin_admincontributors" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[{vb:data node, content_channel, 'getContent', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
{vb:set node, {vb:raw node.{vb:raw nodeid}}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

<div class="blog-admin-content h-clearfix">

	{vb:template sgadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template sgadmin_sidebar, nodeid={vb:raw nodeid}, sgaction={vb:raw sgaction}, thisStep='manage_group_managers', sgPerms = {vb:raw sgPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	<div class="blogAdminRight">
		<form onSubmit="return false;">
			<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">

			<div class="blog-form-row">
				<div class="row-title span-columns">{vb:phrase add_a_moderator_to_be_group_coowner}</div>
			</div>

			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase add_moderator_gforumdisplay}
				</div>
				<div class="row-content">
					<input type="text" class="stretch moderator_input" />
					<button type="button" class="b-button b-button--secondary add_moderator">{vb:phrase add}</button>
					<div>{vb:phrase to_add_a_member_to_coown_this_group}</div>
				</div>
			</div>

			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase current_list}
				</div>

				<div class="row-content">
					{vb:data contributors, content_channel, getContributors, {vb:raw nodeid}}
					<vb:if condition="isset($contributors) AND !empty($contributors)">
						<table class="contributors-list">
							<tr>
								<th>{vb:phrase members_list}</th>
								<th>{vb:phrase role}</th>
								<th>{vb:phrase status}</th>
								<th>{vb:phrase action}</th>
							</tr>
						<vb:if condition="isset($contributors['active']) AND !empty($contributors['active'])">
							<vb:if condition="isset($contributors['active']['owner'])">
								<vb:each from="contributors.active.owner" value="contributor">
									<tr>
										<td>
											{vb:data avatar, user, fetchAvatar, {vb:raw contributor.userid}}
											{vb:template avatar, avataruser={vb:raw contributor}, avatar={vb:raw avatar}}
											<a class="blog-admin-member-name" href="{vb:url 'profile', {vb:raw contributor}}">{vb:raw contributor.username}</a>
										</td>
										<td><strong>{vb:phrase owner}</strong></td>
										<td>{vb:phrase active}</td>
									<vb:if condition="isset($contributors['pending']) AND isset($contributors['pending']['owner'])">
										<td>{vb:phrase following_pending}</td>
									<vb:else />
										<td><button class="b-button b-button--secondary btnTransferOwnership">{vb:phrase transfer}</button></td>
									</vb:if>
									</tr>
								</vb:each>
							</vb:if>
							<vb:if condition="isset($contributors['active']['moderator'])">
								<vb:each from="contributors.active.moderator" value="contributor">
									<tr>
										<td>
											{vb:data avatar, user, fetchAvatar, {vb:raw contributor.userid}}
											{vb:template avatar, avataruser={vb:raw contributor}, avatar={vb:raw avatar}}
											<a class="blog-admin-member-name" href="{vb:url 'profile', {vb:raw contributor}}">{vb:raw contributor.username}</a>
										</td>
										<td>{vb:phrase moderator}</td>
										<td>{vb:phrase active}</td>
										<td><button userid="{vb:raw contributor.userid}" usergroupid="{vb:raw contributor.usergroupid}" class="b-button b-button--secondary btnRemoveContributor">{vb:phrase remove}</button></td>
									</tr>
								</vb:each>
							</vb:if>
						</vb:if>

						<vb:if condition="isset($contributors['pending']) AND !empty($contributors['pending'])">
							<vb:if condition="isset($contributors['pending']['owner'])">
								<vb:each from="contributors.pending.owner" value="contributor">
									<tr>
										<td>
											{vb:data avatar, user, fetchAvatar, {vb:raw contributor.userid}}
											{vb:template avatar, avataruser={vb:raw contributor}, avatar={vb:raw avatar}}
											<a class="blog-admin-member-name" href="{vb:url 'profile', {vb:raw contributor}}">{vb:raw contributor.username}</a>
										</td>
										<td>{vb:phrase owner}</td>
										<td>{vb:phrase following_pending}</td>
										<td><button userid="{vb:raw contributor.userid}" usergroupid="{vb:raw contributor.usergroupid}" class="b-button b-button--secondary btnCancelTransfer">{vb:phrase cancel_transfer}</button></td>
									</tr>
								</vb:each>
							</vb:if>
							<vb:if condition="isset($contributors['pending']['moderator'])">
								<vb:each from="contributors.pending.moderator" value="contributor">
									<tr>
										<td>
											{vb:data avatar, user, fetchAvatar, {vb:raw contributor.userid}}
											{vb:template avatar, avataruser={vb:raw contributor}, avatar={vb:raw avatar}}
											<a class="blog-admin-member-name" href="{vb:url 'profile', {vb:raw contributor}}">{vb:raw contributor.username}</a>
										</td>
										<td>{vb:phrase moderator}</td>
										<td>{vb:phrase following_pending}</td>
										<td><button userid="{vb:raw contributor.userid}" usergroupid="{vb:raw contributor.usergroupid}" class="b-button b-button--secondary btnRemoveContributor">{vb:phrase remove}</button></td>
									</tr>
								</vb:each>
							</vb:if>
						</vb:if>
						</table>
					</vb:if>
				</div>
			</div>
		</form>

	</div>
	<vb:if condition="$sgaction == 'create'">
		<div class="blog-form-row">
			<div class="row-content">
				<div class="b-button-group h-margin-bottom-xxl">

					<form action="create-content/socialgroup" method="post" style="display:inline" class="blogAdminForm">
						<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
						<vb:if condition="$nodeid">
							<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
						</vb:if>
						<input type="hidden" name="sgaction" value="{vb:raw sgaction}">
						<button type="submit" id="btnSGPublish"  name="btnPublish" class="b-button b-button--primary">{vb:phrase publish}</button>
					</form>

					{vb:set urlInfo.action2, 'invite'}
					<a class="b-button b-button--secondary" href="{vb:url 'sgadmin', {vb:raw urlInfo}}"><span class="blogAdminLink">{vb:phrase next}</span></a>

					{vb:set urlInfo.action2, 'permissions'}
					<a class="b-button b-button--secondary" href="{vb:url 'sgadmin', {vb:raw urlInfo}}"><span class="blogAdminLink">{vb:phrase previous}</span></a>

				</div>
			</div>
		</div>
	</vb:if>
</div>]]></template>
		<template name="sgadmin_admindelete" templatetype="template" date="1515025614" username="vBulletin" version="5.4.0 Alpha 1"><![CDATA[{vb:data node, content_channel, 'getContent', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
{vb:set node, {vb:raw node.{vb:raw nodeid}}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

{vb:set urlInfo.sgaction, 'admin'}

<div class="blog-admin-content h-clearfix">
	{vb:template sgadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template sgadmin_sidebar, nodeid={vb:raw nodeid}, sgaction={vb:raw sgaction}, thisStep='delete_socialgroup', sgPerms = {vb:raw sgPerms}, routeInfo = {vb:raw routeInfo}}

	</div>

	<div class="blogAdminRight">

		{vb:data ownerPerms, socialgroup, getSGOwnerPerms, {vb:raw routeInfo.arguments.nodeid}}
		<vb:if condition="!empty($ownerPerms['candeletechannel']) AND $ownerPerms['candeletechannel'] AND $sgPerms['canmoderate']">
			<div class="blog-form-row">
				<div class="row-title">{vb:phrase delete_group}</div>
				<div class="row-content">{vb:phrase permanently_remove_socialgroup_entries}</div>
			</div>

			<div class="blog-form-row">
				<div class="row-content">

					<form action="create-content/socialgroup" method="post" class="blogAdminForm">
						<input type="hidden" name="nodeid" class="sgAdminNodeId" value="{vb:raw nodeid}">
						<div class="b-button-group b-button-group--left">
							<button type="button" id="btnGroupDelete"  name="btnDelete" class="b-button b-button--primary">{vb:phrase delete_group}</button>
						</div>
					</form>

				</div>
			</div>

		<vb:else />

			<div class="blog-form-row">
				<div class="row-content">
					{vb:phrase no_delete_permissions}
				</div>
			</div>

		</vb:if>
	</div>
</div>]]></template>
		<template name="sgadmin_adminevents" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[{vb:data node, node, 'getNode', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

<div class="blog-admin-content h-clearfix">
	{vb:template sgadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
	{vb:template sgadmin_sidebar, nodeid={vb:raw nodeid}, sgaction={vb:raw sgaction}, thisStep='manage_events', sgPerms = {vb:raw sgPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	<div class="blogAdminRight">
		<h3>{vb:phrase content_for_group_event_administration_would_you_go_here}</h3>
	</div>
</div>]]></template>
		<template name="sgadmin_admininvite" templatetype="template" date="1534347002" username="vBulletin" version="5.4.4 Alpha 4"><![CDATA[{vb:data node, content_channel, 'getContent', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
{vb:set node, {vb:raw node.{vb:raw nodeid}}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

<vb:if condition="!$sgaction">
	{vb:set sgaction, 'admin'}
</vb:if>

<div class="blog-admin-content h-clearfix">
	{vb:template sgadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
		{vb:template sgadmin_sidebar, nodeid={vb:raw nodeid}, sgaction={vb:raw sgaction}, thisStep='invite_members', sgPerms = {vb:raw sgPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	<div class="blogAdminRight">
		<form action="create-content/socialgroup" method="post" class="blogAdminForm inviteMembersForm">
			<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">

			<div class="blog-form-row">
				<div class="row-title span-columns">{vb:phrase sgadmin_invite_desc}</div>
			</div>

			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase blogadmin_invite_row_username_title}
				</div>
				<div class="row-content">
					<input placeholder="{vb:phrase type_member_name_here}" class="stretch moderator_members_input" name="invite_usernames" />
					<div>{vb:phrase sgadmin_invite_row_username_desc}</div>
				</div>
			</div>

			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase blogadmin_invite_row_mysubscribers_title}
				</div>
				<div class="row-content">
					{vb:set followType, 'follow_members'}
					{vb:data subscribers, follow, getFollowingForCurrentUser, {vb:raw followType}}
					<vb:if condition="$subscribers['totalcount'] > 0">
						<input type="checkbox" id="select-all" class="js-select-all-master" data-list=".inviteMembersForm .js-subscriber-checkbox" />
						<label for="select-all">{vb:phrase select_all_ginlinemod}</label>
						{vb:template blogadmin_admininvite_subscriberslist, subscribers = {vb:raw subscribers.results}, subscribersPerRow = 2}
					<vb:else />
						{vb:phrase you_dont_have_any_subscribers_yet}
					</vb:if>
				</div>
			</div>

			<div class="blog-form-row">
				<div class="row-content">
					<div class="b-button-group h-margin-bottom-xxl">
						<vb:if condition="$sgaction == 'create'">
							<button type="submit" name="btnSave" class="btnSave b-button b-button--primary">{vb:phrase save_and_publish}</button>

							{vb:set urlInfo.action2, 'contributors'}
							<a class="b-button b-button--secondary" href="{vb:url 'sgadmin', {vb:raw urlInfo}}"><span class="blogAdminLink">{vb:phrase previous}</span></a>


						<vb:else />
							<input type="hidden" name="sgaction" value="{vb:raw sgaction}" />
							<input type="hidden" name="current_channel_admin_page" value="invite" />
							<button type="submit" id="btnSGSave"  name="btnSave" class="b-button b-button--primary">{vb:phrase save_changes}</button>
						</vb:if>
					</div>
				</div>
			</div>

		</form>
	</div>
</div>]]></template>
		<template name="sgadmin_admininvite_subscriberslist" templatetype="template" date="1472169791" username="vBulletin" version="5.2.5 Alpha 1"><![CDATA[<div class="subscribers-list-container h-left">
<vb:each from="subscribers" key="idx" value="subscriber">
	<vb:if condition="!($idx % $subscribersPerRow)">
		{vb:set subscriberListRow, 1}
	<vb:else />
		{vb:set subscriberListRow, 0}
	</vb:if>
	<vb:if condition="$subscriberListRow">
		<div class="subscribers-list-row stretch h-left">
		{vb:set itemCount, 1}
		{vb:set listRowClosed, 0}
	</vb:if>
	<div class="subscriber-container h-left">
		<input type="checkbox" class="h-left js-subscriber-checkbox" id="subscriber-{vb:raw subscriber.keyval}" name="invite_userids[]" value="{vb:raw subscriber.keyval}" />
		<label for="subscriber-{vb:raw subscriber.keyval}" class="h-left">
			<img src="{vb:raw baseurl_core}/image.php?u={vb:raw subscriber.keyval}&amp;type=profile" width="32" height="32" alt="{vb:raw subscriber.title}" class="avatar h-left">{vb:raw subscriber.title}</img>
		</label>
	</div>

	<vb:if condition="$itemCount == $subscribersPerRow">
		</div>
		{vb:set listRowClosed, 1}
	</vb:if>
	{vb:set itemCount, {vb:math {vb:raw itemCount} + 1}}
</vb:each>
<vb:if condition="!$listRowClosed">
	</div>
</vb:if>
</div>]]></template>
		<template name="sgadmin_adminmemberlist" templatetype="template" date="1368134709" username="vBulletin" version="5.0.3 Alpha 3"><![CDATA[<div class="subscribers-list-container h-left">
<vb:each from="subscribers" key="idx" value="subscriber">
	<vb:if condition="!($idx % $subscribersPerRow)">
		{vb:set subscriberListRow, 1}
	<vb:else />
		{vb:set subscriberListRow, 0}
	</vb:if>
	<vb:if condition="$subscriberListRow">
		<div class="subscribers-list-row stretch h-left">
		{vb:set itemCount, 1}
		{vb:set listRowClosed, 0}
	</vb:if>
	<div class="subscriber-container h-left">
		<input type="checkbox" class="h-left" id="subscriber-{vb:raw subscriber.keyval}" name="invite_userids[]" value="{vb:raw subscriber.keyval}" />
		<label for="subscriber-{vb:raw subscriber.keyval}" class="h-left">
			<img src="{vb:raw baseurl_core}/image.php?u={vb:raw subscriber.keyval}&amp;type=profile" width="32" height="32" alt="{vb:raw subscriber.title}" class="avatar h-left">{vb:raw subscriber.title}</img>
		</label>
	</div>

	<vb:if condition="$itemCount == $subscribersPerRow">
		</div>
		{vb:set listRowClosed, 1}
	</vb:if>
	{vb:set itemCount, {vb:math {vb:raw itemCount} + 1}}
</vb:each>
<vb:if condition="!$listRowClosed">
	</div>
</vb:if>
</div>]]></template>
		<template name="sgadmin_adminmembers" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[{vb:data node, node, 'getNode', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
<h3>{vb:raw node.title}</h3>

<div class="blog-admin-content h-clearfix">

	{vb:template sgadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
		{vb:template sgadmin_sidebar, nodeid={vb:raw nodeid}, sgaction={vb:raw sgaction}, thisStep='manage_joined_members', sgPerms = {vb:raw sgPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	{vb:data members, socialgroup, 'fetchMembers', {vb:raw nodeid}}
	{vb:set pagenav.currentpage, 1}
	{vb:set pagenav.totalpages, {vb:raw members.pagecount}}

	<div class="blogAdminRight">
		<div class="blogAdminEditPage h-right stretch" data-pagecount="{vb:raw members.pagecount}" data-nodeid="{vb:raw nodeid}">
			<vb:if condition="$members['pagecount'] > 1">
				<div class="stretch h-right title-bar blogAdminSubscriberPaging" data-pagecount= {vb:raw members.pagecount}>
					{vb:template pagenavnew, pagenav = {vb:raw pagenav}}
				</div>
			</vb:if>
			<div class="manage_moderators_row">
				<div class="moderators_left">
					{vb:phrase group_members}
				</div>
				<div class="moderators_right">
					{vb:phrase action}
				</div>
			</div>

			<div class="subscriberList">
				{vb:template sgadmin_memberlist, members={vb:raw members}, nodeid={vb:raw nodeid}}
			</div>
	</div>
</div>]]></template>
		<template name="sgadmin_adminpermissions" templatetype="template" date="1534347002" username="vBulletin" version="5.4.4 Alpha 4"><![CDATA[{vb:data node, node, 'getNode', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

<div class="blog-admin-content h-clearfix">

	{vb:template sgadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
		{vb:template sgadmin_sidebar, nodeid={vb:raw nodeid}, sgaction={vb:raw sgaction}, thisStep='post_settings', sgPerms = {vb:raw sgPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	<div class="blogAdminRight">
		<form action="create-content/socialgroup" method="post" class="sgAdminForm">
			<div class="blog-form-row">
				<div class="row-title span-columns">
					{vb:phrase edit_permission_for_socialgroup}
				</div>
			</div>
			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase group_topic_options}
				</div>
				<div class="row-content">
					<div class="stretch">
						{vb:phrase posting_new_group_topic_desc}
					</div>
					<div class="stretch h-clear">
						<div class="checkbox h-left"><input class="cb_sgadminModerate" type="checkbox" name="moderate_topics" value="1"
							<vb:if condition="$node['moderate_topics']"> checked="checked"</vb:if>/>
						</div><span class="h-left">{vb:phrase moderate_topics_before_display}</span>
					</div>
					<div class="stretch h-clear">
						<div class="checkbox h-left"><input class="cb_sgadminModerate h-left" type="checkbox" name="allow_post" value="1"
							<vb:if condition="$node['allow_post']"> checked="checked"</vb:if>/>
						</div><span class="h-left">{vb:phrase allow_replies_and_comments}</span>
					</div>
				</div>
			</div>
			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase subscriber_requests}
				</div>
				<div class="row-content">
					<div class="checkbox h-left"><input class="cb_sgadminApproveSubscription" type="checkbox" name="approve_subscription" value="1"
						<vb:if condition="$node['approve_subscription']"> checked="checked"</vb:if>/>
					</div><span class="h-left">{vb:phrase autoaccept_subscriber_requests}</span>
				</div>
				<div class="row-description h-clear">
					<span class="h-left">{vb:phrase autoaccept_subscriber_requests_group_text}</span>
				</div>
			</div>
			<div class="blog-form-row">
				<div class="row-title">
					{vb:phrase default_post_options}
				</div>
				<div class="row-content">
					<div class="checkbox h-left"><input class="cb_sgadminParseLinks" type="checkbox" name="autoparselinks" value="1"
						<vb:if condition="$node['autoparselinks']"> checked="checked"</vb:if>/>
					</div><span class="h-left">{vb:phrase automatically_parse_links_in_text}</span>
				</div>
				<div class="row-content h-clear">
					<div class="checkbox h-left"><input class="cb_sgadminDisableSmilies" type="checkbox" name="disablesmilies" value="1"
						<vb:if condition="$node['disablesmilies']"> checked="checked"</vb:if>/>
					</div><span class="h-left">{vb:phrase disable_smilies_in_text}</span>
				</div>
			</div>

			<input type="hidden" name="nodeid" class="sgAdminNodeId" value="{vb:raw nodeid}">
			<input type="hidden" name="sgaction" class="sgAdminsgaction" value="{vb:raw sgaction}">
			<input type="hidden" name="next" class="sgAdminNext" value="contributors">
			<input type="hidden" name="current_channel_admin_page" value="permissions">

			<div class="blog-form-row">
				<div class="row-content">
					<div class="b-button-group h-margin-bottom-xxl">
						<vb:if condition="$sgaction == 'create'">
							<button type="submit" id="btnSGPublish" name="btnPublish" class="b-button b-button--primary">{vb:phrase publish}</button>
							<button type="submit" id="btnSGNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase next}</button>
							<a class="b-button b-button--secondary" href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase previous}</a>
						<vb:else />
							<button type="submit" id="btnSGSave" name="btnSave" class="b-button b-button--primary">{vb:phrase save_changes}</button>
							<button type="reset" id="btnSGNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase reset_fields}</button>
						</vb:if>
					</div>
				</div>
			</div>

		</form>
	</div>
</div>]]></template>
		<template name="sgadmin_adminsettings" templatetype="template" date="1552699069" username="vBulletin" version="5.5.2 Alpha 2"><![CDATA[<vb:if condition="$routeInfo['arguments']['nodeid'] > 0">
	{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
	{vb:data node, content_channel, 'getContent', {vb:raw nodeid}}
	{vb:set node, {vb:raw node.{vb:raw nodeid}}}
	<h3>{vb:raw node.title}</h3>
	{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}
<vb:else />
	{vb:set nodeid, 0}
</vb:if>

<div class="blog-admin-content h-clearfix">

	{vb:template sgadmin_header}

	{vb:data sgChannel, socialgroup, getSGChannel}
	{vb:rawdata canCreateNew, content_channel, canAddChannel, {vb:var sgChannel}}
	<vb:if condition="($nodeid == 0) AND !$canCreateNew['can'] AND $canCreateNew['exceeded']">
		<div class="conversation-empty">{vb:phrase 'you_can_only_create_x_groups_delete', {vb:var canCreateNew.exceeded}}</div>
	<vb:elseif condition="$canCreateNew['error']" />
		<div class="conversation-empty">{vb:phrase {vb:raw canCreateNew.errors.0}}</div>
	<vb:else />
		{vb:data categories, socialgroup, getCategories}

		<div class="blogAdminLeft js-blog-admin-left">
		{vb:template sgadmin_sidebar, nodeid={vb:raw nodeid}, sgaction={vb:raw sgaction}, thisStep='settings', sgPerms={vb:raw sgPerms}, routeinfo={vb:raw routeInfo}}
		</div>

		<vb:if condition="$nodeid == 0 OR $sgPerms['canconfig']">
		<div class="blogAdminRight">
			<form action="create-content/socialgroup" method="post" class="sgAdminForm">
				<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
				<vb:if condition="$nodeid">
					<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
				</vb:if>
				<input type="hidden" name="sgaction" value="{vb:raw sgaction}">
				<input type="hidden" name="next" class="blogAdminNext" value="permissions">
				<input type="hidden" name="current_channel_admin_page" value="settings">

				<div class="blog-form-row">
					<div class="row-title span-columns">{vb:phrase edit_sgroup_title_and_description}</div>
				</div>


				<div class="blog-form-row">
					<div class="row-title">{vb:phrase group_category}</div>
					<div class="row-content">
						<select name="parentid" class="entry-field sgCategory  js-select-box">
							<option value="-1">{vb:phrase select_a_category}</option>
							<vb:each from="categories" value="category" key="catnodeid">
								<option value="{vb:raw catnodeid}" <vb:if condition="($node['parentid'] == $catnodeid) OR (count($categories) < 2)">selected='selected'</vb:if>>{vb:raw category.title}</option>
							</vb:each>
						</select>
					</div>
				</div>




				<div class="blog-form-row">
					<div class="row-title">{vb:phrase group_name}</div>
					<div class="row-content">
						<vb:if condition="$nodeid > 0">
							{vb:set canUseHtmlNodeId, {vb:raw nodeid}}
						<vb:else />
							{vb:data canUseHtmlNodeId, socialgroup, getSGChannel}
						</vb:if>
						{vb:data canUseHTML, user, hasPermissions, forumpermissions, canusehtml, {vb:raw canUseHtmlNodeId}}
						<input type="text" id="sGtitle" name="title" placeholder="{vb:phrase create_a_title_here}" class="entry-field stretch sGtitle b-form-input__input" value="{vb:if "isset($canUseHTML) AND ($canUseHTML > 0)", {vb:var node.title}, {vb:raw node.title}}" tabindex="0" />
					</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">{vb:phrase description}</div>
					<div class="row-content">
						<textarea id="description" name="description" placeholder="{vb:phrase create_a_description_here}" class="textbox entry-field stretch" rows="5">{vb:var node.description}</textarea>
					</div>
					<div class="row-description">{vb:phrase describe_your_group}</div>
				</div>

				<div class="blog-form-row">
					<vb:if condition="$node['nodeid']">
						<vb:if condition="$node['invite_only']">
							{vb:set node.group_type, 2}
						<vb:elseif condition="$node['approve_membership']" />
							{vb:set node.group_type, 0}
						<vb:else />
							{vb:set node.group_type, 1}
						</vb:if>
					</vb:if>

					<div class="row-title">{vb:phrase group_type}</div>
					<div class="row-content">
						<select name="group_type" class="entry-field sgtype  js-select-box">
							<option value="0" <vb:if condition="$node['group_type'] == '0'"> selected="selected"</vb:if>>{vb:phrase public}</option>
							<option value="1" <vb:if condition="$node['group_type'] == '1'"> selected="selected"</vb:if>>{vb:phrase moderated}</option>
							<option value="2" <vb:if condition="$node['group_type'] == '2'"> selected="selected"</vb:if>>{vb:phrase invite_only}</option>
						</select>
					</div>
				</div>

				<div class="blog-form-row">
					<div class="row-title">
						{vb:phrase permission_and_privacy}
					</div>
					<div class="row-content">
						<div class="header">
							{vb:phrase view_perm_group}
						</div>
						<div class="h-margin-top-xs h-margin-bottom-l">
							<select name="viewperms" class="entry-field sgtype js-select-box">
								<option value="2" <vb:if condition="empty($node['viewperms']) OR $node['viewperms'] == '2'"> selected="selected"</vb:if>>{vb:phrase everyone}</option>
								<option value="1" <vb:if condition="$node['viewperms'] == '1'"> selected="selected"</vb:if>>{vb:phrase group_members_and_registered}</option>
								<option value="0" <vb:if condition="isset($node['viewperms']) AND $node['viewperms'] == '0'"> selected="selected"</vb:if>>{vb:phrase social_group_members}</option>
							</select>
						</div>

						<div class="header">
							{vb:phrase can_post}
						</div>

						<div class="h-margin-top-xs h-margin-bottom-l">
							<select class="blogadminCommentPerms h-left h-clear js-select-box" name="commentperms">
								<option value="0" <vb:if condition="empty($node['commentperms']) OR ($node['commentperms'] == '0')"> selected="selected"</vb:if>>{vb:phrase social_group_members}</option>
								<option value="1" <vb:if condition="$node['commentperms'] == '1'"> selected="selected"</vb:if>>{vb:phrase group_members_and_registered}</option>
							</select>
						</div>

						<hr>

					</div>
				</div>

				<div class="blog-form-row">
					<vb:if condition="empty($nodeid)">
						{vb:data nodeid, socialgroup, getSGChannel}
					</vb:if>
					{vb:rawdata canUploadIcon, user, hasPermissions, forumpermissions, canuploadchannelicon, {vb:raw $nodeid}}
					<vb:if condition="!empty($canUploadIcon) AND empty($canUploadIcon['errors']) AND $canUploadIcon">
						<div class="row-title">{vb:phrase group_icon}</div>
						<div class="row-content">
							<div id="upload-button-placeholder"></div>
							<div class="stretch blogIcon">
								<vb:if condition="$nodeid AND $node['filedataid']">
									<input type="hidden" name="filedataid" class="blogFileDataId" value="{vb:raw node.content.filedataid}">
									<img src="filedata/fetch?channelid={vb:raw node.nodeid}&amp;type=medium" alt="" class="blogIconImg">
									<input type="hidden" class="blogIconUrl" value="filedata/fetch?channelid={vb:raw node.nodeid}">
									<input type="hidden" class="initFiledataid" value="{vb:raw node.filedataid}">
								<vb:else />
									<input type="hidden" name="filedataid" class="blogFileDataId" value="">
									<img src="images/clear.gif" alt="" class="h-hide blogIconImg">
									<div class="b-button-group b-button-group--left">
										<button class="b-button b-button--secondary sgAddIcon">{vb:phrase add_icon}</button>
									</div>
								</vb:if>
							</div>
						</div>
					</vb:if>
				</div>

				<div class="blog-form-row">
					<div class="row-content">
						<div class="sgIconPreview"></div>
					</div>
				</div>

				<div class="blog-form-row">
					<div class="row-content">
						<div class="b-button-group h-margin-bottom-xxl">

							<vb:if condition="$sgaction == 'create'">
								<button type="submit" id="btnSGPublish"  name="btnPublish" class="b-button b-button--primary">{vb:phrase publish}</button>
								<button type="submit" id="btnSGNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase next}</button>
							<vb:else />
								<button type="submit" id="btnSGSave"  name="btnSave" class="b-button b-button--primary">{vb:phrase save_changes}</button>
								<button type="reset" id="btnSGNext" name="btnBlogReset" class="b-button b-button--secondary btnBlogReset">{vb:phrase reset_fields}</button>
							</vb:if>
						</div>
					</div>
				</div>

				<input type="hidden" class="sGIconfiledataid" name="filedataid" value="{vb:raw node.filedataid}"/>
			</form>
			{vb:template sgadmin_addicondlg, nodeid={vb:raw nodeid}}
		</div>
		<vb:else />
			<div class="conversation-empty">{vb:phrase no_permission}</div>
		</vb:if>
	</vb:if>
</div>]]></template>
		<template name="sgadmin_adminsidebar" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[{vb:data node, content_channel, 'getContent', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
{vb:set node, {vb:raw node.{vb:raw nodeid}}}
<h3>{vb:raw node.title}</h3>
{vb:set urlInfo.nodeid, {vb:raw routeInfo.arguments.nodeid}}

<div class="blog-admin-content h-clearfix">

	{vb:template sgadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
		{vb:template sgadmin_sidebar, nodeid={vb:raw nodeid}, sgaction={vb:raw sgaction}, thisStep='organize_sidebar', sgPerms = {vb:raw sgPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	<div class="blogAdminRight">

		<div class="blog-form-row">
			<div class="row-title span-columns">Blog Sidebar Settings Go Here</div>
			<div class="row-content span-columns">The settings to select and arrange the sidebar sub-widgets goes here</div>
		</div>

		<form action="create-content/socialgroup" method="post" class="blogAdminForm">
			<input type="hidden" name="nodeid" class="blogAdminNodeId" value="{vb:raw nodeid}">
			<input type="hidden" name="sgaction" class="blogAdminsgaction" value="{vb:raw sgaction}">
			<input type="hidden" name="next" class="blogAdminNext" value='invite'>

			<div class="blog-form-row">
				<div class="row-content">
					<div class="b-button-group h-margin-bottom-xxl">
						<vb:if condition="$sgaction == 'create'">
							<button type="submit" id="btnSGPublish"  name="btnPublish" class="b-button b-button--primary">{vb:phrase publish}</button>
							<button type="submit" id="btnSGNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase next}</button>
							<a class="b-button b-button--secondary" href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase previous}</a>
						<vb:else />
							<button type="submit" id="btnSGSave"  name="btnSave" class="b-button b-button--primary">{vb:phrase save_changes}</button>
							<button type="reset" id="btnSGNext" name="btnSubmit" class="submit b-button b-button--secondary">{vb:phrase reset_fields}</button>
						</vb:if>
					</div>
				</div>
			</div>

		</form>
	</div>
</div>]]></template>
		<template name="sgadmin_adminsubscribers" templatetype="template" date="1500560545" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[{vb:data node, node, 'getNode', {vb:raw routeInfo.arguments.nodeid}}
{vb:set nodeid, {vb:raw routeInfo.arguments.nodeid}}
<h3>{vb:raw node.title}</h3>

<div class="blog-admin-content h-clearfix">

	{vb:template sgadmin_header}

	<div class="blogAdminLeft js-blog-admin-left">
		{vb:template sgadmin_sidebar, nodeid={vb:raw nodeid}, sgaction={vb:raw sgaction}, thisStep='manage_subscribers', sgPerms = {vb:raw sgPerms}, routeInfo = {vb:raw routeInfo}}
	</div>

	{vb:data subscribers, follow, 'getNodeSubscribers', {vb:raw nodeid}}
	{vb:set pageinfo, {vb:var subscribers.pageinfo}}
	{vb:set pagenav.currentpage, 1}
	{vb:set pagenav.totalpages, {vb:raw pageinfo.pages}}

	<div class="blogAdminRight">
		<div class="groupAdminEditPage h-right stretch" data-pagecount="{vb:raw pageinfo.pages}" data-nodeid="{vb:raw nodeid}">
			<vb:if condition="$pageinfo['pages'] > 1">
				<div class="stretch h-right title-bar groupAdminSubscriberPaging" data-pagecount= {vb:raw pageinfo.pages}>
					{vb:template pagenavnew, pagenav = {vb:raw pagenav}}
				</div>
			</vb:if>
			<div class="manage_moderators_row">
				<div class="moderators_left">
					{vb:phrase blog_subscribers_list}
				</div>
				<div class="moderators_right">
					{vb:phrase action}
				</div>
			</div>

			<div class="subscriberList">
				{vb:template sgadmin_subscriberlist, subscribers={vb:raw subscribers}, nodeid={vb:raw nodeid}}
			</div>
	</div>
</div>]]></template>
		<template name="sgadmin_header" templatetype="template" date="1530321578" username="vBulletin" version="5.4.4 Alpha 1"><![CDATA[<div class="title-bar">
	<a href="{vb:url sghome}" class="b-button b-button--secondary h-margin-s js-movable-toolbar-button">
		<span class="b-button__icon b-icon b-icon__arrow-left-m"></span>
		{vb:phrase back_to_socialgroups}
	</a>
</div>]]></template>
		<template name="sgadmin_memberlist" templatetype="template" date="1461016373" username="vBulletin" version="5.2.3 Alpha 1"><![CDATA[<vb:if condition="!$members">
{vb:data members, socialgroup, 'fetchMembers', {vb:raw nodeid}, {vb:raw pageno}}
</vb:if>

<vb:each from="members.members" value="member">
	<div class="manage_moderators_row">
		<div class="moderators_left">
			<vb:if condition="$user['showavatars']">
				<vb:if condition="$member['avatarUrl']">
					<a href="{vb:url 'profile', {vb:raw member}}">
					<img src="{vb:raw baseurl_corecdn}/{vb:raw member.avatarUrl}" alt="{vb:raw member.username}" class="avatar h-left"/>
				<vb:else />
					<a href="{vb:url 'profile', {vb:raw member}}" class="h-left">
				</vb:if>
			</vb:if>
			<span class="h-left">{vb:raw member.username}</span></a>
		</div>

		<div class="moderators_right groupRemoveMember b-link js-link" data-userid="{vb:raw member.userid}" data-nodeid="{vb:raw nodeid}" data-groupid="{vb:raw member.groupid}" tabindex="0">
			{vb:phrase remove}
		</div>
	</div>
</vb:each>]]></template>
		<template name="sgadmin_sidebar" templatetype="template" date="1515025614" username="vBulletin" version="5.4.0 Alpha 1"><![CDATA[<ul class="groupblog-admin-menu js-groupblog-admin-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive">
	<vb:if condition="!$nodeid">
		<li class="sgAdminActive"><span>{vb:phrase general_settings}</span></li>
		<li><span>{vb:phrase post_settings}</span></li>
		<li><span>{vb:phrase add_group_managers}</span></li>
		<li><span>{vb:phrase invite_members}</span></li>
	<vb:else />

		{vb:set urlInfo.sgaction, {vb:raw sgaction}}
		{vb:set urlInfo.nodeid, {vb:raw nodeid}}
		<vb:if condition="$sgPerms['canconfig']">
			<vb:if condition="$thisStep == 'settings'">
				<li class="sgAdminActive"><span>{vb:phrase general_settings}</span></li>
			<vb:else />
				{vb:set urlInfo.action2, 'settings'}
				<li> <a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase general_settings}</a></li>
			</vb:if>

			<vb:if condition="$thisStep == 'post_settings'">
				<li class="sgAdminActive"><span>{vb:phrase post_settings}</span></li>
			<vb:else />
				{vb:set urlInfo.action2, 'permissions'}
				<li><a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase post_settings}</a></li>
			</vb:if>
		</vb:if>

		<vb:if condition="$sgPerms['canmanageusers']">
			<vb:if condition="$thisStep == 'manage_group_managers'">
				<li class="sgAdminActive"><span>{vb:phrase manage_group_managers}</span></li>
			<vb:else />
				{vb:set urlInfo.action2, 'contributors'}
				<li><a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase manage_group_managers}</a></li>
			</vb:if>

			<vb:if condition="$sgaction == 'admin'">
				<vb:if condition="$thisStep == 'manage_joined_members'">
					<li class="sgAdminActive"><span>{vb:phrase manage_joined_members}</span></li>
				<vb:else />
					{vb:set urlInfo.action2, 'members'}
					<li><a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase manage_joined_members}</a></li>
				</vb:if>
			</vb:if>

			<vb:if condition="$sgaction == 'admin'">
				<vb:if condition="$thisStep == 'manage_subscribers'">
					<li class="sgAdminActive"><span>{vb:phrase manage_subscribers}</span></li>
				<vb:else />
					{vb:set urlInfo.action2, 'subscribers'}
					<li><a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase manage_subscribers}</a></li>
				</vb:if>
			</vb:if>

			<vb:if condition="$thisStep == 'invite_members'">
				<li class="sgAdminActive"><span>{vb:phrase invite_members}</span></li>
			<vb:else />
				{vb:set urlInfo.action2, 'invite'}
				<li><a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase invite_members}</a></li>
			</vb:if>
		</vb:if>

		<vb:if condition="$sgPerms['canmoderate']">
			<vb:if condition="$sgaction == 'admin'">
				<vb:if condition="$thisStep == 'delete_socialgroup'">
					<li class="sgAdminActive"><span>{vb:phrase delete_sg}</span></li>
				<vb:else />
					{vb:set urlInfo.action2, 'delete'}
					{vb:data ownerPerms, socialgroup, getSGOwnerPerms, {vb:raw nodeid}}
					<vb:if condition="!empty($ownerPerms['candeletechannel']) AND $ownerPerms['candeletechannel']">
						<li><a href="{vb:url 'sgadmin', {vb:raw urlInfo}}">{vb:phrase delete_sg}</a></li>
					</vb:if>
				</vb:if>
			</vb:if>
		</vb:if>

	</vb:if>

</ul>]]></template>
		<template name="sgadmin_subscriberlist" templatetype="template" date="1461016373" username="vBulletin" version="5.2.3 Alpha 1"><![CDATA[<vb:if condition="!$subscribers">
	{vb:set options['page'], {vb:raw pageno}}
	{vb:data subscribers, follow, 'getNodeSubscribers', {vb:raw nodeid}, {vb:var options}}
</vb:if>
<vb:each from="subscribers.subscribers" value="subscriber">
	<div class="manage_moderators_row">
		<div class="moderators_left">
			<vb:if condition="$user['showavatars']">
				<vb:if condition="$subscriber['avatarpath']">
					<a href="{vb:url 'profile', {vb:raw subscriber}}">
					<img src="{vb:raw baseurl_corecdn}/{vb:raw subscriber.avatarpath}" alt="{vb:raw subscriber.username}" class="avatar h-left"/>
				<vb:else />
					<a href="{vb:url 'profile', {vb:raw subscriber}}" class="h-left">
				</vb:if>
			</vb:if>
			<span class="h-left">{vb:raw subscriber.username}</span></a>
		</div>

		<div class="moderators_right groupRemoveSubscriber b-link js-link" data-userid="{vb:raw subscriber.userid}" data-nodeid="{vb:raw nodeid}" data-nodeid="{vb:raw nodeid}" tabindex="0">
			{vb:phrase remove}
		</div>
	</div>
</vb:each>]]></template>
		<template name="sgadmin_transferownership" templatetype="template" date="1524240655" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[<form action="ajax/api/node/movePosts" method="post" name="movePostsForm" class="move-posts-form">
	<div class="blockbody">
		<div class="blockrow">
			<p class="description">{vb:rawphrase transfer_group_ownership_info}</p>
		</div>

		<div class="blockrow widget-tabs widget-tabs--generic">
			{vb:data contributors, content_channel, getContributors, {vb:raw nodeid}}
			<div class="transfer_ownership_tabs widget-tabs-nav">
				<ul>
					<li><a href="#owner_autocomplete">{vb:phrase addowner}</a></li>
				<vb:if condition="isset($contributors['active']['moderator'])">
					<li><a href="#owner_select">{vb:phrase select_moderator}</a></li>
				</vb:if>
				</ul>
				<div id="owner_autocomplete">
					<label for="newowner">{vb:phrase enter_username}</label>
					<input type="text" class="transfer_owner_autocomplete" name="transfer_owner_autocomplete" value="" />
				</div>
			<vb:if condition="isset($contributors['active']['moderator'])">
				<div id="owner_select">
					<label for="select_moderator">{vb:phrase select_a_moderator}</label>
					<select class="transfer_owner_select" name="transfer_owner_select">
					<vb:each from="contributors.active.moderator" value="moderator">
						<option value="{vb:raw moderator.userid}">{vb:raw moderator.username}</option>
					</vb:each>
					</select>
				</div>
			</vb:if>
			</div>
		</div>
	</div>
</form>]]></template>
	</templategroup>
	<templategroup name="Sprite">
		<template name="sprite_icons_general.svg" templatetype="template" date="1553703614" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<?xml version="1.0" encoding="UTF-8" standalone="no"?>

{vb:set textdirection, {vb:stylevar textdirection}}
<vb:if condition="$textdirection == 'rtl'">
	{vb:set rtl, 1}
<vb:else />
	{vb:set rtl, 0}
</vb:if>

<svg
	 xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
	 xmlns:svg="http://www.w3.org/2000/svg"
	 xmlns="http://www.w3.org/2000/svg"
	 xmlns:xlink="http://www.w3.org/1999/xlink"
	 id="vb-svg-sprite-icons-general"
	 width="700"
	 height="280"
	 viewBox="0 0 700 280"
	 version="1.1">
	<defs id="vb-svg-defs">
		<style id="vb-svg-style">

			<vb:comment>***** Hardcoded colors for icons that won't normally be modified *****</vb:comment>
			.h-fill-facebook-blue-01 {
				fill: #3d4f73;
			}
			.h-fill-facebook-blue-02 {
				fill: #415d98;
			}
			.h-fill-facebook-blue-03 {
				fill: #475f90;
			}
			.h-fill-facebook-gray {
				fill: #f8f9fd;
			}
			.h-fill-facebook-white {
				fill: #ffffff;
			}
			.h-fill-facebook-blue-11 {
				fill: #3b5998;
			}
			.h-fill-twitter-blue-dark {
				fill: #3292b4;
			}
			.h-fill-twitter-blue-light {
				fill: #66c3e3;
			}
			.h-fill-twitter-blue-lighter {
				fill: #f4fbff;
			}
			.h-fill-rss-orange {
				fill: #ff7800;
			}
			.h-fill-rss-white {
				fill: #ffffff;
			}


			<vb:comment>***** Misc utility rules *****</vb:comment>
			.h-evenodd {
				fill-rule: evenodd;
			}
			.h-fillopacity-5 {
				fill-opacity: 0.5;
			}


			<vb:comment>***** Fill colors *****</vb:comment>
			.h-fill-icon_color_blue_01 {
				fill: {vb:stylevar icon_color_blue_01};
			}
			.h-fill-icon_color_blue_02 {
				fill: {vb:stylevar icon_color_blue_02};
			}
			.h-fill-icon_color_blue_03 {
				fill: {vb:stylevar icon_color_blue_03};
			}
			.h-fill-icon_color_blue_04 {
				fill: {vb:stylevar icon_color_blue_04};
			}
			.h-fill-icon_color_blue_05 {
				fill: {vb:stylevar icon_color_blue_05};
			}
			.h-fill-icon_color_gray_01 {
				fill: {vb:stylevar icon_color_gray_01};
			}
			.h-fill-icon_color_gray_02 {
				fill: {vb:stylevar icon_color_gray_02};
			}
			.h-fill-icon_color_gray_03 {
				fill: {vb:stylevar icon_color_gray_03};
			}
			.h-fill-icon_color_gray_04 {
				fill: {vb:stylevar icon_color_gray_04};
			}
			.h-fill-icon_color_gray_05 {
				fill: {vb:stylevar icon_color_gray_05};
			}
			.h-fill-icon_color_gray_06 {
				fill: {vb:stylevar icon_color_gray_06};
			}
			.h-fill-icon_color_gray_07 {
				fill: {vb:stylevar icon_color_gray_07};
			}
			.h-fill-icon_color_gray_08 {
				fill: {vb:stylevar icon_color_gray_08};
			}
			.h-fill-icon_color_gray_09 {
				fill: {vb:stylevar icon_color_gray_09};
			}
			.h-fill-icon_color_gray_10 {
				fill: {vb:stylevar icon_color_gray_10};
			}
			.h-fill-icon_color_gray_11 {
				fill: {vb:stylevar icon_color_gray_11};
			}
			.h-fill-icon_color_gray_12 {
				fill: {vb:stylevar icon_color_gray_12};
			}
			.h-fill-icon_color_green {
				fill: {vb:stylevar icon_color_green};
			}
			.h-fill-icon_color_orange {
				fill: {vb:stylevar icon_color_orange};
			}
			.h-fill-icon_color_red_01 {
				fill: {vb:stylevar icon_color_red_01};
			}
			.h-fill-icon_color_red_02 {
				fill: {vb:stylevar icon_color_red_02};
			}
			.h-fill-icon_color_steel_01 {
				fill: {vb:stylevar icon_color_steel_01};
			}
			.h-fill-icon_color_steel_02 {
				fill: {vb:stylevar icon_color_steel_02};
			}
			.h-fill-icon_color_white {
				fill: {vb:stylevar icon_color_white};
			}
			.h-fill-icon_color_yellow {
				fill: {vb:stylevar icon_color_yellow};
			}


			<vb:comment>***** Stroke colors *****</vb:comment>
			.h-stroke-icon_color_gray_10 {
				stroke: {vb:stylevar icon_color_gray_10};
			}


			<vb:comment>***** Filters *****</vb:comment>
			.h-filter-1 {
				filter: url(#vb-svg-filter-1);
			}
			.h-filter-2 {
				filter: url(#vb-svg-filter-2);
			}
			.h-filter-3 {
				filter: url(#vb-svg-filter-3);
			}
			.h-filter-4 {
				filter: url(#vb-svg-filter-4);
			}
			.h-filter-5 {
				filter: url(#vb-svg-filter-5);
			}
			.h-filter-6 {
				filter: url(#vb-svg-filter-6);
			}
			.h-filter-7 {
				filter: url(#vb-svg-filter-7);
			}
			.h-filter-8 {
				filter: url(#vb-svg-filter-8);
			}
			.h-filter-9 {
				filter: url(#vb-svg-filter-9);
			}
			.h-filter-10 {
				filter: url(#vb-svg-filter-10);
			}
			.h-filter-11 {
				filter: url(#vb-svg-filter-11);
			}
			.h-filter-12 {
				filter: url(#vb-svg-filter-12);
			}
			.h-filter-13 {
				filter: url(#vb-svg-filter-13);
			}
			.h-filter-14 {
				filter: url(#vb-svg-filter-14);
			}
			.h-filter-15 {
				filter: url(#vb-svg-filter-15);
			}
			.h-filter-16 {
				filter: url(#vb-svg-filter-16);
			}
			.h-filter-17 {
				filter: url(#vb-svg-filter-17);
			}
			.h-filter-18 {
				filter: url(#vb-svg-filter-18);
			}
			.h-filter-19 {
				filter: url(#vb-svg-filter-19);
			}
			.h-filter-20 {
				filter: url(#vb-svg-filter-20);
			}
			.h-filter-21 {
				filter: url(#vb-svg-filter-21);
			}
			.h-filter-22 {
				filter: url(#vb-svg-filter-22);
			}
			.h-filter-23 {
				filter: url(#vb-svg-filter-23);
			}
			.h-filter-24 {
				filter: url(#vb-svg-filter-24);
			}
			.h-filter-25 {
				filter: url(#vb-svg-filter-25);
			}
			.h-filter-26 {
				filter: url(#vb-svg-filter-26);
			}
			.h-filter-27 {
				filter: url(#vb-svg-filter-27);
			}
			.h-filter-28 {
				filter: url(#vb-svg-filter-28);
			}
			.h-filter-29 {
				filter: url(#vb-svg-filter-29);
			}
			.h-filter-30 {
				filter: url(#vb-svg-filter-30);
			}
			.h-filter-31 {
				filter: url(#vb-svg-filter-31);
			}
			.h-filter-32 {
				filter: url(#vb-svg-filter-32);
			}
			.h-filter-33 {
				filter: url(#vb-svg-filter-33);
			}
			.h-filter-34 {
				filter: url(#vb-svg-filter-34);
			}
			.h-filter-35 {
				filter: url(#vb-svg-filter-35);
			}
			.h-filter-36 {
				filter: url(#vb-svg-filter-36);
			}
			.h-filter-37 {
				filter: url(#vb-svg-filter-37);
			}
			.h-filter-38 {
				filter: url(#vb-svg-filter-38);
			}
			.h-filter-39 {
				filter: url(#vb-svg-filter-39);
			}
			.h-filter-40 {
				filter: url(#vb-svg-filter-40);
			}
			.h-filter-41 {
				filter: url(#vb-svg-filter-41);
			}
			.h-filter-42 {
				filter: url(#vb-svg-filter-42);
			}
			.h-filter-43 {
				filter: url(#vb-svg-filter-43);
			}
			.h-filter-44 {
				filter: url(#vb-svg-filter-44);
			}
			.h-filter-45 {
				filter: url(#vb-svg-filter-45);
			}
			.h-filter-46 {
				filter: url(#vb-svg-filter-46);
			}
			.h-filter-47 {
				filter: url(#vb-svg-filter-47);
			}
			.h-filter-48 {
				filter: url(#vb-svg-filter-48);
			}

			<vb:comment>Allow customization of SVG icons via CSS</vb:comment>
			{vb:template css_sprite_icons_general.css}

		</style>
		<filter
			 id="vb-svg-filter-1"
			 x="95.969"
			 y="16"
			 width="14"
			 height="14"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="95.9688"
				 y="16"
				 width="14"
				 height="14"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 14 14">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.26;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" y1="14" x2="7" gradientUnits="userSpaceOnUse">
								 <stop offset="-0.25" stop-color="', {vb:stylevar icon_color_gray_05}, '"/>
								 <stop offset="1.25" stop-color="', {vb:stylevar icon_color_gray_05}, '" stop-opacity="0"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="14"/>
					 </svg>'}}"
				 id="vb-svg-feImage4" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite6" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend8" />
		</filter>
		<filter
			 id="vb-svg-filter-2"
			 x="32"
			 y="48"
			 width="10.719"
			 height="11.719"
			 filterUnits="userSpaceOnUse">
			<feGaussianBlur
				 result="blur"
				 stdDeviation="1"
				 in="SourceAlpha"
				 id="vb-svg-feGaussianBlur11" />
			<feFlood
				 result="flood"
				 flood-opacity="0.24"
				 id="vb-svg-feFlood13" />
			<feComposite
				 result="composite"
				 operator="out"
				 in2="blur"
				 id="vb-svg-feComposite15" />
			<feOffset
				 result="offset"
				 dx="0.5"
				 dy="0.866"
				 id="vb-svg-feOffset17" />
			<feComposite
				 result="composite-2"
				 operator="in"
				 in2="SourceAlpha"
				 id="vb-svg-feComposite19" />
			<feBlend
				 result="blend"
				 mode="multiply"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend21" />
		</filter>
		<filter
			 id="vb-svg-filter-3"
			 x="128.969"
			 y="84"
			 width="9.031"
			 height="7.406"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="128.969"
				 y="84"
				 width="9.031"
				 height="7.406"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9.031" height="7.406" viewBox="0 0 9.031 7.406">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="4.516" x2="4.516" y2="7.406" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.666" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="9.031" height="7.406"/>
					 </svg>'}}"
				 id="vb-svg-feImage24" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite26" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend28" />
		</filter>
		<filter
			 id="vb-svg-filter-4"
			 x="112.969"
			 y="84"
			 width="9.031"
			 height="7.406"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="112.969"
				 y="84"
				 width="9.031"
				 height="7.406"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9.031" height="7.406" viewBox="0 0 9.031 7.406">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="4.516" x2="4.516" y2="7.406" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.666" stop-color="', {vb:stylevar icon_color_gray_02}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_02}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="9.031" height="7.406"/>
					 </svg>'}}"
				 id="vb-svg-feImage31" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite33" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend35" />
		</filter>
		<filter
			 id="vb-svg-filter-5"
			 x="144"
			 y="80.031"
			 width="15"
			 height="11.969"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="144"
				 y="80.0313"
				 width="15"
				 height="11.969"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="11.969" viewBox="0 0 15 11.969">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.35;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7.5" y1="11.969" x2="7.5" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_08}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '" stop-opacity="0"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="15" height="11.969"/>
					 </svg>'}}"
				 id="vb-svg-feImage38" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite40" />
			<feBlend
				 result="blend"
				 mode="multiply"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend42" />
		</filter>
		<filter
			 id="vb-svg-filter-6"
			 x="161"
			 y="81.031"
			 width="13"
			 height="9.969"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="161"
				 y="81.0313"
				 width="13"
				 height="9.969"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13" height="9.969" viewBox="0 0 13 9.969">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.35;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="6.5" y1="9.969" x2="6.5" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_08}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '" stop-opacity="0"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="13" height="9.969"/>
					 </svg>'}}"
				 id="vb-svg-feImage45" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite47" />
			<feBlend
				 result="blend"
				 mode="multiply"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend49" />
		</filter>
		<filter
			 id="vb-svg-filter-7"
			 x="176"
			 y="85"
			 width="8.406"
			 height="6.969"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="176"
				 y="85"
				 width="8.406"
				 height="6.969"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8.406" height="6.969" viewBox="0 0 8.406 6.969">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.35;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="4.203" y1="6.969" x2="4.203" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_08}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '" stop-opacity="0"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="8.406" height="6.969"/>
					 </svg>'}}"
				 id="vb-svg-feImage52" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite54" />
			<feBlend
				 result="blend"
				 mode="multiply"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend56" />
		</filter>
		<filter
			 id="vb-svg-filter-8"
			 x="192"
			 y="85"
			 width="8.406"
			 height="6.969"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="192"
				 y="85"
				 width="8.406"
				 height="6.969"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8.406" height="6.969" viewBox="0 0 8.406 6.969">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="4.203" y1="6.969" x2="4.203" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_08}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '" stop-opacity="0"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="8.406" height="6.969"/>
					 </svg>'}}"
				 id="vb-svg-feImage59" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite61" />
			<feBlend
				 result="blend"
				 mode="multiply"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend63" />
		</filter>
		<filter
			 id="vb-svg-filter-9"
			 x="195.344"
			 y="79.969"
			 width="8.406"
			 height="7.063"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="195.344"
				 y="79.9688"
				 width="8.406"
				 height="7.063"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8.406" height="7.063" viewBox="0 0 8.406 7.063">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="4.203" y1="7.063" x2="4.203" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_08}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '" stop-opacity="0"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="8.406" height="7.063"/>
					 </svg>'}}"
				 id="vb-svg-feImage66" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite68" />
			<feBlend
				 result="blend"
				 mode="multiply"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend70" />
		</filter>
		<filter
			 id="vb-svg-filter-10"
			 x="272"
			 y="80"
			 width="14"
			 height="11.969"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="272"
				 y="80"
				 width="14"
				 height="11.969"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="11.969" viewBox="0 0 14 11.969">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" y1="11.969" x2="7" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_06}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_05}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="11.969"/>
					 </svg>'}}"
				 id="vb-svg-feImage73" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite75" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend77" />
		</filter>
		<filter
			 id="vb-svg-filter-11"
			 x="288"
			 y="80"
			 width="14"
			 height="11.969"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="288"
				 y="80"
				 width="14"
				 height="11.969"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="11.969" viewBox="0 0 14 11.969">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" y1="11.969" x2="7" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_12}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_08}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="11.969"/>
					 </svg>'}}"
				 id="vb-svg-feImage80" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite82" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend84" />
		</filter>
		<filter
			 id="vb-svg-filter-12"
			 x="307"
			 y="196.875"
			 width="9.5"
			 height="6.156"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="307"
				 y="196.875"
				 width="9.5"
				 height="6.156"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9.5" height="6.156" viewBox="0 0 9.5 6.156">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.63;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="4.75" x2="4.75" y2="6.156" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.666" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="9.5" height="6.156"/>
					 </svg>'}}"
				 id="vb-svg-feImage87" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite89" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend91" />
		</filter>
		<filter
			 id="vb-svg-filter-13"
			 x="323"
			 y="196.875"
			 width="9.5"
			 height="6.156"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="323"
				 y="196.875"
				 width="9.5"
				 height="6.156"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9.5" height="6.156" viewBox="0 0 9.5 6.156">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.63;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="4.75" x2="4.75" y2="6.156" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.666" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="9.5" height="6.156"/>
					 </svg>'}}"
				 id="vb-svg-feImage94" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite96" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend98" />
		</filter>
		<filter
			 id="vb-svg-filter-14"
			 x="245.313"
			 y="176.969"
			 width="5.5"
			 height="7.312"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="245.313"
				 y="176.969"
				 width="5.5"
				 height="7.312"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="5.5" height="7.312" viewBox="0 0 5.5 7.312">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="2.75" x2="2.75" y2="7.312" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.666" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="5.5" height="7.312"/>
					 </svg>'}}"
				 id="vb-svg-feImage101" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite103" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend105" />
		</filter>
		<filter
			 id="vb-svg-filter-15"
			 x="261.313"
			 y="176.969"
			 width="5.5"
			 height="7.312"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="261.313"
				 y="176.969"
				 width="5.5"
				 height="7.312"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="5.5" height="7.312" viewBox="0 0 5.5 7.312">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="2.75" x2="2.75" y2="7.312" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.666" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="5.5" height="7.312"/>
					 </svg>'}}"
				 id="vb-svg-feImage108" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite110" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend112" />
		</filter>
		<filter
			 id="vb-svg-filter-16"
			 x="272.875"
			 y="178.938"
			 width="13.125"
			 height="8.031"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="272.875"
				 y="178.938"
				 width="13.125"
				 height="8.031"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.125" height="8.031" viewBox="0 0 13.125 8.031">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.52;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="6.563" x2="6.563" y2="8.031" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.666" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="13.125" height="8.031"/>
					 </svg>'}}"
				 id="vb-svg-feImage115" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite117" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend119" />
		</filter>
		<filter
			 id="vb-svg-filter-17"
			 x="288.875"
			 y="178.938"
			 width="13.125"
			 height="8.031"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="288.875"
				 y="178.938"
				 width="13.125"
				 height="8.031"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.125" height="8.031" viewBox="0 0 13.125 8.031">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.52;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="6.563" x2="6.563" y2="8.031" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.666" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="13.125" height="8.031"/>
					 </svg>'}}"
				 id="vb-svg-feImage122" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite124" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend126" />
		</filter>
		<filter
			 id="vb-svg-filter-18"
			 x="323"
			 y="180.938"
			 width="10"
			 height="6.031"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="323"
				 y="180.938"
				 width="10"
				 height="6.031"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="6.031" viewBox="0 0 10 6.031">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="5" x2="5" y2="6.031" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.063" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="10" height="6.031"/>
					 </svg>'}}"
				 id="vb-svg-feImage129" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite131" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend133" />
		</filter>
		<filter
			 id="vb-svg-filter-19"
			 x="339"
			 y="177"
			 width="10"
			 height="10"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="339"
				 y="177"
				 width="10"
				 height="10"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" viewBox="0 0 10 10">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="5" x2="5" y2="10" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.063" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="10" height="10"/>
					 </svg>'}}"
				 id="vb-svg-feImage136" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite138" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend140" />
		</filter>
		<filter
			 id="vb-svg-filter-20"
			 x="355"
			 y="177"
			 width="10"
			 height="10"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="355"
				 y="177"
				 width="10"
				 height="10"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" viewBox="0 0 10 10">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="5" x2="5" y2="10" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.063" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="10" height="10"/>
					 </svg>'}}"
				 id="vb-svg-feImage143" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite145" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend147" />
		</filter>
		<filter
			 id="vb-svg-filter-21"
			 x="371"
			 y="177"
			 width="17"
			 height="17"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="371"
				 y="177"
				 width="17"
				 height="17"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17" height="17" viewBox="0 0 17 17">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="8.5" x2="8.5" y2="17" gradientUnits="userSpaceOnUse">
								 <stop offset="-0.25" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1.25" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="17" height="17"/>
					 </svg>'}}"
				 id="vb-svg-feImage150" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite152" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend154" />
		</filter>
		<filter
			 id="vb-svg-filter-22"
			 x="401"
			 y="176.969"
			 width="14"
			 height="13"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="401"
				 y="176.969"
				 width="14"
				 height="13"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="13" viewBox="0 0 14 13">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.15;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" y1="13" x2="7" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_09}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="13"/>
					 </svg>'}}"
				 id="vb-svg-feImage157" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite159" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend161" />
		</filter>
		<filter
			 id="vb-svg-filter-23"
			 x="417"
			 y="176.969"
			 width="14"
			 height="13"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="417"
				 y="176.969"
				 width="14"
				 height="13"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="13" viewBox="0 0 14 13">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.15;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" y1="13" x2="7" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_09}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="13"/>
					 </svg>'}}"
				 id="vb-svg-feImage164" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite166" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend168" />
		</filter>
		<filter
			 id="vb-svg-filter-24"
			 x="433"
			 y="176.969"
			 width="14"
			 height="13"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="433"
				 y="176.969"
				 width="14"
				 height="13"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="13" viewBox="0 0 14 13">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.15;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" y1="13" x2="7" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_09}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="13"/>
					 </svg>'}}"
				 id="vb-svg-feImage171" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite173" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend175" />
		</filter>
		<filter
			 id="vb-svg-filter-25"
			 x="449"
			 y="176.969"
			 width="14"
			 height="13"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="449"
				 y="176.969"
				 width="14"
				 height="13"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="13" viewBox="0 0 14 13">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.15;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" y1="13" x2="7" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_09}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="13"/>
					 </svg>'}}"
				 id="vb-svg-feImage178" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite180" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend182" />
		</filter>
		<filter
			 id="vb-svg-filter-26"
			 x="465"
			 y="176.969"
			 width="14"
			 height="13"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="465"
				 y="176.969"
				 width="14"
				 height="13"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="13" viewBox="0 0 14 13">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.15;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" y1="13" x2="7" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_09}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="13"/>
					 </svg>'}}"
				 id="vb-svg-feImage185" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite187" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend189" />
		</filter>
		<filter
			 id="vb-svg-filter-27"
			 x="481"
			 y="176.969"
			 width="14"
			 height="13"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="481"
				 y="176.969"
				 width="14"
				 height="13"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="13" viewBox="0 0 14 13">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.15;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" y1="13" x2="7" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_09}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="13"/>
					 </svg>'}}"
				 id="vb-svg-feImage192" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite194" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend196" />
		</filter>
		<filter
			 id="vb-svg-filter-28"
			 x="239.969"
			 y="111.938"
			 width="44"
			 height="40.093"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="239.969"
				 y="111.938"
				 width="44"
				 height="40.093"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="44" height="40.093" viewBox="0 0 44 40.093">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="22" y1="40.093" x2="22" gradientUnits="userSpaceOnUse">
								 <stop offset="-0.25" stop-color="', {vb:stylevar icon_color_red_01}, '"/>
								 <stop offset="1.25" stop-color="', {vb:stylevar icon_color_red_02}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="44" height="40.093"/>
					 </svg>'}}"
				 id="vb-svg-feImage199" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite201" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend203" />
		</filter>
		<filter
			 id="vb-svg-filter-29"
			 x="259.406"
			 y="119.875"
			 width="5.969"
			 height="27.281"
			 filterUnits="userSpaceOnUse">
			<feGaussianBlur
				 result="blur"
				 stdDeviation="1.414"
				 in="SourceAlpha"
				 id="vb-svg-feGaussianBlur206" />
			<feFlood
				 result="flood"
				 flood-opacity="0.3"
				 id="vb-svg-feFlood208" />
			<feComposite
				 result="composite"
				 operator="out"
				 in2="blur"
				 id="vb-svg-feComposite210" />
			<feOffset
				 result="offset"
				 dx="0.5"
				 dy="0.866"
				 id="vb-svg-feOffset212" />
			<feComposite
				 result="composite-2"
				 operator="in"
				 in2="SourceAlpha"
				 id="vb-svg-feComposite214" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend216" />
		</filter>
		<filter
			 id="vb-svg-filter-30"
			 x="193"
			 y="113"
			 width="14"
			 height="14"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="193"
				 y="113"
				 width="14"
				 height="14"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 14 14">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.39;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" y1="14" x2="7" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_08}, '"/>
								 <stop offset="0.002" stop-color="', {vb:stylevar icon_color_gray_08}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="14"/>
					 </svg>'}}"
				 id="vb-svg-feImage219" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite221" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend223" />
		</filter>
		<filter
			 id="vb-svg-filter-31"
			 x="192"
			 y="112"
			 width="16"
			 height="16"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="192"
				 y="112"
				 width="16"
				 height="16"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="8" x2="8" y2="16" gradientUnits="userSpaceOnUse">
								 <stop offset="-0.25" stop-color="', {vb:stylevar icon_color_gray_09}, '"/>
								 <stop offset="1.25" stop-color="', {vb:stylevar icon_color_gray_12}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="16" height="16"/>
					 </svg>'}}"
				 id="vb-svg-feImage226" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite228" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend230" />
		</filter>
		<filter
			 id="vb-svg-filter-32"
			 x="209.969"
			 y="113"
			 width="14"
			 height="14"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="209.969"
				 y="113"
				 width="14"
				 height="14"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 14 14">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" x2="7" y2="14" gradientUnits="userSpaceOnUse">
								 <stop offset="-0.25" stop-color="', {vb:stylevar icon_color_gray_09}, '"/>
								 <stop offset="1.25" stop-color="', {vb:stylevar icon_color_gray_12}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="14"/>
					 </svg>'}}"
				 id="vb-svg-feImage233" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite235" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend237" />
		</filter>
		<filter
			 id="vb-svg-filter-33"
			 x="37"
			 y="241.094"
			 width="14"
			 height="15.969"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="37"
				 y="241.094"
				 width="14"
				 height="15.969"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="15.969" viewBox="0 0 14 15.969">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.38;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" x2="7" y2="15.969" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.011" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_05}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="15.969"/>
					 </svg>'}}"
				 id="vb-svg-feImage240" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite242" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend244" />
		</filter>
		<filter
			 id="vb-svg-filter-34"
			 x="69"
			 y="241.094"
			 width="14"
			 height="15.937"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="69"
				 y="241.094"
				 width="14"
				 height="15.937"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="15.937" viewBox="0 0 14 15.937">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" x2="7" y2="15.937" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_blue_01}, '"/>
								 <stop offset="0.011" stop-color="', {vb:stylevar icon_color_blue_01}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_blue_02}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="15.937"/>
					 </svg>'}}"
				 id="vb-svg-feImage247" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite249" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend251" />
		</filter>
		<filter
			 id="vb-svg-filter-35"
			 x="101"
			 y="241.094"
			 width="14"
			 height="15.969"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="101"
				 y="241.094"
				 width="14"
				 height="15.969"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="15.969" viewBox="0 0 14 15.969">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.38;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" x2="7" y2="15.969" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.011" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_05}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="15.969"/>
					 </svg>'}}"
				 id="vb-svg-feImage254" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite256" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend258" />
		</filter>
		<filter
			 id="vb-svg-filter-36"
			 x="133"
			 y="241.094"
			 width="14"
			 height="15.969"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="133"
				 y="241.094"
				 width="14"
				 height="15.969"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="15.969" viewBox="0 0 14 15.969">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.38;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" x2="7" y2="15.969" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.011" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_05}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="15.969"/>
					 </svg>'}}"
				 id="vb-svg-feImage261" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite263" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend265" />
		</filter>
		<filter
			 id="vb-svg-filter-37"
			 x="165"
			 y="241.094"
			 width="14"
			 height="15.969"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="165"
				 y="241.094"
				 width="14"
				 height="15.969"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="15.969" viewBox="0 0 14 15.969">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.38;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" x2="7" y2="15.969" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.011" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_05}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="15.969"/>
					 </svg>'}}"
				 id="vb-svg-feImage268" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite270" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend272" />
		</filter>
		<filter
			 id="vb-svg-filter-38"
			 x="197"
			 y="241.094"
			 width="14"
			 height="15.969"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="197"
				 y="241.094"
				 width="14"
				 height="15.969"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="15.969" viewBox="0 0 14 15.969">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.38;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" x2="7" y2="15.969" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.011" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_05}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="15.969"/>
					 </svg>'}}"
				 id="vb-svg-feImage275" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite277" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend279" />
		</filter>
		<filter
			 id="vb-svg-filter-39"
			 x="229"
			 y="241.094"
			 width="14"
			 height="15.969"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="229"
				 y="241.094"
				 width="14"
				 height="15.969"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="15.969" viewBox="0 0 14 15.969">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.38;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="7" x2="7" y2="15.969" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.011" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_05}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="14" height="15.969"/>
					 </svg>'}}"
				 id="vb-svg-feImage282" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite284" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend286" />
		</filter>
		<filter
			 id="vb-svg-filter-40"
			 x="230.906"
			 y="243.875"
			 width="10.125"
			 height="10.125"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="230.906"
				 y="243.875"
				 width="10.125"
				 height="10.125"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10.125" height="10.125" viewBox="0 0 10.125 10.125">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.38;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="5.063" x2="5.063" y2="10.125" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.011" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_05}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="10.125" height="10.125"/>
					 </svg>'}}"
				 id="vb-svg-feImage289" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite291" />
			<feBlend
				 result="blend"
				 mode="multiply"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend293" />
		</filter>
		<filter
			 id="vb-svg-filter-41"
			 x="4"
			 y="208.031"
			 width="13"
			 height="13.157"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="4"
				 y="208.031"
				 width="13"
				 height="13.157"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13" height="13.157" viewBox="0 0 13 13.157">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.53;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="6.5" y1="13.157" x2="6.5" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_blue_05}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_blue_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="13" height="13.157"/>
					 </svg>'}}"
				 id="vb-svg-feImage296" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite298" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend300" />
		</filter>
		<filter
			 id="vb-svg-filter-42"
			 x="36"
			 y="208.031"
			 width="13"
			 height="13.157"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="36"
				 y="208.031"
				 width="13"
				 height="13.157"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13" height="13.157" viewBox="0 0 13 13.157">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.59;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="6.5" y1="13.157" x2="6.5" gradientUnits="userSpaceOnUse">
								 <stop offset="0"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_06}, '" stop-opacity="0"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="13" height="13.157"/>
					 </svg>'}}"
				 id="vb-svg-feImage303" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite305" />
			<feBlend
				 result="blend"
				 mode="multiply"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend307" />
		</filter>
		<filter
			 id="vb-svg-filter-43"
			 x="68"
			 y="208.031"
			 width="13"
			 height="13.157"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="68"
				 y="208.031"
				 width="13"
				 height="13.157"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13" height="13.157" viewBox="0 0 13 13.157">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.11;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="6.5" y1="13.157" x2="6.5" gradientUnits="userSpaceOnUse">
								 <stop offset="0"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_white}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="13" height="13.157"/>
					 </svg>'}}"
				 id="vb-svg-feImage310" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite312" />
			<feBlend
				 result="blend"
				 mode="multiply"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend314" />
		</filter>
		<filter
			 id="vb-svg-filter-44"
			 x="132.125"
			 y="213.469"
			 width="11.313"
			 height="10.469"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="132.125"
				 y="213.469"
				 width="11.313"
				 height="10.469"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.313" height="10.469" viewBox="0 0 11.313 10.469">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.59;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="5.656" y1="10.469" x2="5.656" gradientUnits="userSpaceOnUse">
								 <stop offset="0"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_06}, '" stop-opacity="0"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="11.313" height="10.469"/>
					 </svg>'}}"
				 id="vb-svg-feImage317" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite319" />
			<feBlend
				 result="blend"
				 mode="multiply"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend321" />
		</filter>
		<filter
			 id="vb-svg-filter-45"
			 x="288"
			 y="96"
			 width="13"
			 height="13"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="288"
				 y="96"
				 width="13"
				 height="13"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13" height="13" viewBox="0 0 13 13">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.35;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="9.126" y1="13" x2="3.874" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_gray_11}, '"/>
								 <stop offset="0.215" stop-color="', {vb:stylevar icon_color_gray_11}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_07}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="13" height="13"/>
					 </svg>'}}"
				 id="vb-svg-feImage324" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite326" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend328" />
		</filter>
		<filter
			 id="vb-svg-filter-46"
			 x="530"
			 y="177"
			 width="9"
			 height="10"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="530"
				 y="177"
				 width="9"
				 height="10"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9" height="10" viewBox="0 0 9 10">
						 <defs>
							 <style>
								 .cls-1 {
									 opacity: 0.52;
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="4.5" x2="4.5" y2="10" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.666" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="9" height="10"/>
					 </svg>'}}"
				 id="vb-svg-feImage331" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite333" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend335" />
		</filter>
		<filter
			 id="vb-svg-filter-47"
			 x="544.938"
			 y="176"
			 width="11.156"
			 height="12.063"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="544.938"
				 y="176"
				 width="11.156"
				 height="12.063"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.156" height="12.063" viewBox="0 0 11.156 12.063">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="5.578" x2="5.578" y2="12.063" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.063" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="11.156" height="12.063"/>
					 </svg>'}}"
				 id="vb-svg-feImage338" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite340" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend342" />
		</filter>
		<filter
			 id="vb-svg-filter-48"
			 x="546"
			 y="177"
			 width="9"
			 height="10"
			 filterUnits="userSpaceOnUse">
			<feImage
				 preserveAspectRatio="none"
				 x="546"
				 y="177"
				 width="9"
				 height="10"
				 result="image"
				 xlink:href="data:image/svg+xml;base64,{vb:php base64_encode, {vb:concat '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9" height="10" viewBox="0 0 9 10">
						 <defs>
							 <style>
								 .cls-1 {
									 fill: url(#vb-svg-linear-gradient);
								 }
							 </style>
							 <linearGradient id="vb-svg-linear-gradient" x1="4.5" x2="4.5" y2="10" gradientUnits="userSpaceOnUse">
								 <stop offset="0" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="0.063" stop-color="', {vb:stylevar icon_color_white}, '"/>
								 <stop offset="1" stop-color="', {vb:stylevar icon_color_gray_04}, '"/>
							 </linearGradient>
						 </defs>
						 <rect class="cls-1" width="9" height="10"/>
					 </svg>'}}"
				 id="vb-svg-feImage345" />
			<feComposite
				 result="composite"
				 operator="in"
				 in2="SourceGraphic"
				 id="vb-svg-feComposite347" />
			<feBlend
				 result="blend"
				 in2="SourceGraphic"
				 id="vb-svg-feBlend349" />
		</filter>
	</defs>


	<vb:comment> ***** ICONS ROW 1 ***** </vb:comment>
	<g
		 id="vb-svg-b-icon__minus-circle">
		<path
			 id="vb-svg-circle"
			 class="h-fill-icon_color_gray_04 h-evenodd"
			 d="M7.006,15.979a7.02,7.02,0,0,1,0,14.04A7.02,7.02,0,0,1,7.006,15.979Z" />
		<circle
			 id="vb-svg-white-2"
			 class="h-fill-icon_color_white"
			 cx="7"
			 cy="23"
			 r="6" />
		<path
			 id="vb-svg-minus"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M4.015,21.986H9.988a1,1,0,1,1,0,2H4.015A1,1,0,1,1,4.015,21.986Z" />
	</g>
	<g
		 id="vb-svg-b-icon__plus-circle">
		<path
			 id="vb-svg-circle-2"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M23.006,15.979a7.02,7.02,0,0,1,0,14.04A7.02,7.02,0,1,1,23.006,15.979Z" />
		<path
			 id="vb-svg-Plus"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M19,22h3.031L22,19h2v3h3v2H23.969L24,27H22l-0.062-3H19V22Z" />
	</g>
	<g
		 id="vb-svg-b-icon__search"
		 <vb:if condition="$rtl"> transform="translate(80, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-_2_copy_5"
			 class="h-fill-icon_color_blue_05 h-evenodd"
			 d="M40.452,27.019l2.1-2.069,4.96,5.084L45.474,32.01Z" />
		<path
			 id="vb-svg-_1_copy_40"
			 class="h-fill-icon_color_blue_05 h-evenodd"
			 d="M37.918,15.985a6.014,6.014,0,1,1,0,12.026A6.013,6.013,0,0,1,37.918,15.985ZM38,18.179a3.814,3.814,0,1,1-3.814,3.814A3.814,3.814,0,0,1,38,18.179Z" />
	</g>
	<path
		 id="vb-svg-b-icon__not-implemented-01"
		 class="h-fill-icon_color_blue_05 h-evenodd"
		 d="M55.093,15.976l-7.149.077L51.5,21.005Z" />
	<path
		 id="vb-svg-b-icon__not-implemented-02"
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 d="M63.923,15.972l7.06,0.02-3.525,5.1Z" />
	<path
		 id="vb-svg-b-icon__not-implemented-03"
		 class="h-fill-icon_color_white h-evenodd"
		 d="M80.354,22.354l-0.707-.707,6-6,0.707,0.707Zm5.293,0,0.707-.707-6-6-0.707.707Z" />
	<path
		 id="vb-svg-b-icon__gear-white"
		 class="h-filter-1 h-fill-icon_color_white h-evenodd"
		 d="M109.75,22.838l-1.289-.127a5.478,5.478,0,0,0-.424-1.9l1.095-.746a0.263,0.263,0,0,0,.1-0.171,0.258,0.258,0,0,0-.05-0.194l-1.175-1.554a0.262,0.262,0,0,0-.172-0.1,0.258,0.258,0,0,0-.193.05l-0.962.794a5.474,5.474,0,0,0-1.675-1.06l0.239-1.254a0.257,0.257,0,0,0-.05-0.193,0.26,0.26,0,0,0-.171-0.1l-1.928-.268a0.252,0.252,0,0,0-.193.05,0.259,0.259,0,0,0-.1.171l-0.113,1.2a5.444,5.444,0,0,0-1.959.449l-0.7-1.031a0.261,0.261,0,0,0-.364-0.051l-1.553,1.173a0.26,0.26,0,0,0-.05.365l0.763,0.923a5.463,5.463,0,0,0-1.054,1.711l-1.233-.236a0.259,0.259,0,0,0-.293.222l-0.267,1.928a0.259,0.259,0,0,0,.221.293L97.417,23.3a5.655,5.655,0,0,0,.22,2.037l-0.82.62a0.26,0.26,0,0,0-.05.364l1.174,1.553a0.26,0.26,0,0,0,.363.05l0.984-.808a5.578,5.578,0,0,0,1.663,1.013L100.7,29.448a0.26,0.26,0,0,0,.222.293l1.927,0.268,0.036,0a0.261,0.261,0,0,0,.258-0.224l0.13-1.305a5.466,5.466,0,0,0,1.869-.443l0.771,1.128a0.262,0.262,0,0,0,.365.051l1.554-1.172a0.264,0.264,0,0,0,.1-0.172,0.261,0.261,0,0,0-.05-0.193l-0.838-1.023a5.432,5.432,0,0,0,1.02-1.627l1.34,0.252a0.265,0.265,0,0,0,.294-0.222l0.268-1.928A0.258,0.258,0,0,0,109.75,22.838ZM105.112,25.8a3.514,3.514,0,1,1,.684-4.925A3.521,3.521,0,0,1,105.112,25.8Zm-2.126-4.561a1.772,1.772,0,1,1-1.744,1.771A1.758,1.758,0,0,1,102.986,21.239Z" />
	<path
		 id="vb-svg-b-icon__not-implemented-04"
		 class="h-fill-icon_color_gray_12 h-evenodd"
		 d="M127.986,16.034L136,16l0.011,0.96-4,4.978-4.022-4.952V16.034Z" />
	<g
		 id="vb-svg-b-icon__facebook-24">
		<rect
			 id="vb-svg-frame"
			 class="h-fill-facebook-blue-01"
			 x="144"
			 y="16"
			 width="24"
			 height="24"
			 rx="2"
			 ry="2" />
		<rect
			 id="vb-svg-base"
			 class="h-fill-facebook-blue-02"
			 x="145"
			 y="17"
			 width="22"
			 height="22"
			 rx="2"
			 ry="2" />
		<path
			 id="vb-svg-shade"
			 class="h-fill-facebook-blue-03 h-evenodd"
			 d="M163,24.5h-2.726V22.741a0.723,0.723,0,0,1,.758-0.817h1.924V19.011L160.309,19a3.329,3.329,0,0,0-3.61,3.563V24.5H155v3h1.7V36h3.577V27.506h2.414Z" />
		<path
			 id="vb-svg-F_"
			 class="h-fill-facebook-gray h-evenodd"
			 d="M163,25.5h-2.726V23.741a0.723,0.723,0,0,1,.758-0.817h1.924V20.011L160.309,20a3.329,3.329,0,0,0-3.61,3.563V25.5H155v3h1.7V37h3.577V28.506h2.414Z" />
	</g>
	<g
		 id="vb-svg-b-icon__twitter-24">
		<rect
			 id="vb-svg-frame-2"
			 class="h-fill-twitter-blue-dark"
			 x="176"
			 y="16"
			 width="24"
			 height="24"
			 rx="2"
			 ry="2" />
		<rect
			 id="vb-svg-base-2"
			 class="h-fill-twitter-blue-light"
			 x="177"
			 y="17"
			 width="22"
			 height="22"
			 rx="2"
			 ry="2" />
		<path
			 id="vb-svg-shade-2"
			 class="h-fill-twitter-blue-dark h-evenodd"
			 d="M192.184,30.252h-2.927c-2.082,0-2.414-.911-2.414-1.756,0-.4.025-1.062,0.05-1.871h4.89c0.732,0,2.128-.3,2.128-1.62s-0.645-2.19-1.508-2.19h-5.449c-0.006-1.908-.131-3.81-2.017-3.81a1.609,1.609,0,0,0-1.679,1.1,10.434,10.434,0,0,0-.253,3.319l0,0.615c0,0.7.017,1.414,0.02,2.122q0,1.143,0,2.286a5.47,5.47,0,0,0,4.675,5.477c0.753,0,3.7.069,4.233,0.069s2.06-.139,2.06-1.668A1.884,1.884,0,0,0,192.184,30.252Z" />
		<path
			 id="vb-svg-tweet-2"
			 class="h-fill-twitter-blue-lighter h-evenodd"
			 d="M192.184,31.252h-2.927c-2.082,0-2.414-.911-2.414-1.756,0-.4.025-1.062,0.05-1.871h4.89c0.732,0,2.128-.3,2.128-1.62s-0.645-2.19-1.508-2.19h-5.449c-0.006-1.908-.131-3.81-2.017-3.81a1.609,1.609,0,0,0-1.679,1.1,10.434,10.434,0,0,0-.253,3.319l0,0.615c0,0.7.017,1.414,0.02,2.122q0,1.143,0,2.286a5.47,5.47,0,0,0,4.675,5.477c0.753,0,3.7.069,4.233,0.069s2.06-.139,2.06-1.668A1.884,1.884,0,0,0,192.184,31.252Z" />
	</g>
	<g
		 id="vb-svg-b-icon__oauth-24">
		<rect
			 id="vb-svg-frame-3"
			 class="h-fill-icon_color_gray_04"
			 x="208"
			 y="16"
			 width="24"
			 height="24"
			 rx="2"
			 ry="2" />
		<rect
			 id="vb-svg-base-3"
			 class="h-fill-icon_color_gray_01"
			 x="209"
			 y="17"
			 width="22"
			 height="22"
			 rx="2"
			 ry="2" />
		<path
			 id="vb-svg-shade-3"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M219.53,35.993V22.474l2.1-1.468V34.82Zm-0.58-10.58v1.837s-4.151.33-4.418,3.527c0,0-.581,2.791,4.418,3.673v1.543s-7.026-.733-6.953-5.29C212,30.7,211.924,26.075,218.95,25.414Zm3.187,0v1.716a4.1,4.1,0,0,1,2.462.929l-1.23.513L228,29.748V26.075l-1.581.908A6.42,6.42,0,0,0,222.137,25.414Z" />
		<path
			 id="vb-svg-white"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M218.95,24.414v1.837s-4.151.33-4.418,3.527c0,0-.581,2.791,4.418,3.673v1.543s-7.026-.733-6.953-5.29C212,29.7,211.924,25.075,218.95,24.414Zm3.187,0v1.716a4.1,4.1,0,0,1,2.462.929l-1.23.513L228,28.748V25.075l-1.581.908A6.42,6.42,0,0,0,222.137,24.414Z" />
		<path
			 id="vb-svg-orange"
			 class="h-fill-icon_color_orange h-evenodd"
			 d="M219.53,34.994V21.474l2.1-1.468V33.82Z" />
	</g>
	<g
		 id="vb-svg-b-icon__facebook-12">
		<rect
			 id="vb-svg-base-4"
			 class="h-fill-facebook-blue-11"
			 x="256"
			 y="16"
			 width="12"
			 height="12" />
		<path
			 id="vb-svg-f"
			 class="h-fill-facebook-white h-evenodd"
			 d="M265,20.914h-1.7V19.98a0.421,0.421,0,0,1,.473-0.433h1.2V18.006L263.318,18c-1.838,0-2.256,1.15-2.256,1.886v1.028H260V22.5h1.063V27H263.3V22.5h1.508Z" />
	</g>
	<path
		 id="vb-svg-b-icon__minus-circle--blue"
		 class="h-fill-icon_color_blue_02 h-evenodd"
		 d="M299.987,40.006A12.024,12.024,0,1,1,312.01,27.982,12.024,12.024,0,0,1,299.987,40.006ZM306,26.432H293.975v3.053H306V26.432Z" />
	<g
		 id="vb-svg-b-icon__or-circle--blue">
		<circle
			 id="vb-svg-circle-3"
			 class="h-fill-icon_color_blue_02"
			 cx="331.985"
			 cy="27.984"
			 r="12.016" />
		<path
			 id="vb-svg-or-2"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M324.169,28.57a3.749,3.749,0,1,0,7.487,0A3.753,3.753,0,1,0,324.169,28.57Zm1.674,0c0-1.333.565-2.613,2.069-2.613s2.069,1.28,2.069,2.613c0,1.269-.565,2.549-2.069,2.549S325.843,29.839,325.843,28.57Zm6.954,3.776h1.675V29.37h1.674a1.109,1.109,0,0,1,1.269,1.152,8.442,8.442,0,0,0,.267,1.824h1.674a4.169,4.169,0,0,1-.319-1.8,1.73,1.73,0,0,0-1.11-1.781V28.741a1.873,1.873,0,0,0,1.2-1.909,2.092,2.092,0,0,0-2.229-2.1H332.8v7.615Zm1.675-6.314h1.834a1.075,1.075,0,1,1,0,2.144h-1.834V26.032Z" />
	</g>
	<path
		 id="vb-svg-b-icon__arrow-left-s"
		 <vb:if condition="$rtl"> transform="translate(710, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_05 h-evenodd"
		 d="M358.01,23.039l0-7.1-6,3.557Z" />
	<path
		 id="vb-svg-b-icon__arrow-left-s--disabled"
		 <vb:if condition="$rtl"> transform="translate(726, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_05 h-evenodd"
		 d="M366.01,23.039l0-7.1-6,3.557Z" />
	<path
		 id="vb-svg-b-icon__arrow-left-s--active"
		 <vb:if condition="$rtl"> transform="translate(742, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_03 h-evenodd"
		 d="M374.01,23.039l0-7.1-6,3.557Z" />
	<path
		 id="vb-svg-b-icon__arrow-right-s"
		 <vb:if condition="$rtl"> transform="translate(774, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_05 h-evenodd"
		 d="M383.99,23.039l0-7.1,6,3.557Z" />
	<path
		 id="vb-svg-b-icon__arrow-right-s--disabled"
		 <vb:if condition="$rtl"> transform="translate(790, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_05 h-evenodd"
		 d="M391.99,23.039l0-7.1,6,3.557Z" />
	<path
		 id="vb-svg-b-icon__arrow-right-s--active"
		 <vb:if condition="$rtl"> transform="translate(806, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_03 h-evenodd"
		 d="M399.99,23.039l0-7.1,6,3.557Z" />
	<path
		 id="vb-svg-b-icon__search-2"
		 <vb:if condition="$rtl"> transform="translate(847, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_05 h-evenodd"
		 d="M430.145,27.717l-2.773-2.772a4.094,4.094,0,0,0,.659-2.931,6,6,0,1,0-6,6,5.474,5.474,0,0,0,3.342-.876l2.889,2.556A1.375,1.375,0,0,0,430.145,27.717Zm-8.114-1.7a4,4,0,1,1,4-4A4,4,0,0,1,422.031,26.014Z" />
	<g
		 id="vb-svg-b-icon__search-plus"
		 <vb:if condition="$rtl"> transform="translate(877, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-search"
			 class="h-fill-icon_color_blue_05 h-evenodd"
			 d="M441.038,22.88c-0.037.058-.077,0.118-0.121,0.179l2.187,2.188a1.192,1.192,0,0,1-.024,1.412,1.205,1.205,0,0,1-1.461.148l-2.279-2.017a4.319,4.319,0,0,1-2.637.691,4.735,4.735,0,1,1,2.474-8.773c0.056,0.009-.961,1.238-0.954,1.271a3.157,3.157,0,1,0,1.33,4.125A15.771,15.771,0,0,0,441.038,22.88Z" />
		<path
			 id="vb-svg-plus-2"
			 class="h-fill-icon_color_blue_04 h-evenodd"
			 d="M443,16h-2v2h-2v2h2v2h2V20h2V18h-2V16Z" />
	</g>
	<path
		 id="vb-svg-b-icon__arrow-outline-left-s"
		 <vb:if condition="$rtl"> transform="translate(934, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_05 h-evenodd"
		 d="M467.056,21.01l2.885,2.886a1,1,0,0,1,0,1.414l-0.353.354a1,1,0,0,1-1.414,0L464.6,22.09c-0.008-.007-0.016-0.009-0.023-0.016l-0.354-.354a1.011,1.011,0,0,1,0-1.422l0.354-.354c0.007-.007.017-0.009,0.023-0.015l3.573-3.572a1,1,0,0,1,1.414,0l0.353,0.352a1,1,0,0,1,0,1.415Z" />
	<path
		 id="vb-svg-b-icon__arrow-outline-left-s--active"
		 <vb:if condition="$rtl"> transform="translate(966, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_03 h-evenodd"
		 d="M483.056,21.01l2.885,2.886a1,1,0,0,1,0,1.414l-0.353.354a1,1,0,0,1-1.414,0L480.6,22.09c-0.008-.007-0.016-0.009-0.023-0.016l-0.354-.354a1.011,1.011,0,0,1,0-1.422l0.354-.354c0.007-.007.017-0.009,0.023-0.015l3.573-3.572a1,1,0,0,1,1.414,0l0.353,0.352a1,1,0,0,1,0,1.415Z" />
	<path
		 id="vb-svg-b-icon__arrow-outline-left-s--disabled"
		 <vb:if condition="$rtl"> transform="translate(998, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_05 h-evenodd"
		 d="M499.056,21.01l2.885,2.886a1,1,0,0,1,0,1.414l-0.353.354a1,1,0,0,1-1.414,0L496.6,22.09c-0.007-.007-0.016-0.009-0.023-0.016l-0.354-.354a1.011,1.011,0,0,1,0-1.422l0.354-.354c0.007-.007.017-0.009,0.023-0.015l3.573-3.572a1,1,0,0,1,1.414,0l0.353,0.352a1,1,0,0,1,0,1.415Z" />
	<path
		 id="vb-svg-b-icon__arrow-outline-right-s"
		 <vb:if condition="$rtl"> transform="translate(1030, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_05 h-evenodd"
		 d="M514.943,20.99L512.059,18.1a1,1,0,0,1,0-1.414l0.353-.354a1,1,0,0,1,1.414,0L517.4,19.91c0.007,0.007.016,0.009,0.023,0.016l0.353,0.354a1.011,1.011,0,0,1,0,1.422l-0.353.354c-0.007.007-.017,0.009-0.023,0.015l-3.573,3.572a1,1,0,0,1-1.414,0l-0.353-.352a1,1,0,0,1,0-1.415Z" />
	<path
		 id="vb-svg-b-icon__arrow-outline-right-s--active"
		 <vb:if condition="$rtl"> transform="translate(1062, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_03 h-evenodd"
		 d="M530.943,20.99L528.059,18.1a1,1,0,0,1,0-1.414l0.353-.354a1,1,0,0,1,1.414,0L533.4,19.91c0.007,0.007.016,0.009,0.023,0.016l0.353,0.354a1.011,1.011,0,0,1,0,1.422l-0.353.354c-0.007.007-.017,0.009-0.023,0.015l-3.573,3.572a1,1,0,0,1-1.414,0l-0.353-.352a1,1,0,0,1,0-1.415Z" />
	<path
		 id="vb-svg-b-icon__arrow-outline-right-s--disabled"
		 <vb:if condition="$rtl"> transform="translate(1094, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_05 h-evenodd"
		 d="M546.943,20.99L544.059,18.1a1,1,0,0,1,0-1.414l0.353-.354a1,1,0,0,1,1.414,0L549.4,19.91c0.007,0.007.016,0.009,0.023,0.016l0.353,0.354a1.011,1.011,0,0,1,0,1.422l-0.353.354c-0.007.007-.017,0.009-0.023,0.015l-3.573,3.572a1,1,0,0,1-1.414,0l-0.353-.352a1,1,0,0,1,0-1.415Z" />
	<g
		 id="vb-svg-b-icon__rss"
		 <vb:if condition="$rtl"> transform="translate(1132, 0) scale(-1, 1)"</vb:if>>
		<rect
			 id="vb-svg-base-47"
			 class="h-fill-rss-orange"
			 x="560"
			 y="16"
			 width="12"
			 height="12"
			 rx="1"
			 ry="1" />
		<rect
			 id="vb-svg-white-15"
			 class="h-fill-rss-white"
			 x="562"
			 y="24"
			 width="2"
			 height="2"
			 rx="1"
			 ry="1" />
		<path
			 id="vb-svg-ico"
			 class="h-fill-rss-white h-evenodd"
			 d="M566.3,26h1.039a5.462,5.462,0,0,0-5.332-5.324v1.044A4.421,4.421,0,0,1,566.3,26Zm2.149,0h1.559a8.2,8.2,0,0,0-8-7.989v1.567A6.634,6.634,0,0,1,568.454,26Z" />
	</g>
	<g
		 id="vb-svg-b-icon__hamburger">
		<path
			 id="vb-svg-_2-2"
			 class="h-fill-icon_color_gray_04 h-evenodd"
			 d="M574,16h17v1H574V17Zm0,6h17v1H574V23Zm0,6h17v1H574V28Z" />
		<path
			 id="vb-svg-_3-2"
			 class="h-fill-icon_color_blue_01 h-evenodd"
			 d="M574,17h17v1H574V18Zm0,6h17v1H574V24Zm0,6h17v1H574V29Z" />
		<path
			 id="vb-svg-_4-2"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M574,18h17v1H574V19Zm0,6h17v1H574V25Zm0,6h17v1H574V30Z" />
	</g>
	<g
		 id="vb-svg-b-icon__grid"
		 <vb:if condition="$rtl"> transform="translate(1202, 0) scale(-1, 1)"</vb:if>>
		<g
			 id="vb-svg-b-icon__grid__row1">
			<rect
				 id="vb-svg-b-icon__grid__rect1"
				 class="h-fill-icon_color_gray_06"
				 x="593"
				 y="16"
				 width="4"
				 height="6" />
			<use
				 id="vb-svg-b-icon__grid__rect2"
				 class="h-fill-icon_color_gray_06"
				 x="6"
				 xlink:href="#vb-svg-b-icon__grid__rect1"
				 href="#vb-svg-b-icon__grid__rect1" />
			<use
				 id="vb-svg-b-icon__grid__rect3"
				 class="h-fill-icon_color_gray_06"
				 x="12"
				 xlink:href="#vb-svg-b-icon__grid__rect1"
				 href="#vb-svg-b-icon__grid__rect1" />
		</g>
		<use
			 id="vb-svg-b-icon__grid__row2"
			 y="8"
			 xlink:href="#vb-svg-b-icon__grid__row1"
			 href="#vb-svg-b-icon__grid__row1" />
		<path
			 id="vb-svg-b-icon__grid__rect-shadows"
			 class="h-fill-icon_color_gray_08"
			 d="M594,22h3v-6h-1v5h-3v1ZM600,22h3v-6h-1v5h-3v1ZM606,22h3v-6h-1v5h-3v1ZM594,30h3v-6h-1v5h-3v1ZM600,30h3v-6h-1v5h-3v1ZM606,30h3v-6h-1v5h-3v1Z" />
	</g>
	<g
		 id="vb-svg-b-icon__list"
		 <vb:if condition="$rtl"> transform="translate(1238, 0) scale(-1, 1)"</vb:if>>
		<g
			 id="vb-svg-b-icon__list__row1">
			<rect
				 id="vb-svg-b-icon__list__dot"
				 class="h-fill-icon_color_gray_08"
				 x="611"
				 y="16"
				 width="4"
				 height="4" />
			<rect
				 id="vb-svg-b-icon__list__line"
				 class="h-fill-icon_color_gray_06"
				 x="614.1"
				 y="16"
				 width="12.9"
				 height="4" />
		</g>
		<use
			 id="vb-svg-b-icon__list__row2"
			 class="h-fill-icon_color_gray_06"
			 y="5"
			 xlink:href="#vb-svg-b-icon__list__row1"
			 href="#vb-svg-b-icon__list__row1" />
		<use
			 id="vb-svg-b-icon__list__row3"
			 class="h-fill-icon_color_gray_06"
			 y="10"
			 xlink:href="#vb-svg-b-icon__list__row1"
			 href="#vb-svg-b-icon__list__row1" />
		<path
			 id="vb-svg-b-icon__list__shadow-top"
			 class="h-fill-icon_color_gray_04"
			 d="M611,16h16v1h-16v-1ZM611,21h16v1h-16v-1ZM611,26h16v1h-16v-1Z" />
		<path
			 id="vb-svg-b-icon__list__shadow-bottom"
			 class="h-fill-icon_color_gray_08"
			 d="M611,19h16v1h-16v-1ZM611,24h16v1h-16v-1ZM611,29h16v1h-16v-1Z" />
	</g>




	<vb:comment> ***** ICONS ROW 2 ***** </vb:comment>
	<path
		 id="vb-svg-b-icon__arrow-down-m"
		 class="h-fill-icon_color_blue_05 h-evenodd"
		 d="M9.04,47.976l-9.091.014L4.5,54.046Z" />
	<path
		 id="vb-svg-b-icon__arrow-up-m"
		 class="h-fill-icon_color_blue_05 h-evenodd"
		 d="M25.04,54.024l-9.091-.014,4.55-6.056Z" />
	<path
		 id="vb-svg-b-icon__search-gray-s"
		 <vb:if condition="$rtl"> transform="translate(75, 0) scale(-1, 1)"</vb:if>
		 class="h-filter-2 h-fill-icon_color_gray_02 h-evenodd"
		 d="M36.522,48.008a4.509,4.509,0,1,1-4.509,4.509A4.483,4.483,0,0,1,36.522,48.008ZM36.461,50a2.492,2.492,0,1,1-2.492,2.492A2.492,2.492,0,0,1,36.461,50Zm0.832,5.707,1.414-1.414,4,4-1.414,1.414Z" />
	<path
		 id="vb-svg-b-icon__arrow-up-s--disabled"
		 class="h-fill-icon_color_gray_05 h-evenodd"
		 d="M55.07,53.979l-7.1,0,3.557-6Z" />
	<path
		 id="vb-svg-b-icon__arrow-up-s"
		 class="h-fill-icon_color_blue_05 h-evenodd"
		 d="M63.07,53.979l-7.1,0,3.557-6Z" />
	<path
		 id="vb-svg-b-icon__arrow-up-s--active"
		 class="h-fill-icon_color_blue_03 h-evenodd"
		 d="M71.07,53.979l-7.1,0,3.557-6Z" />
	<path
		 id="vb-svg-b-icon__arrow-down-s--disabled"
		 class="h-fill-icon_color_gray_05 h-evenodd"
		 d="M79.07,48.021l-7.1,0,3.557,6Z" />
	<path
		 id="vb-svg-b-icon__arrow-down-s"
		 class="h-fill-icon_color_blue_05 h-evenodd"
		 d="M87.07,48.021l-7.1,0,3.557,6Z" />
	<path
		 id="vb-svg-b-icon__arrow-down-s--active"
		 class="h-fill-icon_color_blue_03 h-evenodd"
		 d="M95.07,48.021l-7.1,0,3.557,6Z" />
	<path
		 id="vb-svg-b-icon__arrow-left-m--disabled"
		 <vb:if condition="$rtl"> transform="translate(198, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_05 h-evenodd"
		 d="M102.016,47.992l-0.029,9.942L95.954,52.97Z" />
	<path
		 id="vb-svg-b-icon__arrow-left-m"
		 <vb:if condition="$rtl"> transform="translate(214, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_05 h-evenodd"
		 d="M110.015,47.992l-0.029,9.942-6.032-4.963Z" />
	<path
		 id="vb-svg-b-icon__arrow-left-m--active"
		 <vb:if condition="$rtl"> transform="translate(230, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_03 h-evenodd"
		 d="M118.016,47.992l-0.029,9.942-6.033-4.963Z" />
	<path
		 id="vb-svg-b-icon__arrow-right-m--disabled"
		 <vb:if condition="$rtl"> transform="translate(246, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_05 h-evenodd"
		 d="M119.984,47.992l0.029,9.942,6.033-4.963Z" />
	<path
		 id="vb-svg-b-icon__arrow-right-m"
		 <vb:if condition="$rtl"> transform="translate(262, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_05 h-evenodd"
		 d="M127.984,47.992l0.029,9.942,6.033-4.963Z" />
	<path
		 id="vb-svg-b-icon__arrow-right-m--active"
		 <vb:if condition="$rtl"> transform="translate(278, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_03 h-evenodd"
		 d="M135.984,47.992l0.029,9.942,6.033-4.963Z" />
	<g
		 id="vb-svg-b-icon__divider-dotted">
		<path
			 id="vb-svg-white-3"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M145,50h1v1h-1V50Zm0,3h1v1h-1V53Zm0,3h1v1h-1V56Zm0,3h1v1h-1V59Zm0,3h1v1h-1V62Zm0,3h1v1h-1V65Zm0,3h1v1h-1V68Zm0,3h1v1h-1V71Z" />
		<path
			 id="vb-svg-grey"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M144,49h1v1h-1V49Zm0,3h1v1h-1V52Zm0,3h1v1h-1V55Zm0,3h1v1h-1V58Zm0,3h1v1h-1V61Zm0,3h1v1h-1V64Zm0,3h1v1h-1V67Zm0,3h1v1h-1V70Z" />
	</g>


	<vb:comment> ***** ICONS ROW 3 ***** </vb:comment>
	<g
		 id="vb-svg-b-icon__flag"
		 <vb:if condition="$rtl"> transform="translate(10, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-flag-2"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M2.008,79.933l0.031,7.06a1.537,1.537,0,0,0,1.038.963c2.073,0.493,4.413-2.36,6.9.028l0.031-7.171C7.525,78.282,5,82.683,2.008,79.933ZM0.014,80v12.02h1V80h-1Z" />
		<path
			 id="vb-svg-fill"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M3.008,80.933l0.031,5.06c0.144,0.644-.214.836,0.038,0.963,2.073,0.493,3.413-2.36,5.9.028l0.031-5.171C6.749,80.121,6,83.683,3.008,80.933Z" />
	</g>
	<g
		 id="vb-svg-b-icon__rdquo"
		 <vb:if condition="$rtl"> transform="translate(45, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-quote"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M16.016,90.931c0.005,0.062,3.042.188,4.072-.657,1.5-1.23,1.907-4.261,1.907-5.063V82.025a1.056,1.056,0,0,0-1.064-1.008H16.906a1.164,1.164,0,0,0-.921.919V86a1.108,1.108,0,0,0,1.046,1.021h1.962v0.666a2.392,2.392,0,0,1-.568,1.65,3.821,3.821,0,0,1-2.408.654v0.939Zm7,0c0.005,0.062,3.042.188,4.072-.657,1.5-1.23,1.907-4.261,1.907-5.063V82.025a1.056,1.056,0,0,0-1.064-1.008H23.906a1.165,1.165,0,0,0-.921.919V86a1.108,1.108,0,0,0,1.046,1.021h1.962v0.666a2.392,2.392,0,0,1-.568,1.65,3.821,3.821,0,0,1-2.408.654v0.939Z" />
		<path
			 id="vb-svg-fill-2"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M17,82h4v4H17V82Zm7,0h4v4H24V82Zm-4,3h1v2H20V85Zm7,0h1v2H27V85Z" />
	</g>
	<path
		 id="vb-svg-b-icon__rdquo--orange"
		 <vb:if condition="$rtl"> transform="translate(77, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_orange h-evenodd"
		 d="M32.016,90.931c0.005,0.062,3.042.188,4.072-.657,1.5-1.23,1.907-4.261,1.907-5.063V82.025a1.056,1.056,0,0,0-1.064-1.008H32.906a1.165,1.165,0,0,0-.921.919V86a1.108,1.108,0,0,0,1.046,1.021h1.962v0.666a2.392,2.392,0,0,1-.568,1.65,3.821,3.821,0,0,1-2.408.654v0.939Zm7,0c0.005,0.062,3.042.188,4.072-.657,1.5-1.23,1.907-4.261,1.907-5.063V82.025a1.056,1.056,0,0,0-1.064-1.008H39.906a1.165,1.165,0,0,0-.921.919V86a1.108,1.108,0,0,0,1.046,1.021h1.962v0.666a2.392,2.392,0,0,1-.568,1.65,3.821,3.821,0,0,1-2.408.654v0.939Z" />
	<g
		 id="vb-svg-b-icon__speech-single--gray"
		 <vb:if condition="$rtl"> transform="translate(107, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-comment_ico"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M57.846,80.035H49.162a1.742,1.742,0,0,0-1.171.972v5.935a1.071,1.071,0,0,0,1.1.972h1.919l0.011,4.049,4.49-4.049h2.479A1,1,0,0,0,59,86.942V81.007A1.183,1.183,0,0,0,57.846,80.035Z" />
		<path
			 id="vb-svg-fill-3"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M49,81h9v6H49V81Zm3,5h2v2H52V86Zm0,1h1v2H52V87Z" />
	</g>
	<g
		 id="vb-svg-b-icon__like"
		 <vb:if condition="$rtl"> transform="translate(141, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-vote"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M67,85h1.313a35.553,35.553,0,0,0,1.953-4.054,1.033,1.033,0,0,1,1.253-.961c1.5,0,1.512.172,1.512,1.016a16.994,16.994,0,0,1-.937,3H75a2.035,2.035,0,0,1,2.031,2c0,1.937-1.031,4.969-1.969,4.969s-5,.031-5,0.031a1.579,1.579,0,0,0-.937-0.969c-0.562-.031-2.156,0-2.156,0Zm-1-.968v6.938H64V84.03h2Z" />
		<path
			 id="vb-svg-fill-4"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M68,86h1.313a35.553,35.553,0,0,0,1.953-4.054c0.031-.5-0.684-0.961.253-0.961,1.5,0,.512.172,0.512,1.016a16.992,16.992,0,0,1-.938,3H74a2.035,2.035,0,0,1,2.031,2c0,1.937-1.031,2.969-1.969,2.969s-4,.031-4,0.031a1.579,1.579,0,0,0-.937-0.969c-0.562-.031-1.156,0-1.156,0Z" />
		<path
			 id="vb-svg-lines"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M74,86h3v1H74V86Zm0,2h2v1H74V88Z" />
	</g>
	<path
		 id="vb-svg-b-icon__ldquo-l--gray"
		 <vb:if condition="$rtl"> transform="translate(177, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_05 h-evenodd"
		 d="M86.987,89.042H83.121c0-2.859,1.07-6.066,3.866-6.066l-0.006-2.982c-4.785,0-7,4.139-7,9.048v6.9h7.01v-6.9Zm10,0H93.121c0-2.859,1.07-6.066,3.866-6.066l-0.006-2.982c-4.785,0-7,4.139-7,9.048v6.9h7.01v-6.9Z" />
	<g
		 id="vb-svg-b-icon__speech-double"
		 <vb:if condition="$rtl"> transform="translate(238, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-7"
			 class="h-fill-icon_color_gray_07 h-evenodd"
			 d="M115.991,80.984h9.018a1,1,0,0,1,1,1v5.989a1,1,0,0,1-1,1h-1.047v4l-3.193-4h-4.778a1,1,0,0,1-1-1V81.984A1,1,0,0,1,115.991,80.984Z" />
		<path
			 id="vb-svg-fill-8"
			 class="h-fill-icon_color_gray_04 h-evenodd"
			 d="M116.8,82.012h7.422a0.8,0.8,0,0,1,.8.8V87.2a0.8,0.8,0,0,1-.8.8h-0.839v1.4L120.829,88H116.8a0.8,0.8,0,0,1-.8-0.8v-4.39A0.8,0.8,0,0,1,116.8,82.012Z" />
		<path
			 id="vb-svg-base2-2"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M122.009,82.984h-9.018a1,1,0,0,0-1,1v5.989a1,1,0,0,0,1,1h1.047v2l3.193-2h4.778a1,1,0,0,0,1-1V83.984A1,1,0,0,0,122.009,82.984Z" />
		<path
			 id="vb-svg-fill_2-2"
			 class="h-filter-4 h-fill-icon_color_gray_03 h-evenodd"
			 d="M121.2,84.012h-7.422a0.8,0.8,0,0,0-.8.8V89.2a0.8,0.8,0,0,0,.8.8h0.839v1.4l2.558-1.4H121.2a0.8,0.8,0,0,0,.8-0.8v-4.39A0.8,0.8,0,0,0,121.2,84.012Z" />
	</g>
	<g
		 id="vb-svg-b-icon__speech-double--active"
		 <vb:if condition="$rtl"> transform="translate(270, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-6"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M131.991,80.984h9.018a1,1,0,0,1,1,1v5.989a1,1,0,0,1-1,1h-1.047v4l-3.193-4h-4.778a1,1,0,0,1-1-1V81.984A1,1,0,0,1,131.991,80.984Z" />
		<path
			 id="vb-svg-fill-7"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M132.8,82.012h7.422a0.8,0.8,0,0,1,.8.8V87.2a0.8,0.8,0,0,1-.8.8h-0.839v1.4L136.829,88H132.8a0.8,0.8,0,0,1-.8-0.8v-4.39A0.8,0.8,0,0,1,132.8,82.012Z" />
		<path
			 id="vb-svg-base2"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M138.009,82.984h-9.018a1,1,0,0,0-1,1v5.989a1,1,0,0,0,1,1h1.047v2l3.193-2h4.778a1,1,0,0,0,1-1V83.984A1,1,0,0,0,138.009,82.984Z" />
		<path
			 id="vb-svg-fill_2"
			 class="h-filter-3 h-fill-icon_color_gray_03 h-evenodd"
			 d="M137.2,84.012h-7.422a0.8,0.8,0,0,0-.8.8V89.2a0.8,0.8,0,0,0,.8.8h0.839v1.4l2.558-1.4H137.2a0.8,0.8,0,0,0,.8-0.8v-4.39A0.8,0.8,0,0,0,137.2,84.012Z" />
	</g>
	<g
		 id="vb-svg-b-icon__camera">
		<path
			 id="vb-svg-frame-5"
			 class="h-filter-5 h-fill-icon_color_gray_05 h-evenodd"
			 d="M153.029,80.023c0.958,0,1.88,0,1.972,1.985h3a1.179,1.179,0,0,1,.987.938v8.025a1.119,1.119,0,0,1-1.017,1.022l-12.906,0a1.077,1.077,0,0,1-1.055-1.039V82.969a0.9,0.9,0,0,1,1-.972L148,81.979c0.032-1.959,1.036-1.954,2.078-1.954Z" />
		<circle
			 id="vb-svg-circle_1"
			 class="h-fill-icon_color_gray_08"
			 cx="151.313"
			 cy="87"
			 r="3.688" />
		<circle
			 id="vb-svg-circle_2"
			 class="h-fill-icon_color_gray_01"
			 cx="151.359"
			 cy="86.953"
			 r="2.984" />
		<path
			 id="vb-svg-circle_3"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M151.36,85.8a1.169,1.169,0,1,1-1.169,1.169A1.17,1.17,0,0,1,151.36,85.8Z" />
	</g>
	<g
		 id="vb-svg-b-icon__camera--active">
		<path
			 id="vb-svg-frame-6"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M169.029,80.023c0.958,0,1.88,0,1.972,1.985h3a1.179,1.179,0,0,1,.987.938v8.025a1.119,1.119,0,0,1-1.017,1.022l-12.906,0a1.077,1.077,0,0,1-1.055-1.039V82.969a0.9,0.9,0,0,1,1-.972L164,81.979c0.032-1.959,1.036-1.954,2.078-1.954Z" />
		<path
			 id="vb-svg-fill-9"
			 class="h-filter-6 h-fill-icon_color_gray_07 h-evenodd"
			 d="M169.029,81.023c0.958,0,.88,0,0.972,1.985h3a1.179,1.179,0,0,1,.987.938v6.025a1.119,1.119,0,0,1-1.017,1.022l-10.906,0a1.077,1.077,0,0,1-1.055-1.039V83.969a0.9,0.9,0,0,1,1-.972L165,82.979c0.032-1.959.036-1.954,1.078-1.954Z" />
		<circle
			 id="vb-svg-circle_1-2"
			 class="h-fill-icon_color_gray_10"
			 cx="167.313"
			 cy="87"
			 r="3.688" />
		<circle
			 id="vb-svg-circle_2-2"
			 class="h-fill-icon_color_gray_01"
			 cx="167.359"
			 cy="86.953"
			 r="2.984" />
		<path
			 id="vb-svg-circle_3-2"
			 class="h-fill-icon_color_gray_10 h-evenodd"
			 d="M167.36,85.8a1.169,1.169,0,1,1-1.169,1.169A1.17,1.17,0,0,1,167.36,85.8Z" />
	</g>
	<g
		 id="vb-svg-b-icon__link"
		 <vb:if condition="$rtl"> transform="translate(364, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-link_2"
			 class="h-filter-7 h-fill-icon_color_gray_05 h-evenodd"
			 d="M181.582,86.535l1.429-1.43a2.037,2.037,0,0,1,1.4,1.707c0,1.559-.859,1.864-1.4,2.449s-2.484,2.31-2.484,2.31a2.874,2.874,0,0,1-1.494.411,2.986,2.986,0,0,1-2.209-1A3.464,3.464,0,0,1,176,88.821a2.4,2.4,0,0,1,.65-1.819c0.563-.693,1.861-2,1.861-2a11.029,11.029,0,0,0,.13,1.646,3.476,3.476,0,0,0,.346.715,10.909,10.909,0,0,1-.821.963,1,1,0,0,0,.065,1.278,1.244,1.244,0,0,0,1.516.086c0.454-.412,1.725-1.747,1.942-1.985s0.522-.5.283-0.756S181.582,86.535,181.582,86.535Z" />
		<path
			 id="vb-svg-link_1"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M182.134,85.469l-1.441,1.441a1.856,1.856,0,0,1-1.344-1.886c0-1.243.8-1.715,1.346-2.3s2.5-2.33,2.5-2.33a2.9,2.9,0,0,1,1.506-.415,3.011,3.011,0,0,1,2.228,1,3.489,3.489,0,0,1,.829,2.184A2.424,2.424,0,0,1,187.107,85c-0.567.7-1.876,2.018-1.876,2.018a6.788,6.788,0,0,0-.065-1.4,10,10,0,0,0-.416-0.984,11.2,11.2,0,0,1,.829-0.971,1.011,1.011,0,0,0-.066-1.288,1.253,1.253,0,0,0-1.528-.087c-0.459.415-1.74,1.762-1.958,2s-0.526.5-.286,0.762S182.134,85.469,182.134,85.469Z" />
	</g>
	<g
		 id="vb-svg-b-icon__link--active"
		 <vb:if condition="$rtl"> transform="translate(396, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-link_2-2"
			 class="h-filter-8 h-fill-icon_color_gray_09 h-evenodd"
			 d="M197.582,86.535l1.429-1.43a2.037,2.037,0,0,1,1.4,1.707c0,1.559-.859,1.864-1.4,2.449s-2.484,2.31-2.484,2.31a2.874,2.874,0,0,1-1.494.411,2.986,2.986,0,0,1-2.209-1A3.464,3.464,0,0,1,192,88.821a2.4,2.4,0,0,1,.65-1.819c0.563-.693,1.861-2,1.861-2a11.029,11.029,0,0,0,.13,1.646,3.476,3.476,0,0,0,.346.715,10.909,10.909,0,0,1-.821.963,1,1,0,0,0,.065,1.278,1.244,1.244,0,0,0,1.516.086c0.454-.412,1.725-1.747,1.942-1.985s0.522-.5.283-0.756S197.582,86.535,197.582,86.535Z" />
		<path
			 id="vb-svg-link_1-2"
			 class="h-filter-9 h-fill-icon_color_gray_08 h-evenodd"
			 d="M198.134,85.469l-1.441,1.441a1.856,1.856,0,0,1-1.344-1.886c0-1.243.8-1.715,1.346-2.3s2.5-2.33,2.5-2.33a2.9,2.9,0,0,1,1.506-.415,3.011,3.011,0,0,1,2.228,1,3.489,3.489,0,0,1,.829,2.184A2.424,2.424,0,0,1,203.107,85c-0.567.7-1.876,2.018-1.876,2.018a6.788,6.788,0,0,0-.065-1.4,10,10,0,0,0-.416-0.984,11.2,11.2,0,0,1,.829-0.971,1.011,1.011,0,0,0-.066-1.288,1.253,1.253,0,0,0-1.528-.087c-0.459.415-1.74,1.762-1.958,2s-0.526.5-.286,0.762S198.134,85.469,198.134,85.469Z" />
	</g>
	<g
		 id="vb-svg-b-icon__pencil"
		 <vb:if condition="$rtl"> transform="translate(428, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-fill-10"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M210,91.121L208,88.879l9-8L219,83.121Z" />
		<path
			 id="vb-svg-frame-7"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M208,88h2v4h-2V88Zm2,1h1v3h-1V89Zm1,1h1v2h-1V90Zm-2-3h1v1h-1V87Zm1-1h1v1h-1V86Zm1-1h1v1h-1V85Zm1-1h1v1h-1V84Zm1-1h1v1h-1V83Zm2-2h4v1h-4V81Zm1-1h2v1h-2V80Zm-2,2h6v1h-6V82Zm2,1h4v1h-4V83Zm1,1h2v1h-2V84Zm0,1h1v1h-1V85Zm-1,1h1v1h-1V86Zm-1,1h1v1h-1V87Zm-1,1h1v1h-1V88Zm-1,1h1v1h-1V89Zm-1,1h1v1h-1V90Z" />
		<path
			 id="vb-svg-color_1"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M210,87h1v1h-1V87Zm1-1h1v1h-1V86Zm1-1h1v1h-1V85Zm1-1h1v1h-1V84Zm1-1h1v1h-1V83Z" />
		<path
			 id="vb-svg-color_2"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M211,89h1v1h-1V89Zm1-1h1v1h-1V88Zm1-1h1v1h-1V87Zm1-1h1v1h-1V86Zm1-1h1v1h-1V85Zm1-1h1v1h-1V84Z" />
		<path
			 id="vb-svg-color_3"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M212,89h1v1h-1V89Zm1-1h1v1h-1V88Zm1-1h1v1h-1V87Zm1-1h1v1h-1V86Zm1-1h1v1h-1V85Z" />
	</g>
	<g
		 id="vb-svg-b-icon__pencil--active"
		 <vb:if condition="$rtl"> transform="translate(460, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-fill-11"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M226,91.121L224,88.879l9-8L235,83.121Z" />
		<path
			 id="vb-svg-frame-8"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M224,88h2v4h-2V88Zm2,1h1v3h-1V89Zm1,1h1v2h-1V90Zm-2-3h1v1h-1V87Zm1-1h1v1h-1V86Zm1-1h1v1h-1V85Zm1-1h1v1h-1V84Zm1-1h1v1h-1V83Zm2-2h4v1h-4V81Zm1-1h2v1h-2V80Zm-2,2h6v1h-6V82Zm2,1h4v1h-4V83Zm1,1h2v1h-2V84Zm0,1h1v1h-1V85Zm-1,1h1v1h-1V86Zm-1,1h1v1h-1V87Zm-1,1h1v1h-1V88Zm-1,1h1v1h-1V89Zm-1,1h1v1h-1V90Z" />
		<path
			 id="vb-svg-color_1-2"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M226,87h1v1h-1V87Zm1-1h1v1h-1V86Zm1-1h1v1h-1V85Zm1-1h1v1h-1V84Zm1-1h1v1h-1V83Z" />
		<path
			 id="vb-svg-color_2-2"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M227,89h1v1h-1V89Zm1-1h1v1h-1V88Zm1-1h1v1h-1V87Zm1-1h1v1h-1V86Zm1-1h1v1h-1V85Zm1-1h1v1h-1V84Z" />
		<path
			 id="vb-svg-color_3-2"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M228,89h1v1h-1V89Zm1-1h1v1h-1V88Zm1-1h1v1h-1V87Zm1-1h1v1h-1V86Zm1-1h1v1h-1V85Z" />
	</g>
	<path
		 id="vb-svg-b-icon__plus"
		 class="h-fill-icon_color_gray_11 h-evenodd"
		 d="M243.012,82.984h-3.007v2h3.007V88h2V84.983h2.976v-2h-2.976V80h-2v2.988Z" />
	<path
		 id="vb-svg-b-icon__reply"
		 <vb:if condition="$rtl"> transform="translate(525, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_11 h-evenodd"
		 d="M265.013,82.563l0.656-2.2,3.5,4.912-4.812,1.845,0.206-2.168a7.673,7.673,0,0,0-3.186-.492,6.993,6.993,0,0,0-5.4,3.995s0.035-5.454,4.971-6.376A11.53,11.53,0,0,1,265.013,82.563Z" />
	<path
		 id="vb-svg-b-icon__poll"
		 <vb:if condition="$rtl"> transform="translate(558, 0) scale(-1, 1)"</vb:if>
		 class="h-filter-10 h-fill-icon_color_gray_06 h-evenodd"
		 d="M273.008,80H275a1,1,0,0,1,1,1v9.969a1,1,0,0,1-1,1h-1.991a1,1,0,0,1-1-1V81A1,1,0,0,1,273.008,80Zm5,3H280a1,1,0,0,1,1,1v6.969a1,1,0,0,1-1,1h-1.991a1,1,0,0,1-1-1V84A1,1,0,0,1,278.008,83Zm5-2H285a1,1,0,0,1,1,1v8.969a1,1,0,0,1-1,1h-1.991a1,1,0,0,1-1-1V82A1,1,0,0,1,283.008,81Z" />
	<path
		 id="vb-svg-b-icon__poll--active"
		 <vb:if condition="$rtl"> transform="translate(590, 0) scale(-1, 1)"</vb:if>
		 class="h-filter-11 h-fill-icon_color_gray_10 h-evenodd"
		 d="M289.008,80H291a1,1,0,0,1,1,1v9.969a1,1,0,0,1-1,1h-1.991a1,1,0,0,1-1-1V81A1,1,0,0,1,289.008,80Zm5,3H296a1,1,0,0,1,1,1v6.969a1,1,0,0,1-1,1h-1.991a1,1,0,0,1-1-1V84A1,1,0,0,1,294.008,83Zm5-2H301a1,1,0,0,1,1,1v8.969a1,1,0,0,1-1,1h-1.991a1,1,0,0,1-1-1V82A1,1,0,0,1,299.008,81Z" />
	<g
		 id="vb-svg-b-icon__speech-single"
		 <vb:if condition="$rtl"> transform="translate(618, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-21"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M304.991,79.984h8.018a1,1,0,0,1,1,1v5.989a1,1,0,0,1-1,1h-1.047v3l-3.193-3h-3.778a1,1,0,0,1-1-1V80.984A1,1,0,0,1,304.991,79.984Z" />
		<path
			 id="vb-svg-fill-12"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M305.8,81.012h6.422a0.8,0.8,0,0,1,.8.8V86.2a0.8,0.8,0,0,1-.8.8h-0.839v2.4L308.829,87H305.8a0.8,0.8,0,0,1-.8-0.8v-4.39A0.8,0.8,0,0,1,305.8,81.012Z" />
	</g>
	<g
		 id="vb-svg-b-icon__doc--gray"
		 <vb:if condition="$rtl"> transform="translate(651, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-22"
			 class="h-fill-icon_color_gray_07 h-evenodd"
			 d="M330.873,83.919L327.2,80.152A0.486,0.486,0,0,0,326.846,80H321.48a1.487,1.487,0,0,0-1.486,1.486v8.995a1.487,1.487,0,0,0,1.486,1.486h8A1.515,1.515,0,0,0,331,90.477v-6.23A0.482,0.482,0,0,0,330.873,83.919Z" />
		<path
			 id="vb-svg-fill-13"
			 class="h-fill-icon_color_gray_02 h-evenodd"
			 d="M329.614,84h-2.658V81.469Zm0.366,6.517c0,0.286-.045.519-0.332,0.519H321l-0.015-.519V81l0.265-.015h4.727v3.947l0.748,0.041h1.979L329.98,85v5.518Z" />
		<path
			 id="vb-svg-txt"
			 class="h-fill-icon_color_gray_04 h-evenodd"
			 d="M322,85V84h3v1h-3Zm0,3V87h7v1h-7Zm0,2V89h7v1h-7Z" />
	</g>
	<g
		 id="vb-svg-b-icon__pencil--gray"
		 <vb:if condition="$rtl"> transform="translate(684, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-fill-6"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M338,91.121L336,88.879l9-8L347,83.121Z" />
		<path
			 id="vb-svg-frame-4"
			 class="h-fill-icon_color_gray_07 h-evenodd"
			 d="M336,88h2v4h-2V88Zm2,1h1v3h-1V89Zm1,1h1v2h-1V90Zm-2-3h2v1h-2V87Zm1-1h2v1h-2V86Zm1-1h2v1h-2V85Zm1-1h2v1h-2V84Zm1-1h4v1h-4V83Zm1-1h2v1h-2V82Zm1-1h4v1h-4V81Zm1-1h2v1h-2V80Zm2,2h2v1h-2V82Zm0,1h2v1h-2V83Zm-2,1h3v1h-3V84Zm0,1h2v1h-2V85Zm-1,1h2v1h-2V86Zm-1,1h2v1h-2V87Zm-1,1h2v1h-2V88Zm-1,1h2v1h-2V89Zm0,1h1v1h-1V90Z" />
	</g>
	<g
		 id="vb-svg-b-icon__x-circle">
		<circle
			 id="vb-svg-circle-4"
			 class="h-fill-icon_color_blue_02"
			 cx="357.531"
			 cy="85.531"
			 r="5.531" />
		<path
			 id="vb-svg-x"
			 class="h-fill-icon_color_white"
			 d="m354.1,83.4 1.3,-1.3 5.4,5.4 -1.3,1.3Zm5.5,-1.391 1.3,1.3 -5.5,5.5 -1.3,-1.3Z" />
	</g>
	<g
		 id="vb-svg-b-icon__double-arrow-right--blue"
		 <vb:if condition="$rtl"> transform="translate(750, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-20"
			 class="h-fill-icon_color_blue_04 h-evenodd"
			 d="M369.979,80.028h10.033a2,2,0,0,1,2,2v5.93a2,2,0,0,1-2,2H369.979a2,2,0,0,1-2-2v-5.93A2,2,0,0,1,369.979,80.028Z" />
		<path
			 id="vb-svg-arrow-5"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M372,82h1v6h-1V82Zm1,1h1v4h-1V83Zm1,1h1v2h-1V84Zm2-2h1v6h-1V82Zm1,1h1v4h-1V83Zm1,1h1v2h-1V84Z" />
	</g>
	<g
		 id="vb-svg-b-icon__pencil-circle--gray"
		 <vb:if condition="$rtl"> transform="translate(788, 0) scale(-1, 1)"</vb:if>>
		<circle
			 id="vb-svg-base-8"
			 class="h-fill-icon_color_gray_08"
			 cx="394"
			 cy="90"
			 r="10" />
		<path
			 id="vb-svg-pencil"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M389,91h1v4h-1V91Zm1,1h1v3h-1V92Zm1,1h1v2h-1V93Zm1,1h1v1h-1V94Zm-1-5h6v2h-6V89Zm1,2h4v1h-4V91Zm1,1h2v1h-2V92Zm4-7h1v5h-1V85Zm1,1h1v3h-1V86Zm1,1h1v1h-1V87Zm-3-3h1v5h-1V84Zm-1,1h1v4h-1V85Zm-1,1h1v3h-1V86Zm-1,1h1v2h-1V87Zm-1,1h1v1h-1V88Z" />
		<path
			 id="vb-svg-grey-2"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M392,90h1v1h-1V90Zm1-1h1v1h-1V89Zm1-1h1v1h-1V88Zm1-1h1v1h-1V87Zm1-1h1v1h-1V86Zm1-2h1v1h-1V84Zm1,1h1v1h-1V85Zm1,1h1v1h-1V86Z" />
	</g>
	<g
		 id="vb-svg-b-icon__i-circle--blue">
		<circle
			 id="vb-svg-base-9"
			 class="h-fill-icon_color_blue_02"
			 cx="421.969"
			 cy="85.969"
			 r="5.969" />
		<path
			 id="vb-svg-i"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M423.99,85.021l-4-.012s-0.007,1.037,0,1.037l1.022-.036-0.012,2-1-.015-0.01,1.035L424.029,89l-0.024-1.033L422.99,88V86.031l1-.031V85.021ZM421,82h2v2h-2V82Z" />
	</g>
	<g
		 id="vb-svg-b-icon__calendar--blue">
		<path
			 id="vb-svg-base-10"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M432.993,85.977H447v9.991H432.993V85.977Z" />
		<path
			 id="vb-svg-calendar_ico_"
			 class="h-fill-icon_color_blue_02 h-evenodd"
			 d="M446.2,81H445v1.513A1.206,1.206,0,0,1,443.566,84c-1.563,0-1.59-.978-1.59-1.49V81h-3.984l0.031,1.513A1.323,1.323,0,0,1,436.464,84a1.275,1.275,0,0,1-1.5-1.49V81H433.8a1.8,1.8,0,0,0-1.8,1.8V94.22a1.8,1.8,0,0,0,1.8,1.8h12.4a1.8,1.8,0,0,0,1.8-1.8V82.8A1.8,1.8,0,0,0,446.2,81ZM447,94.354a0.629,0.629,0,0,1-.628.629H433.631A0.629,0.629,0,0,1,433,94.354V85.985H447v8.369ZM436,80h1v3h-1V80Zm7,0h1v3h-1V80Z" />
		<path
			 id="vb-svg-_23"
			 class="h-fill-icon_color_blue_02 h-evenodd"
			 d="M439.434,88.716a1.072,1.072,0,0,0-.294-0.434,1.376,1.376,0,0,0-.507-0.276,2.436,2.436,0,0,0-.735-0.1,2.106,2.106,0,0,0-.879.186,2.635,2.635,0,0,0-.717.472l0.518,0.728c0.032-.033.082-0.076,0.147-0.129a1.843,1.843,0,0,1,.535-0.3,1.037,1.037,0,0,1,.354-0.059,0.723,0.723,0,0,1,.434.126,0.5,0.5,0,0,1,.175.434,0.654,0.654,0,0,1-.063.276,1.265,1.265,0,0,1-.175.273,3.522,3.522,0,0,1-.259.28l-0.315.3-0.438.42a3.3,3.3,0,0,0-.395.452,2.319,2.319,0,0,0-.284.522,1.7,1.7,0,0,0-.108.616v0.168a1.162,1.162,0,0,0,.014.2h3.234V92H437.59a0.587,0.587,0,0,1,.108-0.178c0.059-.072.125-0.15,0.2-0.234s0.153-.167.234-0.248,0.158-.155.228-0.221q0.2-.189.413-0.4a3.869,3.869,0,0,0,.378-0.437,2.356,2.356,0,0,0,.273-0.473,1.284,1.284,0,0,0,.105-0.511A1.657,1.657,0,0,0,439.434,88.716ZM442.5,92.86a1.686,1.686,0,0,0,.606-0.323,1.261,1.261,0,0,0,.35-0.491,1.689,1.689,0,0,0,.112-0.62,1.272,1.272,0,0,0-.207-0.732,1.253,1.253,0,0,0-.584-0.459,1.115,1.115,0,0,0,.6-0.965,1.468,1.468,0,0,0-.1-0.542,1.167,1.167,0,0,0-.3-0.433,1.392,1.392,0,0,0-.515-0.287,2.392,2.392,0,0,0-.738-0.1,2.2,2.2,0,0,0-.438.042,3.046,3.046,0,0,0-.388.1,2.6,2.6,0,0,0-.333.14c-0.1.051-.188,0.1-0.262,0.147L440.67,89.1a2.333,2.333,0,0,1,.465-0.224,1.653,1.653,0,0,1,.557-0.091,0.886,0.886,0,0,1,.234.032,0.622,0.622,0,0,1,.2.094,0.5,0.5,0,0,1,.144.161,0.462,0.462,0,0,1,.056.231,0.569,0.569,0,0,1-.067.291,0.5,0.5,0,0,1-.178.182,0.794,0.794,0,0,1-.256.094,1.542,1.542,0,0,1-.3.028h-0.462v0.84h0.406a2.533,2.533,0,0,1,.409.032,0.984,0.984,0,0,1,.333.112,0.612,0.612,0,0,1,.22.21,0.59,0.59,0,0,1,.081.318,0.6,0.6,0,0,1-.224.49,1.117,1.117,0,0,1-.707.182,2.419,2.419,0,0,1-.7-0.088q-0.283-.087-0.465-0.165l-0.2.868a1.966,1.966,0,0,0,.252.091q0.161,0.049.357,0.091c0.13,0.028.266,0.05,0.406,0.066a3.457,3.457,0,0,0,.4.025A2.917,2.917,0,0,0,442.5,92.86Z" />
	</g>
	<g
		 id="vb-svg-b-icon__profile--blue">
		<rect
			 id="vb-svg-base-11"
			 class="h-fill-icon_color_blue_04"
			 x="448"
			 y="80"
			 width="21"
			 height="21"
			 rx="2"
			 ry="2" />
		<path
			 id="vb-svg-user"
			 class="h-fill-icon_color_gray_01 h-evenodd"
			 d="M455.788,95.906a3.761,3.761,0,0,0,.8-1.273,0.331,0.331,0,0,0-.156-0.04h-0.126a0.332,0.332,0,0,0-.076.009,11.317,11.317,0,0,0-5.264,2.915,0.329,0.329,0,0,0-.1.238V98.6a0.331,0.331,0,0,0,.332.332h7.559A3.338,3.338,0,0,0,455.788,95.906Zm10.759,1.611a11.342,11.342,0,0,0-5.135-2.882,0.337,0.337,0,0,0-.159-0.04H461.08a0.33,0.33,0,0,0-.156.039h0a3.761,3.761,0,0,0,.8,1.273,3.338,3.338,0,0,0-2.968,3.025h7.559a0.331,0.331,0,0,0,.332-0.332V97.755A0.332,0.332,0,0,0,466.547,97.517ZM455.788,86.07a3.923,3.923,0,0,0-.59,2.08,3.978,3.978,0,0,0,.191,1.22,0.649,0.649,0,0,0-.362.591,0.629,0.629,0,0,0,.61.646h0.011a4.1,4.1,0,0,0,1.185,2.553v0.492a0.222,0.222,0,0,0,.024.1c0.088,0.173.888,1.686,1.895,1.707h0.019c1,0,1.8-1.534,1.885-1.709a0.224,0.224,0,0,0,.023-0.1V93.16a4.1,4.1,0,0,0,1.186-2.553h0.01a0.629,0.629,0,0,0,.61-0.646,0.649,0.649,0,0,0-.362-0.591,3.949,3.949,0,0,0,.192-1.22,4,4,0,0,0-.159-1.118c0.135,0.275.224,0.53,0.3,0.7,0.05,0.106.236,0,.236,0a2.6,2.6,0,0,0-.952-2.543,1.809,1.809,0,0,1,1.329.508,1.7,1.7,0,0,0-1.956-1.061c-1.517-2.171-4.891-.69-4.891-0.69a7.155,7.155,0,0,1,2.24-.074c-3.108-.152-3.8,3.04-3.8,3.04A1.652,1.652,0,0,1,455.788,86.07Z" />
	</g>
	<g
		 id="vb-svg-b-icon__trash-square--blue">
		<rect
			 id="vb-svg-base-12"
			 class="h-fill-icon_color_blue_02"
			 x="480"
			 y="80"
			 width="19"
			 height="19" />
		<path
			 id="vb-svg-delete"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M494.992,86h-3V84.327a1.335,1.335,0,0,0-1.334-1.334h-2.327A1.335,1.335,0,0,0,487,84.327L486.967,86h-2.935v2.022H485v7.224a0.751,0.751,0,0,0,.751.751h7.485a0.751,0.751,0,0,0,.751-0.751V88.023l1-.031V86Zm-6.979-1.839a0.131,0.131,0,0,1,.131-0.132h2.734a0.133,0.133,0,0,1,.132.132V86h-3V84.163Zm5,10.815h-7.043V88.023h7.043v6.955ZM492.01,94V89h-0.983v5h0.983Zm-1.986,0V89h-1.066v5h1.066ZM488,94V89h-0.982v5H488Z" />
	</g>
	<g
		 id="vb-svg-b-icon__arrow-right-circle"
		 <vb:if condition="$rtl"> transform="translate(1068, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-frame-9"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M533.985,80.014a6.027,6.027,0,1,1-6.027,6.028A6.028,6.028,0,0,1,533.985,80.014Z" />
		<circle
			 id="vb-svg-white-4"
			 class="h-fill-icon_color_white"
			 cx="534"
			 cy="86"
			 r="5" />
		<path
			 id="vb-svg-arrow-6"
			 class="h-fill-icon_color_blue_05 h-evenodd"
			 d="M533,83h1v6h-1V83Zm1,1h1v4h-1V84Zm1,1h1v2h-1V85Z" />
	</g>
	<path
		 id="vb-svg-b-icon__x-circle--dark"
		 class="h-fill-icon_color_gray_06 h-evenodd"
		 d="M552,80a8,8,0,1,0,8,8A8,8,0,0,0,552,80Zm3.267,10.131a0.4,0.4,0,0,1,0,.567l-0.569.568a0.4,0.4,0,0,1-.567,0l-2.158-2.158-2.159,2.158a0.4,0.4,0,0,1-.567,0L548.68,90.7a0.4,0.4,0,0,1,0-.567l2.158-2.158-2.158-2.158a0.4,0.4,0,0,1,0-.567l0.567-.567a0.4,0.4,0,0,1,.567,0l2.159,2.158,2.158-2.158a0.4,0.4,0,0,1,.567,0l0.569,0.567a0.4,0.4,0,0,1,0,.567l-2.159,2.158Z" />


	<vb:comment> ***** ICONS ROW 4 ***** </vb:comment>
	<g
		 id="vb-svg-b-icon__warning--gray">
		<path
			 id="vb-svg-base-24"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M45.451,106.014L40.075,96.66a1.484,1.484,0,0,0-2.482,0L32.1,106.014a1.241,1.241,0,0,0,.008,1.319,1.452,1.452,0,0,0,1.233.658H44.21a1.452,1.452,0,0,0,1.233-.658A1.241,1.241,0,0,0,45.451,106.014Z" />
		<path
			 id="vb-svg-fill-15"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M43.87,105.408l-4.142-7.586a1.113,1.113,0,0,0-1.912,0l-4.231,7.586a1.052,1.052,0,0,0,.006,1.07,1.106,1.106,0,0,0,.95.534h8.374a1.106,1.106,0,0,0,.95-0.534A1.052,1.052,0,0,0,43.87,105.408Z" />
		<path
			 id="vb-svg-_2"
			 class="h-fill-icon_color_gray_10 h-evenodd"
			 d="M39.443,106.068a1.122,1.122,0,0,1-.645.188,1.158,1.158,0,0,1-.653-0.185,0.6,0.6,0,0,1-.285-0.526,0.617,0.617,0,0,1,.27-0.5,1.053,1.053,0,0,1,.658-0.207,1.083,1.083,0,0,1,.663.206A0.728,0.728,0,0,1,39.443,106.068Zm0.328-4.748-0.35,1.993a1.221,1.221,0,0,1-.184.571,0.479,0.479,0,0,1-.429.286,0.5,0.5,0,0,1-.455-0.282,1.424,1.424,0,0,1-.182-0.583l-0.287-1.939a7.414,7.414,0,0,1-.023-0.818,0.678,0.678,0,0,1,.279-0.572,1.208,1.208,0,0,1,.737-0.211,0.872,0.872,0,0,1,.757.281,1.247,1.247,0,0,1,.178.725A3.764,3.764,0,0,1,39.771,101.32Z" />
	</g>
	<g
		 id="vb-svg-b-icon__ip--gray">
		<path
			 id="vb-svg-base-23"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M49.027,96H60.008a1,1,0,0,1,1,1v10a1,1,0,0,1-1,1H49.027a1,1,0,0,1-1-1V97A1,1,0,0,1,49.027,96Z" />
		<path
			 id="vb-svg-fill-14"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M49.8,96.967h9.339a0.84,0.84,0,0,1,.84.84v8.4a0.84,0.84,0,0,1-.84.84H49.8a0.84,0.84,0,0,1-.84-0.84v-8.4A0.84,0.84,0,0,1,49.8,96.967Z" />
		<path
			 id="vb-svg-ip-2"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M51.951,104.965V99.179H50.624v5.786h1.327Zm6.745-4.894a1.652,1.652,0,0,0-.616-0.6,2.722,2.722,0,0,0-.773-0.29,5.063,5.063,0,0,0-1.074-.1H53.4v5.877h1.722V103.05h1.072a3.636,3.636,0,0,0,1.222-.177,2.815,2.815,0,0,0,.89-0.525,1.7,1.7,0,0,0,.448-0.634,1.987,1.987,0,0,0,.157-0.771A1.693,1.693,0,0,0,58.7,100.071ZM57.056,101.4a0.733,0.733,0,0,1-.24.3,1.084,1.084,0,0,1-.477.189,4.5,4.5,0,0,1-.724.047H55.121v-1.756h0.3q0.426,0,.681.01a1.768,1.768,0,0,1,.524.1,0.819,0.819,0,0,1,.354.25,0.64,0.64,0,0,1,.153.428A1.1,1.1,0,0,1,57.056,101.4Z" />
	</g>
	<g
		 id="vb-svg-b-icon__like--disabled"
		 <vb:if condition="$rtl"> transform="translate(141, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-vote-2"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M67,101h1.313a35.549,35.549,0,0,0,1.953-4.054,1.033,1.033,0,0,1,1.253-.961c1.5,0,1.512.172,1.512,1.016a16.994,16.994,0,0,1-.937,3H75a2.034,2.034,0,0,1,2.031,2c0,1.937-1.031,4.969-1.969,4.969s-5,.031-5,0.031a1.579,1.579,0,0,0-.937-0.969c-0.562-.031-2.156,0-2.156,0Zm-1-.968v6.938H64V100.03h2Z" />
		<path
			 id="vb-svg-fill-5"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M68,102h1.313a35.549,35.549,0,0,0,1.953-4.054c0.031-.5-0.684-0.961.253-0.961,1.5,0,.512.172,0.512,1.016a17,17,0,0,1-.938,3H74a2.034,2.034,0,0,1,2.031,2c0,1.937-1.031,2.969-1.969,2.969s-4,.031-4,0.031a1.579,1.579,0,0,0-.937-0.969c-0.562-.031-1.156,0-1.156,0Z" />
		<path
			 id="vb-svg-lines-2"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M74,102h3v1H74v-1Zm0,2h2v1H74v-1Z" />
	</g>
	<g
		 id="vb-svg-b-icon__tickets--neutral"
		 <vb:if condition="$rtl"> transform="translate(239, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-25"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M114.482,106.594l-2.127-3.391a2,2,0,0,1,.8-2.714l6.931-4.07a2,2,0,0,1,2.713.8l2.127,3.391a2,2,0,0,1-.8,2.713l-6.932,4.07A2,2,0,0,1,114.482,106.594Z" />
		<path
			 id="vb-svg-outline"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M115.282,106.268l-1.029-3.868a2,2,0,0,1,1.566-2.355l7.825-1.839A2,2,0,0,1,126,99.772l1.03,3.869A2,2,0,0,1,125.462,106l-7.825,1.838A2,2,0,0,1,115.282,106.268Z" />
		<path
			 id="vb-svg-new"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M115.91,105.091l-0.881-2.612a1.654,1.654,0,0,1,1.341-1.945l6.484-1.519a1.87,1.87,0,0,1,2.163,1.294l0.59,3.194c0.187,0.895-.632,1.329-1.56,1.508l-6.119,1.373A1.713,1.713,0,0,1,115.91,105.091Z" />
	</g>
	<g
		 id="vb-svg-b-icon__tickets--warned"
		 <vb:if condition="$rtl"> transform="translate(303, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-26"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M146.482,106.594l-2.127-3.391a2,2,0,0,1,.8-2.714l6.931-4.07a2,2,0,0,1,2.713.8l2.127,3.391a2,2,0,0,1-.8,2.713l-6.932,4.07A2,2,0,0,1,146.482,106.594Z" />
		<path
			 id="vb-svg-outline-2"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M147.282,106.268l-1.029-3.868a2,2,0,0,1,1.566-2.355l7.825-1.839A2,2,0,0,1,158,99.772l1.03,3.869A2,2,0,0,1,157.462,106l-7.825,1.838A2,2,0,0,1,147.282,106.268Z" />
		<path
			 id="vb-svg-yellow"
			 class="h-fill-icon_color_yellow h-evenodd"
			 d="M147.911,105.091l-0.882-2.612a1.654,1.654,0,0,1,1.341-1.945l6.484-1.519a1.87,1.87,0,0,1,2.163,1.294l0.59,3.194c0.186,0.895-.632,1.329-1.56,1.508l-6.119,1.373A1.711,1.711,0,0,1,147.911,105.091Z" />
	</g>
	<g
		 id="vb-svg-b-icon__tickets--infracted"
		 <vb:if condition="$rtl"> transform="translate(367, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-27"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M178.482,106.594l-2.127-3.391a2,2,0,0,1,.8-2.714l6.931-4.07a2,2,0,0,1,2.713.8l2.127,3.391a2,2,0,0,1-.8,2.713l-6.932,4.07A2,2,0,0,1,178.482,106.594Z" />
		<path
			 id="vb-svg-outline-3"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M179.282,106.268l-1.029-3.868a2,2,0,0,1,1.566-2.355l7.825-1.839A2,2,0,0,1,190,99.772l1.03,3.869A2,2,0,0,1,189.462,106l-7.825,1.838A2,2,0,0,1,179.282,106.268Z" />
		<path
			 id="vb-svg-red"
			 class="h-fill-icon_color_red_02 h-evenodd"
			 d="M179.91,105.091l-0.881-2.612a1.654,1.654,0,0,1,1.341-1.945l6.484-1.519a1.87,1.87,0,0,1,2.163,1.294l0.59,3.194c0.187,0.895-.632,1.329-1.56,1.508l-6.119,1.373A1.713,1.713,0,0,1,179.91,105.091Z" />
	</g>
	<path
		 id="vb-svg-b-icon__check--gray"
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 d="M249.85,98.182l-5.376,5.627a0.526,0.526,0,0,1-.185.126,0.5,0.5,0,0,1-.2.041,0.535,0.535,0,0,1-.389-0.167l-1.157-1.211a0.6,0.6,0,0,1-.043-0.068l-2.372-2.482a0.552,0.552,0,0,1,0-.755l1.086-1.137a0.494,0.494,0,0,1,.721,0l2.039,2.135,3.949-4.133a0.528,0.528,0,0,1,.771,0l1.157,1.211A0.59,0.59,0,0,1,249.85,98.182Z" />
	<path
		 id="vb-svg-b-icon__check--black"
		 class="h-fill-icon_color_gray_11 h-evenodd"
		 d="M263.857,98.292l-4.287,5.573a0.451,0.451,0,0,1-.147.125,0.33,0.33,0,0,1-.157.04,0.391,0.391,0,0,1-.311-0.165l-0.922-1.2A0.513,0.513,0,0,1,258,102.6l-1.891-2.459a0.647,0.647,0,0,1,0-.748l0.866-1.126c0.158-.205.415,0.245,0.575,0.452l1.626,2.114,3.045-3.955c0.17-.221.548-0.806,0.718-0.586l0.923,1.2A0.691,0.691,0,0,1,263.857,98.292Z" />
	<path
		 id="vb-svg-b-icon__ellipsis"
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 d="M267.5,96a2.5,2.5,0,1,1-2.5,2.5A2.5,2.5,0,0,1,267.5,96Zm8,0a2.5,2.5,0,1,1-2.5,2.5A2.5,2.5,0,0,1,275.5,96Zm8,0a2.5,2.5,0,1,1-2.5,2.5A2.5,2.5,0,0,1,283.5,96Z" />
	<path
		 id="vb-svg-b-icon__share"
		 <vb:if condition="$rtl"> transform="translate(589, 0) scale(-1, 1)"</vb:if>
		 class="h-filter-45 h-fill-icon_color_gray_06 h-evenodd"
		 d="M298.563,104.125a2.43,2.43,0,0,0-1.73.721l-3.99-2.021a2.467,2.467,0,0,0,.032-0.325,2.252,2.252,0,0,0-.029-0.286l4.04-2.014a2.433,2.433,0,1,0-.761-1.763,2.288,2.288,0,0,0,.032.311l-4.024,2.005a2.439,2.439,0,1,0-.032,3.519l4.049,2.049a2.115,2.115,0,0,0-.025.241A2.438,2.438,0,1,0,298.563,104.125Z" />
	<g
		 id="vb-svg-b-icon__resize-grip">
		<path
			 id="vb-svg-b-icon__resize-grip__shadow"
			 class="h-fill-icon_color_white"
			 d="m305 97h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m-46 3h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2z" />
		<path
			 id="vb-svg-b-icon__resize-grip__dots"
			 class="h-fill-icon_color_gray_10"
			 d="m304 96h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m-46 3h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2v-2m4 0h2v2h-2z" />
	</g>


	<vb:comment> ***** ICONS ROW 5 ***** </vb:comment>
	<g
		 id="vb-svg-b-icon__arrow-bar-left--disabled"
		 <vb:if condition="$rtl"> transform="translate(12, 0) scale(-1, 1)"</vb:if>>
		<rect
			 id="vb-svg-base-13"
			 class="h-fill-icon_color_gray_09"
			 y="112"
			 width="12"
			 height="60" />
		<path
			 id="vb-svg-arrow"
			 class="h-fill-icon_color_gray_12 h-evenodd"
			 d="M2.994,142.5L9,136.993v11.014Z" />
	</g>
	<g
		 id="vb-svg-b-icon__arrow-bar-left"
		 <vb:if condition="$rtl"> transform="translate(44, 0) scale(-1, 1)"</vb:if>>
		<rect
			 id="vb-svg-base-14"
			 class="h-fill-icon_color_gray_09"
			 x="16"
			 y="112"
			 width="12"
			 height="60" />
		<path
			 id="vb-svg-arrow-2"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M18.994,142.5L25,136.993v11.014Z" />
	</g>
	<g
		 id="vb-svg-b-icon__arrow-bar-right--disabled"
		 <vb:if condition="$rtl"> transform="translate(76, 0) scale(-1, 1)"</vb:if>>
		<rect
			 id="vb-svg-base-15"
			 class="h-fill-icon_color_gray_09"
			 x="32"
			 y="112"
			 width="12"
			 height="60" />
		<path
			 id="vb-svg-arrow-3"
			 class="h-fill-icon_color_gray_12 h-evenodd"
			 d="M41.006,142.5L35,136.993v11.014Z" />
	</g>
	<g
		 id="vb-svg-b-icon__arrow-bar-right"
		 <vb:if condition="$rtl"> transform="translate(108, 0) scale(-1, 1)"</vb:if>>
		<rect
			 id="vb-svg-base-16"
			 class="h-fill-icon_color_gray_09"
			 x="48"
			 y="112"
			 width="12"
			 height="60" />
		<path
			 id="vb-svg-arrow-4"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M57.006,142.5L51,136.993v11.014Z" />
	</g>
	<g
		 id="vb-svg-b-icon__arrow-block-left"
		 <vb:if condition="$rtl"> transform="translate(170, 0) scale(-1, 1)"</vb:if>>
		<rect
			 id="vb-svg-base-17"
			 class="h-fill-icon_color_gray_11"
			 x="64"
			 y="112"
			 width="42"
			 height="42" />
		<path
			 id="vb-svg-left"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M76.16,133.5L87.8,121.86l2.4,2.4-9.186,9.194,9.2,9.217-2.44,2.44Z" />
	</g>
	<g
		 id="vb-svg-b-icon__arrow-block-right"
		 <vb:if condition="$rtl"> transform="translate(266, 0) scale(-1, 1)"</vb:if>>
		<rect
			 id="vb-svg-base-18"
			 class="h-fill-icon_color_gray_11"
			 x="112"
			 y="112"
			 width="42"
			 height="42" />
		<path
			 id="vb-svg-right"
			 class="h-fill-icon_color_gray_03 h-evenodd"
			 d="M141.84,133.5L130.2,121.86l-2.4,2.4,9.186,9.194-9.205,9.217,2.441,2.44Z" />
	</g>
	<g
		 id="vb-svg-b-icon__x-square--gray">
		<rect
			 id="vb-svg-base-19"
			 class="h-fillopacity-5 h-fill-icon_color_gray_11"
			 x="160"
			 y="112"
			 width="17"
			 height="16" />
		<path
			 id="vb-svg-x-2"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M161.293,114.707l1.414-1.414,13,12-1.414,1.414Zm14.414,0-1.414-1.414-13,12,1.414,1.414Z" />
	</g>
	<g
		 id="vb-svg-b-icon__pencil-doc"
		 <vb:if condition="$rtl"> transform="translate(400, 0) scale(-1, 1)"</vb:if>>
		<rect
			 id="vb-svg-paper"
			 class="h-filter-30 h-fill-icon_color_gray_01"
			 x="193"
			 y="113"
			 width="14"
			 height="14" />
		<path
			 id="vb-svg-frame-10"
			 class="h-fill-icon_color_gray_10"
			 d="M192,112h1v9h-1v-9Zm0,0h16v1H192v-1Zm15,0h1v16h-1V112Zm-8,15h9v1h-9v-1Z" />
		<path
			 id="vb-svg-txt_white"
			 class="h-fill-icon_color_gray_01 h-evenodd"
			 d="M195,116h10v1H195v-1Zm0,2h2v1h-2v-1Zm6,0h4v1h-4v-1Zm2,2h2v1h-2v-1Zm1,2h1v1h-1v-1Zm-2,2h3v1h-3v-1Z" />
		<path
			 id="vb-svg-txt_grey"
			 class="h-fill-icon_color_gray_07 h-evenodd"
			 d="M195,115h10v1H195v-1Zm0,2h2v1h-2v-1Zm6,0h4v1h-4v-1Zm2,2h2v1h-2v-1Zm1,2h1v1h-1v-1Zm-2,2h3v1h-3v-1Z" />
		<g
			 id="vb-svg-pencil-doc__pencil-group"
			 transform="translate(2.45475,-10.49118)">
			<path
				 id="vb-svg-pencil-doc__pencil-group__tip"
				 class="h-fill-icon_color_gray_10"
				 d="m189.52925,134.64694 3.74659,3.82124h-3.74659z" />
			<rect
				 id="vb-svg-pencil-doc__pencil-group__body"
				 class="h-fill-icon_color_gray_10"
				 transform="rotate(-44.900816)"
				 y="229.49098"
				 x="40.377796"
				 height="4.7623401"
				 width="8.4062014" />
			<rect
				 id="vb-svg-pencil-doc__pencil-group__shadow"
				 class="h-fill-icon_color_white"
				 transform="rotate(-44.900816)"
				 y="230.15033"
				 x="41.192158"
				 height="0.85734475"
				 width="6.6983304" />
		</g>
	</g>
	<g
		 id="vb-svg-b-icon__gear-s">
		<path
			 id="vb-svg-admin_"
			 class="h-fill-icon_color_gray_11 h-evenodd"
			 d="m 222.461,119.711 c -0.0267,-0.65357 -0.17032,-1.29707 -0.424,-1.9 2.08175,-1.1555 0.1371,-3.52442 -1.357,-1.923 -0.48953,-0.45186 -1.05708,-0.81103 -1.675,-1.06 0.79256,-2.01106 -2.2748,-2.63763 -2.316,-0.393 -0.6752,0.0268 -1.33951,0.17909 -1.959,0.449 -1.22036,-2.07774 -3.52194,-0.13059 -1.905,1.379 -0.45434,0.50008 -0.81174,1.08027 -1.054,1.711 -2.09969,-0.63742 -2.58251,2.32122 -0.352,2.32306 -0.0515,0.68706 0.0231,1.37775 0.22,2.038 -1.69255,1.07927 0.15903,3.39192 1.651,1.779 0.491,0.43209 1.05382,0.77493 1.663,1.013 -0.68236,2.06283 2.23794,2.55843 2.326,0.348 0.64431,-0.0358 1.27714,-0.18585 1.869,-0.443 1.14297,1.87486 3.37546,0.13208 1.902,-1.381 0.43386,-0.47751 0.77924,-1.02843 1.02,-1.627 2.20288,0.73766 2.78604,-2.35257 0.391,-2.31306 z m -3.349,3.089 c -1.54916,1.17086 -3.75416,0.86417 -4.925,-0.685 -1.16768,-1.5499 -0.85985,-3.7526 0.688,-4.923 1.54795,-1.16857 3.74981,-0.86297 4.921,0.683 1.16877,1.54949 0.86279,3.75265 -0.684,4.925 z m -2.126,-4.561 c 1.58555,-0.0251 2.40302,1.88532 1.29051,3.01504 -1.1125,1.12973 -3.03521,0.34171 -3.03451,-1.24404 -0.008,-0.97076 0.77323,-1.76385 1.744,-1.771 z" />
	</g>
	<g
		 id="vb-svg-b-icon__warning-l--red">
		<path
			 id="vb-svg-base-40"
			 class="h-filter-28 h-fill-icon_color_red_02 h-evenodd"
			 d="M283.337,144.868l-17.071-30.5a4.8,4.8,0,0,0-8.351,0l-17.332,30.5a4.8,4.8,0,0,0,4.175,7.171h34.4A4.8,4.8,0,0,0,283.337,144.868Z" />
		<path
			 id="vb-svg-_7"
			 class="h-filter-29 h-fill-icon_color_white h-evenodd"
			 d="M264.483,146.372a3.029,3.029,0,0,1-2.069.786,3.106,3.106,0,0,1-2.092-.776,2.764,2.764,0,0,1-.915-2.194,2.945,2.945,0,0,1,2.972-2.954,2.941,2.941,0,0,1,2.124.86,2.833,2.833,0,0,1,.883,2.094A2.787,2.787,0,0,1,264.483,146.372Zm0.777-19.687-0.762,8.822a7.037,7.037,0,0,1-.563,2.5,1.71,1.71,0,0,1-1.627,1.007,1.658,1.658,0,0,1-1.614-.988,8.251,8.251,0,0,1-.558-2.556l-0.569-8.588c-0.107-1.68-.16-2.852-0.16-3.584a3.541,3.541,0,0,1,.856-2.508,2.967,2.967,0,0,1,2.258-.924,2.341,2.341,0,0,1,2.319,1.231,7.36,7.36,0,0,1,.546,3.178A23.489,23.489,0,0,1,265.26,126.685Z" />
	</g>
	<g
		 id="vb-svg-b-icon__status--green">
		<circle
			 id="vb-svg-white-5"
			 class="h-fill-icon_color_white"
			 cx="310"
			 cy="118"
			 r="6" />
		<circle
			 id="vb-svg-online_status_active-2"
			 class="h-fill-icon_color_green"
			 cx="310.015"
			 cy="118.016"
			 r="4.016" />
	</g>
	<g
		 id="vb-svg-b-icon__status--gray">
		<circle
			 id="vb-svg-white-6"
			 class="h-fill-icon_color_white"
			 cx="326"
			 cy="118"
			 r="6" />
		<circle
			 id="vb-svg-online_status_active-3"
			 class="h-fill-icon_color_gray_07"
			 cx="326.015"
			 cy="118.016"
			 r="4.016" />
	</g>
	<g
		 id="vb-svg-b-icon__signature"
		 <vb:if condition="$rtl"> transform="translate(684, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-white-7"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M347.776,115.007l-2.859-2.866a0.681,0.681,0,0,0-1.131.691l-4.379,1.719a0.429,0.429,0,0,0-.268.454c0,0.029.338,2.936-3.066,6.936a0.429,0.429,0,0,0,.023.58l1.345,1.35a0.429,0.429,0,0,0,.3.125,0.425,0.425,0,0,0,.276-0.1c3.346-2.862,5.954-3.084,6.674-3.084,0.158,0,.244.009,0.244,0.009a0.424,0.424,0,0,0,.453-0.268l1.719-4.4a0.671,0.671,0,0,0,.183.028A0.685,0.685,0,0,0,347.776,115.007Z" />
		<path
			 id="vb-svg-outline-4"
			 class="h-fill-icon_color_gray_12 h-evenodd"
			 d="M347.776,115.007l-2.859-2.866a0.681,0.681,0,0,0-1.131.691l-4.379,1.719a0.429,0.429,0,0,0-.268.454c0,0.029.338,2.936-3.066,6.936a0.429,0.429,0,0,0,.023.58l1.345,1.35a0.429,0.429,0,0,0,.3.125,0.425,0.425,0,0,0,.276-0.1c3.346-2.862,5.954-3.084,6.674-3.084,0.158,0,.244.009,0.244,0.009a0.424,0.424,0,0,0,.453-0.268l1.719-4.4a0.671,0.671,0,0,0,.183.028A0.685,0.685,0,0,0,347.776,115.007Zm-3.068,4.947h-0.014c-0.987,0-3.6.3-6.925,3.035l-0.216-.217,4.66-4.671a0.743,0.743,0,0,0,.319.074,0.751,0.751,0,0,0,.534-0.222,0.759,0.759,0,0,0,0-1.07,0.753,0.753,0,0,0-1.215.854l-4.66,4.672-0.215-.216c2.769-3.389,3.032-6.041,3.027-6.957l3.5-1.235,2.556,2.374Z" />
		<circle
			 id="vb-svg-circle-5"
			 class="h-fill-icon_color_gray_09"
			 cx="342.5"
			 cy="117.469"
			 r="1.281" />
	</g>
	<path
		 id="vb-svg-b-icon__chevron-right--gray"
		 <vb:if condition="$rtl"> transform="translate(741, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_06 h-evenodd"
		 d="M371.233,115.569l-2.288-2.289a0.589,0.589,0,0,1,0-.833l0.208-.208a0.589,0.589,0,0,1,.833,0l2.693,2.693,0.013,0.01,0.209,0.208a0.6,0.6,0,0,1,0,.837l-0.209.208a0.113,0.113,0,0,1-.013.01l-2.693,2.693a0.589,0.589,0,0,1-.833,0l-0.208-.208a0.589,0.589,0,0,1,0-.833Z" />
	<path
		 id="vb-svg-b-icon__question-circle--blue"
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M391.017,112A7.018,7.018,0,1,1,384,119.017,7.018,7.018,0,0,1,391.017,112ZM391,121.633a0.893,0.893,0,1,1-.893.893A0.893,0.893,0,0,1,391,121.633Zm-2.383-4.246a0.812,0.812,0,0,0,.528.185,0.7,0.7,0,0,0,.435-0.12,1.024,1.024,0,0,0,.262-0.293,2.629,2.629,0,0,0,.185-0.376,1.565,1.565,0,0,1,.215-0.377,1.131,1.131,0,0,1,.348-0.293,1.207,1.207,0,0,1,.586-0.12,1.171,1.171,0,0,1,.819.27,0.974,0.974,0,0,1,.3.759,0.933,0.933,0,0,1-.151.526,2.477,2.477,0,0,1-.377.437c-0.151.139-.314,0.275-0.488,0.406a4.52,4.52,0,0,0-.487.425,2.3,2.3,0,0,0-.378.5,1.269,1.269,0,0,0-.151.628,0.913,0.913,0,0,0,.186.544,0.644,0.644,0,0,0,.557.257,0.8,0.8,0,0,0,.436-0.1,0.672,0.672,0,0,0,.226-0.245,1.593,1.593,0,0,0,.133-0.329,1.146,1.146,0,0,1,.441-0.622l0.424-.316c0.155-.116.315-0.244,0.482-0.383a3.4,3.4,0,0,0,.453-0.46,2.252,2.252,0,0,0,.33-0.563,1.842,1.842,0,0,0,.128-0.7,2.22,2.22,0,0,0-.25-1.088,2.126,2.126,0,0,0-.667-0.742,2.98,2.98,0,0,0-.946-0.424,4.275,4.275,0,0,0-1.085-.138,2.928,2.928,0,0,0-1.022.18,3.006,3.006,0,0,0-.864.484,2.449,2.449,0,0,0-.6.7,1.693,1.693,0,0,0-.226.844A0.662,0.662,0,0,0,388.619,117.387Z" />
	<vb:comment>These two left/right arrows don't change for RTL, they have special handling</vb:comment>
	<path
		 id="vb-svg-b-icon__arrow-block-left--transparent-bg"
		 class="h-fill-icon_color_blue_03 h-evenodd"
		 d="M426.633,132.965l18.549-18.549-1.4-2.4-19.549,19.549-1.4,1.4-0.047.046,1.4,1.4,0.046-.046,19.6,19.6,1.4-2.4Z" />
	<path
		 id="vb-svg-b-icon__arrow-block-right--transparent-bg"
		 class="h-fill-icon_color_blue_03 h-evenodd"
		 d="M493.367,132.965l-18.549-18.549,1.4-2.4,19.549,19.549,1.4,1.4,0.047,0.046-1.4,1.4-0.046-.046-19.6,19.6-1.4-2.4Z" />


	<vb:comment> ***** ICONS ROW 6 ***** </vb:comment>
	<g
		 id="vb-svg-b-icon__messages">
		<path
			 id="vb-svg-generic-envelope"
			 d="M15.013,181.255a0.51,0.51,0,0,0-.209-0.412l-7.112-4.759a0.511,0.511,0,0,0-.6,0l-6.863,4.759a0.51,0.51,0,0,0-.209.412v8.205a0.51,0.51,0,0,0,.51.51H14.5a0.442,0.442,0,0,0,.511-0.51v-8.205ZM7.39,177.128l6.6,4.386v0.614l-3.959,3.125,3.082,2.205a0.51,0.51,0,0,1-.543.864l-4.754-3.078-5.546,3.078a0.51,0.51,0,0,1-.544-0.864l3.452-2.205-4.35-3.126v-0.613Z" />
		<use
			 id="vb-svg-b-icon__messages-envelope"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 xlink:href="#vb-svg-generic-envelope"
			 href="#vb-svg-generic-envelope" />
	</g>
	<use
		 id="vb-svg-b-icon__messages--active"
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 xlink:href="#vb-svg-generic-envelope"
		 href="#vb-svg-generic-envelope"
		 x="16"
		 y="0" />
	<path
		 id="vb-svg-b-icon__add-folder"
		 <vb:if condition="$rtl"> transform="translate(79, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_06 h-evenodd"
		 d="M45.646,178.384a1.344,1.344,0,0,0-.967-0.4h-4.7v-0.65a1.314,1.314,0,0,0-1.313-1.313H34.3a1.315,1.315,0,0,0-1.313,1.313v0.651a0.989,0.989,0,0,0-.991,1v9.234s0-1,0-1v1.472A1.283,1.283,0,0,0,33.278,190h10.2a1.646,1.646,0,0,0,1.494-1.042c0.129-.464,2.007-8.913,2.007-8.913l-1.03,0,0.036,0.026,0.005-.764A1.245,1.245,0,0,0,45.646,178.384Zm-1.957,10.337a0.22,0.22,0,0,1-.209.287h-10.2a0.2,0.2,0,0,1-.2-0.161l1.252-7.6a0.322,0.322,0,0,1,.4-0.286H44.742a1.254,1.254,0,0,1,.2.146ZM36,184h1.991L38,182h1.968l-0.044,2H42v2H39.987L40,188H38l-0.009-2H36v-2Z" />
	<path
		 id="vb-svg-b-icon__add-folder--active"
		 <vb:if condition="$rtl"> transform="translate(111, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 d="M61.646,178.384a1.344,1.344,0,0,0-.967-0.4h-4.7v-0.65a1.314,1.314,0,0,0-1.313-1.313H50.3a1.315,1.315,0,0,0-1.313,1.313v0.651a0.989,0.989,0,0,0-.991,1v9.234s0.032-1,.032-1v1.472A1.257,1.257,0,0,0,49.278,190h10.2a1.646,1.646,0,0,0,1.494-1.042c0.129-.464,2.007-8.913,2.007-8.913l-1.03,0,0.036,0.026,0.005-.764A1.245,1.245,0,0,0,61.646,178.384Zm-1.957,10.337a0.22,0.22,0,0,1-.209.287h-10.2a0.2,0.2,0,0,1-.2-0.161l1.252-7.6a0.322,0.322,0,0,1,.4-0.286H60.742a1.254,1.254,0,0,1,.2.146ZM52,184h1.992L54,182h2l-0.011,2H58v2H55.989L56,188H54l-0.008-2H52v-2Z" />
	<path
		 id="vb-svg-b-icon__folder"
		 <vb:if condition="$rtl"> transform="translate(143, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_06 h-evenodd"
		 d="M77.646,178.384a1.344,1.344,0,0,0-.966-0.4h-4.7v-0.65a1.314,1.314,0,0,0-1.313-1.313H66.3a1.315,1.315,0,0,0-1.313,1.313v0.651a0.989,0.989,0,0,0-.991,1v9.234s0-1,0-1v1.472A1.283,1.283,0,0,0,65.278,190h10.2a1.646,1.646,0,0,0,1.494-1.042c0.129-.464,2.007-8.913,2.007-8.913l-1.03,0,0.036,0.026,0.005-.764A1.245,1.245,0,0,0,77.646,178.384Zm-1.957,10.337a0.22,0.22,0,0,1-.209.287h-10.2a0.2,0.2,0,0,1-.2-0.161l1.252-7.6a0.322,0.322,0,0,1,.4-0.286H76.742a1.254,1.254,0,0,1,.2.146Z" />
	<path
		 id="vb-svg-b-icon__folder--active"
		 <vb:if condition="$rtl"> transform="translate(175, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 d="M93.646,178.384a1.344,1.344,0,0,0-.966-0.4h-4.7v-0.65a1.314,1.314,0,0,0-1.313-1.313H82.3a1.315,1.315,0,0,0-1.313,1.313v0.651a0.989,0.989,0,0,0-.991,1v9.234s0-1,0-1v1.472A1.283,1.283,0,0,0,81.278,190h10.2a1.646,1.646,0,0,0,1.494-1.042c0.129-.464,2.007-8.913,2.007-8.913l-1.03,0,0.036,0.026,0.005-.764A1.245,1.245,0,0,0,93.646,178.384Zm-1.957,10.337a0.22,0.22,0,0,1-.21.287h-10.2a0.2,0.2,0,0,1-.2-0.161l1.252-7.6a0.322,0.322,0,0,1,.4-0.286H92.742a1.25,1.25,0,0,1,.2.146Z" />
	<path
		 id="vb-svg-b-icon__trash"
		 class="h-fill-icon_color_gray_06 h-evenodd"
		 d="M108.992,179h-3v-1.674a1.335,1.335,0,0,0-1.334-1.334h-4.327A1.335,1.335,0,0,0,99,177.327L98.967,179H96.032v2.022H97v9.224a0.751,0.751,0,0,0,.751.751h9.485a0.751,0.751,0,0,0,.751-0.751v-9.224h1V179Zm-8.979-1.838a0.131,0.131,0,0,1,.131-0.132h4.734a0.132,0.132,0,0,1,.131.132V179h-5v-1.838Zm7,12.815H97.974v-8.955h9.043v8.955ZM106.01,189l-0.063-7h-0.92v7h0.983Zm-2.943,0v-7H102v7h1.066ZM100,189v-7H99.022v7H100Z" />
	<path
		 id="vb-svg-b-icon__trash--active"
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 d="M124.992,179h-3v-1.674a1.335,1.335,0,0,0-1.334-1.334h-4.327A1.335,1.335,0,0,0,115,177.327L114.967,179h-2.935v2.022H113v9.224a0.751,0.751,0,0,0,.751.751h9.485a0.751,0.751,0,0,0,.751-0.751v-9.224h1V179Zm-8.979-1.838a0.131,0.131,0,0,1,.131-0.132h4.734a0.132,0.132,0,0,1,.131.132V179h-5v-1.838Zm7,12.815h-9.043v-8.955h9.043v8.955ZM122.01,189l-0.063-7h-0.92v7h0.983Zm-2.943,0v-7H118v7h1.066ZM116,189v-7h-0.983v7H116Z" />
	<path
		 id="vb-svg-b-icon__requests"
		 class="h-fill-icon_color_gray_06 h-evenodd"
		 d="M132.668,188.37a3.555,3.555,0,0,0,.759-1.207,0.31,0.31,0,0,0-.148-0.038h-0.12a0.345,0.345,0,0,0-.072.008,10.742,10.742,0,0,0-4.993,2.765,0.315,0.315,0,0,0-.095.226v1.123a1.012,1.012,0,0,0,.314.752h7.171A4.847,4.847,0,0,0,132.668,188.37Zm10.2,1.528a10.755,10.755,0,0,0-4.87-2.734,0.316,0.316,0,0,0-.151-0.038h-0.164a0.307,0.307,0,0,0-.148.037h0a3.566,3.566,0,0,0,.758,1.207A4.847,4.847,0,0,0,135.484,192h7.17a0.313,0.313,0,0,0,.314-0.314v-1.561A0.315,0.315,0,0,0,142.873,189.9Zm-10.2-10.858a3.721,3.721,0,0,0-.56,1.973,3.767,3.767,0,0,0,.182,1.157,0.613,0.613,0,0,0-.343.56,0.6,0.6,0,0,0,.578.613h0.01a3.888,3.888,0,0,0,1.124,2.421v0.467a0.215,0.215,0,0,0,.023.1c0.084,0.164.842,1.6,1.8,1.619H135.5c0.953,0,1.705-1.455,1.787-1.621a0.2,0.2,0,0,0,.022-0.094v-0.466a3.886,3.886,0,0,0,1.125-2.422h0.01a0.6,0.6,0,0,0,.578-0.613,0.616,0.616,0,0,0-.342-0.56,3.792,3.792,0,0,0,.03-2.217c0.128,0.26.213,0.5,0.287,0.663,0.047,0.1.224,0,.224,0a2.47,2.47,0,0,0-.9-2.411,1.716,1.716,0,0,1,1.261.482,1.61,1.61,0,0,0-1.856-1.006c-1.439-2.06-4.639-.655-4.639-0.655a6.8,6.8,0,0,1,2.125-.07c-2.948-.144-3.6,2.884-3.6,2.884A1.567,1.567,0,0,1,132.668,179.04Z" />
	<path
		 id="vb-svg-b-icon__requests--active"
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 d="M148.668,188.37a3.555,3.555,0,0,0,.759-1.207,0.31,0.31,0,0,0-.148-0.038h-0.12a0.353,0.353,0,0,0-.072.008,10.742,10.742,0,0,0-4.993,2.765,0.315,0.315,0,0,0-.095.226v1.123a1.009,1.009,0,0,0,.314.752h7.171A4.847,4.847,0,0,0,148.668,188.37Zm10.2,1.528a10.755,10.755,0,0,0-4.87-2.734,0.316,0.316,0,0,0-.151-0.038h-0.164a0.3,0.3,0,0,0-.148.037h0a3.566,3.566,0,0,0,.758,1.207A4.847,4.847,0,0,0,151.484,192h7.17a0.313,0.313,0,0,0,.314-0.314v-1.561A0.315,0.315,0,0,0,158.873,189.9Zm-10.2-10.858a3.721,3.721,0,0,0-.56,1.973,3.767,3.767,0,0,0,.182,1.157,0.613,0.613,0,0,0-.343.56,0.6,0.6,0,0,0,.578.613h0.01a3.888,3.888,0,0,0,1.124,2.421v0.467a0.215,0.215,0,0,0,.023.1c0.084,0.164.842,1.6,1.8,1.619H151.5c0.953,0,1.705-1.455,1.787-1.621a0.2,0.2,0,0,0,.022-0.094v-0.466a3.886,3.886,0,0,0,1.125-2.422h0.01a0.6,0.6,0,0,0,.578-0.613,0.616,0.616,0,0,0-.342-0.56,3.792,3.792,0,0,0,.03-2.217c0.128,0.26.213,0.5,0.287,0.663,0.047,0.1.224,0,.224,0a2.47,2.47,0,0,0-.9-2.411,1.716,1.716,0,0,1,1.261.482,1.61,1.61,0,0,0-1.856-1.006c-1.439-2.06-4.639-.655-4.639-0.655a6.8,6.8,0,0,1,2.125-.07c-2.948-.144-3.6,2.884-3.6,2.884A1.567,1.567,0,0,1,148.668,179.04Z" />
	<g
		 id="vb-svg-b-icon__doc"
		 <vb:if condition="$rtl"> transform="translate(335, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-notification"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M171.082,176.227a0.7,0.7,0,0,0-.487-0.2h-8.913a0.7,0.7,0,0,0-.695.694v13.56a0.694,0.694,0,0,0,.695.694h11.33a0.978,0.978,0,0,0,.966-0.694V179.449a1.2,1.2,0,0,0-.478-0.5Zm-9.068,13.739V177.009h7.993v2.567a0.417,0.417,0,0,0,.417.417H173v9.973H162.014Z" />
		<path
			 id="vb-svg-txt-6"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M164,181h3v1h-3v-1Zm0,3h7v1h-7v-1Zm0,2h7v1h-7v-1Z" />
	</g>
	<g
		 id="vb-svg-b-icon__doc--active"
		 <vb:if condition="$rtl"> transform="translate(367, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-notification-2"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M187.082,176.227a0.7,0.7,0,0,0-.487-0.2h-8.913a0.7,0.7,0,0,0-.695.694v13.56a0.694,0.694,0,0,0,.695.694h11.33a0.978,0.978,0,0,0,.966-0.694V179.449a1.2,1.2,0,0,0-.478-0.5Zm-9.068,13.739V177.009h7.993v2.567a0.417,0.417,0,0,0,.417.417H189v9.973H178.014Z" />
		<path
			 id="vb-svg-txt-7"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M180,181h3v1h-3v-1Zm0,3h7v1h-7v-1Zm0,2h7v1h-7v-1Z" />
	</g>
	<path
		 id="vb-svg-b-icon__pencil-1bit--gray"
		 <vb:if condition="$rtl"> transform="translate(396, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_06 h-evenodd"
		 d="M192,184h2v4h-2v-4Zm2,1h1v3h-1v-3Zm1,1h1v2h-1v-2Zm-2-3h2v1h-2v-1Zm1-1h2v1h-2v-1Zm1-1h2v1h-2v-1Zm1-1h2v1h-2v-1Zm1-1h4v1h-4v-1Zm1-1h2v1h-2v-1Zm1-1h4v1h-4v-1Zm1-1h2v1h-2v-1Zm2,2h2v2h-2v-2Zm-2,2h3v1h-3v-1Zm0,1h2v1h-2v-1Zm-1,1h2v1h-2v-1Zm-1,1h2v1h-2v-1Zm-1,1h2v1h-2v-1Zm-1,1h2v1h-2v-1Zm0,1h1v1h-1v-1Z" />
	<path
		 id="vb-svg-b-icon__x-1bit--gray"
		 class="h-fill-icon_color_gray_06 h-evenodd"
		 d="M215.667,181.969l3.166-3.167a0.59,0.59,0,0,0,0-.834L218,177.136a0.591,0.591,0,0,0-.835,0L214,180.3l-3.167-3.166a0.59,0.59,0,0,0-.834,0l-0.833.832a0.59,0.59,0,0,0,0,.834l3.167,3.167-3.167,3.166a0.59,0.59,0,0,0,0,.834L210,186.8a0.59,0.59,0,0,0,.834,0L214,183.635l3.165,3.167a0.591,0.591,0,0,0,.835,0l0.832-.833a0.59,0.59,0,0,0,0-.834Z" />
	<g
		 id="vb-svg-b-icon__profile">
		<path
			 id="vb-svg-profile"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M245.383,185.348a2.777,2.777,0,0,0,.71-0.953,0.346,0.346,0,0,0-.139-0.029h-0.112a0.371,0.371,0,0,0-.067.006,10.682,10.682,0,0,0-4.67,2.182,0.229,0.229,0,0,0-.09.178v0.759a0.611,0.611,0,0,0,.3.523l6.706,0.008A3.65,3.65,0,0,0,245.383,185.348Zm9.545,1.206a10.683,10.683,0,0,0-4.556-2.158,0.349,0.349,0,0,0-.141-0.03h-0.153a0.346,0.346,0,0,0-.139.029h0a2.772,2.772,0,0,0,.709.953,3.65,3.65,0,0,0-2.633,2.674h6.706a0.275,0.275,0,0,0,.295-0.248v-1.042A0.235,0.235,0,0,0,254.928,186.554Z" />
		<path
			 id="vb-svg-head"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M244.859,179.542a4.456,4.456,0,0,0,.17.913,0.484,0.484,0,0,0-.321.442,0.515,0.515,0,0,0,.541.484h0.01a2.889,2.889,0,0,0,1.051,1.911v0.368a0.15,0.15,0,0,0,.021.076,2.559,2.559,0,0,0,1.681,1.278h0.018a2.487,2.487,0,0,0,1.671-1.28,0.141,0.141,0,0,0,.021-0.074v-0.368a2.893,2.893,0,0,0,1.052-1.911h0.009a0.515,0.515,0,0,0,.541-0.484,0.486,0.486,0,0,0-.321-0.442,2.535,2.535,0,0,0,.17-0.913c0-3.238-1.416-3.2-3.416-3.2S244.453,177.386,244.859,179.542Z" />
		<path
			 id="vb-svg-head_2"
			 class="h-filter-14 h-fill-icon_color_gray_08 h-evenodd"
			 d="M245.566,179.7a3.308,3.308,0,0,0,.161.766,0.475,0.475,0,0,0-.4.309,0.389,0.389,0,0,0,.359.469h0.259a2.369,2.369,0,0,0,1,1.605l-0.406.309c0,0.022.412,0.044,0.426,0.064a1.5,1.5,0,0,0,1.2,1.073h0.016a1.319,1.319,0,0,0,1.094-1.075,0.109,0.109,0,0,0,.02-0.062v-0.309a2.367,2.367,0,0,0,1-1.605h0.009a0.47,0.47,0,0,0,.515-0.406,0.416,0.416,0,0,0-.305-0.372,1.92,1.92,0,0,0,.162-0.766c0-2.719-.85-2.689-2.757-2.689S245.178,177.887,245.566,179.7Z" />
	</g>
	<g
		 id="vb-svg-b-icon__requests--active">
		<path
			 id="vb-svg-profile-2"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M261.383,185.348a2.777,2.777,0,0,0,.71-0.953,0.346,0.346,0,0,0-.139-0.029h-0.112a0.371,0.371,0,0,0-.067.006,10.682,10.682,0,0,0-4.67,2.182,0.229,0.229,0,0,0-.09.178v0.759a0.611,0.611,0,0,0,.3.523l6.706,0.008A3.65,3.65,0,0,0,261.383,185.348Zm9.545,1.206a10.683,10.683,0,0,0-4.556-2.158,0.349,0.349,0,0,0-.141-0.03h-0.153a0.346,0.346,0,0,0-.139.029h0a2.772,2.772,0,0,0,.709.953,3.65,3.65,0,0,0-2.633,2.674h6.706a0.275,0.275,0,0,0,.3-0.248v-1.042A0.231,0.231,0,0,0,270.928,186.554Z" />
		<path
			 id="vb-svg-head-2"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M260.859,179.542a4.456,4.456,0,0,0,.17.913,0.484,0.484,0,0,0-.321.442,0.515,0.515,0,0,0,.541.484h0.01a2.889,2.889,0,0,0,1.051,1.911v0.368a0.15,0.15,0,0,0,.021.076,2.559,2.559,0,0,0,1.681,1.278h0.018a2.487,2.487,0,0,0,1.671-1.28,0.141,0.141,0,0,0,.021-0.074v-0.368a2.889,2.889,0,0,0,1.052-1.911h0.009a0.515,0.515,0,0,0,.541-0.484,0.486,0.486,0,0,0-.321-0.442,2.535,2.535,0,0,0,.17-0.913c0-3.238-1.416-3.2-3.416-3.2S260.453,177.386,260.859,179.542Z" />
		<path
			 id="vb-svg-head_2-2"
			 class="h-filter-15 h-fill-icon_color_gray_08 h-evenodd"
			 d="M261.566,179.7a3.308,3.308,0,0,0,.161.766,0.475,0.475,0,0,0-.4.309,0.389,0.389,0,0,0,.359.469h0.259a2.369,2.369,0,0,0,1,1.605l-0.406.309c0,0.022.412,0.044,0.426,0.064a1.5,1.5,0,0,0,1.2,1.073h0.016a1.319,1.319,0,0,0,1.094-1.075,0.109,0.109,0,0,0,.02-0.062v-0.309a2.367,2.367,0,0,0,1-1.605h0.009a0.47,0.47,0,0,0,.515-0.406,0.416,0.416,0,0,0-.305-0.372,1.92,1.92,0,0,0,.162-0.766c0-2.719-.85-2.689-2.757-2.689S261.178,177.887,261.566,179.7Z" />
	</g>
	<g
		 id="vb-svg-b-icon__account"
		 <vb:if condition="$rtl"> transform="translate(559, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-28"
			 class="h-fill-icon_color_gray_04 h-evenodd"
			 d="M272.111,178.1H287v9.778h-14.89V178.1Z" />
		<path
			 id="vb-svg-fill-16"
			 class="h-filter-16 h-fill-icon_color_white h-evenodd"
			 d="M272.881,178.945H286v8.009h-13.12v-8.009Z" />
		<path
			 id="vb-svg-pic"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M275.659,181.481a1.514,1.514,0,0,0,.073.465,0.247,0.247,0,0,0-.138.225,0.239,0.239,0,0,0,.233.245h0a1.189,1.189,0,1,0,2.367,0h0a0.238,0.238,0,0,0,.232-0.245,0.246,0.246,0,0,0-.137-0.225,1.514,1.514,0,0,0,.073-0.465A1.358,1.358,0,1,0,275.659,181.481ZM277.9,184.3h-0.066a0.138,0.138,0,0,0-.059.014,1.968,1.968,0,0,1-1.627,0,0.138,0.138,0,0,0-.059-0.014h-0.047a0.258,0.258,0,0,0-.029,0,4.3,4.3,0,0,0-1.977,1.055,0.116,0.116,0,0,0-.038.085v0.429a0.123,0.123,0,0,0,.125.12H279.8a0.123,0.123,0,0,0,.124-0.12V185.44a0.116,0.116,0,0,0-.038-0.085,4.291,4.291,0,0,0-1.928-1.043A0.132,0.132,0,0,0,277.9,184.3Z" />
		<path
			 id="vb-svg-txt-2"
			 class="h-fill-icon_color_gray_04 h-evenodd"
			 d="M281,181h4v1h-4v-1Zm0,2h4v1h-4v-1Z" />
		<path
			 id="vb-svg-top_holde"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M278.379,179.16a0.573,0.573,0,0,0,.592.459h1.067a0.574,0.574,0,0,0,.593-0.459l0.049-.356h0l0.087-.645,0.218-1.6a0.478,0.478,0,0,0-.146-0.407,0.64,0.64,0,0,0-.446-0.174h-1.776a0.64,0.64,0,0,0-.446.174,0.478,0.478,0,0,0-.146.407Z" />
	</g>
	<g
		 id="vb-svg-b-icon__account--active"
		 <vb:if condition="$rtl"> transform="translate(591, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-29"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M288.111,178.1H303v9.778h-14.89V178.1Z" />
		<path
			 id="vb-svg-fill-17"
			 class="h-filter-17 h-fill-icon_color_white h-evenodd"
			 d="M288.881,178.945H302v8.009h-13.12v-8.009Z" />
		<path
			 id="vb-svg-pic-2"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M291.659,181.481a1.514,1.514,0,0,0,.073.465,0.247,0.247,0,0,0-.138.225,0.239,0.239,0,0,0,.233.245h0a1.189,1.189,0,1,0,2.367,0h0a0.238,0.238,0,0,0,.232-0.245,0.246,0.246,0,0,0-.137-0.225,1.514,1.514,0,0,0,.073-0.465A1.358,1.358,0,1,0,291.659,181.481ZM293.9,184.3h-0.066a0.138,0.138,0,0,0-.059.014,1.968,1.968,0,0,1-1.627,0,0.138,0.138,0,0,0-.059-0.014h-0.047a0.258,0.258,0,0,0-.029,0,4.3,4.3,0,0,0-1.977,1.055,0.116,0.116,0,0,0-.038.085v0.429a0.123,0.123,0,0,0,.125.12H295.8a0.123,0.123,0,0,0,.124-0.12V185.44a0.116,0.116,0,0,0-.038-0.085,4.291,4.291,0,0,0-1.928-1.043A0.132,0.132,0,0,0,293.9,184.3Z" />
		<path
			 id="vb-svg-txt-3"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M297,181h4v1h-4v-1Zm0,2h4v1h-4v-1Z" />
		<path
			 id="vb-svg-top_holde-2"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M294.379,179.16a0.573,0.573,0,0,0,.592.459h1.067a0.574,0.574,0,0,0,.593-0.459l0.049-.356h0l0.087-.645,0.218-1.6a0.478,0.478,0,0,0-.146-0.407,0.64,0.64,0,0,0-.446-0.174h-1.776a0.64,0.64,0,0,0-.446.174,0.478,0.478,0,0,0-.146.407Z" />
	</g>
	<g
		 id="vb-svg-b-icon__privacy">
		<path
			 id="vb-svg-base-30"
			 class="h-fill-icon_color_gray_04 h-evenodd"
			 d="M317.24,180.105h-1.247L316,178.991c0-2.219-1.9-3.033-4.12-3.033s-3.828.814-3.828,3.033l0.01,1.114h-0.722c-0.739,0-1.341-.044-1.341.7v6.375c0,0.74.084,0.792,0.824,0.792h10.251c0.74,0,.922-0.117.922-0.857v-6.149C318,180.222,317.979,180.105,317.24,180.105ZM310,178.882c0-1.086.968-1.549,2.053-1.549S314,177.8,314,178.882l0.01,1.223H309.99Z" />
		<path
			 id="vb-svg-fill-18"
			 class="h-fill-icon_color_gray_02 h-evenodd"
			 d="M316.24,180.98h-7.9c-0.739,0-1.341-.044-1.341.7v4.5c0,0.74.084,0.792,0.824,0.792h8.251c0.74,0,.922-0.117.922-0.857v-4.274C317,181.1,316.98,180.98,316.24,180.98Z" />
		<circle
			 id="vb-svg-lock"
			 class="h-fill-icon_color_gray_04"
			 cx="312"
			 cy="183"
			 r="1" />
		<path
			 id="vb-svg-lock-2"
			 class="h-fill-icon_color_gray_04 h-evenodd"
			 d="M311.58,184.536h0.946l0.492,1.434h-1.989Z" />
	</g>
	<g
		 id="vb-svg-b-icon__privacy--active">
		<path
			 id="vb-svg-base-31"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M333.24,180.105h-1.247L332,178.991c0-2.219-1.9-3.033-4.12-3.033s-3.828.814-3.828,3.033l0.01,1.114h-0.722c-0.739,0-1.341-.044-1.341.7v6.375c0,0.74.084,0.792,0.824,0.792h10.251c0.74,0,.922-0.117.922-0.857v-6.149C334,180.222,333.98,180.105,333.24,180.105ZM326,178.882c0-1.086.968-1.549,2.054-1.549S330,177.8,330,178.882l0.01,1.223H325.99Z" />
		<path
			 id="vb-svg-fill-19"
			 class="h-filter-18 h-fill-icon_color_white h-evenodd"
			 d="M332.24,180.951h-7.9c-0.739,0-1.341-.044-1.341.695v4.529c0,0.74.084,0.792,0.824,0.792h8.251c0.74,0,.922-0.117.922-0.857v-4.3C333,181.068,332.98,180.951,332.24,180.951Z" />
		<circle
			 id="vb-svg-lock-3"
			 class="h-fill-icon_color_gray_09"
			 cx="328"
			 cy="183"
			 r="1" />
		<path
			 id="vb-svg-lock-4"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M327.58,184.536h0.946l0.492,1.434h-1.989Z" />
	</g>
	<g
		 id="vb-svg-b-icon__notifications"
		 <vb:if condition="$rtl"> transform="translate(688, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-32"
			 class="h-fill-icon_color_gray_07 h-evenodd"
			 d="M347.824,184.836c-0.044,1.156.06,2.421,1.213,3.029,0,0-3.174-.186-4.875-1.927-0.078,0-.151.018-0.23,0.018-3.351,0-5.981-2.058-5.981-4.649,0-3.281,2.63-4.995,5.981-4.995S350,178.069,350,181.307A4.278,4.278,0,0,1,347.824,184.836Z" />
		<path
			 id="vb-svg-fill-20"
			 class="h-filter-19 h-fill-icon_color_white h-evenodd"
			 d="M347.2,184.371c-0.036,1,.05,2.094,1,2.62a6.88,6.88,0,0,1-4.041-1.666c-0.065,0-.125.015-0.19,0.015-2.778,0-4.959-1.779-4.959-4.021,0-2.837,2.181-4.319,4.959-4.319s5.03,1.519,5.03,4.319A3.723,3.723,0,0,1,347.2,184.371Z" />
		<path
			 id="vb-svg-_3"
			 class="h-fill-icon_color_gray_07 h-evenodd"
			 d="M343,179h2v3h-2v-3Zm0,4h2v1h-2v-1Z" />
	</g>
	<g
		 id="vb-svg-b-icon__notifications--active"
		 <vb:if condition="$rtl"> transform="translate(720, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-33"
			 class="h-fill-icon_color_gray_10 h-evenodd"
			 d="M363.824,184.836c-0.044,1.156.06,2.421,1.213,3.029,0,0-3.174-.186-4.875-1.927-0.078,0-.151.018-0.23,0.018-3.351,0-5.981-2.058-5.981-4.649,0-3.281,2.63-4.995,5.981-4.995S366,178.069,366,181.307A4.278,4.278,0,0,1,363.824,184.836Z" />
		<path
			 id="vb-svg-fill-21"
			 class="h-filter-20 h-fill-icon_color_white h-evenodd"
			 d="M363.2,184.371c-0.036,1,.05,2.094,1,2.62a6.88,6.88,0,0,1-4.041-1.666c-0.065,0-.125.015-0.19,0.015-2.778,0-4.959-1.779-4.959-4.021,0-2.837,2.181-4.319,4.959-4.319s5.03,1.519,5.03,4.319A3.723,3.723,0,0,1,363.2,184.371Z" />
		<path
			 id="vb-svg-_4"
			 class="h-fill-icon_color_gray_10 h-evenodd"
			 d="M359,179h2v3h-2v-3Zm0,4h2v1h-2v-1Z" />
	</g>
	<g
		 id="vb-svg-b-icon__x-circle--light">
		<circle
			 id="vb-svg-base-34"
			 class="h-fill-icon_color_gray_04"
			 cx="379.5"
			 cy="185.5"
			 r="9.5" />
		<circle
			 id="vb-svg-fill-22"
			 class="h-filter-21 h-fill-icon_color_white"
			 cx="379.5"
			 cy="185.5"
			 r="8.5" />
		<path
			 id="vb-svg-_5"
			 class="h-fill-icon_color_blue_05 h-evenodd"
			 d="M376.06,182.879l0.885-.885,6.1,6.1-0.885.885Z" />
		<path
			 id="vb-svg-_6"
			 class="h-fill-icon_color_blue_05 h-evenodd"
			 d="M382.99,182.879l-0.885-.885-6.1,6.1,0.885,0.885Z" />
	</g>
	<g
		 id="vb-svg-b-icon__page-nav"
		 <vb:if condition="$rtl"> transform="translate(816, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-35"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M400.009,176.031h15.983v14.924H400.009V176.031Z" />
		<path
			 id="vb-svg-fill-23"
			 class="h-filter-22 h-fill-icon_color_white h-evenodd"
			 d="M401,176.969h14v13.012H401V176.969Z" />
		<path
			 id="vb-svg-small"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M407,177.973h6.993v3H407v-3Z" />
		<path
			 id="vb-svg-fill-24"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M407,181.973h6.993v7H407v-7Z" />
		<path
			 id="vb-svg-side"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M402,177.973h3.993v11H402v-11Z" />
	</g>
	<g
		 id="vb-svg-b-icon__page-nav--active"
		 <vb:if condition="$rtl"> transform="translate(848, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-36"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M416.009,176.031h15.983v14.924H416.009V176.031Z" />
		<path
			 id="vb-svg-fill-25"
			 class="h-filter-23 h-fill-icon_color_white h-evenodd"
			 d="M417,176.969h14v13.012H417V176.969Z" />
		<path
			 id="vb-svg-small-2"
			 class="h-fill-icon_color_blue_03 h-evenodd"
			 d="M423,177.973h6.993v3H423v-3Z" />
		<path
			 id="vb-svg-large"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M423,181.973h6.993v7H423v-7Z" />
		<path
			 id="vb-svg-side-2"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M418,177.973h3.993v11H418v-11Z" />
	</g>
	<g
		 id="vb-svg-b-icon__page-content"
		 <vb:if condition="$rtl"> transform="translate(880, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-37"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M432.009,176.031h15.983v14.924H432.009V176.031Z" />
		<path
			 id="vb-svg-fill-26"
			 class="h-filter-24 h-fill-icon_color_white h-evenodd"
			 d="M433,176.969h14v13.012H433V176.969Z" />
		<path
			 id="vb-svg-small-3"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M439,177.973h6.993v3H439v-3Z" />
		<path
			 id="vb-svg-large-2"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M439,181.973h6.993v7H439v-7Z" />
		<path
			 id="vb-svg-side-3"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M434,177.973h3.993v11H434v-11Z" />
	</g>
	<g
		 id="vb-svg-b-icon__page-content--active"
		 <vb:if condition="$rtl"> transform="translate(912, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-38"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M448.009,176.031h15.983v14.924H448.009V176.031Z" />
		<path
			 id="vb-svg-fill-27"
			 class="h-filter-25 h-fill-icon_color_white h-evenodd"
			 d="M449,176.969h14v13.012H449V176.969Z" />
		<path
			 id="vb-svg-small-4"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M455,177.973h6.993v3H455v-3Z" />
		<path
			 id="vb-svg-large-3"
			 class="h-fill-icon_color_blue_03 h-evenodd"
			 d="M455,181.973h6.993v7H455v-7Z" />
		<path
			 id="vb-svg-side-4"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M450,177.973h3.993v11H450v-11Z" />
	</g>
	<g
		 id="vb-svg-b-icon__page-sidebar"
		 <vb:if condition="$rtl"> transform="translate(944, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-Shape_262_copy_26"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M464.009,176.031h15.983v14.924H464.009V176.031Z" />
		<path
			 id="vb-svg-fill-28"
			 class="h-filter-26 h-fill-icon_color_white h-evenodd"
			 d="M465,176.969h14v13.012H465V176.969Z" />
		<path
			 id="vb-svg-small-5"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M471,177.973h6.993v3H471v-3Z" />
		<path
			 id="vb-svg-large-4"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M471,181.973h6.993v7H471v-7Z" />
		<path
			 id="vb-svg-side-5"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M466,177.973h3.993v11H466v-11Z" />
	</g>
	<g
		 id="vb-svg-b-icon__page-sidebar--active"
		 <vb:if condition="$rtl"> transform="translate(976, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-39"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M480.009,176.031h15.983v14.924H480.009V176.031Z" />
		<path
			 id="vb-svg-fill-29"
			 class="h-filter-27 h-fill-icon_color_white h-evenodd"
			 d="M481,176.969h14v13.012H481V176.969Z" />
		<path
			 id="vb-svg-small-6"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M487,177.973h6.993v3H487v-3Z" />
		<path
			 id="vb-svg-large-5"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M487,181.973h6.993v7H487v-7Z" />
		<path
			 id="vb-svg-side-6"
			 class="h-fill-icon_color_blue_03 h-evenodd"
			 d="M482,177.973h3.993v11H482v-11Z" />
	</g>
	<path
		 id="vb-svg-b-icon__page-admin"
		 class="h-fill-icon_color_gray_09 h-evenodd"
		 d="M510.278,185.134l-1.109-.459a5.7,5.7,0,0,0,0-2.2l1.121-.464a1.133,1.133,0,1,0-.868-2.093l-1.121.464a5.652,5.652,0,0,0-1.546-1.548l0.456-1.1a1.132,1.132,0,1,0-2.092-.866l-0.456,1.1a5.663,5.663,0,0,0-2.175,0l-0.463-1.119a1.133,1.133,0,1,0-2.093.867l0.464,1.118a5.662,5.662,0,0,0-1.555,1.557l-1.12-.464a1.132,1.132,0,1,0-.867,2.092l1.124,0.466a5.655,5.655,0,0,0,.008,2.166l-1.119.463a1.133,1.133,0,0,0,.867,2.093l1.119-.464a5.669,5.669,0,0,0,1.535,1.541l-0.47,1.134a1.133,1.133,0,0,0,2.093.866l0.468-1.131a5.682,5.682,0,0,0,2.19,0l0.464,1.12a1.132,1.132,0,0,0,2.092-.867l-0.464-1.12a5.666,5.666,0,0,0,1.535-1.525l1.114,0.461A1.133,1.133,0,0,0,510.278,185.134Zm-3.494-.241a3.461,3.461,0,1,1-1.873-4.521A3.461,3.461,0,0,1,506.784,184.893Zm-2.471-3.067a1.894,1.894,0,1,1-2.474,1.025A1.893,1.893,0,0,1,504.313,181.826Z" />
	<path
		 id="vb-svg-b-icon__page-admin--active"
		 class="h-fill-icon_color_blue_03 h-evenodd"
		 d="M526.278,185.134l-1.109-.459a5.7,5.7,0,0,0,0-2.2l1.121-.464a1.133,1.133,0,1,0-.868-2.093l-1.121.464a5.652,5.652,0,0,0-1.546-1.548l0.456-1.1a1.132,1.132,0,1,0-2.092-.866l-0.456,1.1a5.663,5.663,0,0,0-2.175,0l-0.463-1.119a1.133,1.133,0,0,0-2.093.867l0.464,1.118a5.662,5.662,0,0,0-1.555,1.557l-1.121-.464a1.132,1.132,0,0,0-.866,2.092l1.124,0.466a5.655,5.655,0,0,0,.008,2.166l-1.119.463a1.133,1.133,0,0,0,.867,2.093l1.119-.464a5.669,5.669,0,0,0,1.535,1.541l-0.47,1.134a1.133,1.133,0,0,0,2.093.866l0.468-1.131a5.682,5.682,0,0,0,2.19,0l0.464,1.12a1.132,1.132,0,0,0,2.092-.867l-0.464-1.12a5.68,5.68,0,0,0,1.535-1.525l1.114,0.461A1.133,1.133,0,0,0,526.278,185.134Zm-3.494-.241a3.461,3.461,0,1,1-1.873-4.521A3.461,3.461,0,0,1,522.784,184.893Zm-2.471-3.067a1.894,1.894,0,1,1-2.474,1.025A1.893,1.893,0,0,1,520.313,181.826Z" />
	<g
		 id="vb-svg-b-icon__shield"
		 <vb:if condition="$rtl"> transform="translate(1069, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-frame-11"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M534.5,176.007c-0.822,0-5.558,2.148-5.558,2.607,0,4.444,3.161,8.815,5.583,9.452,2.055-.383,5.584-5.4,5.584-9.479C540.105,178.128,535.319,176.007,534.5,176.007Z" />
		<path
			 id="vb-svg-shield"
			 class="h-filter-46 h-fill-icon_color_white h-evenodd"
			 d="M534.484,177.006c-0.663,0-4.484,1.78-4.484,2.161,0,3.684,2.551,7.308,4.5,7.836,1.658-.318,4.5-4.473,4.5-7.858C539.009,178.764,535.148,177.006,534.484,177.006Z" />
		<path
			 id="vb-svg-check"
			 class="h-fill-icon_color_gray_07 h-evenodd"
			 d="M537.852,179.428a0.615,0.615,0,0,0-.878,0l-2.845,2.726-1.326-1.468a0.615,0.615,0,0,0-.877,0,0.633,0.633,0,0,0,0,.889l1.892,1.918,0.008,0.013a0.623,0.623,0,0,0,.883,0c0.006-.006.007-0.013,0.013-0.019l3.13-3.171A0.635,0.635,0,0,0,537.852,179.428Z" />
		<path
			 id="vb-svg-check_copy"
			 class="h-fill-icon_color_gray_07 h-evenodd"
			 d="M537.852,179.428a0.615,0.615,0,0,0-.878,0l-2.845,2.726-1.326-1.468a0.615,0.615,0,0,0-.877,0,0.633,0.633,0,0,0,0,.889l1.892,1.918,0.008,0.013a0.623,0.623,0,0,0,.883,0c0.006-.006.007-0.013,0.013-0.019l3.13-3.171A0.635,0.635,0,0,0,537.852,179.428Z" />
	</g>
	<g
		 id="vb-svg-b-icon__shield--active"
		 <vb:if condition="$rtl"> transform="translate(1101, 0) scale(-1, 1)"</vb:if>>
		<g
			 class="h-fill-icon_color_white h-filter-47"
			 id="vb-svg-g816">
			<path
				 id="vb-svg-frame-12"
				 class="h-filter-47 h-stroke-icon_color_gray_10 h-fill-icon_color_white h-evenodd"
				 d="M550.5,176.007c-0.822,0-5.558,2.148-5.558,2.607,0,4.444,3.161,8.815,5.583,9.452,2.055-.383,5.584-5.4,5.584-9.479C556.105,178.128,551.319,176.007,550.5,176.007Z"
				 style="stroke: inherit; stroke-linejoin: round; stroke-width: 1px; filter: none; fill: inherit" />
		</g>
		<use
			 xlink:href="#vb-svg-frame-12"
			 class="h-stroke-icon_color_gray_10"
			 style="filter: none; fill: none"
			 id="vb-svg-use818" />
		<path
			 id="vb-svg-shield-2"
			 class="h-filter-48 h-fill-icon_color_gray_02 h-evenodd"
			 d="M550.484,177.006c-0.663,0-4.484,1.78-4.484,2.161,0,3.684,2.551,7.308,4.5,7.836,1.658-.318,4.5-4.473,4.5-7.858C555.009,178.764,551.148,177.006,550.484,177.006Z" />
		<path
			 id="vb-svg-check-2"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M553.852,179.428a0.615,0.615,0,0,0-.878,0l-2.845,2.726-1.326-1.468a0.615,0.615,0,0,0-.877,0,0.633,0.633,0,0,0,0,.889l1.892,1.918,0.008,0.013a0.623,0.623,0,0,0,.883,0c0.006-.006.007-0.013,0.013-0.019l3.13-3.171A0.635,0.635,0,0,0,553.852,179.428Z" />
		<path
			 id="vb-svg-check_copy_2"
			 class="h-fill-icon_color_gray_09 h-evenodd"
			 d="M553.852,179.428a0.615,0.615,0,0,0-.878,0l-2.845,2.726-1.326-1.468a0.615,0.615,0,0,0-.877,0,0.633,0.633,0,0,0,0,.889l1.892,1.918,0.008,0.013a0.623,0.623,0,0,0,.883,0c0.006-.006.007-0.013,0.013-0.019l3.13-3.171A0.635,0.635,0,0,0,553.852,179.428Z" />
	</g>


	<vb:comment> ***** ICONS ROW 7 ***** </vb:comment>
	<path
		 id="vb-svg-b-icon__sent-items"
		 <vb:if condition="$rtl"> transform="translate(399, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_06 h-evenodd"
		 d="M196.029,199.939s0.514-2.627,5.962-2.627v2.442l4.7-3.734-4.7-3.771s0,2.313,0,2.313C201.862,194.562,196.029,194.574,196.029,199.939ZM204,201a1,1,0,0,0-1,1h-0.01v1h-9v-8h2l-0.239.08s0.171-.081.175-0.081A1.065,1.065,0,0,0,197,194a1,1,0,0,0-1-1s0,0,0,0H193.99a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2h9a1.994,1.994,0,0,0,1.99-1.905A0.779,0.779,0,0,0,205,203v-1A1,1,0,0,0,204,201Z" />
	<path
		 id="vb-svg-b-icon__sent-items--active"
		 <vb:if condition="$rtl"> transform="translate(431, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 d="M212.029,199.939s0.514-2.627,5.962-2.627v2.442l4.7-3.734-4.7-3.771s0,2.313,0,2.313C217.862,194.562,212.029,194.574,212.029,199.939ZM220,201a1,1,0,0,0-1,1h-0.01v1h-9v-8h2l-0.239.08s0.171-.081.175-0.081A1.066,1.066,0,0,0,213,194a1,1,0,0,0-1-1s0,0,0,0H209.99a2,2,0,0,0-2,2v8a2,2,0,0,0,2,2h9a1.994,1.994,0,0,0,1.99-1.905A0.779,0.779,0,0,0,221,203v-1A1,1,0,0,0,220,201Z" />
	<g
		 id="vb-svg-b-icon__paid-subscriptions">
		<path
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M312.008,194.973a7.53,7.53,0,0,1,1.638.182c2.249-2.824,1.175-3.376.4-2.658-0.8.74-.887,1.931-3.638-0.032-2.37-1.692-.6,1.658-0.07,2.7A7.555,7.555,0,0,1,312.008,194.973Zm0,1.041c-3.322,0-6.014,3.642-6.014,5.816s2.692,2.159,6.014,2.159,6.015,0.045,6.015-2.128S315.33,196.014,312.008,196.014Z"
			 id="vb-svg-path574" />
		<path
			 id="vb-svg-Shape_162_copy_2"
			 class="h-filter-12 h-fill-icon_color_white h-evenodd"
			 d="M311.744,196.868a5.256,5.256,0,0,0-4.749,4.5c0,1.681,2.126,1.67,4.749,1.67s4.749,0.035,4.749-1.646S314.367,196.868,311.744,196.868Z" />
		<circle
			 id="vb-svg-sign"
			 class="h-fill-icon_color_gray_05"
			 cx="311.953"
			 cy="200.516"
			 r="1.578" />
	</g>
	<g
		 id="vb-svg-b-icon__paid-subscriptions--active">
		<path
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M328.008,194.973a7.546,7.546,0,0,1,1.639.182c2.248-2.824,1.174-3.376.4-2.658-0.8.74-.887,1.931-3.638-0.032-2.37-1.692-.6,1.658-0.07,2.7A7.555,7.555,0,0,1,328.008,194.973Zm0,1.041c-3.322,0-6.014,3.642-6.014,5.816s2.692,2.159,6.014,2.159,6.015,0.045,6.015-2.128S331.33,196.014,328.008,196.014Z"
			 id="vb-svg-path579" />
		<path
			 id="vb-svg-Shape_162_copy_2-2"
			 class="h-filter-13 h-fill-icon_color_white h-evenodd"
			 d="M327.744,196.868a5.256,5.256,0,0,0-4.749,4.5c0,1.681,2.126,1.67,4.749,1.67s4.749,0.035,4.749-1.646S330.367,196.868,327.744,196.868Z" />
		<circle
			 id="vb-svg-sign-2"
			 class="h-fill-icon_color_gray_08"
			 cx="327.953"
			 cy="200.516"
			 r="1.578" />
	</g>


	<vb:comment> ***** ICONS ROW 8 ***** </vb:comment>
	<g
		 id="vb-svg-b-icon__speech-double-m--blue"
		 <vb:if condition="$rtl"> transform="translate(24, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-blue_outline"
			 class="h-fill-icon_color_blue_02 h-evenodd"
			 d="M10.036,210.035h6.956c1.969,0,3,.849,3,2.974V216c0,2-.973,2.974-2.974,2.974H16l-0.013,3.969-4.805-3.969H10.067C8.036,218.97,7,218,7,216v-2.987C7,211.009,8.067,210.035,10.036,210.035Z" />
		<path
			 id="vb-svg-white-10"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M10.475,210.979h5.951c1.685,0,2.571.726,2.571,2.544v1.954c0,1.712-.833,2.464-2.544,2.464H15.021l-0.011,3.121-3.554-3.076H10.5c-1.738,0-2.624-.833-2.624-2.545v-2C7.878,211.732,8.791,210.979,10.475,210.979Z" />
		<path
			 id="vb-svg-blue"
			 class="h-filter-41 h-fill-icon_color_blue_04 h-evenodd"
			 d="M13.964,208.035H7.007c-1.969,0-3,.849-3,2.974V214c0,2,.973,2.974,2.974,2.974H8L8.012,221.2l4.805-4.231h1.115C15.964,216.97,17,216,17,214v-2.987C17,209.009,15.933,208.035,13.964,208.035Z" />
	</g>
	<g
		 id="vb-svg-b-icon__speech-double-m--gray"
		 <vb:if condition="$rtl"> transform="translate(88, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-grey_outline"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M42.036,210.035h6.956c1.969,0,3.005.849,3.005,2.974V216c0,2-.973,2.974-2.974,2.974H48l-0.013,3.969-4.805-3.969H42.067C40.036,218.97,39,218,39,216v-2.987C39,211.009,40.067,210.035,42.036,210.035Z" />
		<path
			 id="vb-svg-white-11"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M42.475,210.979h5.951c1.685,0,2.571.726,2.571,2.544v1.954c0,1.712-.833,2.464-2.544,2.464H47.021l-0.011,3.121-3.554-3.076H42.5c-1.738,0-2.625-.833-2.625-2.545v-2C39.878,211.732,40.791,210.979,42.475,210.979Z" />
		<path
			 id="vb-svg-grey-3"
			 class="h-filter-42 h-fill-icon_color_gray_05 h-evenodd"
			 d="M45.964,208.035H39.007c-1.969,0-3,.849-3,2.974V214c0,2,.973,2.974,2.974,2.974H40l0.013,4.231,4.806-4.231h1.115C47.964,216.97,49,216,49,214v-2.987C49,209.009,47.933,208.035,45.964,208.035Z" />
	</g>
	<g
		 id="vb-svg-b-icon__speech-double-m--green"
		 <vb:if condition="$rtl"> transform="translate(152, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-green_outline"
			 class="h-fill-icon_color_green h-evenodd"
			 d="M74.036,210.035h6.956c1.969,0,3.005.849,3.005,2.974V216c0,2-.973,2.974-2.974,2.974H80l-0.013,3.969-4.805-3.969H74.067C72.036,218.97,71,218,71,216v-2.987C71,211.009,72.067,210.035,74.036,210.035Z" />
		<path
			 id="vb-svg-white-12"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M74.475,210.979h5.951c1.685,0,2.571.726,2.571,2.544v1.954c0,1.712-.833,2.464-2.544,2.464H79.021l-0.011,3.121-3.554-3.076H74.5c-1.738,0-2.624-.833-2.624-2.545v-2C71.878,211.732,72.791,210.979,74.475,210.979Z" />
		<path
			 id="vb-svg-green-3"
			 class="h-filter-43 h-fill-icon_color_green h-evenodd"
			 d="M77.964,208.035H71.008c-1.969,0-3,.849-3,2.974V214c0,2,.973,2.974,2.974,2.974H72l0.013,4.231,4.805-4.231h1.115C79.964,216.97,81,216,81,214v-2.987C81,209.009,79.933,208.035,77.964,208.035Z" />
	</g>
	<g
		 id="vb-svg-b-icon__speech-lock"
		 <vb:if condition="$rtl"> transform="translate(216, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-grey-4"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M109.964,208.036h-6.957c-1.969,0-3,.848-3,2.973V214c0,2,.973,2.974,2.973,2.974H104l0.013,4.232,4.8-4.232h1.115C111.964,216.97,113,216,113,214v-2.987C113,209.009,111.933,208.036,109.964,208.036Z" />
		<path
			 id="vb-svg-white-13"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M113.336,214l0.007-3.013h-2.967c-1.637,0-2.968.925-2.968,2.562l0.008,0.45H107a0.991,0.991,0,0,0-.989.99l-0.032,4,2.834-.011,4.49-1Z" />
		<path
			 id="vb-svg-lock-7"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M114.993,215h-0.657l0.007-.45c0-1.637-1.331-2.562-2.967-2.562s-2.968.925-2.968,2.562l0.007,0.45H108a0.991,0.991,0,0,0-.989.99v5a0.99,0.99,0,0,0,.989.989h6.991a0.99,0.99,0,0,0,.99-0.989v-5A0.991,0.991,0,0,0,114.993,215Zm-5.008-.95c0-.8.714-1.047,1.516-1.047s1.484,0.245,1.484,1.047l0.007,0.95h-3.014Z" />
		<rect
			 id="vb-svg-white-14"
			 class="h-fill-icon_color_white"
			 x="111"
			 y="217"
			 width="1"
			 height="3" />
	</g>
	<g
		 id="vb-svg-b-icon__link2"
		 <vb:if condition="$rtl"> transform="translate(280, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-link_2-3"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M139.978,216.58l-1.814,1.814a3.794,3.794,0,0,1-1.484-3c0-1.979.385-1.951,1.072-2.693s4.479-4.26,4.479-4.26a3.654,3.654,0,0,1,1.9-.522,3.791,3.791,0,0,1,2.8,1.264,4.4,4.4,0,0,1,1.044,2.748,3.056,3.056,0,0,1-.824,2.309c-0.715.879-2.611,2.748-2.611,2.748a14.009,14.009,0,0,0-.165-2.089,4.405,4.405,0,0,0-.44-0.907s0.8-.934,1.292-1.428a1.275,1.275,0,0,0-.082-1.622,1.578,1.578,0,0,0-1.924-.11c-0.577.522-3.518,3.545-3.793,3.847a1.206,1.206,0,0,0,.055,1.375C139.786,216.387,139.978,216.58,139.978,216.58Z" />
		<path
			 id="vb-svg-link_1-3"
			 class="h-filter-44 h-fill-icon_color_gray_05 h-evenodd"
			 d="M140.137,215.273l1.814-1.814a3.794,3.794,0,0,1,1.484,3c0,1.978-.385,1.951-1.072,2.693s-4.479,4.259-4.479,4.259a3.648,3.648,0,0,1-1.9.523,3.8,3.8,0,0,1-2.8-1.264,4.4,4.4,0,0,1-1.044-2.749,3.051,3.051,0,0,1,.825-2.308c0.714-.879,2.61-2.748,2.61-2.748a14.009,14.009,0,0,0,.165,2.089,4.44,4.44,0,0,0,.44.906s-0.8.935-1.292,1.429a1.275,1.275,0,0,0,.083,1.622,1.579,1.579,0,0,0,1.924.11c0.577-.522,3.517-3.545,3.792-3.848a1.2,1.2,0,0,0-.055-1.374C140.33,215.465,140.137,215.273,140.137,215.273Z" />
	</g>
	<path
		 id="vb-svg-b-icon__flag2"
		 <vb:if condition="$rtl"> transform="translate(335, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_06 h-evenodd"
		 d="M171.927,220.079c-2.87,0-2.931-.89-2.931-0.89v-0.748a6.845,6.845,0,0,0-1.955-.227c-2.9,0-2.846.947-2.846,0.947v-7.373s-0.024-.89,2.846-0.89c2.84,0,2.932.89,2.932,0.89v1a6.837,6.837,0,0,0,1.954.227c2.9,0,2.931-1.2,2.931-1.2v7.373S174.767,220.079,171.927,220.079Zm-8.989-8.327v4.2h0.095l-0.085,6a0.93,0.93,0,0,1-.91,1,1,1,0,0,1-.994-1V211.792a2.017,2.017,0,1,1,2.973-1.772A2.092,2.092,0,0,1,162.938,211.752Z" />
	<path
		 id="vb-svg-b-icon__flag2--active"
		 <vb:if condition="$rtl"> transform="translate(367, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 d="M187.927,220.079c-2.87,0-2.931-.89-2.931-0.89v-0.748a6.845,6.845,0,0,0-1.955-.227c-2.9,0-2.846.947-2.846,0.947v-7.373s-0.024-.89,2.846-0.89c2.84,0,2.932.89,2.932,0.89v1a6.837,6.837,0,0,0,1.954.227c2.9,0,2.931-1.2,2.931-1.2v7.373S190.767,220.079,187.927,220.079Zm-8.989-8.327v4.2h0.095l-0.085,6a0.93,0.93,0,0,1-.91,1,1,1,0,0,1-.994-1V211.792a2.017,2.017,0,1,1,2.973-1.772A2.092,2.092,0,0,1,178.938,211.752Z" />
	<path
		 id="vb-svg-b-icon__clock"
		 <vb:if condition="$rtl"> transform="translate(399, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_06 h-evenodd"
		 d="M199.5,208a7.5,7.5,0,1,1-7.5,7.5A7.5,7.5,0,0,1,199.5,208Zm0,1.641a5.859,5.859,0,1,1-5.859,5.859A5.859,5.859,0,0,1,199.5,209.641Zm0,1.078a0.5,0.5,0,0,1,.5.5V215.5a0.5,0.5,0,0,1-1,0v-4.281A0.5,0.5,0,0,1,199.5,210.719Zm0,4.281h2.844a0.5,0.5,0,0,1,0,1H199.5A0.5,0.5,0,0,1,199.5,215Z" />
	<path
		 id="vb-svg-b-icon__clock--active"
		 <vb:if condition="$rtl"> transform="translate(431, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 d="M215.5,208a7.5,7.5,0,1,1-7.5,7.5A7.5,7.5,0,0,1,215.5,208Zm0,1.641a5.859,5.859,0,1,1-5.859,5.859A5.859,5.859,0,0,1,215.5,209.641Zm0,1.078a0.5,0.5,0,0,1,.5.5V215.5a0.5,0.5,0,0,1-1,0v-4.281A0.5,0.5,0,0,1,215.5,210.719Zm0,4.281h2.844a0.5,0.5,0,0,1,0,1H215.5A0.5,0.5,0,0,1,215.5,215Z" />
	<path
		 id="vb-svg-b-icon__arrow-90deg"
		 <vb:if condition="$rtl"> transform="translate(491, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 d="M250.9,213.922L246,216.864v-1.882h-4.292c-1.529,0-1.719-.15-1.719-1.958v-5h1.945v4.977H246v-2.137Z" />
	<path
		 id="vb-svg-b-icon__speech-single2--blue"
		 <vb:if condition="$rtl"> transform="translate(522, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M256.991,208.035h8.019a1,1,0,0,1,1,1v5.939a1,1,0,0,1-1,1h-1.047v3l-3.194-3h-3.778a1,1,0,0,1-1-1v-5.939A1,1,0,0,1,256.991,208.035Z" />
	<path
		 id="vb-svg-b-icon__speech-single2--gray"
		 <vb:if condition="$rtl"> transform="translate(554, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_06 h-evenodd"
		 d="M272.991,208.035h8.019a1,1,0,0,1,1,1v5.939a1,1,0,0,1-1,1h-1.047v3l-3.194-3h-3.778a1,1,0,0,1-1-1v-5.939A1,1,0,0,1,272.991,208.035Z" />
	<path
		 id="vb-svg-b-icon__lock"
		 class="h-fill-icon_color_gray_08 h-evenodd"
		 d="M295.993,211h-0.657l0.007-.45c0-1.637-1.331-2.562-2.967-2.562s-2.968.925-2.968,2.562l0.008,0.45H289a0.991,0.991,0,0,0-.989.99v5a0.99,0.99,0,0,0,.989.989h6.991a0.99,0.99,0,0,0,.99-0.989v-5A0.991,0.991,0,0,0,295.993,211Zm-5.008-.95c0-.8.714-1.047,1.516-1.047s1.484,0.245,1.484,1.047l0.007,0.95h-3.014ZM292,213h1v3h-1v-3Z" />
	<path
		 id="vb-svg-b-icon__double-arrow-down--blue"
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M309.484,207.969a5.516,5.516,0,1,1-5.515,5.515A5.516,5.516,0,0,1,309.484,207.969Zm0.284,8.48,2.115-2.183c0.169-.151.033-0.3-0.3-0.3h-4.238c-0.335,0-.472.148-0.3,0.3l2.083,2.18A0.5,0.5,0,0,0,309.768,216.449Zm0-2.528,2.115-2.551c0.169-.176.033-0.35-0.3-0.35h-4.238c-0.335,0-.472.174-0.3,0.35l2.083,2.547A0.449,0.449,0,0,0,309.768,213.921Z" />
	<path
		 id="vb-svg-b-icon__double-arrow-right2--blue"
		 <vb:if condition="$rtl"> transform="translate(653, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M319.989,207.989H333v9.046H319.989v-9.046Zm5.908,4.2-2.541-2.115c-0.175-.169-0.348-0.033-0.348.3v4.238c0,0.336.173,0.472,0.348,0.3l2.538-2.083A0.451,0.451,0,0,0,325.9,212.185Zm4,0-2.541-2.115c-0.175-.169-0.348-0.033-0.348.3v4.238c0,0.336.173,0.472,0.348,0.3l2.538-2.083A0.451,0.451,0,0,0,329.9,212.185Z" />
	<path
		 id="vb-svg-b-icon__tool-smiley-s"
		 class="h-fill-icon_color_steel_02 h-evenodd"
		 d="M358.975,207.968a7.024,7.024,0,1,1-7.041,7.024A7.032,7.032,0,0,1,358.975,207.968Zm-2.419,3.771a1.224,1.224,0,1,1-1.223,1.223A1.224,1.224,0,0,1,356.556,211.739Zm4.862,0.014a1.21,1.21,0,1,1-1.209,1.209A1.209,1.209,0,0,1,361.418,211.753Zm1.569,5.7a0.562,0.562,0,0,0-1.081-.215,2.776,2.776,0,0,1-2.925,1.653c-1.59,0-2.151-.295-2.874-1.567l-0.1-.217c-0.092-.187-0.309-0.43-0.5-0.319-0.487.282-.549,0.387-0.551,0.652l0,0.138a4.209,4.209,0,0,0,4.018,2.293,3.941,3.941,0,0,0,4-2.192l0.034-.107C363.065,217.57,362.987,217.53,362.987,217.455Z" />
	<path
		 id="vb-svg-b-icon__tool-smiley-s--active"
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M374.975,207.968a7.024,7.024,0,1,1-7.041,7.024A7.032,7.032,0,0,1,374.975,207.968Zm-2.419,3.771a1.224,1.224,0,1,1-1.223,1.223A1.224,1.224,0,0,1,372.556,211.739Zm4.862,0.014a1.21,1.21,0,1,1-1.209,1.209A1.209,1.209,0,0,1,377.418,211.753Zm1.569,5.7a0.562,0.562,0,0,0-1.081-.215,2.775,2.775,0,0,1-2.925,1.653c-1.59,0-2.151-.295-2.874-1.567l-0.1-.217c-0.092-.187-0.309-0.43-0.5-0.319-0.487.282-.549,0.387-0.551,0.652l0,0.138a4.209,4.209,0,0,0,4.018,2.293,3.944,3.944,0,0,0,4-2.192l0.033-.107C379.065,217.57,378.987,217.53,378.987,217.455Z" />
	<path
		 id="vb-svg-b-icon__tool-video"
		 class="h-fill-icon_color_steel_02 h-evenodd"
		 d="M423.483,208.079H400.508a0.549,0.549,0,0,0-.5.588v20.694a0.551,0.551,0,0,0,.5.591h22.975a0.581,0.581,0,0,0,.537-0.591l-0.039-20.694A0.549,0.549,0,0,0,423.483,208.079ZM403,229h-2v-1.963h2V229Zm20-3.007h-22.01v-14H423v14Zm-7.021-7.608-5.011-4.317a0.668,0.668,0,0,0-.428-0.1,0.445,0.445,0,0,0-.528.287,2.534,2.534,0,0,0-.017.309l0,9.073a1.014,1.014,0,0,0,.233.215c0.065,0.114.028,0.237,0.222,0.237a1.372,1.372,0,0,0,.67-0.278s3.029-2.695,4.906-4.329a0.746,0.746,0,0,0,.2-0.49,0.774,0.774,0,0,0-.208-0.535C416,218.449,415.328,218.2,415.976,218.384ZM407,229h-2v-1.963h2V229Zm4,0h-2v-1.963h2V229Zm4,0h-2v-1.963h2V229Zm4,0h-2v-1.963h2V229Zm4,0h-2v-1.963h2V229Zm-20-18h-2v-1.963h2V211Zm4,0h-2v-1.963h2V211Zm4,0h-2v-1.963h2V211Zm4,0h-2v-1.963h2V211Zm4,0h-2v-1.963h2V211Zm4,0h-2v-1.963h2V211Z" />
	<path
		 id="vb-svg-b-icon__tool-video--active"
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M455.483,208.079H432.508a0.549,0.549,0,0,0-.5.588v20.694a0.551,0.551,0,0,0,.5.591h22.975a0.581,0.581,0,0,0,.537-0.591l-0.039-20.694A0.549,0.549,0,0,0,455.483,208.079ZM435,229h-2v-1.963h2V229Zm20-3.007h-22.01v-14H455v14Zm-7.021-7.608-5.011-4.317a0.668,0.668,0,0,0-.428-0.1,0.445,0.445,0,0,0-.528.287,2.534,2.534,0,0,0-.017.309l0,9.073a1.014,1.014,0,0,0,.233.215c0.065,0.114.028,0.237,0.222,0.237a1.372,1.372,0,0,0,.67-0.278s3.029-2.695,4.906-4.329a0.746,0.746,0,0,0,.2-0.49,0.774,0.774,0,0,0-.208-0.535C448,218.449,447.328,218.2,447.976,218.384ZM439,229h-2v-1.963h2V229Zm4,0h-2v-1.963h2V229Zm4,0h-2v-1.963h2V229Zm4,0h-2v-1.963h2V229Zm4,0h-2v-1.963h2V229Zm-20-18h-2v-1.963h2V211Zm4,0h-2v-1.963h2V211Zm4,0h-2v-1.963h2V211Zm4,0h-2v-1.963h2V211Zm4,0h-2v-1.963h2V211Zm4,0h-2v-1.963h2V211Z" />
	<path
		 id="vb-svg-b-icon__tool-attachment"
		 <vb:if condition="$rtl"> transform="translate(944, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_steel_02 h-evenodd"
		 d="M477.8,212.39l-2.069-2.2a0.541,0.541,0,0,0-.381-0.156h-1.3c0-.023.007-0.069,0.007-0.093,0-1.062-1.429-1.969-2.531-1.969s-2.507.907-2.507,1.969v0.093h-2.482a0.653,0.653,0,0,0-.542.658V223.38a0.542,0.542,0,0,0,.542.542h10.881a0.571,0.571,0,0,0,.574-0.542v-10.6A0.576,0.576,0,0,0,477.8,212.39Zm-6.908-2.453a0.719,0.719,0,0,1,.667-0.851,0.936,0.936,0,0,1,1.073.633c0,0.024-.019.288-0.016,0.311h-1.724v-0.093Zm5.106,12h-8.016v-9.975h1.014v3.962c0,1.061,1.68,2.087,2.791,2.087a2.281,2.281,0,0,0,2.195-2.087v-2.048a0.927,0.927,0,0,0-.748-0.747,0.877,0.877,0,0,0-.7.747v2.048a0.664,0.664,0,0,1-.745.713,0.686,0.686,0,0,1-.774-0.713V212l4.057-.034v0.817c0,0.179.1,0.2,0.28,0.2h0.648v8.959Z" />
	<path
		 id="vb-svg-b-icon__tool-attachment--active"
		 <vb:if condition="$rtl"> transform="translate(976, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M493.8,212.39l-2.069-2.2a0.541,0.541,0,0,0-.381-0.156h-1.3c0-.023.007-0.069,0.007-0.093,0-1.062-1.429-1.969-2.531-1.969s-2.507.907-2.507,1.969v0.093h-2.482a0.653,0.653,0,0,0-.542.658V223.38a0.542,0.542,0,0,0,.542.542h10.881a0.571,0.571,0,0,0,.574-0.542v-10.6A0.576,0.576,0,0,0,493.8,212.39Zm-6.908-2.453a0.719,0.719,0,0,1,.667-0.851,0.936,0.936,0,0,1,1.073.633c0,0.024-.019.288-0.016,0.311h-1.724v-0.093Zm5.106,12h-8.016v-9.975h1.014v3.962c0,1.061,1.68,2.087,2.791,2.087a2.281,2.281,0,0,0,2.195-2.087v-2.048a0.927,0.927,0,0,0-.748-0.747,0.877,0.877,0,0,0-.7.747v2.048a0.664,0.664,0,0,1-.745.713,0.686,0.686,0,0,1-.774-0.713V212l4.057-.034v0.817c0,0.179.1,0.2,0.28,0.2h0.648v8.959Z" />
	<g
		 id="vb-svg-b-icon__tool-advanced">
		<path
			 id="vb-svg-Text_Format-2"
			 class="h-fill-icon_color_steel_02 h-evenodd"
			 d="M506.373,210.619c-0.163-.437-0.3-0.785-0.4-1.047a3.981,3.981,0,0,0-.39-0.733,1.812,1.812,0,0,0-.608-0.557,2.118,2.118,0,0,0-1.868,0,1.786,1.786,0,0,0-.608.566,4.662,4.662,0,0,0-.435.881l-0.35.909-3.4,8.778c-0.139.351-.238,0.624-0.3,0.82a1.964,1.964,0,0,0-.091.572,1.166,1.166,0,0,0,.39.858,1.254,1.254,0,0,0,.9.378,1,1,0,0,0,.862-0.355,6.139,6.139,0,0,0,.635-1.369l0.635-1.589h5.406l0.634,1.552q0.127,0.314.305,0.724a2.948,2.948,0,0,0,.33.608,1.11,1.11,0,0,0,.382.314,1.184,1.184,0,0,0,.544.115,1.256,1.256,0,0,0,.929-0.392,1.208,1.208,0,0,0,.386-0.862,4.446,4.446,0,0,0-.408-1.448Zm-4.327,6.506,1.969-6.174,2,6.138Z" />
		<path
			 id="vb-svg-underline"
			 class="h-fill-icon_color_steel_02 h-evenodd"
			 d="M498.112,222.989h12.093a0.8,0.8,0,0,1,.8.795c0,0.439-.356.279-0.8,0.279H498.112c-0.439,0-.8.16-0.8-0.279A0.8,0.8,0,0,1,498.112,222.989Z" />
	</g>
	<g
		 id="vb-svg-b-icon__tool-advanced--active">
		<path
			 id="vb-svg-Text_Format-3"
			 class="h-fill-icon_color_blue_04 h-evenodd"
			 d="M522.373,210.619c-0.163-.437-0.3-0.785-0.4-1.047a3.981,3.981,0,0,0-.39-0.733,1.812,1.812,0,0,0-.608-0.557,2.118,2.118,0,0,0-1.868,0,1.786,1.786,0,0,0-.608.566,4.662,4.662,0,0,0-.435.881l-0.35.909-3.4,8.778c-0.139.351-.238,0.624-0.3,0.82a1.964,1.964,0,0,0-.091.572,1.166,1.166,0,0,0,.39.858,1.254,1.254,0,0,0,.9.378,1,1,0,0,0,.862-0.355,6.139,6.139,0,0,0,.635-1.369l0.635-1.589h5.406l0.635,1.552c0.084,0.209.186,0.45,0.3,0.724a2.948,2.948,0,0,0,.33.608,1.11,1.11,0,0,0,.382.314,1.184,1.184,0,0,0,.544.115,1.258,1.258,0,0,0,.929-0.392,1.208,1.208,0,0,0,.386-0.862,4.446,4.446,0,0,0-.408-1.448Zm-4.327,6.506,1.969-6.174,2,6.138Z" />
		<path
			 id="vb-svg-underline-2"
			 class="h-fill-icon_color_blue_04 h-evenodd"
			 d="M514.112,222.989h12.093a0.8,0.8,0,0,1,.8.795c0,0.439-.356.279-0.8,0.279H514.112c-0.439,0-.795.16-0.795-0.279A0.8,0.8,0,0,1,514.112,222.989Z" />
	</g>
	<path
		 id="vb-svg-b-icon__tool-smiley"
		 class="h-fill-icon_color_steel_02 h-evenodd"
		 d="M536.01,207.945a8,8,0,1,1-8.085,8A8.045,8.045,0,0,1,536.01,207.945Zm-2.346,4.748a1.226,1.226,0,1,1-1.238,1.226A1.233,1.233,0,0,1,533.664,212.693Zm4.922,0.014a1.212,1.212,0,1,1-1.224,1.212A1.218,1.218,0,0,1,538.586,212.707Zm2.3,5.322a0.569,0.569,0,0,0-1.094-.215,4.222,4.222,0,0,1-3.67,2.11,4.145,4.145,0,0,1-3.645-2.141l0,0a0.565,0.565,0,0,0-1.033.459l-0.03.013a5.493,5.493,0,0,0,4.709,2.774,5.555,5.555,0,0,0,4.754-2.776l-0.03-.013A0.559,0.559,0,0,0,540.883,218.029Z" />
	<path
		 id="vb-svg-b-icon__tool-smiley--active"
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M552.01,207.945a8,8,0,1,1-8.086,8A8.045,8.045,0,0,1,552.01,207.945Zm-2.346,4.748a1.226,1.226,0,1,1-1.238,1.226A1.233,1.233,0,0,1,549.664,212.693Zm4.922,0.014a1.212,1.212,0,1,1-1.224,1.212A1.218,1.218,0,0,1,554.586,212.707Zm2.3,5.322a0.569,0.569,0,0,0-1.094-.215,4.222,4.222,0,0,1-3.67,2.11,4.145,4.145,0,0,1-3.645-2.141l0,0a0.565,0.565,0,0,0-1.033.459l-0.03.013a5.493,5.493,0,0,0,4.709,2.774,5.555,5.555,0,0,0,4.754-2.776l-0.03-.013A0.559,0.559,0,0,0,556.883,218.029Z" />
	<g
		 id="vb-svg-b-icon__pm"
		 <vb:if condition="$rtl"> transform="translate(1136, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-frame-13"
			 class="h-fill-icon_color_blue_04 h-evenodd"
			 d="M563,208h11a2,2,0,0,1,2,2v7a2,2,0,0,1-2,2h-3.257c0.056,1.558-6.743,3-6.743,3s2.007-3,1.228-3H563a2,2,0,0,1-2-2v-7A2,2,0,0,1,563,208Z"/>
		<path
			 id="vb-svg-fill-34"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M564,209h9a2,2,0,0,1,2,2v6c0,1.1-.895,1-2,1h-3c0.056,1.558-4,2-4,2s1.007-2,.228-2H564a2,2,0,0,1-2-2v-5A2,2,0,0,1,564,209Z"/>
	</g>
	<g
		 id="vb-svg-b-icon__pm--legacy">
		<path
			 id="vb-svg-b-icon-pm-legacy-white-fill"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M592.75,213 a0.51,0.51,0,0,0-.209-0.412l-7.112-4.759 a0.511,0.511,0,0,0-.6,0l-6.863,4.759 a0.51,0.51,0,0,0-.209.412 v8.205 a0.51,0.51,0,0,0,.51.51 H592.75 a0.441,0.441,0,0,0,.511-0.51 v-8.205Z" />
		<use
			 id="vb-svg-b-icon-pm-legacy-blue-outline"
			 class="h-fill-icon_color_blue_04 h-evenodd"
			 xlink:href="#vb-svg-generic-envelope"
			 href="#vb-svg-generic-envelope"
			 x="578"
			 y="32" />
	</g>
	<path
		 id="vb-svg-b-icon b-icon__tool-event"
		 class="h-fill-icon_color_steel_02 h-evenodd"
		 d="M660.519,211H658.99v1.855a1.578,1.578,0,0,1-3.057,0V211h-7.887v1.855a1.412,1.412,0,0,1-1.5,1.185,1.513,1.513,0,0,1-1.591-1.185V211h-1.5a2.486,2.486,0,0,0-2.484,2.482V227.5a2.486,2.486,0,0,0,2.484,2.483h17.059A2.486,2.486,0,0,0,663,227.5V213.484A2.486,2.486,0,0,0,660.519,211ZM661,227.124a0.833,0.833,0,0,1-.825.867H643.809a0.834,0.834,0,0,1-.826-0.867V216H661v11.123Zm-14.526-14.14a0.545,0.545,0,0,0,.486-0.608v-3.8a0.523,0.523,0,0,0-.455-0.607,0.567,0.567,0,0,0-.516.607v3.8A0.545,0.545,0,0,0,646.469,212.984Zm-1.3,7.037h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,645.165,220.021Zm12.3-7.037a0.545,0.545,0,0,0,.486-0.608v-3.8a0.523,0.523,0,0,0-.455-0.607,0.567,0.567,0,0,0-.516.607v3.8A0.545,0.545,0,0,0,657.469,212.984Zm-8.3,7.037h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,649.165,220.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,653.165,220.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,657.165,220.021Zm-12,3h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,645.165,223.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,649.165,223.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,653.165,223.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,657.165,223.021Zm-12,3h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,645.165,226.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,649.165,226.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,653.165,226.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,657.165,226.021Z" />
	<path
		 id="vb-svg-b-icon__tool-event--active"
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M692.519,211H690.99v1.855a1.578,1.578,0,0,1-3.057,0V211h-7.887v1.855a1.412,1.412,0,0,1-1.5,1.185,1.513,1.513,0,0,1-1.591-1.185V211h-1.5a2.486,2.486,0,0,0-2.484,2.482V227.5a2.486,2.486,0,0,0,2.484,2.483h17.059A2.486,2.486,0,0,0,695,227.5V213.484A2.486,2.486,0,0,0,692.519,211ZM693,227.124a0.833,0.833,0,0,1-.825.867H675.809a0.833,0.833,0,0,1-.826-0.867V216H693v11.123Zm-14.526-14.14a0.545,0.545,0,0,0,.486-0.608v-3.8a0.523,0.523,0,0,0-.455-0.607,0.567,0.567,0,0,0-.516.607v3.8A0.545,0.545,0,0,0,678.469,212.984Zm-1.3,7.037h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,677.165,220.021Zm12.3-7.037a0.545,0.545,0,0,0,.486-0.608v-3.8a0.523,0.523,0,0,0-.455-0.607,0.567,0.567,0,0,0-.516.607v3.8A0.545,0.545,0,0,0,689.469,212.984Zm-8.3,7.037h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,681.165,220.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,685.165,220.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,689.165,220.021Zm-12,3h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,677.165,223.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,681.165,223.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,685.165,223.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,689.165,223.021Zm-12,3h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,677.165,226.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,681.165,226.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,685.165,226.021Zm4,0h1.581a0.224,0.224,0,0,0,.223-0.223v-1.58a0.223,0.223,0,0,0-.223-0.223h-1.581a0.224,0.224,0,0,0-.223.223v1.58A0.225,0.225,0,0,0,689.165,226.021Z" />


	<vb:comment> ***** ICONS ROW 9 ***** </vb:comment>
	<g
		 id="vb-svg-b-icon__doc-m-star--red"
		 <vb:if condition="$rtl"> transform="translate(24, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-41"
			 class="h-fill-icon_color_red_01 h-evenodd"
			 d="M19.827,245.251L14.989,240.2A0.647,0.647,0,0,0,14.513,240H5.983a1.993,1.993,0,0,0-1.991,1.991v14.038a1.993,1.993,0,0,0,1.991,1.991H18.008A1.993,1.993,0,0,0,20,256.025V245.691A0.65,0.65,0,0,0,19.827,245.251Z" />
		<path
			 id="vb-svg-fill-30"
			 class="h-fill-icon_color_red_02 h-evenodd"
			 d="M18.408,245.524H15.123v-3.556Zm0.6,10.828a0.7,0.7,0,0,1-.7.7H5.68a0.7,0.7,0,0,1-.7-0.7V241.8a0.7,0.7,0,0,1,.7-0.695h8.37v5.553a0.306,0.306,0,0,0,.306.306h3.39L19.006,247v9.355Z" />
		<path
			 id="vb-svg-star"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M14.207,253.935L11.559,251.8l-2.824,2.182,1.05-3.463L7.14,248.437h3.314l1.085-3.1,1.1,3.092,3.314,0.011-2.631,2.069Z" />
	</g>
	<g
		 id="vb-svg-b-icon__doc-m-star"
		 <vb:if condition="$rtl"> transform="translate(88, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-42"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M51.827,245.251L46.989,240.2A0.647,0.647,0,0,0,46.513,240h-8.53a1.993,1.993,0,0,0-1.991,1.99v14.039a1.993,1.993,0,0,0,1.991,1.991H50.008A1.993,1.993,0,0,0,52,256.025V245.691A0.65,0.65,0,0,0,51.827,245.251Z" />
		<path
			 id="vb-svg-fill-31"
			 class="h-filter-33 h-fill-icon_color_gray_01 h-evenodd"
			 d="M50.408,245.524H47.123v-3.556Zm0.6,10.828a0.7,0.7,0,0,1-.7.7H37.68a0.7,0.7,0,0,1-.7-0.7V241.8a0.7,0.7,0,0,1,.7-0.695h8.37v5.553a0.306,0.306,0,0,0,.306.306h3.39L51.006,247v9.355Z" />
		<path
			 id="vb-svg-symbol_copy_3"
			 class="h-fill-icon_color_red_02 h-evenodd"
			 d="M46.208,253.935L43.559,251.8l-2.824,2.183,1.05-3.464-2.644-2.083h3.314l1.084-3.1,1.1,3.092,3.314,0.011-2.631,2.069Z" />
	</g>
	<g
		 id="vb-svg-b-icon__doc-m--blue"
		 <vb:if condition="$rtl"> transform="translate(152, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-43"
			 class="h-fill-icon_color_steel_01 h-evenodd"
			 d="M83.827,245.251L78.989,240.2A0.647,0.647,0,0,0,78.513,240h-8.53a1.992,1.992,0,0,0-1.991,1.99v14.039a1.993,1.993,0,0,0,1.991,1.991H82.008A1.993,1.993,0,0,0,84,256.025V245.691A0.65,0.65,0,0,0,83.827,245.251Z" />
		<path
			 id="vb-svg-fill-32"
			 class="h-filter-34 h-fill-icon_color_blue_01 h-evenodd"
			 d="M83.006,256.352a0.7,0.7,0,0,1-.7.7H69.68a0.7,0.7,0,0,1-.7-0.7V241.8a0.7,0.7,0,0,1,.7-0.695h7.37v6.553a0.306,0.306,0,0,0,.306.306h4.39L83.006,248v8.356Z" />
		<path
			 id="vb-svg-corner"
			 class="h-fill-icon_color_gray_01 h-evenodd"
			 d="M82.792,247.043h-4.9V241.2Z" />
		<path
			 id="vb-svg-txt_light"
			 class="h-fill-icon_color_blue_01 h-evenodd"
			 d="M71,247h5v1H71v-1Zm0,3H81v1H71v-1Zm0,3H81v1H71v-1Z" />
		<path
			 id="vb-svg-txt_"
			 class="h-fill-icon_color_steel_01 h-evenodd"
			 d="M71,246h5v1H71v-1Zm0,3H81v1H71v-1Zm0,3H81v1H71v-1Z" />
	</g>
	<g
		 id="vb-svg-b-icon__doc-m"
		 <vb:if condition="$rtl"> transform="translate(216, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base_"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M115.826,245.251l-4.837-5.047a0.647,0.647,0,0,0-.476-0.208h-8.53a1.993,1.993,0,0,0-1.991,1.99v14.039a1.993,1.993,0,0,0,1.991,1.991h12.025A1.993,1.993,0,0,0,116,256.025V245.691A0.648,0.648,0,0,0,115.826,245.251Z" />
		<path
			 id="vb-svg-fill_"
			 class="h-filter-35 h-fill-icon_color_gray_01 h-evenodd"
			 d="M114.408,245.524h-3.285v-3.556Zm0.6,10.828a0.7,0.7,0,0,1-.695.7H101.68a0.7,0.7,0,0,1-.7-0.7V241.8a0.7,0.7,0,0,1,.7-0.695h8.37v5.553a0.306,0.306,0,0,0,.306.306h3.39l1.26,0.036v9.355Z" />
		<path
			 id="vb-svg-txt_white-2"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M103,247h5v1h-5v-1Zm0,3h10v1H103v-1Zm0,3h10v1H103v-1Z" />
		<path
			 id="vb-svg-txt-4"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M103,246h5v1h-5v-1Zm0,3h10v1H103v-1Zm0,3h10v1H103v-1Z" />
	</g>
	<g
		 id="vb-svg-b-icon__doc-m-lock"
		 <vb:if condition="$rtl"> transform="translate(280, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-44"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M147.826,245.251l-4.837-5.047a0.647,0.647,0,0,0-.476-0.208h-8.53a1.993,1.993,0,0,0-1.991,1.99v14.039a1.993,1.993,0,0,0,1.991,1.991h12.025A1.994,1.994,0,0,0,148,256.025V245.691A0.648,0.648,0,0,0,147.826,245.251Z" />
		<path
			 id="vb-svg-fill_2-3"
			 class="h-filter-36 h-fill-icon_color_gray_01 h-evenodd"
			 d="M147.006,247v9.356a0.7,0.7,0,0,1-.695.7H133.68a0.7,0.7,0,0,1-.7-0.7V241.8a0.7,0.7,0,0,1,.7-0.695h8.37" />
		<path
			 id="vb-svg-lock-5"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M143.088,247H142.43l0.008-.45a2.244,2.244,0,0,0-2.451-2.561,2.337,2.337,0,0,0-2.579,2.561l0.007,0.45H137a0.992,0.992,0,0,0-.99.99v5a0.991,0.991,0,0,0,.99.99h6.086a0.991,0.991,0,0,0,.989-0.99v-5A0.991,0.991,0,0,0,143.088,247Zm-4.1-.95A0.909,0.909,0,0,1,140.112,245c0.8,0,.967.246,0.967,1.047l0.008,0.95h-2.109ZM139,249h2v3h-2v-3Z" />
	</g>
	<g
		 id="vb-svg-b-icon__doc-m-arrow"
		 <vb:if condition="$rtl"> transform="translate(344, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base_2"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M179.826,245.251l-4.837-5.047a0.647,0.647,0,0,0-.476-0.208h-8.53a1.993,1.993,0,0,0-1.991,1.99v14.039a1.993,1.993,0,0,0,1.991,1.991h12.025A1.993,1.993,0,0,0,180,256.025V245.691A0.648,0.648,0,0,0,179.826,245.251Z" />
		<path
			 id="vb-svg-fill_3"
			 class="h-filter-37 h-fill-icon_color_gray_01 h-evenodd"
			 d="M178.408,245.524h-3.285v-3.556Zm0.6,10.828a0.7,0.7,0,0,1-.695.7H165.68a0.7,0.7,0,0,1-.7-0.7V241.8a0.7,0.7,0,0,1,.7-0.695h8.37v5.553a0.306,0.306,0,0,0,.306.306h3.39l1.26,0.036v9.355Z" />
		<path
			 id="vb-svg-txt_white-3"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M167,247h5v1h-5v-1Zm0,3h10v1H167v-1Zm0,3h10v1H167v-1Z" />
		<path
			 id="vb-svg-txt-5"
			 class="h-fill-icon_color_gray_05 h-evenodd"
			 d="M167,246h5v1h-5v-1Zm0,3h10v1H167v-1Zm0,3h10v1H167v-1Z" />
		<path
			 id="vb-svg-green"
			 class="h-fill-icon_color_green h-evenodd"
			 d="M180.006,257.352a0.7,0.7,0,0,1-.695.7H171l-0.015-8.063L180.006,250v7.355Z" />
		<path
			 id="vb-svg-arrow_dark_green"
			 class="h-fill-icon_color_gray_07 h-evenodd"
			 d="M176,252h1v5h-1v-5Zm-1,1h1v3h-1v-3Zm-1,1h1v1h-1v-1Z" />
		<path
			 id="vb-svg-arrow_white"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M176,251h1v5h-1v-5Zm-1,1h1v3h-1v-3Zm-1,1h1v1h-1v-1Z" />
	</g>
	<g
		 id="vb-svg-b-icon__doc-m-lock-arrow"
		 <vb:if condition="$rtl"> transform="translate(408, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-45"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M211.826,245.251l-4.837-5.047a0.647,0.647,0,0,0-.476-0.208h-8.53a1.993,1.993,0,0,0-1.991,1.99v14.039a1.993,1.993,0,0,0,1.991,1.991h12.025A1.994,1.994,0,0,0,212,256.025V245.691A0.648,0.648,0,0,0,211.826,245.251Z" />
		<path
			 id="vb-svg-fill_4"
			 class="h-filter-38 h-fill-icon_color_gray_01 h-evenodd"
			 d="M211.006,247v9.356a0.7,0.7,0,0,1-.695.7H197.68a0.7,0.7,0,0,1-.7-0.7V241.8a0.7,0.7,0,0,1,.7-0.695h8.37" />
		<path
			 id="vb-svg-lock-6"
			 class="h-fill-icon_color_gray_08 h-evenodd"
			 d="M207.088,247h-0.657l0.007-.45a2.244,2.244,0,0,0-2.451-2.561,2.337,2.337,0,0,0-2.579,2.561l0.007,0.45H201a0.992,0.992,0,0,0-.99.99v5a0.991,0.991,0,0,0,.99.99h6.086a0.991,0.991,0,0,0,.989-0.99v-5A0.991,0.991,0,0,0,207.088,247Zm-4.1-.95A0.909,0.909,0,0,1,204.112,245c0.8,0,.967.246,0.967,1.047l0.008,0.95h-2.109ZM203,249h2v3h-2v-3Z" />
		<path
			 id="vb-svg-green-2"
			 class="h-fill-icon_color_green h-evenodd"
			 d="M212.006,257.352a0.7,0.7,0,0,1-.695.7H203l-0.015-8.063L212.006,250v7.355Z" />
		<path
			 id="vb-svg-arrow_dark_green-2"
			 class="h-fill-icon_color_gray_07 h-evenodd"
			 d="M208,252h1v5h-1v-5Zm-1,1h1v3h-1v-3Zm-1,1h1v1h-1v-1Z" />
		<path
			 id="vb-svg-arrow_white-2"
			 class="h-fill-icon_color_white h-evenodd"
			 d="M208,251h1v5h-1v-5Zm-1,1h1v3h-1v-3Zm-1,1h1v1h-1v-1Z" />
	</g>
	<g
		 id="vb-svg-b-icon__doc-m-delete"
		 <vb:if condition="$rtl"> transform="translate(472, 0) scale(-1, 1)"</vb:if>>
		<path
			 id="vb-svg-base-46"
			 class="h-fill-icon_color_gray_06 h-evenodd"
			 d="M243.826,245.251l-4.837-5.047a0.647,0.647,0,0,0-.476-0.208h-8.53a1.993,1.993,0,0,0-1.991,1.99v14.039a1.993,1.993,0,0,0,1.991,1.991h12.025A1.994,1.994,0,0,0,244,256.025V245.691A0.648,0.648,0,0,0,243.826,245.251Z" />
		<path
			 id="vb-svg-fill-33"
			 class="h-filter-39 h-fill-icon_color_gray_01 h-evenodd"
			 d="M243.006,247v9.356a0.7,0.7,0,0,1-.695.7H229.68a0.7,0.7,0,0,1-.7-0.7V241.8a0.7,0.7,0,0,1,.7-0.695h8.37" />
		<circle
			 id="vb-svg-stop"
			 class="h-filter-40 h-fill-icon_color_red_02"
			 cx="235.969"
			 cy="248.938"
			 r="5.063" />
		<rect
			 id="vb-svg-white-9"
			 class="h-fill-icon_color_white"
			 x="234"
			 y="248"
			 width="4"
			 height="2" />
	</g>
	<path
		 id="vb-svg-b-icon__paperclip"
		 <vb:if condition="$rtl"> transform="translate(528, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_gray_07 h-evenodd"
		 d="M267.033,250.207l0.621-.5s-3.957-4.268-4.585-4.9a1.2,1.2,0,0,0-1.871-.063,1.529,1.529,0,0,0-.305,2.31,75.7,75.7,0,0,0,6.233,6.905c1.091,1.058,1.915.935,2.305,0.64a12.507,12.507,0,0,0,1.256-1.144c0.571-.571,1.712-1.883.628-3.138s-8.387-8.729-9.243-9.584-2.057-.674-3.91,1.157c-1.668,1.648-2.38,2.79-1.239,4.1s7.023,7.93,7.023,7.93l0.7-.7s-6.059-6.822-6.565-7.41c-0.792-.921-0.4-2.024.624-2.994s1.988-2,2.91-1.189c0.61,0.534,7.706,7.86,8.448,8.659s0.911,1.528-.1,2.572c-1.3,1.345-1.807.888-3.038-.373-1.523-1.56-5.105-5.477-5.39-5.99a0.816,0.816,0,0,1,1.122-.919C263.11,245.984,267.033,250.207,267.033,250.207Z" />
	<g
		 id="vb-svg-b-icon__warning--yellow">
		<path
			 id="vb-svg-base-5"
			 class="h-fill-icon_color_orange h-evenodd"
			 d="M303.812,251.667L297.5,240.679a1.743,1.743,0,0,0-2.915,0l-6.451,10.988a1.46,1.46,0,0,0,.009,1.55,1.705,1.705,0,0,0,1.449.772h12.766a1.7,1.7,0,0,0,1.448-.772A1.46,1.46,0,0,0,303.812,251.667Z" />
		<path
			 id="vb-svg-_"
			 class="h-fill-icon_color_gray_12 h-evenodd"
			 d="M296.754,251.686a1.162,1.162,0,0,1-.759.268,1.19,1.19,0,0,1-.766-0.264,0.908,0.908,0,0,1-.336-0.746,0.936,0.936,0,0,1,.317-0.711,1.1,1.1,0,0,1,.773-0.294,1.123,1.123,0,0,1,.778.293A1.191,1.191,0,0,1,296.754,251.686Zm0.385-6.739-0.411,2.828a2,2,0,0,1-.216.811,0.574,0.574,0,0,1-.5.406,0.592,0.592,0,0,1-.533-0.4,2.326,2.326,0,0,1-.215-0.827l-0.337-2.753c-0.041-.544-0.027-0.924-0.027-1.161a1.043,1.043,0,0,1,.328-0.812,1.25,1.25,0,0,1,.866-0.3,0.942,0.942,0,0,1,.889.4,2.06,2.06,0,0,1,.21,1.03A6.478,6.478,0,0,1,297.139,244.947Z" />
	</g>
	<path
		 id="vb-svg-b-icon__tool-advanced-l"
		 class="h-fill-icon_color_steel_02 h-evenodd"
		 d="M335.306,244.113c-0.2-.532-0.363-0.957-0.492-1.276a4.793,4.793,0,0,0-.475-0.893,2.215,2.215,0,0,0-.741-0.68,2.266,2.266,0,0,0-1.145-.264,2.242,2.242,0,0,0-1.133.264,2.163,2.163,0,0,0-.74.691,5.534,5.534,0,0,0-.531,1.074l-0.426,1.107-4.147,10.7q-0.253.641-.364,1a2.359,2.359,0,0,0-.111.7,1.423,1.423,0,0,0,.475,1.045,1.529,1.529,0,0,0,1.1.461,1.222,1.222,0,0,0,1.051-.433,7.418,7.418,0,0,0,.773-1.668L329.169,254h6.591l0.774,1.892q0.154,0.381.37,0.881a3.547,3.547,0,0,0,.4.742,1.361,1.361,0,0,0,.465.383,1.455,1.455,0,0,0,.663.14,1.532,1.532,0,0,0,1.134-.478,1.474,1.474,0,0,0,.47-1.051,5.417,5.417,0,0,0-.5-1.765Zm-5.274,7.932,2.4-7.527L334.875,252ZM325,259h15a1,1,0,0,1,0,2H325A1,1,0,0,1,325,259Z" />
	<path
		 id="vb-svg-b-icon__tool-advanced-l--active"
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M367.306,244.113c-0.2-.532-0.363-0.957-0.492-1.276a4.793,4.793,0,0,0-.475-0.893,2.215,2.215,0,0,0-.741-0.68,2.266,2.266,0,0,0-1.145-.264,2.242,2.242,0,0,0-1.133.264,2.163,2.163,0,0,0-.74.691,5.534,5.534,0,0,0-.531,1.074l-0.426,1.107-4.147,10.7q-0.253.641-.364,1a2.359,2.359,0,0,0-.111.7,1.423,1.423,0,0,0,.475,1.045,1.529,1.529,0,0,0,1.1.461,1.222,1.222,0,0,0,1.051-.433,7.454,7.454,0,0,0,.774-1.668L361.169,254h6.591l0.774,1.892q0.154,0.381.37,0.881a3.547,3.547,0,0,0,.4.742,1.361,1.361,0,0,0,.465.383,1.455,1.455,0,0,0,.663.14,1.532,1.532,0,0,0,1.134-.478,1.474,1.474,0,0,0,.47-1.051,5.417,5.417,0,0,0-.5-1.765Zm-5.274,7.932,2.4-7.527L366.875,252ZM357,259h15a1,1,0,0,1,0,2H357A1,1,0,0,1,357,259Z" />
	<path
		 id="vb-svg-b-icon__tool-camera"
		 class="h-fill-icon_color_steel_02 h-evenodd"
		 d="M405.125,244.01H403.8l-2.453-3.016h-7.563l-2.454,3.016h-0.484l-0.886-1h-2.911l-0.98,1.166A3,3,0,0,0,384,247.015v10.022a3,3,0,0,0,3,3h18.12a2.9,2.9,0,0,0,2.881-3V247.015A2.9,2.9,0,0,0,405.125,244.01Zm-16.642,4.483a1.549,1.549,0,1,1,1.549-1.549A1.549,1.549,0,0,1,388.483,248.493Zm9.037,8.548a5.52,5.52,0,1,1,5.52-5.52A5.52,5.52,0,0,1,397.52,257.041ZM397.5,248a3.5,3.5,0,1,1-3.5,3.5A3.5,3.5,0,0,1,397.5,248Z" />
	<path
		 id="vb-svg-b-icon__tool-camera--active"
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M437.125,244.01H435.8l-2.453-3.016h-7.563l-2.454,3.016h-0.484l-0.886-1h-2.91l-0.981,1.166A3,3,0,0,0,416,247.015v10.022a3,3,0,0,0,3,3h18.12a2.9,2.9,0,0,0,2.881-3V247.015A2.9,2.9,0,0,0,437.125,244.01Zm-16.642,4.483a1.549,1.549,0,1,1,1.549-1.549A1.549,1.549,0,0,1,420.483,248.493Zm9.037,8.548a5.52,5.52,0,1,1,5.52-5.52A5.52,5.52,0,0,1,429.52,257.041ZM429.5,248a3.5,3.5,0,1,1-3.5,3.5A3.5,3.5,0,0,1,429.5,248Z" />
	<path
		 id="vb-svg-b-icon__tool-link"
		 <vb:if condition="$rtl"> transform="translate(920, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_steel_02 h-evenodd"
		 d="M470.443,242.6a5.1,5.1,0,0,0-7.335,0l-4.177,4.277a5.373,5.373,0,0,0-1.357,5l7.367-7.4a2.552,2.552,0,0,1,3.668,0,2.7,2.7,0,0,1,0,3.755l-7.444,7.476a5.08,5.08,0,0,0,5.1-1.324l4.177-4.277A5.4,5.4,0,0,0,470.443,242.6Zm-20.914,15.868a5.1,5.1,0,0,0,7.335,0l4.176-4.276a5.373,5.373,0,0,0,1.357-5l-7.367,7.4a2.551,2.551,0,0,1-3.668,0,2.7,2.7,0,0,1,0-3.755l7.443-7.476a5.078,5.078,0,0,0-5.1,1.323l-4.178,4.277A5.4,5.4,0,0,0,449.529,258.468Z" />
	<path
		 id="vb-svg-b-icon__tool-link--active"
		 <vb:if condition="$rtl"> transform="translate(984, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M502.443,242.6a5.1,5.1,0,0,0-7.335,0l-4.177,4.277a5.373,5.373,0,0,0-1.357,5l7.367-7.4a2.552,2.552,0,0,1,3.668,0,2.7,2.7,0,0,1,0,3.755l-7.444,7.476a5.08,5.08,0,0,0,5.1-1.324l4.177-4.277A5.4,5.4,0,0,0,502.443,242.6Zm-20.914,15.868a5.1,5.1,0,0,0,7.334,0l4.177-4.276a5.373,5.373,0,0,0,1.357-5l-7.367,7.4a2.551,2.551,0,0,1-3.668,0,2.7,2.7,0,0,1,0-3.755l7.443-7.476a5.078,5.078,0,0,0-5.1,1.323l-4.178,4.277A5.4,5.4,0,0,0,481.529,258.468Z" />
	<path
		 id="vb-svg-b-icon__tool-smiley-l"
		 class="h-fill-icon_color_steel_02 h-evenodd"
		 d="M524,241a10.02,10.02,0,1,1-10.02,10.02A10.02,10.02,0,0,1,524,241Zm-2.907,5.945a1.535,1.535,0,1,1-1.535,1.535A1.535,1.535,0,0,1,521.1,246.945Zm6.1,0.017a1.518,1.518,0,1,1-1.517,1.518A1.518,1.518,0,0,1,527.194,246.962Zm2.847,6.663a0.7,0.7,0,0,0-1.356-.269A5.22,5.22,0,0,1,524.137,256a5.129,5.129,0,0,1-4.517-2.68l0,0a0.7,0.7,0,0,0-1.28.575l-0.037.017a6.8,6.8,0,0,0,5.835,3.473,6.873,6.873,0,0,0,5.891-3.476l-0.037-.016A0.7,0.7,0,0,0,530.041,253.625Z" />
	<path
		 id="vb-svg-b-icon__tool-smiley-l--active"
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M556,241a10.02,10.02,0,1,1-10.02,10.02A10.02,10.02,0,0,1,556,241Zm-2.907,5.945a1.535,1.535,0,1,1-1.535,1.535A1.535,1.535,0,0,1,553.1,246.945Zm6.1,0.017a1.518,1.518,0,1,1-1.517,1.518A1.518,1.518,0,0,1,559.194,246.962Zm2.847,6.663a0.7,0.7,0,0,0-1.356-.269A5.22,5.22,0,0,1,556.137,256a5.129,5.129,0,0,1-4.517-2.68l0,0a0.7,0.7,0,0,0-1.28.575l-0.037.017a6.8,6.8,0,0,0,5.835,3.473,6.873,6.873,0,0,0,5.891-3.476l-0.037-.016A0.7,0.7,0,0,0,562.041,253.625Z" />
	<path
		 id="vb-svg-b-icon__tool-attachment-l"
		 <vb:if condition="$rtl"> transform="translate(1177, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_steel_02 h-evenodd"
		 d="M596.779,246.065l-2.858-2.854a0.754,0.754,0,0,0-.527-0.216h-4.436c0-.032.01-0.095,0.01-0.128a2.964,2.964,0,0,0-5.924,0V243h-2.306a0.723,0.723,0,0,0-.749.718v17.535a0.749,0.749,0,0,0,.749.75h15.515a0.75,0.75,0,0,0,.749-0.75V246.6A0.747,0.747,0,0,0,596.779,246.065Zm-11.839-3.2a1.313,1.313,0,0,1,1.05-1.41,1.03,1.03,0,0,1,1.051,1.108c0,0.033-.026.4-0.021,0.43h-2.08v-0.128ZM594.985,260H581.993V244.98h1v4.59a2.776,2.776,0,0,0,2.97,2.5c1.535,0,3.033-1.037,3.033-2.5v-2.83a1.01,1.01,0,0,0-1.034-.744,0.936,0.936,0,0,0-.969.744v2.83c0,0.611-.359.8-1.03,0.8s-0.966-.184-0.966-0.8v-4.59h8.013v1.626a0.374,0.374,0,0,0,.387.418h1.591V260Z" />
	<path
		 id="vb-svg-b-icon__tool-attachment-l--active"
		 <vb:if condition="$rtl"> transform="translate(1241, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M628.779,246.065l-2.858-2.854a0.754,0.754,0,0,0-.527-0.216h-4.436c0-.032.01-0.095,0.01-0.128a2.964,2.964,0,0,0-5.924,0V243h-2.306a0.723,0.723,0,0,0-.749.718v17.535a0.749,0.749,0,0,0,.749.75h15.515a0.75,0.75,0,0,0,.749-0.75V246.6A0.747,0.747,0,0,0,628.779,246.065Zm-11.839-3.2a1.313,1.313,0,0,1,1.05-1.41,1.03,1.03,0,0,1,1.051,1.108c0,0.033-.026.4-0.021,0.43h-2.08v-0.128ZM626.985,260H613.993V244.98h1v4.59a2.776,2.776,0,0,0,2.97,2.5c1.535,0,3.033-1.037,3.033-2.5v-2.83a1.01,1.01,0,0,0-1.034-.744,0.936,0.936,0,0,0-.969.744v2.83c0,0.611-.359.8-1.03,0.8s-0.966-.184-0.966-0.8v-4.59h8.013v1.626a0.374,0.374,0,0,0,.387.418h1.591V260Z" />
	<path
		 id="vb-svg-b-icon__tool-poll"
		 <vb:if condition="$rtl"> transform="translate(1304, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_steel_02 h-evenodd"
		 d="M644.823,259.032h14.134a1,1,0,1,1,0,1.99H644.823A1,1,0,1,1,644.823,259.032ZM645,249h2a1,1,0,0,1,1,1v7a1,1,0,0,1-1,1h-2a1,1,0,0,1-1-1v-7A1,1,0,0,1,645,249Zm6-8h2a1,1,0,0,1,1,1v15a1,1,0,0,1-1,1h-2a1,1,0,0,1-1-1V242A1,1,0,0,1,651,241Zm6,6h2a1,1,0,0,1,1,1v9a1,1,0,0,1-1,1h-2a1,1,0,0,1-1-1v-9A1,1,0,0,1,657,247Z" />
	<path
		 id="vb-svg-b-icon__tool-poll--active"
		 <vb:if condition="$rtl"> transform="translate(1368, 0) scale(-1, 1)"</vb:if>
		 class="h-fill-icon_color_blue_04 h-evenodd"
		 d="M676.822,259.032h14.135a1,1,0,1,1,0,1.99H676.822A1,1,0,1,1,676.822,259.032ZM677,249h2a1,1,0,0,1,1,1v7a1,1,0,0,1-1,1h-2a1,1,0,0,1-1-1v-7A1,1,0,0,1,677,249Zm6-8h2a1,1,0,0,1,1,1v15a1,1,0,0,1-1,1h-2a1,1,0,0,1-1-1V242A1,1,0,0,1,683,241Zm6,6h2a1,1,0,0,1,1,1v9a1,1,0,0,1-1,1h-2a1,1,0,0,1-1-1v-9A1,1,0,0,1,689,247Z" />
</svg>]]></template>
	</templategroup>
	<templategroup name="Paid Subscription">
		<template name="subscriptions_one" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:each from="followings" value="following">
	<vb:if condition="$following['sourcetable'] == 'user'">
		<div class="user_following subscription-item tr" id="user_following_{vb:var following.keyval}">
			{vb:set extra.userid, {vb:raw following.keyval}}
			<div class="first_column subscription-name td"><a href="{vb:url 'profile', {vb:raw extra}}">{vb:raw following.title}</a> <span>({vb:phrase member})</span></div>
			<div class="second_column last-activity td">{vb:datetime {vb:raw following.lastactivity}}</div>
			<div class="third_column subscription-button td">
			<vb:if condition="$showOwner == 1">
				<button type="button" data-follow-id="{vb:var following.keyval}" data-type="follow_members" class="js-subscription__follow follow_button delete subscribed_button b-button b-button--special h-nowrap">
					<span class="b-button__icon"></span>
					<span class="b-button__text-primary js-button__text-primary">{vb:phrase following}</span>
				</button>
			</vb:if>
			</div>
		</div>	
	<vb:elseif condition="$following['sourcetable'] == 'node'" />
		{vb:rawdata nodeInfo, node, getNode, {vb:raw following.keyval}}
		<div class="user_subscription subscription-item tr" id="user_subscription_{vb:var nodeInfo.nodeid}">

			<div class="first_column subscription-name td">
				<vb:if condition="!empty($nodeInfo['errors'])">
					{vb:phrase unable_to_view_subscription}
					<vb:if condition="$config->debug">
						<span title="
						<vb:each from="nodeInfo.errors" value="error">
							<vb:if condition="$error[0] != 'exception_trace' AND $error[0] != 'errormsg'">
								{vb:rawphrase {vb:raw error}}
							<vb:else />
								{vb:var error.1}
							</vb:if>
						</vb:each>
						">({vb:phrase debug_information})</span>
					</vb:if>
				<vb:else />
					<a href="{vb:url {vb:raw nodeInfo.routeid}, {vb:raw nodeInfo}}">{vb:raw nodeInfo.title}</a> 
					<vb:if condition="in_array($following['type'], array('Text', 'Gallery', 'Video', 'Poll', 'Link'))">
						{vb:rawdata parentInfo, node, getNode, {vb:raw nodeInfo.parentid}}
						<vb:if condition="empty($parentInfo['errors'])">
						<span>({vb:rawphrase topic_in_the_x_forum, {vb:raw parentInfo.title}})</span>
						</vb:if>
					<vb:else />
						<span>({vb:phrase {vb:raw following.type}})</span>
					</vb:if>
				</vb:if>
			</div>
			<div class="second_column last-activity td">{vb:datetime {vb:raw following.lastactivity}}</div>
			<div class="third_column subscription-button td">
			<vb:if condition="$showOwner == 1">
				<button data-follow-id="{vb:var following.keyval}" data-type="follow_contents" data-canusefriends="{vb:raw userInfo.canusefriends}"  class="<vb:if condition="$following['noUnsubscribe'] == 0">js-subscription__follow </vb:if>follow_button delete subscribed_button b-button b-button--special h-nowrap" tabindex="0">
					<span class="b-button__icon"></span>
					<span class="b-button__text-primary js-button__text-primary">{vb:phrase following}</span>
				</button>
			</vb:if>
			</div>
		</div>
	</vb:if>
</vb:each>]]></template>
		<template name="subscriptions_two" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:comment>fetch info in batches</vb:comment>
{vb:set userIds, {vb:php array}}
<vb:each from="followers" value="follower">
	{vb:set num_elem, {vb:php array_push, {vb:raw userIds}, {vb:raw follower.userid}}}
</vb:each>
{vb:data userThumbAvatars, user, fetchAvatars, {vb:raw userIds}, 1}

<vb:each from="followers" value="follower">
	<vb:if condition="$follower['userid']">
		<div class="user_follower subscription-item tr">
			<div class="first_column subscription-name td">
				<vb:if condition="$user['showavatars']">
					{vb:set useridAux.userid, {vb:raw follower.userid}}
					<a href="{vb:url 'profile', {vb:raw useridAux}}" class="avatar h-left">
						<vb:if condition="!empty($userThumbAvatars[$follower['userid']]) AND ($avatarpath = $userThumbAvatars[$follower['userid']]['avatarpath'])">
							<img src="{vb:raw baseurl_corecdn}/{vb:raw avatarpath}" alt="{vb:raw follower.username}" />
						<vb:else />
							<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:raw follower.username}" />
						</vb:if>
					</a>
				</vb:if>
				{vb:set useridAux.userid, {vb:raw follower.userid}}
				<a href="{vb:url 'profile', {vb:raw useridAux}}" class="author"><vb:if condition="!empty($follower['musername'])">{vb:raw follower.musername}<vb:else />{vb:raw follower.username}</vb:if></a>
				{vb:set to_user, {vb:php array}}
				{vb:set to_user.userid, {vb:raw follower.userid}}
				{vb:set to_user.username, {vb:raw follower.username}}
				{vb:template pmchat_userinfo_link, to_user={vb:raw to_user}}
			</div>
			<div class="second_column last-activity td">{vb:datetime {vb:raw follower.lastactivity}}</div>
			<div class="third_column subscription-button td">
				{vb:set buttonState, ''}
				{vb:set showButton, 0}
				<vb:if condition="$showOwner == 1">
					<vb:if condition="($follower['isFollowing'] == '0') AND ($follower['isPending'] == '0') AND !empty($userInfo['canusefriends'])">
						{vb:set buttonClass, 'js-subscription__follow follow_button add subscribe_button b-button--secondary'}
						{vb:set buttonText, {vb:phrase 'follow'}}
						{vb:set showButton, 1}
					<vb:elseif condition="($follower['isFollowing'] == '0') AND ($follower['isPending'] != '0')" />
						{vb:set buttonClass, 'js-subscription__follow follow_button delete subscribe_pending b-button--secondary'}
						{vb:set buttonText, {vb:phrase 'following_pending'}}
						{vb:set buttonState, ' disabled="disabled"'}
						{vb:set showButton, 1}
					<vb:elseif condition="$follower['isFollowing'] != '0'" />
						{vb:set buttonClass, 'js-subscription__follow follow_button delete subscribed_button b-button--special'}
						{vb:set buttonText, {vb:phrase 'following'}}
						{vb:set showButton, 1}
					</vb:if>
				</vb:if>
				<vb:if condition="$showButton">
					<button data-follow-id="{vb:var follower.userid}" data-type="follow_members" data-canusefriends="{vb:raw userInfo.canusefriends}" class="{vb:raw buttonClass} b-button h-nowrap"{vb:raw buttonState}>
						<span class="b-button__icon"></span>
						<span class="b-button__text-primary js-button__text-primary">{vb:raw buttonText}</span>
					</button>
				</vb:if>
			</div>
		</div>
	</vb:if>
</vb:each>]]></template>
		<template name="subscription_paymentbit" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<h3 class="title">{vb:rawphrase order_using_x, {vb:raw method.classname}}</h3>
<form class="order" action="{vb:raw form.action}" method="{vb:raw form.method}">
	<p class="description">{vb:rawphrase {vb:raw typetext}}</p>
	{vb:raw form.hiddenfields}
	<input type="submit" value="{vb:rawphrase order_using_x, {vb:raw method.title}}" class="b-button b-button--primary" /> <a class="js-subscription__cancel" href="#">{vb:phrase cancel}</a>
</form>]]></template>
		<template name="subscription_payment_2checkout" templatetype="template" date="1361556071" username="vBulletin" version="5.0.1 Alpha 2"><![CDATA[<input type="hidden" name="sid" value="{vb:raw settings.twocheckout_id}" />
<input type="hidden" name="cart_order_id" value="{vb:raw item}" />
<input type="hidden" name="total" value="{vb:raw cost}" />
<input type="hidden" name="id_type" value="2" />
<input type="hidden" name="c_prod" value="{vb:raw subinfo.twocheckout_prodid}" />]]></template>
		<template name="subscription_payment_authorizenet" templatetype="template" date="1361556071" username="vBulletin" version="5.0.1 Alpha 2"><![CDATA[<input type="hidden" name="x_login" value="{vb:raw settings.authorize_loginid}" />
<input type="hidden" name="x_fp_sequence" value="{vb:raw sequence}" />
<input type="hidden" name="x_fp_timestamp" value="{vb:raw timenow}" />
<input type="hidden" name="x_fp_hash" value="{vb:raw fingerprint}" />
<input type="hidden" name="x_show_form" value="PAYMENT_FORM" />
<input type="hidden" name="x_amount" value="{vb:raw cost}" />
<input type="hidden" name="x_currency_code" value="{vb:raw currency}" />
<input type="hidden" name="x_invoice_num" value="{vb:raw userinfo.username}" />
<input type="hidden" name="x_description" value="{vb:rawphrase x_subscription, {vb:raw item}}" />
<input type="hidden" name="x_relay_response" value="TRUE" />
<input type="hidden" name="x_relay_url" value="{vb:raw vboptions.bburl}/payment_gateway.php?method=authorizenet" />]]></template>
		<template name="subscription_payment_ccbill" templatetype="template" date="1361556071" username="vBulletin" version="5.0.1 Alpha 2"><![CDATA[<input type="hidden" name="clientAccnum" value="{vb:raw settings.clientAccnum}" />
<input type="hidden" name="clientSubacc" value="{vb:raw settings.clientSubacc}" />
<input type="hidden" name="formName" value="{vb:raw settings.formName}" />
<input type="hidden" name="subscriptionTypeId" value="{vb:raw subinfo.ccbillsubid}" />
<input type="hidden" name="allowedTypes" value="{vb:raw subinfo.ccbillsubid}" />
<input type="hidden" name="email" value="{vb:raw settings.email}" />
<input type="hidden" name="hash" value="{vb:raw hash}" />
<input type="hidden" name="username" value="NOUSERNAME" />
<input type="hidden" name="password" value="NOPASSWORD" />
<input type="hidden" name="noCache" value="1" />]]></template>
		<template name="subscription_payment_google" templatetype="template" date="1365638749" username="vBulletin" version="5.0.2 Beta 1"><![CDATA[<input type="hidden" name="cart" value="{vb:raw cart}" />
<input type="hidden" name="signature" value="{vb:raw signature}" />]]></template>
		<template name="subscription_payment_moneybookers" templatetype="template" date="1361556071" username="vBulletin" version="5.0.1 Alpha 2"><![CDATA[<input type="hidden" name="pay_to_email" value="{vb:raw settings.mbemail}" />
<input type="hidden" name="transaction_id" value="{vb:raw hash}" />
<input type="hidden" name="amount" value="{vb:raw cost}" />
<input type="hidden" name="currency" value="{vb:raw currency}" />
<input type="hidden" name="return_url" value="{vb:link forumhome|bburl|nosession}" />
<input type="hidden" name="cancel_url" value="{vb:link forumhome|bburl|nosession}" />
<input type="hidden" name="status_url" value="{vb:raw vboptions.bburl}/payment_gateway.php?method=moneybookers" />
<input type="hidden" name="detail1_description" value="{vb:rawphrase username}" />
<input type="hidden" name="detail1_text" value="{vb:raw userinfo.username}" />]]></template>
		<template name="subscription_payment_nochex" templatetype="template" date="1361556071" username="vBulletin" version="5.0.1 Alpha 2"><![CDATA[<input type="hidden" name="merchant_id" value="{vb:raw settings.ncxemail}" />
<input type="hidden" name="amount" value="{vb:raw cost}" />
<input type="hidden" name="order_id" value="{vb:raw item}" />
<input type="hidden" name="success_url" value="{vb:raw vboptions.bburl}" />
<input type="hidden" name="responder_url" value="{vb:raw vboptions.bburl}/payment_gateway.php?method=nochex" />]]></template>
		<template name="subscription_payment_paypal" templatetype="template" date="1363160248" username="vBulletin" version="5.0.2 Alpha 1"><![CDATA[<vb:if condition="$show['recurring']">
<input type="hidden" name="cmd" value="_xclick-subscriptions" />
<vb:else />
<input type="hidden" name="cmd" value="_xclick" />
</vb:if>
<input type="hidden" name="business" value="{vb:raw settings.ppemail}" />
<input type="hidden" name="item_name" value="{vb:rawphrase x_subscription, {vb:raw subinfo.title}}" />
<input type="hidden" name="item_number" value="{vb:raw item}" />
<input type="hidden" name="currency_code" value="{vb:raw currency}" />
<input type="hidden" name="charset" value="{vb:stylevar charset}" />
<vb:if condition="$show['recurring']">
<input type="hidden" name="a3" value="{vb:raw cost}" />
<input type="hidden" name="p3" value="{vb:raw timeinfo.length}">
<input type="hidden" name="t3" value="{vb:raw timeinfo.units}">
<input type="hidden" name="src" value="1">
<input type="hidden" name="sra" value="1">
<vb:else />
<input type="hidden" name="amount" value="{vb:raw cost}" />
</vb:if>
<input type="hidden" name="no_shipping" value="{vb:raw no_shipping}" />
<input type="hidden" name="shipping" value="0.00" />
<input type="hidden" name="return" value="{vb:raw baseurl}" />
<input type="hidden" name="cancel_return" value="{vb:raw baseurl}" />
<input type="hidden" name="notify_url" value="{vb:raw vboptions.bburl}/payment_gateway.php?method=paypal" />
<input type="hidden" name="custom" value="{vb:raw userinfo.username}" />
<input type="hidden" name="no_note" value="1" />
<vb:if condition="$show['notax']">
<input type="hidden" name="tax" value="0.00" />
</vb:if>]]></template>
		<template name="subscription_payment_worldpay" templatetype="template" date="1361556071" username="vBulletin" version="5.0.1 Alpha 2"><![CDATA[<input type="hidden" name="desc" value="{vb:raw item}" />
<input type="hidden" name="cost" value="{vb:raw cost}" />
<input type="hidden" name="currency" value="{vb:raw currency}" />
<input type="hidden" name="instId" value="{vb:raw settings.worldpay_instid}" />
<input type="hidden" name="cartId" value="{vb:rawphrase x_subscription, {vb:raw title}}" />]]></template>
	</templategroup>
	<templategroup name="Subscription">
		<template name="subscriptions_one" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:each from="followings" value="following">
	<vb:if condition="$following['sourcetable'] == 'user'">
		<div class="user_following subscription-item tr" id="user_following_{vb:var following.keyval}">
			{vb:set extra.userid, {vb:raw following.keyval}}
			<div class="first_column subscription-name td"><a href="{vb:url 'profile', {vb:raw extra}}">{vb:raw following.title}</a> <span>({vb:phrase member})</span></div>
			<div class="second_column last-activity td">{vb:datetime {vb:raw following.lastactivity}}</div>
			<div class="third_column subscription-button td">
			<vb:if condition="$showOwner == 1">
				<button type="button" data-follow-id="{vb:var following.keyval}" data-type="follow_members" class="js-subscription__follow follow_button delete subscribed_button b-button b-button--special h-nowrap">
					<span class="b-button__icon"></span>
					<span class="b-button__text-primary js-button__text-primary">{vb:phrase following}</span>
				</button>
			</vb:if>
			</div>
		</div>	
	<vb:elseif condition="$following['sourcetable'] == 'node'" />
		{vb:rawdata nodeInfo, node, getNode, {vb:raw following.keyval}}
		<div class="user_subscription subscription-item tr" id="user_subscription_{vb:var nodeInfo.nodeid}">

			<div class="first_column subscription-name td">
				<vb:if condition="!empty($nodeInfo['errors'])">
					{vb:phrase unable_to_view_subscription}
					<vb:if condition="$config->debug">
						<span title="
						<vb:each from="nodeInfo.errors" value="error">
							<vb:if condition="$error[0] != 'exception_trace' AND $error[0] != 'errormsg'">
								{vb:rawphrase {vb:raw error}}
							<vb:else />
								{vb:var error.1}
							</vb:if>
						</vb:each>
						">({vb:phrase debug_information})</span>
					</vb:if>
				<vb:else />
					<a href="{vb:url {vb:raw nodeInfo.routeid}, {vb:raw nodeInfo}}">{vb:raw nodeInfo.title}</a> 
					<vb:if condition="in_array($following['type'], array('Text', 'Gallery', 'Video', 'Poll', 'Link'))">
						{vb:rawdata parentInfo, node, getNode, {vb:raw nodeInfo.parentid}}
						<vb:if condition="empty($parentInfo['errors'])">
						<span>({vb:rawphrase topic_in_the_x_forum, {vb:raw parentInfo.title}})</span>
						</vb:if>
					<vb:else />
						<span>({vb:phrase {vb:raw following.type}})</span>
					</vb:if>
				</vb:if>
			</div>
			<div class="second_column last-activity td">{vb:datetime {vb:raw following.lastactivity}}</div>
			<div class="third_column subscription-button td">
			<vb:if condition="$showOwner == 1">
				<button data-follow-id="{vb:var following.keyval}" data-type="follow_contents" data-canusefriends="{vb:raw userInfo.canusefriends}"  class="<vb:if condition="$following['noUnsubscribe'] == 0">js-subscription__follow </vb:if>follow_button delete subscribed_button b-button b-button--special h-nowrap" tabindex="0">
					<span class="b-button__icon"></span>
					<span class="b-button__text-primary js-button__text-primary">{vb:phrase following}</span>
				</button>
			</vb:if>
			</div>
		</div>
	</vb:if>
</vb:each>]]></template>
		<template name="subscriptions_two" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:comment>fetch info in batches</vb:comment>
{vb:set userIds, {vb:php array}}
<vb:each from="followers" value="follower">
	{vb:set num_elem, {vb:php array_push, {vb:raw userIds}, {vb:raw follower.userid}}}
</vb:each>
{vb:data userThumbAvatars, user, fetchAvatars, {vb:raw userIds}, 1}

<vb:each from="followers" value="follower">
	<vb:if condition="$follower['userid']">
		<div class="user_follower subscription-item tr">
			<div class="first_column subscription-name td">
				<vb:if condition="$user['showavatars']">
					{vb:set useridAux.userid, {vb:raw follower.userid}}
					<a href="{vb:url 'profile', {vb:raw useridAux}}" class="avatar h-left">
						<vb:if condition="!empty($userThumbAvatars[$follower['userid']]) AND ($avatarpath = $userThumbAvatars[$follower['userid']]['avatarpath'])">
							<img src="{vb:raw baseurl_corecdn}/{vb:raw avatarpath}" alt="{vb:raw follower.username}" />
						<vb:else />
							<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" width="32" height="32" alt="{vb:raw follower.username}" />
						</vb:if>
					</a>
				</vb:if>
				{vb:set useridAux.userid, {vb:raw follower.userid}}
				<a href="{vb:url 'profile', {vb:raw useridAux}}" class="author"><vb:if condition="!empty($follower['musername'])">{vb:raw follower.musername}<vb:else />{vb:raw follower.username}</vb:if></a>
				{vb:set to_user, {vb:php array}}
				{vb:set to_user.userid, {vb:raw follower.userid}}
				{vb:set to_user.username, {vb:raw follower.username}}
				{vb:template pmchat_userinfo_link, to_user={vb:raw to_user}}
			</div>
			<div class="second_column last-activity td">{vb:datetime {vb:raw follower.lastactivity}}</div>
			<div class="third_column subscription-button td">
				{vb:set buttonState, ''}
				{vb:set showButton, 0}
				<vb:if condition="$showOwner == 1">
					<vb:if condition="($follower['isFollowing'] == '0') AND ($follower['isPending'] == '0') AND !empty($userInfo['canusefriends'])">
						{vb:set buttonClass, 'js-subscription__follow follow_button add subscribe_button b-button--secondary'}
						{vb:set buttonText, {vb:phrase 'follow'}}
						{vb:set showButton, 1}
					<vb:elseif condition="($follower['isFollowing'] == '0') AND ($follower['isPending'] != '0')" />
						{vb:set buttonClass, 'js-subscription__follow follow_button delete subscribe_pending b-button--secondary'}
						{vb:set buttonText, {vb:phrase 'following_pending'}}
						{vb:set buttonState, ' disabled="disabled"'}
						{vb:set showButton, 1}
					<vb:elseif condition="$follower['isFollowing'] != '0'" />
						{vb:set buttonClass, 'js-subscription__follow follow_button delete subscribed_button b-button--special'}
						{vb:set buttonText, {vb:phrase 'following'}}
						{vb:set showButton, 1}
					</vb:if>
				</vb:if>
				<vb:if condition="$showButton">
					<button data-follow-id="{vb:var follower.userid}" data-type="follow_members" data-canusefriends="{vb:raw userInfo.canusefriends}" class="{vb:raw buttonClass} b-button h-nowrap"{vb:raw buttonState}>
						<span class="b-button__icon"></span>
						<span class="b-button__text-primary js-button__text-primary">{vb:raw buttonText}</span>
					</button>
				</vb:if>
			</div>
		</div>
	</vb:if>
</vb:each>]]></template>
	</templategroup>
	<templategroup name="Tag">
		<template name="taglist_display" templatetype="template" date="1371677275" username="vBulletin" version="5.0.4 Alpha 2"><![CDATA[<div class="h-margin-bottom-xl h-margin-top-none h-text-size--11" id="content-tags-{vb:raw nodeid}">
	<strong>{vb:phrase tags}:</strong>
	<vb:if condition="!empty($taglist) AND ($nodeTags = explode(',', $taglist))">
		{vb:set tagSchema.tag, meta}
		{vb:set tagSchema.itemprop, keywords}
		{vb:set tagsInfo, ''}

		{vb:set tagCount, 0}
		<vb:each from="nodeTags" value="tagText">
			{vb:strcat tagsInfo, {vb:var tagText}, ' '}
			{vb:set searchStr, '{"tag":["'}
			{vb:strcat searchStr, {vb:var tagText}, '"]}'}
			{vb:set extra.searchJSON, {vb:raw searchStr}}
			<a href="{vb:url 'search', {vb:raw nodeTags}, {vb:raw extra}}">{vb:var tagText}</a><vb:if condition="++$tagCount < count($nodeTags)">, </vb:if>
		</vb:each>

		{vb:set tagSchema.content, {vb:raw tagsInfo}}
		{vb:schema {vb:raw tagSchema}}
	<vb:else />
		<span>{vb:phrase none}</span>
	</vb:if>
</div>]]></template>
		<template name="tag_cloud" templatetype="template" date="1461016373" username="vBulletin" version="5.2.3 Alpha 1"><![CDATA[<vb:if condition="$tags">
	<vb:if condition="!empty($noformat)">
		<vb:each from="tags" value="tag" key="index">
			<span class="tagcloudlink" data-tag="{vb:var tag.tagtext}"><label class="b-link js-link" tabindex="0">{vb:var tag.tagtext}</label><vb:if condition="$index < count($tags) - 1"><span>,</span></vb:if></span>
		</vb:each>
	<vb:else />
		<vb:each from="tags" value="tag">
			<span class="tagcloudlink level{vb:raw tag.level}">{vb:raw tag.tagtext}</span>&nbsp;
		</vb:each>
	</vb:if>
<vb:else />
	{vb:phrase no_tags_yet}
</vb:if>]]></template>
		<template name="tag_dialog" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<div id="tag-dialog">
	<h3>{vb:phrase enter_edit_tags}</h3>
	<div class="dialog-row">{vb:phrase enter_edit_tags_desc}:</div>
	<form action="tag/save" method="post">
	{vb:template tag_editor, editorId="tag-editor-global-dialog"}
	<div class="b-button-group">
		<button type="submit" class="b-button b-button--primary btnTagSubmit">{vb:phrase save}</button>
		<button type="cancel" class="b-button b-button--secondary btnTagCancel">{vb:phrase cancel}</button>
	</div>
	</form>
	<div class="arrow"><div class="arrowOver"></div></div>
</div>]]></template>
		<template name="tag_editor" templatetype="template" date="1474483959" username="vBulletin" version="5.2.5 Alpha 3"><![CDATA[<vb:if condition="!empty($noManageTagCheck) AND is_array($tagList) AND count($tagList) == count($tagList, 1)">
	{vb:set tagListAttr, ''}
	<vb:each from="tagList" value="tag" key="index">
		{vb:strcat tagListAttr, {vb:raw tag}}
		<vb:if condition="$index < count($tagList) - 1">
			{vb:strcat tagListAttr, ', '}
		</vb:if>
	</vb:each>
	{vb:set tagList.displaytags, {vb:raw tagListAttr}}
</vb:if>
<div class="tag-editor-wrapper<vb:if condition="$tagEditorInline"> inline-tag-editor</vb:if>" data-tag-editor-class="{vb:raw editorClass}" data-type="<vb:if condition="empty($tagtype)">nodes<vb:else />{vb:raw tagtype}</vb:if>">
	<vb:if condition="!$tagEditorInline AND (!isset($tagList) OR empty($tagList) OR $user['userid'] == $tagList['userid'] OR $tagList['canmanagetags'] OR $noManageTagCheck)">
		<span class="add-tag-link b-link js-link" data-node-id="{vb:raw nodeid}" tabindex="0">{vb:phrase tags} +</span>
	</vb:if>
	<div class="tag-editor-container {vb:raw cssClass}<vb:if condition="!$tagEditorInline"> sb-dialog</vb:if>">
		<div class="dialog-content">
			<vb:if condition="!$hideTagsDesc">
				<p class="add-tags-text">
					{vb:phrase enter_tags_desc}
					<vb:if condition="!isset($noManageTagCheck) OR !$noManageTagCheck">
						<vb:comment>The x value will be replaced by js on demand</vb:comment>
						<span class="you-may-add-text">{vb:phrase you_may_add_x_tags, ''}</span>	
					</vb:if>
				</p>
			</vb:if>

			<input class="tag-input {vb:raw editorClass}" name="tags" autocomplete="off" type="text"<vb:if condition="!isset($noTagPlaceholder) OR !$noTagPlaceholder"> placeholder="{vb:phrase enter_tags}"</vb:if> size="8" />
			
			<vb:if condition="$tagEditorInline">
				<p class="tag-cloud-text<vb:if condition="$tagCloudInline"> inline-tag-cloud</vb:if>">{vb:phrase you_can_also_choose_from_popular_tags_link}</p>
				<vb:if condition="$tagCloudInline">
					<div class="tag-cloud"></div>
				</vb:if>
			<vb:else />
				<p class="tag-cloud-text">{vb:phrase you_can_also_choose_from_popular_taglist}</p>
				<div class="tag-cloud"></div>
				<hr class="section-divider" />
			</vb:if>
		</div>
		<vb:if condition="!$tagEditorInline">
			<div class="b-button-group">
				<button type="button" class="b-button b-button--primary save-tag-btn"><vb:if condition="!isset($noManageTagCheck) OR !$noManageTagCheck">{vb:phrase save}<vb:else />{vb:phrase ok}</vb:if></button>
				<button type="button" class="b-button b-button--secondary cancel-tag-btn">{vb:phrase cancel}</button>
			</div>
		</vb:if>
	</div>
	<vb:if condition="$tagEditorInline">
		<input type="hidden" name="tags" class="tag-input" value="{vb:var tagList.displaytags}" />
	<vb:else />
		<div class="tag-list{vb:if "empty($tagList)", " h-hide"}">
			<vb:if condition="!empty($tagList)">
				<span>{vb:var tagList.displaytags}</span>
				<input type="hidden" name="tags" class="tag-input" value="{vb:var tagList.displaytags}" />
			<vb:else />
				<span></span>
				<input type="hidden" name="tags" class="tag-input" />
			</vb:if>
		</div>
	</vb:if>
</div>

<vb:if condition="!empty($tagList) AND !empty($nodeid)">
	<script type="text/javascript">
	<vb:literal>
	window.vBulletin = window.vBulletin || {};
	vBulletin.tagEditor = vBulletin.tagEditor || {};
	</vb:literal>
		vBulletin.tagEditor.tagLimits = {
			'{vb:raw nodeid}' : {
				maxTags: 	Number({vb:if "!empty($tagList['maxtags'])", {vb:raw tagList.maxtags}}),
				maxUserTags: 	Number({vb:if "!empty($tagList['maxusertags'])", {vb:raw tagList.maxusertags}, 0}),
				canManageTags: 	<vb:if condition="!empty($tagList['canmanagetags'])">true<vb:else />false</vb:if>
			}
		}
	</script>
</vb:if>]]></template>
	</templategroup>
	<templategroup name="Top Menu">
		<template name="top_menu_sitebuilder" templatetype="template" date="1506704356" username="vBulletin" version="5.3.4 Alpha 3"><![CDATA[<vb:if condition="$user['can_use_sitebuilder']">

	<vb:if condition="!isset($state)">
		{vb:set state, ''}
	</vb:if>

	<vb:comment>** AdminCP Link **</vb:comment>
	<li class="b-top-menu__item b-top-menu__item--no-left-divider b-top-menu__item--no-right-divider">
		<a class="b-top-menu__item-link js-top-menu-link b-top-menu__item-link--admincp js-top-menu-tab--admincp lnkAdminCP" href="{vb:urladmincptemp ''}">
			<span class="b-icon b-icon__gear-white"></span>
			{vb:phrase admincp}
		</a>
	</li>

	<vb:comment>** Empty initial item for one side of the first divider **</vb:comment>
	<li class="b-top-menu__item b-top-menu__item--no-left-divider"></li>

	<vb:comment>** Style Tab **</vb:comment>
	{vb:data canAdminSettings, user, hasPermissions, adminpermissions, canadminsettings}
	{vb:data canAdminSettingsAll, user, hasPermissions, adminpermissions, canadminsettingsall}
	{vb:data canAdminStyles, user, hasPermissions, adminpermissions, canadminstyles}
	{vb:data canAdminTemplates, user, hasPermissions, adminpermissions, canadmintemplates}
	<vb:if condition="$canAdminSettings OR $canAdminSettingsAll OR $canAdminStyles OR $canAdminTemplates">
		<li class="b-top-menu__item">
			<a class="b-top-menu__item-link js-top-menu-link js-top-menu-tab--style" href="#" data-panel-name="style" id="lnkStylePanel">{vb:phrase sb_style}</a>
		</li>
	</vb:if>

	<vb:comment>** Channels Tab **</vb:comment>
	{vb:data canAdminForums, user, hasPermissions, adminpermissions, canadminforums}
	<vb:if condition="$canAdminForums">
		<li class="b-top-menu__item">
			<a class="b-top-menu__item-link js-top-menu-link js-top-menu-tab--channels" href="#" data-panel-name="channels" id="lnkPageManager">{vb:phrase channel_manager_label}</a>
		</li>
	</vb:if>

	<vb:comment>** Pages Tab **</vb:comment>
	<li class="b-top-menu__item">
		<a class="b-top-menu__item-link js-top-menu-link js-top-menu-tab--pages" href="#" data-panel-name="pages" id="lnkPageList">{vb:phrase sbpanel_pagelist_label}</a>
	</li>

	<vb:comment>** New Page Tab **</vb:comment>
	<li class="b-top-menu__item">
		<a class="b-top-menu__item-link js-top-menu-link js-top-menu-tab--newpage" href="#" data-panel-name="newpage" id="lnkNewPage">{vb:phrase new_page}</a>
	</li>

	<vb:comment>** Edit Page Tab **</vb:comment>
	<li class="b-top-menu__item">
		<a class="b-top-menu__item-link js-top-menu-link js-top-menu-tab--editpage" href="#" data-panel-name="editpage" id="lnkEditPage">{vb:phrase edit_page}</a>
	</li>

	<vb:comment>** Header Tab **</vb:comment>
	<li class="b-top-menu__item">
		<a class="b-top-menu__item-link js-top-menu-link js-top-menu-tab--header" href="#" data-panel-name="header" id="lnkHeader">{vb:phrase header}</a>
	</li>

	<vb:comment>** Navbar Tab **</vb:comment>
	<li class="b-top-menu__item">
		<a class="b-top-menu__item-link js-top-menu-link js-top-menu-tab--navbar" href="#" data-panel-name="navbar" id="lnkNavBar">{vb:phrase navigation_bar}</a>
	</li>

	<vb:comment>** Footer Tab **</vb:comment>
	<li class="b-top-menu__item">
		<a class="b-top-menu__item-link js-top-menu-link js-top-menu-tab--footer" href="#" data-panel-name="footer" id="lnkFooter">{vb:phrase footer}</a>
	</li>

	<vb:comment>** Quick Setup Tab **</vb:comment>
	<li class="b-top-menu__item">
		<a class="b-top-menu__item-link js-top-menu-link js-top-menu-tab--quicksetup" href="#" data-panel-name="quicksetup">{vb:phrase configure_site}</a>
	</li>

	<vb:comment>** Empty final item for one side of the final divider **</vb:comment>
	<li class="b-top-menu__item b-top-menu__item--no-right-divider"></li>

</vb:if>]]></template>
		<template name="top_menu_user" templatetype="template" date="1551294582" username="vBulletin" version="5.5.2 Alpha 1"><![CDATA[{vb:hook 'header_navright'}

<vb:if condition="$user['userid'] > 0">

	<vb:comment>*** Logged in user ***</vb:comment>

	<vb:comment>** Empty initial item for one side of the first divider **</vb:comment>
	<li class="b-top-menu__item b-top-menu__item--no-left-divider"></li>

	<vb:comment>** Notifications **</vb:comment>
	{vb:data headerCounts, content_privatemessage, getHeaderCounts}
	{vb:data unreadCount, content_privatemessage, getUnreadInboxCount}
	{vb:data canUsePmSystem, content_privatemessage, canUsePmSystem}
	<li class="b-top-menu__item notifications-container js-shrink-event-child">
		<vb:if condition="$canUsePmSystem">
			<vb:if condition="!$user['canUsePMChat']">
				{vb:set urlInfo.action, 'index'}
				<a class="b-top-menu__item-link" href="{vb:url 'privatemessage', {vb:raw urlInfo}}">
					<span class="h-left">
						{vb:phrase messages_header}
					</span>
					<span class="h-left notifications-count<vb:if condition="empty($unreadCount)"> h-hide-imp</vb:if> js-header-count-contains-notifications">
						{vb:number {vb:raw unreadCount}}
					</span>
				</a>
			<vb:else />
				{vb:set urlInfo.action, 'index'}
				<a class="b-top-menu__item-link" href="{vb:url 'privatemessage', {vb:raw urlInfo}}">
					<span class="h-left">
						{vb:phrase notifications_header}
					</span>
					<span class="h-left notifications-count<vb:if condition="empty($headerCounts['nonpms_sum'])"> h-hide-imp</vb:if> js-header-count-contains-notifications">
						{vb:number {vb:raw headerCounts.nonpms_sum}}
					</span>
				</a>
			</vb:if>
		<vb:else />
			{vb:data folders, content_privatemessage, fetchSummary}
			{vb:set folderlist, {vb:raw folders.folders}}
			{vb:set folder, {vb:raw folderlist.notifications}}
			{vb:set routeInfo.folderid, {vb:raw folder.folderid}}
			{vb:set routeInfo.action, 'notification'}
			<a class="b-top-menu__item-link" href="{vb:url 'privatemessage', {vb:raw routeInfo}}">
				<span class="h-left">
					{vb:phrase messages_header}
				</span>
				<span class="h-left notifications-count<vb:if condition="empty($unreadCount)"> h-hide-imp</vb:if> js-header-count-contains-notifications">
					{vb:number {vb:raw unreadCount}}
				</span>
			</a>
		</vb:if>
	</li>

	<vb:comment>** vB Messenger **</vb:comment>
	{vb:template pmchat_message_header, headerCounts={vb:raw headerCounts}}

	<vb:comment>** Username menu **</vb:comment>
	{vb:set data.userid, {vb:raw user.userid}}
	<vb:comment>
		the classes username-container and label and the ids lnkUsernameMenu, idLoginIframeContainer, and idLoginIframe exist only  for
		automated unit testing.  The will be removed in a future release and should not be depended on.  Use the js- classes
		instead.
	</vb:comment>
	<li class="b-top-menu__item username-container js-shrink-event-child">

		<div class="b-comp-menu-dropdown b-comp-menu-dropdown--headerbar js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover">
			<div id="lnkUsernameMenu" class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow b-comp-menu-dropdown__trigger--headerbar js-button" tabindex="0">
				{vb:data avatar, user, fetchAvatar, {vb:raw user.userid}, true}
				<vb:if condition="$avatar AND $avatar['avatarpath']">
					<img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" class="b-comp-menu-dropdown__trigger-avatar avatar-{vb:raw user.userid}" alt="{vb:raw user.username}"/>
				<vb:else />
					<img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" class="b-comp-menu-dropdown__trigger-avatar avatar-{vb:raw user.userid}"/>
				</vb:if>
				<span class="b-comp-menu-dropdown__trigger-username js-menu__username-label">{vb:raw user.username}</span>
			</div>
			<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--right">
				<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'profile', {vb:raw data}}">{vb:phrase my_profile}</a></li>
				{vb:hook 'header_topusermenu_after_profile'}
				<vb:comment>POST SEARCH</vb:comment>
				<li class="b-comp-menu-dropdown__content-item"><a href="search?searchJSON=%7B%22authorid%22%3A%5B%22{vb:raw user.userid}%22%5D%2C%22view%22%3A%22topic%22%2C%22channel%22%3A%222%22%2C%22exclude_type%22%3A%5B%22vBForum_PrivateMessage%22%5D%7D">{vb:phrase my_recent_posts}</a></li>
				<vb:comment>END POST SEARCH </vb:comment>
				{vb:set settingsRouteInfo.tab, 'profile'}
				<li class="b-comp-menu-dropdown__content-item"><a href="{vb:url 'settings', {vb:raw settingsRouteInfo}}">{vb:phrase user_settings}</a></li>
				<li class="b-comp-menu-dropdown__content-item"><a href="{vb:raw baseurl}/auth/logout?logouthash={vb:raw user.logouthash}">{vb:phrase log_out}</a></li>
			</ul>
		</div>

	</li>

	{vb:hook 'header_navright_after_username'}

	<vb:comment>** Sitebuilder toggle **</vb:comment>
	<vb:if condition="!empty($useSitebuilder)">
		<vb:if condition="isset($_COOKIE[$sb_state_cookie]) AND $_COOKIE[$sb_state_cookie] == '1'">
			{vb:set editstate, 'on'}
		<vb:else />
			{vb:set editstate, 'off'}
		</vb:if>
		<li class="b-top-menu__item b-top-menu__item--no-right-divider b-top-menu__item--sitebuilder-toggle switch-container edit-switch-container js-shrink-event-child h-hide-on-xsmall">
			<label class="h-left">{vb:phrase edit_site}:</label>
			<div class="switch-control js-button {vb:raw editstate}" tabindex="0">
				<span class="switch-label off">{vb:phrase off}<span class="switch-handle"></span></span>
				<span class="switch-label on">{vb:phrase on}<span class="switch-handle"></span></span>
			</div>
		</li>
	</vb:if>


<vb:else />


	<vb:comment>*** Guest / logged out user ***</vb:comment>


<vb:comment>** Login or signup dropdown menu **</vb:comment>
	<li class="b-top-menu__item b-top-menu__item--no-left-divider b-top-menu__item--no-right-divider username-container js-shrink-event-child">

		<div class="b-comp-menu-dropdown b-comp-menu-dropdown--headerbar js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover js-login-menu">
			<div id="lnkLoginSignupMenu" class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow b-comp-menu-dropdown__trigger--headerbar js-button" tabindex="0">
				{vb:phrase {vb:if "empty($vboptions['allowregistration'])", login, login_or_sign_up}}
			</div>

			<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--right">

				<li id="idLoginIframeContainer" class="b-comp-menu-dropdown__content-item b-comp-menu-dropdown__content-item--no-hover">
					<iframe id="idLoginIframe" class="js-menu__login-iframe" src="{vb:raw baseurl_login}/auth/login-form" ></iframe>
				</li>

				{vb:data check, externallogin, showExternalLoginButton}
				{vb:set showExternalLoginProviders, {vb:raw check.show}}

				<li id="externalLoginProviders" class="b-comp-menu-dropdown__content-item b-comp-menu-dropdown__content-item--no-hover js-external-login-providers h-clearfix<vb:if condition="!$showExternalLoginProviders"> h-hide-imp</vb:if>">
					<span class="h-left h-margin-left-s h-margin-top-s">{vb:phrase you_can_also_login_as}</span>
					<vb:comment>
						The span is to avoid some unfortunate styling on the "a" element placed by the menu css.  It should be removed (and the classes 
						transfered back to the "a" element) when the menu css is refactored to avoid this
					</vb:comment>
					<vb:if condition="$vboptions['facebookactive']">
						<span class="h-left h-margin-left-m js-external-login-provider js-external-login-provider--facebook">
							<a href="#" id="lnkFacebookLogin" title="{vb:phrase facebook}"><span class="b-icon b-icon__facebook-24 b-icon--show-on-xsmall h-block">{vb:phrase facebook}</span></a>
						</span>
					</vb:if>
					{vb:hook 'header_topusermenu_external_login'}
				</li>

			</ul>

		</div>

	</li>

	{vb:hook 'header_navright_after_username'}
</vb:if>]]></template>
	</templategroup>
	<templategroup name="User Profile Field">
		<template name="userfield_radio" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<div class="form_row">
	<label class="label_column">{vb:raw profilefield.title}</label>
	<div class="field_column">
		<ul class="checkradio group">
			<vb:each from="profilefield.bits" key="key" value="bit">
				<li>
					<vb:if condition="$profilefield['type'] == 'radio'">
						<vb:comment><!-- Radio --></vb:comment>
						<label for="rb_cpf_{vb:raw profilefieldname}_{vb:raw key}">
							<input type="radio" name="userfield[{vb:raw profilefieldname}]" value="{vb:raw key}" id="rb_cpf_{vb:raw profilefieldname}_{vb:raw key}"<vb:if condition="$bit['checked']"> checked="checked"</vb:if> /><span>{vb:raw bit.val}</span>
						</label>
					<vb:else />
						<vb:comment><!-- Checkbox --></vb:comment>
						<li>
							<label for="cb_cpf_{vb:raw profilefieldname}_{vb:raw key}">
								<input type="checkbox" name="userfield[{vb:raw profilefieldname}][]" value="{vb:raw key}" id="cb_cpf_{vb:raw profilefieldname}_{vb:raw key}"<vb:if condition="$bit['checked']"> checked="checked"</vb:if> /><span>{vb:raw bit.val}</span>
							</label>
						</li>
					</vb:if>
				</li>
			</vb:each>
		</ul>
		<vb:if condition="$profilefield['optional']">
			<div class="optional">
				<input type="text" placeholder="{vb:rawphrase or_enter_your_choice_here}" class="textbox" id="userfield_{vb:raw profilefield.optionalname}" name="userfield[{vb:raw profilefield.optionalname}]" value="<vb:if condition="$profilefield['foundfield']">{vb:var field.currentvalue}<vb:else /></vb:if>" maxlength="{vb:raw profilefield.maxlength}" />
			</div>
		</vb:if>
		<div class="field-desc">{vb:raw profilefield.description}</div>
		<input type="hidden" name="userfield[{vb:raw profilefieldname}_set]" value="1" />
	</div>	
</div>]]></template>
		<template name="userfield_select" templatetype="template" date="1399907947" username="vBulletin" version="5.1.3 Alpha 1"><![CDATA[<div class="form_row">
	<label class="label_column">{vb:raw profilefield.title}</label>
	<div class="field_column">
		<select class="textbox" name="userfield[{vb:raw profilefieldname}]" id="cfield_{vb:raw profilefield.profilefieldid}">
			<vb:if condition="$profilefield['def'] != 2"><option value="0"<vb:if condition="$profilefield['selected']"> selected="selected"</vb:if>>{vb:phrase please_select_one}</option></vb:if>
			<vb:each from="profilefield.bits" key="key" value="bit">
				<option value="{vb:raw key}"<vb:if condition="$bit['selected']"> selected="selected"</vb:if>>{vb:raw bit.val}</option>
			</vb:each>
		</select>
		<vb:if condition="$profilefield['optional']">
			<div class="optional">
				<input type="text" placeholder="{vb:rawphrase or_enter_your_choice_here}" class="textbox" id="userfield_{vb:raw profilefield.optionalname}" name="userfield[{vb:raw profilefield.optionalname}]" value="<vb:if condition="$profilefield['foundfield']">{vb:var field.currentvalue}<vb:else /></vb:if>" maxlength="{vb:raw profilefield.maxlength}" />
			</div>
		</vb:if>
		<div class="field-desc">{vb:raw profilefield.description}</div>
		<input type="hidden" name="userfield[{vb:raw profilefieldname}_set]" value="1" />
	</div>	
</div>
]]></template>
		<template name="userfield_select_multiple" templatetype="template" date="1357583718" username="vBulletin" version="5.0.0 Beta 26"><![CDATA[<div class="form_row">
	<label class="label_column">{vb:raw profilefield.title}</label>
	<div class="field_column">
		<select class="primary" name="userfield[{vb:raw profilefieldname}][]" id="cfield_{vb:raw profilefield.profilefieldid}" size="{vb:raw profilefield.height}" multiple="multiple">
			<vb:each from="profilefield.bits" key="key" value="bit">
				<option value="{vb:raw key}"<vb:if condition="$bit['selected']"> selected="selected"</vb:if>>{vb:raw bit.val}</option>
			</vb:each>
		</select>
		<div class="field-desc">{vb:raw profilefield.description}</div>
		<input type="hidden" name="userfield[{vb:raw profilefieldname}_set]" value="1" />
	</div>	
</div>
]]></template>
		<template name="userfield_textarea" templatetype="template" date="1344123379" username="vBulletin" version="5.0.0 Alpha 31"><![CDATA[<div class="form_row">
	<label class="label_column">{vb:raw profilefield.title}</label>
	<div class="field_column">
		<textarea class="textbox" name="userfield[{vb:raw profilefieldname}]" id="cfield_{vb:raw profilefield.profilefieldid}" rows="{vb:raw profilefield.height}" cols="60">{vb:raw profilefield.currentvalue}</textarea>
		<div class="field-desc">{vb:raw profilefield.description}</div>
		<input type="hidden" name="userfield[{vb:raw profilefieldname}_set]" value="1" />
	</div>		
</div>
]]></template>
		<template name="userfield_textbox" templatetype="template" date="1344123379" username="vBulletin" version="5.0.0 Alpha 31"><![CDATA[<div class="form_row">
	<label class="label_column">{vb:raw profilefield.title}</label>
	<div class="field_column">
		<input type="text" class="textbox" name="userfield[{vb:raw profilefieldname}]" id="cfield_{vb:raw profilefield.profilefieldid}" value="{vb:raw profilefield.currentvalue}" maxlength="{vb:raw profilefield.maxlength}" />
		<div class="field-desc">{vb:raw profilefield.description}</div>
		<input type="hidden" name="userfield[{vb:raw profilefieldname}_set]" value="1" />
	</div>	
</div>
]]></template>
	</templategroup>
	<templategroup name="User Setting">
		<template name="usersettings_account" templatetype="template" date="1546905780" username="vBulletin" version="5.5.1 Alpha 2"><![CDATA[<form id="accountSettings_form" method="POST" action="profile/saveAccountSettings?userid={vb:raw user.userid}">
	<div class="b-button-group h-hide--small h-margin-vert-xxl h-margin-horiz-xxl h-padding-horiz-xl">
		<button type="submit" class="b-button b-button--primary">{vb:phrase save_changes}</button>
		<button type="reset" class="b-button js-user-settings__reset">{vb:phrase reset_fields}</button>
	</div>

	<div class="h-clear h-padding-horiz-xxl h-margin-top-xl">

	<vb:comment>
		<!-- Structural skeleton of form row -->
		<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
				<label for="" class="b-form-input__label"></label>
			</div>
			<div class="l-col__flex-3 l-col__small--full">
			</div>
		</div>
	</vb:comment>

		<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
				<label for="" class="b-form-input__label">{vb:phrase password}</label>
			</div>

			<div class="l-col__flex-3 l-col__small--full">

				<input type="password" autocomplete="off" placeholder="{vb:phrase usersetting_change_password_current}" id="user_currentpass" name="current_pass" size="{vb:raw textboxSize}" class="b-form-input__input b-form-input__input--full" />
				<p class="b-form-input__hint">
					<a href="{vb:raw baseurl}/lostpw">{vb:phrase usersetting_change_password_forget}</a>
				</p>
				<p class="b-form-input__hint">{vb:phrase enter_password_to_change_password_or_email}</p>

				<div class="h-margin-vert-l">

					<input type="password" autocomplete="off" placeholder="{vb:phrase usersetting_change_password_new}" id="user_newpass" name="new_pass" size="{vb:raw textboxSize}" class="b-form-input__input b-form-input__input--full" />

				</div>

				<div class="h-margin-vert-l">
					<input type="password" autocomplete="off" placeholder="{vb:phrase usersetting_change_password_renew}" id="user_newpass2" name="new_pass2" size="{vb:raw textboxSize}" class="b-form-input__input b-form-input__input--full" />
				</div>

				<input type="hidden" id="default_user_newpass" value="" />
				<input type="hidden" id="default_user_newpass2" value="" />
			</div>
		</div>

		<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
				<label for="" class="b-form-input__label">{vb:phrase usersetting_email}</label>
			</div>

			<div class="l-col__flex-3 l-col__small--full">
				{vb:raw userInfo.email}

				<div class="h-margin-vert-l">

					<input type="text" placeholder="{vb:phrase usersetting_change_email_new}" id="new_useremail" name="new_email" size="{vb:raw textboxSize}" class="b-form-input__input b-form-input__input--full" />

				</div>

				<div class="h-margin-vert-l">

					<input type="text" placeholder="{vb:phrase usersetting_change_email_renew}" id="new_useremail2" name="new_email2" size="{vb:raw textboxSize}" class="b-form-input__input b-form-input__input--full" />
				</div>

				<input type="hidden" id="default_user_newemail" value="" />
				<input type="hidden" id="default_user_newemail2" value="" />
			</div>
		</div>

		<vb:if condition="$canmodifyprofile">
			{vb:data signatureInfo, bbcode, getSignatureInfo, {vb:raw userInfo.userid}, {vb:raw userInfo.signature}}

			<vb:if condition="$userInfo['caninvisible']">

				<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
					<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
						<label for="" class="b-form-input__label">{vb:phrase invisible_mode_guser}</label>
					</div>

					<div class="l-col__flex-3 l-col__small--full">
						<label class="b-form-control__label b-media">
							<input type="checkbox" id="userinvisible_{vb:raw userInfo.userid}" name="invisible_mode" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['invisible'] == true">checked</vb:if> />
							<span class="b-form-control__text b-media__body">{vb:phrase usersetting_enable_invisible}</span>
						</label>
						<p class="b-form-input__hint">{vb:phrase invisible_mode_allows}</p>
						<input type="hidden" id="invisible_mode" value="{vb:raw userInfo.invisible}" />
					</div>
				</div>

			</vb:if>

			<vb:if condition="$userInfo['canhiderep']">

				<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
					<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
						<label for="" class="b-form-input__label">{vb:phrase reputation_level_guser}</label>
					</div>

					<div class="l-col__flex-3 l-col__small--full">
						<label class="b-form-control__label b-media">
							<input type="checkbox" id="userreputation_{vb:raw userInfo.userid}" name="show_reputation" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['showreputation'] == true">checked</vb:if> />
							<span class="b-form-control__text b-media__body">{vb:phrase usersetting_enable_reputation}</span>
						</label>
						<p class="b-form-input__hint">{vb:phrase usersetting_reputation_desc}</p>
						<input type="hidden" id="show_reputation" value="{vb:raw userInfo.showreputation}" />
					</div>
				</div>

			</vb:if>

			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label for="" class="b-form-input__label">{vb:phrase private_messaging_guser}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full">
					<div>
						<label class="b-form-control__label b-media">
							<input type="checkbox" id="userpm_{vb:raw userInfo.userid}" name="enable_pm" class="b-form-control__control b-media__img js-dependent-master" data-on=".js-pm-controls" <vb:if condition="$userInfo['receivepm'] == true">checked</vb:if> />
							<span class="b-form-control__text b-media__body">{vb:phrase enable_private_messaging}</span></label>
						<p class="b-form-input__hint">{vb:phrase usersetting_pm_desc}</p>
						<input type="hidden" id="enable_pm" value="{vb:raw userInfo.receivepm}" />
					</div>


					{vb:data pmchatCheck, pmchat, canUsePMChat, 1}
					<vb:if condition="$pmchatCheck['canuse']">
						<div class="h-margin-top-xl b-form-control--dependent js-pm-controls">
							<label class="b-form-control__label b-media">
								<input 	type="checkbox"
										name="enable_pmchat"
										class="b-form-control__control b-media__img"
										<vb:if condition="$userInfo['enable_pmchat'] == true">checked</vb:if>
								/>
								<span class="b-form-control__text b-media__body">
									{vb:phrase usersetting_enable_pmchat}
								</span>
							</label>
						</div>
					</vb:if>
				</div>

			</div>



			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label for="" class="b-form-input__label">{vb:phrase receive_private_messaging}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full b-form-control--dependent js-pm-controls">
					<div class="h-margin-bottom-s">
						<label class="b-form-control__label b-media">
							<input type="radio" id="pm_all" name="receive_pm" value="all" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['receivepmbuddies'] == false">checked</vb:if><vb:if condition="$userInfo['receivepm'] == false"> disabled="disabled"</vb:if> />
							<span class="b-form-control__text b-media__body">{vb:phrase from_all_members}</span>
						</label>
					</div>

					<div class="h-margin-bottom-s">
						<label class="b-form-control__label b-media">
							<input type="radio" id="pm_follows" name="receive_pm" value="buddies" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['receivepmbuddies'] == true">checked</vb:if><vb:if condition="$userInfo['receivepm'] == false"> disabled="disabled"</vb:if> />
							<span class="b-form-control__text b-media__body">{vb:phrase usersetting_receive_pm_subscribers}</span>
						</label>
					</div>

					{vb:set arguments.tab, 'subscribers'}
					{vb:set arguments.userid, {vb:var userInfo.userid}}
					{vb:set followersUrl, {vb:url 'subscription', {vb:raw arguments}, ''}}
					<p class="b-form-input__hint">{vb:phrase usersetting_pm_receive_desc, {vb:raw followersUrl}}</p>
					<input type="hidden" id="receive_pm" value=<vb:if condition="$userInfo['receivepmbuddies'] == true">"buddies"<vb:else />"all"</vb:if> />
				</div>
			</div>

			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-l">
					<label for="" class="b-form-input__label">{vb:phrase visitor_messaging}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full">
					<label class="b-form-control__label b-media">
						<input type="checkbox" id="uservm_{vb:raw userInfo.userid}" name="enable_vm" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['vm_enable'] == true">checked</vb:if> />
						<span class="b-form-control__text b-media__body">{vb:phrase enable_visitor_messaging}</span>
					</label>
					<p class="b-form-input__hint">{vb:phrase usersetting_vm_desc}</p>
					<input type="hidden" id="enable_vm" value="{vb:raw userInfo.vm_enable}" />
				</div>
			</div>

			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label for="" class="b-form-input__label">{vb:phrase emailing}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full">
					<label class="b-form-control__label b-media">
						<input type="checkbox" id="useradminemail_{vb:raw userInfo.userid}" name="adminemail" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['adminemail'] == true">checked</vb:if> />
						<span class="b-form-control__text b-media__body">{vb:phrase receive_email_from_bulletin_board_staff}</span>
					</label>
					<p class="b-form-input__hint">{vb:phrase administrators_may_send_email}</p>
					<input type="hidden" id="adminemail" value="{vb:raw userInfo.adminemail}" />
				</div>
			</div>

			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label for="" class="b-form-input__label">{vb:phrase usersetting_conversation_details}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full">
					<strong>{vb:phrase visible_post_elements}</strong>

					<div class="h-margin-vert-s">
						<label class="b-form-control__label b-media">
							<input type="checkbox" id="user_showsignatures" name="showsignatures" <vb:if condition="$userInfo['showsignatures'] == true">checked</vb:if> class="b-form-control__control b-media__img"/>
							<span class="b-form-control__text b-media__body">{vb:phrase show_signatures}</span>
						</label>
						<input type="hidden" class="user_showsignatures" value="{vb:raw userInfo.showsignatures}" />
					</div>


					<div class="h-margin-vert-s">
						<label class="b-form-control__label b-media">
							<input type="checkbox" id="user_showavatars" name="showavatars" <vb:if condition="$userInfo['showavatars'] == true">checked</vb:if> class="b-form-control__control b-media__img"/>
							<span class="b-form-control__text b-media__body">{vb:phrase usersetting_showavatars}</span>
						</label>
						<input type="hidden" class="user_showavatars" value="{vb:raw userInfo.showavatars}" />
					</div>

					<vb:if condition="$userInfo['allow_signatures'] == true">

						<div class="h-margin-vert-l">
							<a href="#" class="js-signature__edit">
								<span class="b-icon b-icon__signature"></span> {vb:phrase usersetting_signatures_link}</a>
							<div class="js-signature__preview h-hide restore">
								{vb:raw signatureInfo.signature}
							</div>
						</div>

					</vb:if>

					<div class="h-margin-top-xl h-margin-bottom-m">
						<strong>{vb:phrase usersetting_displaymode}</strong>
					</div>

					<div class="h-margin-bottom-s">
						<label class="b-form-control__label b-media">
							<input type="radio" id="display_thread_view" name="display_mode" value="1" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['threadedmode'] == 1">checked</vb:if> />
							<span class="b-form-control__text b-media__body">{vb:phrase posts}</span>
						</label>
					</div>

					<div class="h-margin-bottom-s">
						<label class="b-form-control__label b-media">
							<input type="radio" id="display_stream_view" name="display_mode" value="2" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['threadedmode'] == 2">checked</vb:if> />
							<span class="b-form-control__text b-media__body">{vb:phrase latest_activity}</span>
						</label>
						<p class="b-form-input__hint">{vb:phrase usersetting_displaymode_desc}</p>
						<input type="hidden" id="user_dmode" value="{vb:raw userInfo.threadedmode}" />
					</div>

					<div class="h-margin-top-xl h-margin-bottom-l">
						<strong>{vb:phrase usersetting_ppp}</strong>
					</div>

					<select id="posts_per_page_{vb:raw userInfo.userid}" name="posts_per_page" class="b-form-select__select">

						<vb:each from="userInfo.maxposts_options" key="optionKey" value="option">
							<vb:if condition="$optionKey == -1">

								<option value="{vb:raw optionKey}" <vb:if condition="$option['selected']">selected='selected'</vb:if>>{vb:phrase use_forum_default}</option>

							<vb:else />

								<option value="{vb:raw optionKey}" <vb:if condition="$option['selected']">selected='selected'</vb:if>>{vb:phrase show_x_posts_per_page, {vb:raw optionKey}}</option>

							</vb:if>

							<vb:if condition="$option['selected']">
								{vb:set maxposts_selected, {vb:raw optionKey}}
							</vb:if>

						</vb:each>

					</select>
					<input type="hidden" id="user_ppp" value="{vb:raw maxposts_selected}" />
					<p class="b-form-input__hint">{vb:phrase usersetting_ppp_desc}</p>
				</div>
			</div>

			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label for="" class="b-form-input__label">{vb:phrase date_time_options}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full">
					<div class="h-margin-bottom-l">
						<strong>{vb:phrase time_zone_guser}</strong>
					</div>

					<div>
						<select name="timezone" class="b-form-select__select">

							<vb:each from="userInfo.timezones" key="tzKey" value="timeZone">

								<option value="{vb:raw tzKey}" <vb:if condition="$tzKey == $userInfo['timezoneoffset']">selected='selected'</vb:if>>{vb:phrase {vb:raw timeZone}}</option>

								<vb:if condition="$tzKey == $userInfo['timezoneoffset']">
									{vb:set user_tzo, {vb:raw tzKey}}
								</vb:if>

							</vb:each>

						</select>
					</div>
					<input type="hidden" id="user_tzo" value="{vb:raw user_tzo}" />
					<p class="b-form-input__hint">{vb:phrase time_auto_corrected_to_location}</p>

					<div class="h-margin-top-xl h-margin-bottom-m">
						<strong>{vb:phrase usersetting_dst_correction}</strong>
					</div>

					<div>
						<select name="dst_correction" class="b-form-select__select">

							<vb:each from="userInfo.dst_options" key="optKey" value="dstOption">

								<option value="{vb:raw optKey}" <vb:if condition="$dstOption['selected']">selected='selected'</vb:if>>{vb:phrase $dstOption['phrase']}</option>

								<vb:if condition="$dstOption['selected']">
									{vb:set user_dst, {vb:raw optKey}}
								</vb:if>

							</vb:each>

						</select>
						<input type="hidden" id="user_dst" value="{vb:raw user_dst}" />
					</div>

					<div class="h-margin-top-xl h-margin-bottom-m">
						<strong>{vb:phrase start_of_the_week}</strong>
					</div>

					<div>
						<select name="startofweek" class="b-form-select__select">

							<vb:each from="userInfo.sow_options" key="dayKey" value="dayOption">

								<option value="{vb:raw dayKey}" <vb:if condition="$dayOption['selected']">selected='selected'</vb:if>>{vb:phrase $dayOption['day']}</option>


								<vb:if condition="$dayOption['selected']">
									{vb:set user_sow, {vb:raw dayKey}}
								</vb:if>

							</vb:each>
						</select>

						<input type="hidden" id="user_sow" value="{vb:raw user_sow}" />
					</div>

					<p class="b-form-input__hint">
						{vb:phrase parts_use_different_start_of_week}
					</p>
				</div>
			</div>

			<vb:if condition="$userInfo['styles']['count'] > 0">

				<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
					<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
						<label for="" class="b-form-input__label">{vb:phrase board_skin}</label>
					</div>

					<div class="l-col__flex-3 l-col__small--full">
						<select name="forum_skin" class="b-form-select__select">
							<option value="0"<vb:if condition="$userInfo['styleid'] == 0"> selected="selected"</vb:if>>{vb:phrase use_forum_default}</option>

							<vb:each from="userInfo.styles.options" value="style">

								<option value="{vb:raw style.styleid}"<vb:if condition="$userInfo['styleid'] == $style['styleid']"> selected="selected"</vb:if>>{vb:raw style.title}</option>
								<vb:if condition="$userInfo['styleid'] == $style['styleid']">
									{vb:set forum_skin, {vb:raw userInfo.styleid}}
								</vb:if>

							</vb:each>

						</select>
						<p class="b-form-input__hint">{vb:phrase switch_skin_select}</p>
						<input type="hidden" id="forum_skin" value="{vb:raw forum_skin}"/>
					</div>
				</div>

			</vb:if>

			<vb:if condition="$userInfo['languages']['count'] > 0">

				<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
					<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
						<label for="" class="b-form-input__label">{vb:phrase board_language}</label>
					</div>

					<div class="l-col__flex-3 l-col__small--full">
						{vb:set user_languageid, 0}
						<select name="languageid" class="b-form-select__select">
							<option value="0"<vb:if condition="$userInfo['languageid'] == 0"> selected="selected"</vb:if>>{vb:phrase use_forum_default}</option>

							<vb:each from="userInfo.languages.options" key="languageid" value="language">
								<option value="{vb:raw languageid}"<vb:if condition="$userInfo['languageid'] == $languageid"> selected="selected"</vb:if>>{vb:var language.title}</option>

								<vb:if condition="$userInfo['languageid'] == $languageid">
									{vb:set user_languageid, {vb:raw userInfo.languageid}}
								</vb:if>

							</vb:each>

						</select>

						<p class="b-form-input__hint">
							{vb:phrase board_can_be_shown_any_language}
						</p>
						<input type="hidden" id="languageid" value="{vb:raw user_languageid}"/>
					</div>
				</div>

			</vb:if>

			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label for="" class="b-form-input__label">{vb:phrase usersetting_other_customizations}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full">
					<label class="b-form-control__label b-media">
						<input type="checkbox" id="usercustomizations_{vb:raw userInfo.userid}" name="other_customizations" <vb:if condition="$userInfo['showusercss'] == true">checked</vb:if> class="b-form-control__control b-media__img" />
						<span class="b-form-control__text b-media__body">{vb:phrase usersetting_showusercss}</span>
					</label>
					<p class="b-form-input__hint">{vb:phrase use_can_make_customizations}</p>
					<input type="hidden" id="user_customizations" value="{vb:raw userInfo.showusercss}" />
				</div>
			</div>

			{vb:data check, externallogin, showExternalLoginButton}
			{vb:set showExternalLoginProviders, {vb:raw check.show}}
			<vb:if condition="$showExternalLoginProviders">
				<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
					<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
						<label for="" class="b-form-input__label">{vb:phrase usersetting_externallogin}</label>
					</div>

					<div class="l-col__flex-3 l-col__small--full">

						<vb:if condition="$userInfo['facebookactive']">
							<div class="h-inline-block h-align-top">
								<vb:if condition="$userInfo['fbuserid']">


									<a id="lnkFacebookDisconnectSettings" 
										class="b-link b-link__facebook-connect" 
										href="#"
										title="{vb:phrase disconnect_from_facebook}"
									>
										<span class="b-icon b-icon__facebook-connect"></span>
										<span>{vb:rawphrase disconnect_from_facebook}</span>
									</a>

								<vb:else />

									<a id="lnkFacebookLoginSettings" 
										class="b-link b-link__facebook-connect" 
										href="#"
										title="{vb:phrase connect_to_facebook}"
									>
										<span class="b-icon b-icon__facebook-connect"></span>
										<span>{vb:rawphrase connect_with_facebook}</span>
									</a>

								</vb:if>
							</div>
						</vb:if>
						{vb:hook 'settings_account_externallogin_link'}
					</div>
				</div>
			</vb:if>

			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full">
					<a name="ignore_list"></a>
					<label for="ignorelist_container" class="b-form-input__label">{vb:phrase ignore_list}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full">
					<p>{vb:phrase usersetting_ignorelist_desc}</p>
					<input type="text" id="ignorelist_container" name="ignorelist" size="{vb:raw textboxSize}" class="b-form-input__input b-form-input__input--full" value="{vb:raw userInfo.ignorelist}" />
					<input type="hidden" id="user_ignorelist" value="{vb:raw userInfo.ignorelist}" />
					<input type="hidden" id="minuserlength" value="{vb:raw userInfo.minuserlength}" />
					<input type="hidden" id="maxitems" value="{vb:raw userInfo.maxresults}" />
				</div>
			</div>
			{vb:hook 'settings_account'}

		</vb:if>

	</div>

	<div class="b-button-group h-margin-bottom-xxl h-margin-horiz-xxl h-padding-horiz-xl">
		<button type="submit" class="b-button b-button--primary">{vb:phrase save_changes}</button>
		<button type="reset" class="b-button js-user-settings__reset">{vb:phrase reset_fields}</button>
	</div>
</form>

<vb:if condition="$canmodifyprofile">
	<vb:if condition="$userInfo['allow_signatures'] == true">
	<div id="editSignatureDialog" class="sb-dialog">
		<form action="ajax/api/user/saveSignature" method="post">
			<vb:if condition="empty($signatureInfo['allowed'])">
				{vb:set disabledFeatures, 'all'}
			<vb:else />
				{vb:set disabledFeatures, {vb:php implode, {vb:raw signatureInfo.disabled}, ','}}
			</vb:if>

			{vb:data canUploadSigpic, user, hasPermissions, 'signaturepermissions', 'cansigpic'}

			{vb:template contententry_basic,
				showToggleEditor=1,
				showSmiley=1,
				showAttachment={vb:raw canUploadSigpic},
				initOnPageLoad=0,
				focusOnPageLoad=0,
				showToolbar=1,
				uploadFrom=signature,
				editorDisabledFeatures={vb:raw disabledFeatures},
				defaultText={vb:raw signatureInfo.signature}}

			<div class="b-button-group h-margin-top-xxl">
				<button type="submit" class="b-button b-button--primary js-signature__submit">{vb:phrase save}</button>
				<button type="button" class="b-button js-signature__cancel">{vb:phrase cancel}</button>
			</div>
		</form>
	</div>
	</vb:if>
</vb:if>]]></template>
		<template name="usersettings_mfa" templatetype="template" date="1546905780" username="vBulletin" version="5.5.1 Alpha 2"><![CDATA[{vb:js js/jquery/jquery.qrcode.min.js}

<div class="h-clear h-padding-horiz-xxl h-padding-vert-xxl">
	<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
		<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
			<label for="mfa_step1" class="b-form-input__label">{vb:phrase download_app}</label>
		</div>

		<div id="mfa_step1" class="l-col__flex-3 l-col__small--full">
			{vb:phrase mfa_secret_instructions}

			<div class="h-margin-vert-l">
			{vb:phrase mfa_secret_instructions_desktop}
			</div>
		</div>
	</div>

	<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl js-mfa-request-panel">
		<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
			<label for="mfa_step2" class="b-form-input__label">{vb:phrase generate_secret}</label>
		</div>

		<div id="mfa_step2" class="l-col__flex-3 l-col__small--full">
		<form method="POST" action="">
			<input type="password" autocomplete="off" placeholder="{vb:phrase usersetting_change_password_current}" name="password" size="{vb:raw textboxSize}" class="b-form-input__input b-form-input__input--full" />

			{vb:data needMFA, user, needMFA, mfareset}
			<vb:if condition="$needMFA['enabled']">
				<p class="b-form-input__hint">{vb:phrase mfa_reset_need_authentication, {vb:url contact-us}}</p>
			<div class="h-margin-vert-l">
				<input type="text" placeholder="{vb:phrase mfa_auth}" name="mfa_authcode" size="{vb:raw textboxSize}" class="b-form-input__input b-form-input__input--full js-mfa-authcode" />
			</div>
			</vb:if>

			<div class="h-margin-vert-l">
				<p class="b-form-input__hint">
					<a class='b-button js-button js-mfa-reset' href="">{vb:phrase mfa_reset_secret}</a>
				</p>
			</div>
		</form>
		</div>
	</div>

	<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl js-mfa-secret-panels h-hide">
		<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
			<label for="mfa_step3" class="b-form-input__label">{vb:phrase configure_app}</label>
		</div>

		<div id="mfa_step3" class="l-col__fixed-6 l-col__small--full h-padding-right-xl">
			<div class="js-mfa-qr-code" data-description="{vb:var $vboptions.bbtitle}"></div>

			<div class="h-margin-vert-l">
				<p class="b-form-input__hint">{vb:phrase manually_enter_secret}</p>
				<div class="h-text--fixedwidthfont js-mfa-secret-text" ></div>
			</div>
		</div>
		<div class="l-col__flex-3 l-col__small--full">
			{vb:phrase mfa_configure_app_instructions}
		</div>
	</div>


	<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl js-mfa-secret-panels h-hide">
		<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
			<label for="mfa_step4" class="b-form-input__label">{vb:phrase verify_configuration}</label>
		</div>

		<div id="mfa_step4" class="l-col__flex-3 l-col__small--full">
		<form method="POST" action="">

			<p class="b-form-input__hint">{vb:phrase mfa_enable_hint}</p>
			<input type="password" autocomplete="off" placeholder="{vb:phrase usersetting_change_password_current}" name="password" size="{vb:raw textboxSize}" class="b-form-input__input b-form-input__input--full" />

			<div class="h-margin-vert-l">
				<input type="text" placeholder="{vb:phrase mfa_auth}" name="mfa_authcode" size="{vb:raw textboxSize}" class="b-form-input__input b-form-input__input--full js-mfa-authcode" />
			</div>

			<div class="h-margin-vert-l">
				<p class="b-form-input__hint">
					<a class='b-button js-button js-mfa-enable' href="">{vb:phrase mfa_enable}</a>
				</p>
			</div>
		</form>
		</div>
	</div>

</div>]]></template>
		<template name="usersettings_notifications" templatetype="template" date="1546905780" username="vBulletin" version="5.5.1 Alpha 2"><![CDATA[<form id="notificationSettings_form" method="POST" action="profile/saveNotificationSettings?userid={vb:raw user.userid}">
	<div class="b-button-group h-hide--small h-margin-vert-xxl h-margin-horiz-xxl h-padding-horiz-xl">
		<button type="submit" class="b-button b-button--primary">{vb:phrase save_changes}</button>
		<button type="reset" class="b-button js-user-settings__reset">{vb:phrase reset_fields}</button>
	</div>

	<div class="h-clear h-padding-horiz-xxl h-margin-top-xl">

		<vb:comment>
			<!-- Structural skeleton of form row -->
			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full">
					<label for="" class="b-form-input__label"></label>
				</div>
				<div class="l-col__flex-3 l-col__small--full">
				</div>
			</div>
		</vb:comment>

		<vb:comment>Autosubscribe</vb:comment>
		<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
				<label class="b-form-input__label">{vb:phrase autosubscribe}</label>
			</div>

			<div class="l-col__flex-3 l-col__small--full">
				<label class="b-form-control__label b-media">
					<input type="checkbox" id="autosubscribe" name="autosubscribe" value="1" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['autosubscribe']">checked</vb:if> />
					<span class="b-form-control__text b-media__body">{vb:phrase autosubscribe_when_posting}</span>
				</label>
				<p class="b-form-input__hint">
					{vb:phrase autosubscribe_desc}
				</p>
			</div>
		</div>

		<vb:comment>Email notifications</vb:comment>
		<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
				<label class="b-form-input__label">{vb:phrase usersetting_emailnotification}</label>
			</div>

			<div class="l-col__flex-3 l-col__small--full">
				<select name="emailnotification" class="b-form-select__select">
					<vb:each from="userInfo.email_notifications" key="eOptKey" value="eOption">
						<option value="{vb:raw eOptKey}" <vb:if condition="$eOption['selected']">selected='selected'</vb:if>>{vb:phrase $eOption['phrase']}</option>
						<vb:if condition="$eOption['selected']">{vb:set eOption_default, {vb:raw eOptKey}}</vb:if>
					</vb:each>
				</select>
				<p class="b-form-input__hint">
					{vb:phrase usersetting_emailnotification_desc}
				</p>
				<input type="hidden" id="emailnotification" value="{vb:raw eOption_default}" />
			</div>
		</div>

		<vb:comment>General notification</vb:comment>
		<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
				<label class="b-form-input__label">{vb:phrase general}</label>
			</div>

			<div class="l-col__flex-3 l-col__small--full">
				<div class="h-margin-bottom-s">
					<label class="b-form-control__label b-media"><input type="checkbox" id="general_followsyou" name="notificationSettings[general_followsyou]" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['notification_options']['values']['general_followsyou'] == 'true'">checked</vb:if> />
						<span class="b-form-control__text b-media__body">{vb:phrase usersetting_emailnotification_general_follows}</span>
					</label>
					<input type="hidden" id="general_followsyou_value" value="{vb:raw userInfo.notification_options.values.general_followsyou}" />
				</div>

				<div class="h-margin-bottom-s">
					<label class="b-form-control__label b-media">
						<input type="checkbox" id="general_followrequest" name="notificationSettings[general_followrequest]" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['notification_options']['values']['general_followrequest'] == 'true'">checked</vb:if> />
						<span class="b-form-control__text b-media__body">{vb:phrase usersetting_emailnotification_general_followrequest}</span>
					</label>
					<input type="hidden" id="general_followrequest_value" value="{vb:raw userInfo.notification_options.values.general_followrequest}" />
				</div>

				<div class="h-margin-bottom-s">
					<label class="b-form-control__label b-media">
						<input type="checkbox" id="general_posts_vm" name="notificationSettings[general_vm]" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['notification_options']['values']['general_vm'] == 'true'">checked</vb:if> />
						<span class="b-form-control__text b-media__body">{vb:phrase usersetting_emailnotification_general_vm}</span>
					</label>
					<input type="hidden" id="general_posts_vm_value" value="{vb:raw userInfo.notification_options.values.general_vm}" />
				</div>

				<div class="h-margin-bottom-s">
					<label class="b-form-control__label b-media">
						<input type="checkbox" id="general_votes_conv" name="notificationSettings[general_voteconvs]" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['notification_options']['values']['general_voteconvs'] == 'true'">checked</vb:if> />
						<span class="b-form-control__text b-media__body">{vb:phrase usersetting_emailnotification_general_votesconv}</span>
					</label>
					<input type="hidden" id="general_votes_conv_value" value="{vb:raw userInfo.notification_options.values.general_voteconvs}" />
				</div>

				<div class="h-margin-bottom-s">
					<label class="b-form-control__label b-media">
						<input type="checkbox" id="general_likes_post" name="notificationSettings[general_likespost]" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['notification_options']['values']['general_likespost'] == 'true'">checked</vb:if> />
						<span class="b-form-control__text b-media__body">{vb:phrase usersetting_emailnotification_general_likespost}</span>
					</label>
					<input type="hidden" id="general_likes_post_value" value="{vb:raw userInfo.notification_options.values.general_likespost}" />
				</div>

				<div class="h-margin-bottom-s">
					<label class="b-form-control__label b-media">
						<input type="checkbox" id="general_usermention" name="notificationSettings[general_usermention]" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['notification_options']['values']['general_usermention'] == 'true'">checked</vb:if> />
						<span class="b-form-control__text b-media__body">{vb:phrase usersetting_emailnotification_general_usermention, {vb:var userInfo.username}}</span>
					</label>
					<input type="hidden" id="general_usermention_value" value="{vb:raw userInfo.notification_options.values.general_usermention}" />
				</div>

				<div class="h-margin-bottom-s">
					<label class="b-form-control__label b-media">
						<input type="checkbox" id="general_quote" name="notificationSettings[general_quote]" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['notification_options']['values']['general_quote'] == 'true'">checked</vb:if> />
						<span class="b-form-control__text b-media__body">{vb:phrase usersetting_emailnotification_general_quote}</span>
					</label>
					<input type="hidden" id="general_quote_value" value="{vb:raw userInfo.notification_options.values.general_quote}" />
				</div>
			</div>
		</div>

		<vb:comment>Discussion notifications</vb:comment>
		<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
				<label class="b-form-input__label">{vb:phrase discussions_guser}</label>
			</div>

			<div class="l-col__flex-3 l-col__small--full">
				<div class="h-margin-bottom-s">
					<label class="b-form-control__label b-media">
						<input type="checkbox" id="discussions_on" name="notificationSettings[discussions_on]" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['notification_options']['values']['discussions_on'] == 'true'">checked</vb:if> />
						<span class="b-form-control__text b-media__body">{vb:phrase usersetting_emailnotification_reply_on_discussion}</span>
					</label>
					<input type="hidden" id="discussions_on_value" value="{vb:raw userInfo.notification_options.values.discussions_on}" />
				</div>

				<div class="h-margin-bottom-s">
					{vb:set discussionText, {vb:phrase discussions_guser}}
					<label class="b-form-control__label b-media">
						<input type="checkbox" id="discussions_comments" name="notificationSettings[discussion_comment]" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['notification_options']['values']['discussion_comment'] == 'true'">checked</vb:if> />
						<span class="b-form-control__text b-media__body">{vb:phrase usersetting_emailnotification_comments_on_discussion}</span>
					</label>
					<input type="hidden" id="discussions_comments_value" value="{vb:raw userInfo.notification_options.values.discussion_comment}" />
				</div>
			</div>
		</div>

		<vb:comment>Separator for other options that aren't really notifications from backend POV, but included here for better UI/UX</vb:comment>
		<hr class="divider" />

		<vb:comment>PM Emails</vb:comment>
		<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
				<label class="b-form-input__label">{vb:phrase usersetting_emailonpm}</label>
			</div>

			<div class="l-col__flex-3 l-col__small--full">
				<label class="b-form-control__label b-media">
					<input type="checkbox" id="emailonpm" name="emailonpm" class="b-form-control__control b-media__img" <vb:if condition="$userInfo['emailonpm']">checked</vb:if> />
					<span class="b-form-control__text b-media__body">{vb:phrase receive_email_when_pm_received}</span>
				</label>
				<p class="b-form-input__hint">
					{vb:phrase usersetting_emailonpm_desc}
				</p>
			</div>
		</div>

		{vb:hook 'settings_notifications'}

	</div>

	<div class="b-button-group h-margin-bottom-xxl h-margin-horiz-xxl h-padding-horiz-xl">
		<button type="submit" class="b-button b-button--primary">{vb:phrase save_changes}</button>
		<button type="reset" class="b-button js-user-settings__reset">{vb:phrase reset_fields}</button>
	</div>
</form>]]></template>
		<template name="usersettings_privacy" templatetype="template" date="1546905780" username="vBulletin" version="5.5.1 Alpha 2"><![CDATA[<form id="privacySettings_form" method="POST" action="profile/savePrivacySettings?userid={vb:raw user.userid}">
	<div class="b-button-group h-hide--small h-margin-vert-xxl h-margin-horiz-xxl h-padding-horiz-xl">
		<button type="submit" class="b-button b-button--primary">{vb:phrase save_changes}</button>
		<button type="reset" class="b-button js-user-settings__reset">{vb:phrase reset_fields}</button>
	</div>

	<div class="h-clear h-padding-horiz-xxl h-margin-top-xl">

		<vb:comment>
			<!-- Structural skeleton of form row -->
			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full">
					<label for="" class="b-form-input__label"></label>
				</div>
				<div class="l-col__flex-3 l-col__small--full">
				</div>
			</div>
		</vb:comment>

		<vb:if condition="($canmodifyprofile AND $canmodifyprivacy)">

			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label class="b-form-input__label">{vb:phrase usersetting_followerequest_title}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full">
					<label class="b-form-control__label b-media">
						<input type="checkbox" id="follower_request" name="follower_request" class="b-form-control__control b-media__img" <vb:if condition="!$userInfo['moderatefollowers']">checked</vb:if> />
						<span class="b-form-control__text b-media__body">{vb:phrase usersetting_followerequest}</span>
					</label>
					<p class="b-form-input__hint">{vb:phrase usersetting_followerequest_desc}</p>
					<input type="hidden" id="follow_request" value="{vb:raw userInfo.moderatefollowers}" />
				</div>
			</div>

			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label class="b-form-input__label">{vb:phrase profile}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full">
					<label>{vb:phrase usersetting_profile_desc}</label>
					<div class="l-row l-row__fixed--left h-margin-vert-xl">
						<div class="l-col__fixed-3 l-col__small-2">{vb:phrase contact_info}</div>
						<div class="l-col__flex-3 l-col__small-2">
							<select class="b-form-select__select" name="privacyOptions[contact_info]" >
								<vb:each from="userInfo.profile_options.options" key="optKey" value="option">
									<vb:if condition="$userInfo['privacy_options']['contact_info'] == $optKey">
										{vb:set ciVal, {vb:raw optKey}}
										{vb:set selectedAttr, ' selected="selected"'}
									<vb:else />
										{vb:set selectedAttr, ''}
									</vb:if>
									<option value="{vb:raw optKey}"{vb:raw selectedAttr}>{vb:phrase {vb:var option}}</option>
								</vb:each>
							</select>
							<input type="hidden" id="contact_info" value="{vb:raw ciVal}" />
						</div>
					</div>

					<div class="l-row l-row__fixed--left h-margin-vert-xl">
						<div class="l-col__fixed-3 l-col__small-2">{vb:phrase profile_picture_guser}</div>
						<div class="l-col__flex-3 l-col__small-2">
							<select class="b-form-select__select" name="privacyOptions[profile_picture]">
								<vb:each from="userInfo.profile_options.options" key="optKey" value="option">
									<vb:if condition="$userInfo['privacy_options']['profile_picture'] == $optKey">
										{vb:set ppVal, {vb:raw optKey}}
										{vb:set selectedAttr, ' selected="selected"'}
									<vb:else />
										{vb:set selectedAttr, ''}
									</vb:if>
									<option value="{vb:raw optKey}"{vb:raw selectedAttr}>{vb:phrase {vb:var option}}</option>
								</vb:each>
							</select>
							<input type="hidden" id="profile_picture" value="{vb:raw ppVal}" />
						</div>
					</div>

					<div class="l-row l-row__fixed--left h-margin-vert-xl">
						<div class="l-col__fixed-3 l-col__small-2">{vb:phrase activities}</div>
						<div class="l-col__flex-3 l-col__small-2">
							<select class="b-form-select__select" name="privacyOptions[activities]">
								<vb:each from="userInfo.profile_options.options" key="optKey" value="option">
									<vb:if condition="$userInfo['privacy_options']['activities'] == $optKey">
										{vb:set activitiesVal, {vb:raw optKey}}
										{vb:set selectedAttr, ' selected="selected"'}
									<vb:else />
										{vb:set selectedAttr, ''}
									</vb:if>
									<option value="{vb:raw optKey}"{vb:raw selectedAttr}>{vb:phrase {vb:var option}}</option>
								</vb:each>
							</select>
							<input type="hidden" id="activities" value="{vb:raw activitiesVal}" />
						</div>
					</div>

					<div class="l-row l-row__fixed--left h-margin-vert-xl">
						<div class="l-col__fixed-3 l-col__small-2">{vb:phrase visitor_messages}</div>
						<div class="l-col__flex-3 l-col__small-2">
							<select class="b-form-select__select" name="privacyOptions[visitor_messages]">
								<vb:each from="userInfo.profile_options.options" key="optKey" value="option">
									<vb:if condition="$userInfo['privacy_options']['visitor_messages'] == $optKey">
										{vb:set vmVal, {vb:raw optKey}}
										{vb:set selectedAttr, ' selected="selected"'}
									<vb:else />
										{vb:set selectedAttr, ''}
									</vb:if>
									<option value="{vb:raw optKey}"{vb:raw selectedAttr}>{vb:phrase {vb:var option}}</option>
								</vb:each>
							</select>
							<input type="hidden" id="visitor_messages" value="{vb:raw vmVal}" />
						</div>
					</div>

					{vb:data canSubscribe, user, hasPermissions, 'genericpermissions2', 'canusefriends'}

					<vb:if condition="$canSubscribe">

						<div class="l-row l-row__fixed--left h-margin-vert-xl">
							<div class="l-col__fixed-3 l-col__small-2">{vb:phrase following}</div>
							<div class="l-col__flex-3 l-col__small-2">
								<select class="b-form-select__select" name="privacyOptions[following]">
									<vb:each from="userInfo.profile_options.options" key="optKey" value="option">
										<vb:if condition="$userInfo['privacy_options']['following'] == $optKey">
											{vb:set followingVal, {vb:raw optKey}}
											{vb:set selectedAttr, ' selected="selected"'}
										<vb:else />
											{vb:set selectedAttr, ''}
										</vb:if>
										<option value="{vb:raw optKey}"{vb:raw selectedAttr}>{vb:phrase {vb:var option}}</option>
									</vb:each>
								</select>
								<input type="hidden" id="following" value="{vb:raw followingVal}" />
							</div>
						</div>

					</vb:if>

					<div class="l-row l-row__fixed--left h-margin-vert-xl">
						<div class="l-col__fixed-3 l-col__small-2">{vb:phrase followers}</div>
						<div class="l-col__flex-3 l-col__small-2">
							<select class="b-form-select__select" name="privacyOptions[followers]">
								<vb:each from="userInfo.profile_options.options" key="optKey" value="option">
									<vb:if condition="$userInfo['privacy_options']['followers'] == $optKey">
										{vb:set followersVal, {vb:raw optKey}}
										{vb:set selectedAttr, ' selected="selected"'}
									<vb:else />
										{vb:set selectedAttr, ''}
									</vb:if>
									<option value="{vb:raw optKey}"{vb:raw selectedAttr}>{vb:phrase {vb:var option}}</option>
								</vb:each>
							</select>
							<input type="hidden" id="followers" value="{vb:raw followersVal}" />
						</div>
					</div>

					<div class="l-row l-row__fixed--left h-margin-vert-xl">
						<div class="l-col__fixed-3 l-col__small-2">{vb:phrase photos}</div>
						<div class="l-col__flex-3 l-col__small-2">
							<select class="b-form-select__select" name="privacyOptions[photos]">
								<vb:each from="userInfo.profile_options.options" key="optKey" value="option">
									<vb:if condition="$userInfo['privacy_options']['photos'] == $optKey">
										{vb:set photosVal, {vb:raw optKey}}
										{vb:set selectedAttr, ' selected="selected"'}
									<vb:else />
										{vb:set selectedAttr, ''}
									</vb:if>
									<option value="{vb:raw optKey}"{vb:raw selectedAttr}>{vb:phrase {vb:var option}}</option>
								</vb:each>
							</select>
							<input type="hidden" id="photos" value="{vb:raw photosVal}" />
						</div>
					</div>

					<div class="l-row l-row__fixed--left h-margin-vert-xl">
						<div class="l-col__fixed-3 l-col__small-2">{vb:phrase videos}</div>
						<div class="l-col__flex-3 l-col__small-2">
							<select class="b-form-select__select" name="privacyOptions[videos]">
								<vb:each from="userInfo.profile_options.options" key="optKey" value="option">
									<vb:if condition="$userInfo['privacy_options']['videos'] == $optKey">
										{vb:set videosVal, {vb:raw optKey}}
										{vb:set selectedAttr, ' selected="selected"'}
									<vb:else />
										{vb:set selectedAttr, ''}
									</vb:if>
									<option value="{vb:raw optKey}"{vb:raw selectedAttr}>{vb:phrase {vb:var option}}</option>
								</vb:each>
							</select>
							<input type="hidden" id="videos" value="{vb:raw videosVal}" />
						</div>
					</div>

					{vb:hook 'settings_privacy_profile'}

				</div>
			</div>

		</vb:if>


		<vb:comment>
			Privacy Consent UI
		</vb:comment>
		{vb:set showExportUserData, 0}
		<vb:if condition="(!empty($vboptions['enable_privacy_registered']) OR !empty($vboptions['enable_account_removal'])) AND $userInfo['eustatus'] != 2">

			<vb:if condition="(empty($vboptions['enable_account_removal']) OR !empty($userInfo['is_admin'])) AND $userInfo['privacyconsent'] == 1">
				{vb:set doDisabled, " disabled"}
			<vb:else />
				{vb:set doDisabled, ""}
			</vb:if>
			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label class="b-form-input__label">{vb:phrase usersetting_privacyconsent_label}</label>
				</div>
				<div class="l-col__flex-3 l-col__small--full">
					<input type="hidden" name="privacyconsent" value="-1" {vb:var doDisabled} />
					<label class="b-form-control__label b-media">
						<input type="checkbox" name="privacyconsent" value="1" class="b-form-control__control h-left{vb:if "!$doDisabled", " js-usersetting-privacy-consent-checkbox"}"{vb:if "$userInfo['privacyconsent'] == 1", " checked"}{vb:var doDisabled} />
						<span class="b-form-control__text b-media__body">
							{vb:phrase privacyconsent_terms, {vb:var vboptions.privacyurl}} {vb:if "!empty($vboptions['enable_account_removal']) AND !$doDisabled", {vb:phrase privacyconsent_terms_delete_warning, {vb:var vboptions.user_autodelete_cooldown}}}
						</span>
					<vb:if condition="!empty($userInfo['is_admin']) AND $userInfo['privacyconsent'] == 1">
						<div class="b-form-input__hint">{vb:phrase privacyconsent_admincannotwithdraw}</div>
					</vb:if>
					</label>
				</div>
			</div>

			<vb:comment>
				Download user data
			</vb:comment>
			{vb:set showExportUserData, 1}
			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full">
					<label class="b-form-input__label">{vb:phrase export_data}</label>
				</div>
				<div class="l-col__flex-3 l-col__small--full">
					<a href="#" class="js-export-personal-data b-button">{vb:phrase export_personal_data}</a>
					<div class="b-form-input__hint">{vb:phrase export_personal_data_hint}</div>
				</div>
			</div>

		</vb:if>

		{vb:hook 'settings_privacy'}
	</div>

	<div class="b-button-group h-margin-bottom-xxl h-margin-horiz-xxl h-padding-horiz-xl">
		<button type="submit" class="b-button b-button--primary">{vb:phrase save_changes}</button>
		<button type="reset" class="b-button js-user-settings__reset">{vb:phrase reset_fields}</button>
	</div>

</form>

<vb:comment>
	Hidden form (outside of the main form) for downloading/exporting user data
</vb:comment>
<vb:if condition="$showExportUserData">
	<form action="{vb:raw baseurl}/profile/export-personal-data" method="post" target="_blank" class="js-export-personal-data-form">
	</form>
</vb:if>]]></template>
		<template name="usersettings_profile" templatetype="template" date="1546651580" username="vBulletin" version="5.5.0 Beta 1"><![CDATA[<form id="profileSettings_form" method="POST" action="profile/saveProfileSettings?userid={vb:raw user.userid}">
	<div class="b-button-group h-hide--small h-margin-vert-xxl h-margin-horiz-xxl h-padding-horiz-xl">
		<button type="submit" class="b-button b-button--primary">{vb:phrase save_changes}</button>
		<button type="reset" class="b-button js-user-settings__reset">{vb:phrase reset_fields}</button>
	</div>

	<div class="h-clear h-padding-horiz-xxl h-margin-top-xl">

		<vb:if condition="$userInfo['coppauser']">
			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
				<label for="coppa_info" class="b-form-input__label">{vb:phrase coppa_information}</label>
			</div>

			<div class="l-col__flex-3 l-col__small--full">
				{vb:phrase print_permission_form, {vb:url 'coppa-form'}}
				<p class="b-form-input__hint">{vb:phrase make_changes_parent_notified, {vb:url 'contact-us'}}</p>
				</div>
			</div>

			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label for="parent_email" class="b-form-input__label">{vb:phrase parent_email}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full">
					<input type="text" id="parent_email" name="parent_email" size="{vb:raw textboxSize}" class="b-form-input__input b-form-input__input--full" value="{vb:raw userInfo.parentemail}" />
					<input type="hidden" id="user_parent_email" value="{vb:var userInfo.parentemail}" />
				</div>
			</div>
		</vb:if>

		<vb:if condition="$userInfo['canusecustomtitle']">
			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label for="username_{vb:raw userInfo.userid}" class="b-form-input__label">{vb:phrase user_title}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full">
					<div class="b-media">
						<div class="b-media__img--rev h-margin-left-m">
							<label class="b-form-control__label"><input type="checkbox" id="username_default_{vb:raw userInfo.userid}" name="resettitle" class="b-form-control__control" /><span class="b-form-control__text">{vb:phrase set_to_default}</span></label>
						</div>

						<div class="b-media__body">
							<vb:comment>usertitle is already html escaped in the userInfo array, if it's required</vb:comment>

							<input type="text" id="username_{vb:raw userInfo.userid}" name="usertitle" size="{vb:raw textboxSize}" class="js-user_title b-form-input__input b-form-input__input--full" value="{vb:raw userInfo.usertitle}" maxlength="{vb:raw vboptions.ctMaxChars}" />
						</div>
						<p class="b-form-input__hint">{vb:phrase usersetting_user_title_desc}</p>
						<input type="hidden" id="user_title" value="{vb:var userInfo.usertitle}" />
						<input type="hidden" id="user_default_title" value="<vb:if condition="$userInfo['customtitle'] == 0">true<vb:else />false</vb:if>" />
					</div>
				</div>
			</div>
		</vb:if>

		<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
				<label for="birth_year_{vb:raw userInfo.userid}" class="b-form-input__label">{vb:phrase birth_date}</label>
			</div>

			<div class="l-col__flex-3 l-col__small--full">

				<vb:if condition="!$vboptions['reqbirthday'] OR (empty($userInfo['bd_month']) AND empty($userInfo['bd_month']) AND empty($userInfo['bd_month']))">

					<select name="bd_month" class="js-birth__month b-form-select__select h-margin-right-m">
						<option value=""></option>
						<option value="01"<vb:if condition="$userInfo['bd_month'] == 1"> selected='selected'</vb:if>>{vb:phrase	january}</option>
						<option value="02"<vb:if condition="$userInfo['bd_month'] == 2"> selected='selected'</vb:if>>{vb:phrase february}</option>
						<option value="03"<vb:if condition="$userInfo['bd_month'] == 3"> selected='selected'</vb:if>>{vb:phrase march}</option>
						<option value="04"<vb:if condition="$userInfo['bd_month'] == 4"> selected='selected'</vb:if>>{vb:phrase april}</option>
						<option value="05"<vb:if condition="$userInfo['bd_month'] == 5"> selected='selected'</vb:if>>{vb:phrase may}</option>
						<option value="06"<vb:if condition="$userInfo['bd_month'] == 6"> selected='selected'</vb:if>>{vb:phrase june}</option>
						<option value="07"<vb:if condition="$userInfo['bd_month'] == 7"> selected='selected'</vb:if>>{vb:phrase july}</option>
						<option value="08"<vb:if condition="$userInfo['bd_month'] == 8"> selected='selected'</vb:if>>{vb:phrase august}</option>
						<option value="09"<vb:if condition="$userInfo['bd_month'] == 9"> selected='selected'</vb:if>>{vb:phrase september}</option>
						<option value="10"<vb:if condition="$userInfo['bd_month'] == 10"> selected='selected'</vb:if>>{vb:phrase october}</option>
						<option value="11"<vb:if condition="$userInfo['bd_month'] == 11"> selected='selected'</vb:if>>{vb:phrase november}</option>
						<option value="12"<vb:if condition="$userInfo['bd_month'] == 12"> selected='selected'</vb:if>>{vb:phrase december}</option>
					</select>

					<select name="bd_day" class="js-birth__day b-form-select__select h-margin-right-m"></select>
					<input type="text" id="birth_year_{vb:raw userInfo.userid}" name="bd_year" class="js-birth__year b-form-input__input b-form-input__input--year" value="{vb:raw userInfo.bd_year}" maxlength="4" />
					<input type="hidden" id="bd_year" value="{vb:raw userInfo.bd_year}" />
					<input type="hidden" id="bd_month" value="{vb:raw userInfo.bd_month}" />
					<input type="hidden" id="bd_day" value="{vb:raw userInfo.bd_day}" />

				<vb:else />

					{vb:raw userInfo.bd_month}-{vb:raw userInfo.bd_day}-{vb:raw userInfo.bd_year}
					<input name="bd_year" type="hidden" id="bd_year" value="{vb:raw userInfo.bd_year}" />
					<input name="bd_month" type="hidden" id="bd_month" value="{vb:raw userInfo.bd_month}" />
					<input name="bd_day" type="hidden" id="bd_day" value="{vb:raw userInfo.bd_day}" />

				</vb:if>

				<div class="h-margin-top-l">
					<select id="birth_age_display_{vb:raw userInfo.userid}" name="dob_display" class="b-form-select__select js-birth-age">
						<option value="2"<vb:if condition="$userInfo['showbirthday'] == 2"> selected="selected"</vb:if>>{vb:phrase display_age_and_dob}</option>
						<option value="1"<vb:if condition="$userInfo['showbirthday'] == 1"> selected="selected"</vb:if>>{vb:phrase display_age}</option>
						<option value="3"<vb:if condition="$userInfo['showbirthday'] == 3"> selected="selected"</vb:if>>{vb:phrase display_day_and_month}</option>
						<option value="0"<vb:if condition="$userInfo['showbirthday'] == 0"> selected="selected"</vb:if>>{vb:phrase hide_age_and_dob}</option>
					</select>
				</div>
				<p class="b-form-input__hint">{vb:phrase usersetting_birth_date_desc}</p>
				<input type="hidden" id="dob_display_selected" value="{vb:raw userInfo.showbirthday}" />
			</div>
		</div>

		<vb:if condition="$userInfo['has_im']">
			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label class="b-form-input__label">{vb:phrase usersetting_im}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full js-screen-names">
					<div class="js-screen-name__container h-left">
						{vb:set screenNameIndex, 0}
						<vb:each from="userInfo.im_providers" value="provider">

							<vb:if condition="$userInfo[$provider]">

								<div class="h-margin-bottom-xs h-clearfix js-screen-name">
									<input type="text" name="user_screennames[]" class="js-user_screenname h-left h-margin-right-l h-margin-bottom-s b-form-input__input" value="{vb:var userInfo.{vb:raw provider}}" />
       								<select name="user_im_providers[]" class="js-im--{vb:raw screenNameIndex} js-im b-form-select__select h-left h-margin-bottom-s" data-orig-value-class="js-im--{vb:raw screenNameIndex}">
										<option value="aim"<vb:if condition="'aim' == $provider"> selected="selected"</vb:if>>{vb:phrase aim}</option>
										<option value="google"<vb:if condition="'google' == $provider"> selected="selected"</vb:if>>{vb:phrase google_talk_im}</option>
										<option value="skype"<vb:if condition="'skype' == $provider"> selected="selected"</vb:if>>{vb:phrase skype}</option>
										<option value="yahoo"<vb:if condition="'yahoo' == $provider"> selected="selected"</vb:if>>{vb:phrase yahoo_im}</option>
										<option value="icq"<vb:if condition="'icq' == $provider"> selected="selected"</vb:if>>{vb:phrase icq}</option>
									</select>
									<div class="b-form-input__accessory-container h-margin-bottom-s">
										<div class="b-icon b-icon__x-circle--light h-margin-horiz-l h-margin-bottom-xxs h-pointer h-left js-screen-name__remove"></div>
									</div>
									<input type="hidden" id="js-im--{vb:raw screenNameIndex}" class="js-im--{vb:raw screenNameIndex}" value="{vb:raw provider}" />
								</div>
								{vb:set screenNameIndex, {vb:math {vb:raw screenNameIndex} + 1}}
							</vb:if>

						</vb:each>

					</div>

					<p class="b-form-input__hint h-clear"><a href="#" class="js-screen-name__new">{vb:phrase usersetting_im_desc}</a></p>
				</div>
			</div>

		<vb:else />

			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
					<label for="im_current_{vb:raw userInfo.userid}" class="b-form-input__label">{vb:phrase usersetting_im}</label>
				</div>

				<div class="l-col__flex-3 l-col__small--full js-screen-names">
					<div class="js-screen-name__container">
						<div class="h-margin-bottom-xs h-clearfix js-screen-name">
							<input type="text" id="im_current_{vb:raw userInfo.userid}" name="user_screennames[]" class="js-user_screenname h-left h-margin-right-l h-margin-bottom-s b-form-input__input" value="" />
							<select name="user_im_providers[]" class="js-im--0 js-im b-form-select__select h-left h-margin-bottom-s" data-orig-value-class="js-im--aim">
								<option value="aim" selected="selected">{vb:phrase aim}</option>
								<option value="google">{vb:phrase google_talk_im}</option>
								<option value="skype">{vb:phrase skype}</option>
								<option value="yahoo">{vb:phrase yahoo_im}</option>
								<option value="icq">{vb:phrase icq}</option>
							</select>
							<div class="b-form-input__accessory-container h-margin-bottom-s">
								<div class="b-icon b-icon__x-circle--light h-margin-horiz-l h-margin-bottom-xxs h-pointer h-left js-screen-name__remove"></div>
							</div>
							<input type="hidden" id="js-im--0" class="js-im--0" value="aim" />
						</div>
					</div>
					<p class="b-form-input__hint h-clear"><a href="#" class="js-screen-name__new">{vb:phrase usersetting_im_desc}</a></p>
				</div>
			</div>
		</vb:if>

		<vb:each from="userInfo.settings_customFields" value="category">

			<vb:if condition="$category['name']">

				<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
					<div class="l-col__fixed-3 l-col__small--full">
						{vb:var category.name}
					</div>

					<div class="l-col__flex-3 l-col__small--full">
						{vb:var category.desc}
					</div>
				</div>
			</vb:if>

			<vb:each from="category.fields" key="fieldName" value="field">

				<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
					<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
						{vb:set phraseName, {vb:var field.text}}
						{vb:strcat {vb:var phraseName}, '_title'}
						<label for="{vb:var field.text}_{vb:var userInfo.userid}" class="b-form-input__label">{vb:phrase {vb:var phraseName}}</label>
					</div>

					<div class="l-col__flex-3 l-col__small--full">
						{vb:set phraseName, {vb:var field.text}}
						{vb:strcat {vb:var phraseName}, '_desc'}

						<vb:if condition="$field['type'] == 'textarea'">

							<textarea id="{vb:var field.text}_{vb:var userInfo.userid}" name="{vb:var field.field}" rows="4" class="user_{vb:raw field.field} b-form-textarea__textarea b-form-textarea__textarea--full"<vb:if condition="!($field['editable'])"> disabled='disabled'</vb:if>>{vb:raw field.value}</textarea>

						<vb:elseif condition="$field['type'] == 'radio'"/>

							<ul class="checkradio group"<vb:if condition="!($field['editable'])"> disabled='disabled'</vb:if>>
								<vb:each from="field.data" key="k" value="val">
									<li>
										<label class="b-form-control__label"><input type="radio" name="{vb:raw field.field}" value="{vb:raw k}" id="rb_cpf_{vb:raw field.field}_{vb:raw k}" <vb:if condition="$field['value'] == $val['value']">checked="checked"</vb:if> class="b-form-control__control"<vb:if condition="!($field['editable'])"> disabled='disabled'</vb:if> /><span class="b-form-control__text">{vb:raw val.value}</span></label>
									</li>
								</vb:each>
							</ul>

						<vb:elseif condition="$field['type'] == 'checkbox'"/>

							<ul class="checkradio group">
								<vb:each from="field.data" key="k" value="val">
									<li>
										<label class="b-form-control__label"><input type="checkbox" name="{vb:raw field.field}[]" value="{vb:raw k}" id="rb_cpf_{vb:raw field.field}_{vb:raw k}" {vb:raw val.selected} class="b-form-control__control"<vb:if condition="!($field['editable'])"> disabled='disabled'</vb:if> /><span class="b-form-control__text">{vb:raw val.value}</span></label>
									</li>
								</vb:each>
							</ul>

						<vb:elseif condition="$field['type'] == 'select'"/>

							<select class="b-form-select__select" name="{vb:raw field.field}"<vb:if condition="!($field['editable'])"> disabled='disabled'</vb:if> id="cfield_{vb:raw field.id}" tabindex="0">
								<vb:if condition="$field['def'] != 2"><option value="0" <vb:if condition="empty($field['value']) AND empty($field['def'])">selected="selected"</vb:if>></option></vb:if>
								<vb:each from="field.data" key="k" value="val">
									<option value="{vb:raw k}" <vb:if condition="($val['value'] == $field['value']) OR (empty($field['value']) AND $field['def'] == 1 AND $k == 1)">selected="selected"</vb:if>>{vb:raw val.value}</option>
								</vb:each>
							</select>

						<vb:elseif condition="$field['type'] == 'select_multiple'"/>

							<select class="b-form-select__select"<vb:if condition="!($field['editable'])"> disabled='disabled'</vb:if> name="{vb:raw field.field}[]" id="cfield_{vb:raw field.field}" tabindex="0" size="{vb:raw field.height}" multiple="multiple">
								<vb:each from="field.data" key="k" value="val">
									<option value="{vb:raw k}" {vb:raw val.selected}>{vb:raw val.value}</option>
								</vb:each>
							</select>

						<vb:else />

							<input type="text" id="{vb:var field.text}_{vb:raw userInfo.userid}" name="{vb:var field.field}" size="{vb:raw textboxSize}" class="user_{vb:var field.field} b-form-input__input b-form-input__input--full"<vb:if condition="!($field['editable'])"> disabled='disabled'</vb:if> value="{vb:raw field.value}" />

						</vb:if>

						<p class="b-form-input__hint">{vb:phrase {vb:var phraseName}}</p>
						<input type="hidden" id="user_{vb:var field.text}" value="{vb:var field.value}" />
					</div>
				</div>

			</vb:each>
		</vb:each>

		{vb:hook 'settings_profile'}

	</div>

	<div class="b-button-group h-margin-bottom-xxl h-margin-horiz-xxl h-padding-horiz-xl">
		<button type="submit" class="b-button b-button--primary">{vb:phrase save_changes}</button>
		<button type="reset" class="b-button js-user-settings__reset">{vb:phrase reset_fields}</button>
	</div>
</form>]]></template>
		<template name="usersettings_subscriptions" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<div class="h-clear h-padding-horiz-xxl h-padding-vert-xxl">
	{vb:set currencysymbols, {vb:raw subscriptions.currencysymbols}}

	<vb:if condition="!empty($subscriptions['subscribed'])">

		<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl js-existing-subscription-row">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
				<label class="b-form-input__label">{vb:phrase current_subscriptions}</label>
			</div>

			<div class="l-col__flex-3 l-col__small--full">
				<div>
					<vb:comment><!-- List avaliable subscriptions --></vb:comment>
					<table class="js-order_confirm_table">
						<tr>
							<th>{vb:phrase subscriptions}</th>
							<th>{vb:phrase start_date}</th>
							<th>{vb:phrase expiry_date}</th>
							<th>&nbsp;</th>
						</tr>
						<vb:each from="subscriptions.subscribed" value="subscription">
							{vb:set titleparse, 'sub'}
							{vb:strcat titleparse, {vb:var subscription.subscriptionid}}
							{vb:strcat titleparse, '_title'}
							<tr>
								<td>{vb:phrase {vb:var titleparse}}</td>
								<td>{vb:date {vb:raw subscription.subscribed.regdate}}</td>
								<td>{vb:date {vb:raw subscription.subscribed.expirydate}}</td>
								<td><a href="#" class="js-subscription__end" data-id="{vb:var subscription.subscriptionid}">{vb:phrase end_subscription}</td>
							</tr>
						</vb:each>
					</table>

					<vb:comment>We could check the payment methods for the user's current subscriptions
					to see if any is set to a recurring paypal subscription. The problem with that is
					the admin could change or add payment methods for a given subscription after the
					user has subscribed, and there can be multiple payment methods for a subscription,
					so there isn't really a foolproof method to see if the user currently has an active
					recurring paypal payment. Instead, we'll just show this generic message if they have
					any subscriptions.</vb:comment>
					<vb:if condition="!empty($subscriptions['subscribed'])">
						<p>{vb:phrase note_cancel_recurring_paypal_subscription}</p>
					</vb:if>

				</div>
			</div>
		</div>

	</vb:if>

	<vb:if condition="!empty($subscriptions['cansubscribe'])">

		<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
			<div class="l-col__fixed-3 l-col__small--full h-padding-right-m">
				<label class="b-form-input__label">{vb:phrase new_subscriptions}</label>
			</div>

			<div class="l-col__flex-3 l-col__small--full">
				<div class="js-subscriptions_list">

					<vb:each from="subscriptions.cansubscribe" value="subscription">
						{vb:set titleparse, 'sub'}
						{vb:strcat titleparse, {vb:var subscription.subscriptionid}}
						{vb:strcat titleparse, '_title'}
						{vb:set descparse, 'sub'}
						{vb:strcat descparse, {vb:var subscription.subscriptionid}}
						{vb:strcat descparse, '_desc'}
						<div class="js-newsubscription_row h-padding-bottom-xxl" data-id="{vb:var subscription.subscriptionid}" data-allowedapis="{vb:var subscription.allowedapis}">
							<div>{vb:phrase {vb:var titleparse}}</div>
							<p>{vb:phrase {vb:var descparse}}</p>
							
							<select class="js-subscription-cost b-form-select__select">
								<option value="">{vb:phrase select}</option>
								<vb:each from="subscription.cost" key="subid" value="cost">
									<optgroup label="{vb:var cost.subscription_length}">
										<vb:each from="cost.cost" key="currency" value="value">
											{vb:set currencysymbol, {vb:if "isset($currencysymbols[$currency])", {vb:raw currencysymbols[$currency]}, {vb:php strtoupper, {vb:raw currency}}}}

											<option data-subid="{vb:var subid}" data-subtitle="{vb:phrase {vb:var titleparse}}" data-duration="{vb:var cost.subscription_length}" data-currency="{vb:var currency}" data-recurring="{vb:var cost.recurring}" data-value="{vb:raw currencysymbol} {vb:number {vb:var value}, 2}">{vb:raw currencysymbol} {vb:number {vb:var value}, 2}</option>
										</vb:each>
									</optgroup>
								</vb:each>
							</select>
						</div>
					</vb:each>

				</div>
				<div class="js-order_confirm h-hide">
					<table class="js-order_confirm_table">
						<tr>
							<th>{vb:phrase subscriptions}</th>
							<th>{vb:phrase duration}</th>
							<th>{vb:phrase cost}</th>
						<tr>
					</table>
					<p class="b-form-input__hint">{vb:phrase paymentmenthod_desc}</p>
					<vb:comment><!-- List avaliable payment APIs --></vb:comment>
					<div class="h-padding-bottom-l">
						<vb:each from="subscriptions.paymentapis" value="paymentapi">
							<label class="b-form-control__label"><input type="radio" name="paymentapi" class="js-paymentapi b-form-control__control" value="{vb:var paymentapi.classname}" data-currency="{vb:var paymentapi.currency}" data-recurring="{vb:var paymentapi.recurring}"><span class="b-form-control__text">{vb:var paymentapi.title}</span></label>
						</vb:each>
					</div>
					<p><a href="#" class="js-subscription__remove">{vb:phrase remove_subscription}</a></p>
					<button class="b-button b-button--primary js-subscriptions-order" disabled="disabled">{vb:phrase order}</button>
				</div>
				<div class="js-payment-form h-hide"></div>
			</div>
		</div>
	</vb:if>
</div>]]></template>
	</templategroup>
	<templategroup name="Video">
		<template name="video_edit" templatetype="template" date="1515084905" username="vBulletin" version="5.4.0 Alpha 1"><![CDATA[{vb:set videoSchema.itemscope, 1}
{vb:set videoSchema.itemtype, http://schema.org/VideoObject}
<vb:if condition="$existing == 1">
	<input type="hidden" name="videoitems[{vb:raw video.videoitemid}][url]" class="js-video-url" value="{vb:raw video.url}" />
<vb:else />
	<input type="hidden" name="videoitems[new][][url]" class="js-video-url" value="{vb:raw video.url}" />
</vb:if>

<vb:if condition="isset($editMode) AND $editMode">
<div class="linkcontainer linkviewcontainer h-clearfix" {vb:schema {vb:raw videoSchema}}>
	<div class="urlvideo_container">
		{vb:template video_frame, url={vb:var url}, code={vb:raw video.code}, provider={vb:raw video.provider}}
		<span class="b-link js-link-remove h-clear js-link" tabindex="0">{vb:phrase remove_link}</span>
	</div>
	<div class="b-link-content__urlinfo b-table__cell">
		<div class="b-link-content__urlinfo-meta">
			<div class="b-link-content__urlinfo-display-title">
				<span class="b-link-content__urlinfo-text js-link-display-text">{vb:var title}</span>
				<a href="#" class="js-link-edit h-margin-left-xs"><span class="b-icon b-icon__pencil b-icon--active js-link" tabindex="0"></span></a>
			</div>
			<div class="b-link-content__urlinfo-edit-title">
				<input type="text" name="url_title" class="b-link-content__urlinfo-edit-title-input b-form-input__input b-form-input__input--full h-left js-link-textbox js-link-title" value="{vb:var title}" /><button type="button" class="b-button js-link-save h-margin-left-s">{vb:phrase ok}</button>
			</div>
		</div>
		<div class="b-link-content__urlinfo-url h-clear">{vb:var url}<input type="hidden" class="js-link-url" name="url" value="{vb:var url}" /></div>
		<div class="b-link-content__urlinfo-meta b-link-content__urlinfo-meta--desc h-margin-bottom-l h-clearfix">
			<div class="b-link-content__urlinfo-display-desc">
				<span class="b-link-content__urlinfo-text js-link-display-text">{vb:var meta}</span>
				<a href="#" class="js-link-edit h-margin-left-xs"><span class="b-icon b-icon__pencil b-icon--active js-link" tabindex="0"></span></a>
			</div>
			<div class="b-link-content__urlinfo-edit-desc h-left">
				<textarea name="url_meta" class="b-form-textarea__textarea b-form-textarea__textarea--full h-margin-bottom-s js-link-textbox js-link-meta">{vb:var meta}</textarea>
				<button type="button" class="b-button js-link-save h-right">{vb:phrase ok}</button>
			</div>
		</div>
	</div>
</div>

<vb:else />

<div class="linkcontainer linkviewcontainer h-clearfix" {vb:schema {vb:raw videoSchema}}>
	{vb:template video_frame, url={vb:var url}, code={vb:raw video.code}, provider={vb:raw video.provider}, nodeid={vb:raw video.nodeid}}
	<div class="urlinfo">
		{vb:set videoInfo.itemprop, name}
		<div class="title ellipsis" {vb:schema {vb:raw videoInfo}}><a href="{vb:var url}" target="_blank">{vb:var title}</a></div>
		<div class="url ellipsis">
			<vb:if condition="isset($url) AND strlen($url) != 0">
				{vb:set urlparts {vb:php vB5_String::parseUrl, {vb:raw $url}}}
				<vb:if condition="$urlparts !== false">
					{vb:set domain, {vb:raw urlparts.scheme}}
					{vb:strcat domain, '://'}			
					<vb:if condition="!empty($urlparts['user'])">
						{vb:strcat domain, {vb:raw urlparts.user}}
						{vb:strcat domain, ':'}
						{vb:strcat domain, {vb:raw urlparts.pass}}
					</vb:if>
					{vb:strcat domain, {vb:raw urlparts.host}}
					<vb:if condition="!empty($urlparts['port'])">
						{vb:strcat domain, ':'}
						{vb:strcat domain, {vb:raw urlparts.port}}
					</vb:if>
				</vb:if>
			</vb:if>
			<a href="{vb:var domain}" target="_blank">{vb:var domain}</a>
		</div>
		{vb:set videoInfo.itemprop, keywords}
		<div class="meta" {vb:schema {vb:raw videoInfo}}>{vb:var meta}</div>
	</div>
</div>
</vb:if>]]></template>
		<template name="video_frame" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<div class="videocontainer">
		{vb:data thumbnail, content_video, getVideoThumbnail, {vb:raw url}, {vb:if "!empty($nodeid)", {vb:raw nodeid}}}
	<a class="video-frame" href="{vb:raw url}" data-vcode="{vb:raw code}" data-vprovider="{vb:raw provider}" 
		<vb:if condition="isset($height) AND $height > 0"> data-height="{vb:raw height}"</vb:if>
		<vb:if condition="isset($width) AND $width > 0"> data-width="{vb:raw width}"</vb:if>
	>	
		<vb:comment>
			* videothumbnail div achieves 
			1) black background fills the entire default video size
			2) video loading occurs at clicking anywhere within the div, not just on the image
			* if no thumbnail is present, just the black background will show
			* video_icon.png overlay will always show on top of image or black background.
		</vb:comment>
		<div class="videothumbnail">
			
			<vb:if condition="isset($thumbnail) AND $thumbnail">
				<img src="{vb:raw thumbnail}" alt="" 							
					<vb:if condition="isset($height) AND $height > 0"> height="{vb:raw height}"</vb:if>
					<vb:if condition="isset($width) AND $width > 0"> width="{vb:raw width}"</vb:if>
				/>
			</vb:if>
			<div class="videothumbnailoverlay"></div>
		</div>
	</a>
</div>]]></template>
	</templategroup>
	<templategroup name="Module">
		<template name="widget_aboutauthor" templatetype="template" date="1452807873" username="vBulletin" version="5.2.1 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget custom-html-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content">

		{vb:set nodeid {vb:var page.nodeid}}
		{vb:rawdata conversation, node, getNodeFullContent, {vb:raw nodeid}}
		{vb:set conversation {vb:raw conversation.$nodeid}}

		<vb:if condition="!empty($conversation)">

			<vb:if condition="$user['showavatars']">
				<vb:if condition="!$conversation['userid']">
					<span class="b-avatar b-avatar--m b-avatar--thread h-margin-bottom-l h-margin-right-l h-left"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_medium.png" width="64" height="64" alt="{vb:phrase guest_avatar}" title="{vb:phrase guest_avatar}" /></span>
				<vb:elseif condition="$conversation['senderAvatar'] AND $conversation['senderAvatar']['avatarpath'] AND $conversation['senderAvatar']['hascustom']" />
					<a href="{vb:url 'profile', {vb:raw conversation}}" class="b-avatar b-avatar--m b-avatar--thread h-margin-bottom-l h-margin-right-l h-left"><img src="{vb:raw baseurl_corecdn}/{vb:raw conversation.senderAvatar.avatarpath}" alt="{vb:raw conversation.authorname}" title="{vb:raw conversation.authorname}" /></a>
				<vb:elseif condition="$conversation['avatar'] AND $conversation['avatar']['avatarpath'] AND $conversation['avatar']['hascustom']" />
					<a href="{vb:url 'profile', {vb:raw conversation}}" class="b-avatar b-avatar--m b-avatar--thread h-margin-bottom-l h-margin-right-l h-left"><img src="{vb:raw baseurl_corecdn}/{vb:raw conversation.avatar.avatarpath}" alt="{vb:raw conversation.authorname}" title="{vb:raw conversation.authorname}" /></a>
				<vb:else />
					<a href="{vb:url 'profile', {vb:raw conversation}}" class="b-avatar b-avatar--m b-avatar--thread h-margin-bottom-l h-margin-right-l h-left"><img src="{vb:raw baseurl_corecdn}/images/default/default_avatar_medium.png" width="64" height="64" alt="{vb:raw conversation.authorname}" title="{vb:raw conversation.authorname}" /></a>
				</vb:if>
			</vb:if>

			<vb:if condition="$conversation['userid']">
				{vb:data profileInfo, user, fetchProfileInfo, {vb:raw conversation.userid}}
				<vb:if condition="isset($profileInfo[$widgetConfig['profile_field']])">
					{vb:set profileFieldName {vb:raw widgetConfig.profile_field}}
					{vb:var profileInfo.$profileFieldName}
				</vb:if>
				{vb:phrase find_out_more_about_x, {vb:url 'profile', {vb:raw conversation}}, {vb:raw conversation.authorname}}
			</vb:if>

		<vb:else />

			<vb:comment>If we don't have a valid conversation or channel with owner, show an error message.</vb:comment>
			{vb:phrase author_information_not_available}
		</vb:if>

	</div>
</div>]]></template>
		<template name="widget_activate_email" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:cssExtra css_form.css}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget activate-email-widget widget-no-border widget-no-header-buttons" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase email_activation_codes}}
	<div class="widget-content">
		<vb:if condition="!empty($user['userid']) AND $user['usergroupid'] != 3">
			{vb:phrase activate_wrongusergroup}
		<vb:else />
			<form id="frmActivateemail" action="registration/activateEmail" method="post" class="form_layout">
				<p>{vb:rawphrase request_activation_code_sent_email}</p>
				<div class="form-fieldset">
					<div class="form_row">
						<span class="label_column">{vb:phrase email_address}</span>
						<span class="field_column"><input type="text" name="email" class="textbox email" /></span>
					</div>
				</div>
				<div class="b-button-group">
					<button id="activateemailBtnSubmit" type="submit" class="b-button b-button--primary">{vb:phrase email_activation_codes}</button>
				</div>
			</form>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_activate_user" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:cssExtra css_form.css}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget activate-user-widget widget-no-border widget-no-header-buttons" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase activate_your_account}}
	<div class="widget-content">
		<vb:if condition="!empty($user['userid']) AND $user['usergroupid'] != 3">
			{vb:phrase activate_wrongusergroup}
		<vb:else />
			<form id="frmActivateuser" action="registration/activateForm" method="post" class="form_layout">
				<p>{vb:rawphrase you_lost_activation_code_or_username, {vb:url activateemail}}</p>
				<div class="form-fieldset">
					<div class="form_row">
						<span class="label_column">{vb:phrase username}</span>
						<span class="field_column"><input type="text" name="username" class="textbox username"<vb:if condition="$user['userid']"> value="{vb:raw user.username}"</vb:if> tabindex="0" /></span>
					</div>
					<div class="form_row">
						<span class="label_column">{vb:phrase activation_code}</span>
						<span class="field_column"><input type="text" name="activateid" class="textbox activateid" /></span>
					</div>
				</div>
				<div class="b-button-group">
					<button id="activateuserBtnSubmit" type="submit" class="b-button b-button--primary">{vb:phrase activate_your_account}</button>
				</div>
			</form>
	   	</vb:if>
	</div>
</div>]]></template>
		<template name="widget_activitystream" templatetype="template" date="1498587396" username="vBulletin" version="5.3.3 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!isset($widgetConfig['display_tabs'])">
	{vb:set widgetConfig.display_tabs, 0}
</vb:if>
<vb:if condition="empty($widgetConfig['default_tab'])">
	{vb:set widgetConfig.default_tab, '#forum-tab'}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget activity-stream-widget forum-activity-stream-widget widget-tabs ui-tabs widget-no-header-buttons widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}" data-widget-default-tab="{vb:raw widgetConfig.default_tab}">
	<vb:if condition="empty($widgetConfig['hide_title'])">
		<div class="site-name module-title main-header-title">{vb:raw vboptions.bbtitle}</div>
	</vb:if>
	<div class="widget-header widget-tabs-nav h-clearfix">
		<vb:if condition="!empty($widgeticon)">
		<div class="module-icon"><img src="image/sitebuilder/{vb:raw widgeticon}" height="60" width="60" alt="{vb:phrase module_icon}" /></div>
		</vb:if>
		<div class="module-title h-left">
			<ul class="ui-tabs-nav hide-on-editmode h-clearfix b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive">
				<vb:if condition="is_array($widgetConfig['display_tabs'])">
					{vb:set phrases.forum-tab, 'forums'}
					{vb:set phrases.activity-stream-tab, 'latest_activity'}
					{vb:set phrases.subscribed-tab, 'my_subscriptions'}
					{vb:set selectOptions, ''}
					<vb:each from="widgetConfig.tab_order" key="tabName" value="tabIndex">
						<vb:if condition="in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
							{vb:set tabPhrase, {vb:rawphrase {vb:raw phrases[$tabName]}}}
							{vb:strcat selectOptions, '<option value="#'}
							{vb:strcat selectOptions, {vb:raw tabName}}
							{vb:strcat selectOptions, '"'}
							<vb:if condition="$widgetConfig['default_tab'] == ('#' . $tabName)">
								{vb:set selectedClass, ' class="ui-tabs-active"'}
								{vb:strcat selectOptions, ' selected="selected"'}
							<vb:else />
								{vb:set selectedClass, ''}
							</vb:if>
							<li{vb:raw selectedClass}>
								<a href="#{vb:raw tabName}">{vb:raw tabPhrase}</a>
							</li>
							{vb:strcat selectOptions, '>'}
							{vb:strcat selectOptions, {vb:raw tabPhrase}}
							{vb:strcat selectOptions, '</option>'}
						</vb:if>
					</vb:each>
					<vb:comment><!-- Output hide tabs for config dialog --></vb:comment>
					<vb:each from="phrases" key="tabName" value="tabphraseid">
						<vb:if condition="!in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
							<li class="h-hide">
								<a href="#{vb:raw tabName}">{vb:rawphrase {vb:raw tabphraseid}}</a>
							</li>
						</vb:if>
					</vb:each>
				<vb:else />
					<li class="ui-tabs-active"><a href="#forum-tab">{vb:phrase forums}</a></li>
					<li><a href="#activity-stream-tab">{vb:phrase latest_activity}</a></li>
					<li><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
				</vb:if>
			</ul>

		</div>
		<div class="module-buttons">
			<span class="toggle-button module-button-item collapse" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
		</div>
	</div>
	<div class="widget-content widget-tabs-panel">
		<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#activity-stream-tab', $widgetConfig['display_tabs'])">
			<div id="activity-stream-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#activity-stream-tab'">h-hide</vb:if>">
				{vb:set nodeCount, 0}
				<vb:if condition="!isset($widgetConfig['resultsperpage_activitystream'])">
					{vb:set widgetConfig.resultsPerPage, 0}
				<vb:else />
					{vb:set widgetConfig.resultsPerPage, {vb:raw widgetConfig.resultsperpage_activitystream}}
				</vb:if>
				<vb:if condition="!isset($widgetConfig['maxpages_activitystream'])">
					{vb:set widgetConfig.maxpages, 0}
				<vb:else />
					{vb:set widgetConfig.maxpages, {vb:raw widgetConfig.maxpages_activitystream}}
				</vb:if>
				{vb:set filterTimeOptions[0], 'time_today'}
				{vb:set filterTimeOptions[1], 'time_lastweek'}
				{vb:set filterTimeOptions[2], 'time_lastmonth'}
				{vb:set filterTimeOptions[3], 'time_all'}
				<vb:if condition="!empty($widgetConfig['filtertime_activitystream']) AND in_array($widgetConfig['filtertime_activitystream'], $filterTimeOptions)">
					<vb:if condition="$widgetConfig['filtertime_activitystream'] == 'time_today'">
						{vb:set timeOption.from, 'lastDay'}
						{vb:set options.date, {vb:raw timeOption}}
					<vb:elseif condition="$widgetConfig['filtertime_activitystream'] == 'time_lastweek'" />
						{vb:set timeOption.from, 'lastWeek'}
						{vb:set options.date, {vb:raw timeOption}}
					<vb:elseif condition="$widgetConfig['filtertime_activitystream'] == 'time_lastmonth'" />
						{vb:set timeOption.from, 'lastMonth'}
						{vb:set options.date, {vb:raw timeOption}}
					</vb:if>
					{vb:set widgetConfig.filter_time, {vb:raw widgetConfig.filtertime_activitystream}}
				<vb:else />
					{vb:set options.date, 'channelAge'}
					{vb:set widgetConfig.filter_time, 'time_lastweek'}
				</vb:if>

				<vb:if condition="$widgetConfig['default_tab'] == '#activity-stream-tab'">
					{vb:set options.ignore_protected, 1}
					<vb:if condition="isset($widgetConfig['filter_new_topics']) AND $widgetConfig['filter_new_topics'] == 1">
						{vb:set options.starter_only, 1}
					</vb:if>
					{vb:set options.view, 'activity'}
					<vb:if condition="!empty($widgetConfig['filter_show']) AND ($widgetConfig['filter_show'] != 'show_all')">
						{vb:set options.type, {vb:raw widgetConfig.filter_show}}
					</vb:if>

					<vb:comment> @TODO use this if we got the sort filter back
					<vb:if condition="!empty($widgetConfig['filter_sort']) AND ($widgetConfig['filter_sort'] == 'sort_popular')">
						{vb:set sortOption.votes, 'DESC'}
						{vb:set options.sort, {vb:raw sortOption}}
					<vb:elseif condition="!empty($widgetConfig['filter_sort']) AND ($widgetConfig['filter_sort'] == 'sort_featured')" />
						{vb:set options.featured, 1}
					<vb:elseif condition="!empty($widgetConfig['filter_sort']) AND ($widgetConfig['filter_sort'] == 'sort_oldest')" />
						<vb:if condition="$options['view'] == 'topic'">
							{vb:set sortOption.lastcontent, 'ASC'}
							{vb:set options.sort, {vb:raw sortOption}}
						<vb:else />
							{vb:set sortOption.created, 'ASC'}
							{vb:set options.sort, {vb:raw sortOption}}
						</vb:if>
					<vb:else />
						<vb:if condition="$options['view'] == 'topic'">
							{vb:set sortOption.lastcontent, 'DESC'}
							{vb:set options.sort, {vb:raw sortOption}}
						<vb:else />
							{vb:set sortOption.created, 'DESC'}
							{vb:set options.sort, {vb:raw sortOption}}
						</vb:if>
					</vb:if>
					</vb:comment>

					<vb:if condition="!isset($page['pagenum'])">
						{vb:set page.pagenum, 0}
					</vb:if>

					{vb:data nodes, search, getInitialResults, {vb:raw options}, {vb:raw widgetConfig.resultsPerPage}, {vb:raw page.pagenum}, 1}
					<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
						{vb:set nodeCount, {vb:raw nodes.totalRecords}}
					</vb:if>
				</vb:if>

				{vb:template conversation_toolbar, widgetConfig={vb:raw widgetConfig}, view=activity, showFilter=1, showTimeFilter=1, showShowFilter=1, showNewTopicsFilter=1, floating=1}

				<ul class="conversation-list list-container stream-view stream-view-full-width activity-view full-activity-view h-clearfix<vb:if condition="$nodeCount == 0"> h-hide</vb:if>">
					<vb:if condition="$widgetConfig['default_tab'] == '#activity-stream-tab'">
						<vb:each from="nodes.results" value="node">
							{vb:set activityStreamTemplateName, 'display_contenttype_conversationreply_'}
							{vb:strcat activityStreamTemplateName, {vb:raw node.content.contenttypeclass}}
							{vb:template {vb:raw activityStreamTemplateName}, conversation={vb:raw node.content}, reportActivity=1, showChannelInfo=1}
						</vb:each>
					</vb:if>
				</ul>
				<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_content_found}</div>
				<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="$nodeCount <= $widgetConfig['resultsPerPage'] OR $widgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
					<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
				</div>
			</div>
		</vb:if>
		<vb:comment> not included for 5.0 launch
		<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#recommended-tab', $widgetConfig['display_tabs'])">
			<div id="recommended-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#recommended-tab'">h-hide</vb:if>">
				{vb:set widgetConfig.resultsPerPage, {vb:raw widgetConfig.resultsperpage_recommended}}
				{vb:set widgetConfig.maxpages, {vb:raw widgetConfig.maxpages_recommended}}
				<vb:if condition="$widgetConfig['default_tab'] == '#recommended-tab'">
					<vb:comment>Implement fetching of Recommended contents here when this tab gets implemented</vb:comment>
				</vb:if>
				<div class="conversation-empty"></div>
			</div>
		</vb:if>
		</vb:comment>
		<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#subscribed-tab', $widgetConfig['display_tabs'])">
			<div id="subscribed-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#subscribed-tab'">h-hide</vb:if>">
				{vb:set nodeCount, 0}
				<vb:if condition="!empty($widgetConfig['subscriptions_filter_show']) AND ($widgetConfig['subscriptions_filter_show'] != 'show_all')">
					{vb:set options.type, {vb:var widgetConfig.subscriptions_filter_show}}
					{vb:set widgetConfig.filter_show, {vb:var widgetConfig.subscriptions_filter_show}}
				<vb:else />
					{vb:set options.type, ''}
					{vb:set widgetConfig.filter_show, 'show_all'}
				</vb:if>

				{vb:set timeOptions[0], 'time_today'}
				{vb:set timeOptions[1], 'time_lastweek'}
				{vb:set timeOptions[2], 'time_lastmonth'}
				{vb:set timeOptions[3], 'time_all'}
				<vb:if condition="!empty($widgetConfig['filtertime_subscribed']) AND in_array($widgetConfig['filtertime_subscribed'], $timeOptions)">
					{vb:set options.filter_time, {vb:var widgetConfig.filtertime_subscribed}}
					{vb:set widgetConfig.filter_time, {vb:var widgetConfig.filtertime_subscribed}}
				<vb:else />
					{vb:set options.filter_time, 'time_lastweek'}
					{vb:set widgetConfig.filter_time, 'time_lastweek'}
				</vb:if>

				<vb:if condition="!empty($widgetConfig['subscriptions_filter_follow']) AND ($widgetConfig['subscriptions_filter_follow'] != 'follow_all_activity')">
					{vb:set options.filter_follow, {vb:var widgetConfig.subscriptions_filter_follow}}
					{vb:set widgetConfig.filter_follow, {vb:var widgetConfig.subscriptions_filter_follow}}
				<vb:else />
					{vb:set options.filter_follow, 'follow_all_activity'}
					{vb:set widgetConfig.filter_follow, 'follow_all_activity'}
				</vb:if>

				<vb:if condition="!isset($widgetConfig['resultsperpage_subscribed'])">
					{vb:set widgetConfig.resultsPerPage, 0}
				<vb:else />
					{vb:set widgetConfig.resultsPerPage, {vb:raw widgetConfig.resultsperpage_subscribed}}
				</vb:if>

				<vb:if condition="!isset($widgetConfig['maxpages_subscribed'])">
					{vb:set widgetConfig.maxpages, 0}
				<vb:else />
					{vb:set widgetConfig.maxpages, {vb:raw widgetConfig.maxpages_subscribed}}
				</vb:if>

				<vb:if condition="$user['userid'] > 0 AND $widgetConfig['default_tab'] == '#subscribed-tab'">
					{vb:hook subscribed_start}
					{vb:set followingOptions.page, 1}
					{vb:set followingOptions.perpage, {vb:raw widgetConfig.resultsperpage_subscribed}}

					{vb:data nodes, follow, getFollowingContentForTab, null, {vb:var options.filter_follow}, {vb:var options}, {vb:var options.type}, {vb:raw followingOptions}}

					<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
						{vb:set nodeCount, {vb:raw nodes.totalcount}}
					</vb:if>
				</vb:if>

				{vb:set filterFormAction, 'profile/ApplyFollowingFilter'}
				{vb:set filterFollowAllValue, 'follow_all_activity'}
				{vb:template conversation_toolbar, widgetConfig={vb:raw widgetConfig}, view=subscribed, showFilter=1, showTimeFilter=1, showShowFilter=1, showNewTopicsFilter=1, hideFollowMembersFilter=1, floating=1, filterFormAction={vb:raw filterFormAction}, filterFollowAllValue={vb:raw filterFollowAllValue}}

				<vb:if condition="$user['userid'] > 0">
					<ul class="conversation-list list-container stream-view stream-view-full-width activity-view h-clearfix">
						<vb:if condition="$widgetConfig['default_tab'] == '#subscribed-tab'">
							{vb:template profile_following, nodes = {vb:raw nodes.nodes}, userId = {vb:raw userInfo.userid}, showChannelInfo=1}
						</vb:if>
					</ul>
					<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_subscribed_posts_to_display}</div>
					<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="$nodeCount == 0 OR !$nodes['paginationInfo']['showseemore'] OR $widgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
						<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
					</div>
				<vb:else />
					<div class="conversation-empty">{vb:phrase please_login_to_view_subscribed_posts}</div>
					{vb:hook subscribed_no_subs}
				</vb:if>
			</div>
		</vb:if>
		<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#forum-tab', $widgetConfig['display_tabs'])">
			{vb:template display_Forums_tab, default_tab={vb:raw widgetConfig.default_tab}}
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_ad" templatetype="template" date="1454368985" username="vBulletin" version="5.2.1 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} js-module canvas-widget default-widget axd-widget axd-container" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}
	<div class="widget-content restore axd axd_{vb:raw widgetinstanceid}">
		{vb:set adtemplatename, 'ad_'}
		{vb:strcat adtemplatename, {vb:raw widgetinstanceid}}
		<div class="axd-inner js-module__hide-if-empty <vb:if condition="$widgetConfig['center_ad']">axd-inner_centered</vb:if>">
		<vb:if condition="!$vboptions['disable_php_rendering']">
			{vb:template {vb:raw adtemplatename}}
		</vb:if>
		</div>
	</div>
</div>]]></template>
		<template name="widget_admin_default" templatetype="template" date="1505843393" username="vBulletin" version="5.3.4 Alpha 3"><![CDATA[{vb:data widgetConfig, widget, fetchConfig, {vb:var widget.widgetinstanceid}}

<vb:comment>In debug mode allow editing/moving/removing all modules</vb:comment>
<vb:if condition="$config->debug">
	{vb:set hide_edit, 0}
	{vb:set hide_move, 0}
	{vb:set hide_remove, 0}
</vb:if>

<div data-widget-instance-id="{vb:var widget.widgetinstanceid}" data-widget-id="{vb:var widget.widgetid}" class="canvas-widget default-widget widget-no-header-buttons shadow collapsed<vb:if condition="$isSearchWidget"> js-search-widget</vb:if>">

	<div class="widget-header h-clearfix">

		<div class="module-title h-left">
			{vb:set widgetTitle {vb:rawphrase {vb:var widget.title}}}
			<vb:if condition="!empty($widgetConfig['title'])">
				{vb:set widgetTitle {vb:var widgetConfig.title}}
			</vb:if>
			<vb:if condition="!empty($widgetConfig['searchTitle'])">
				{vb:set widgetTitle {vb:var widgetConfig.searchTitle}}
			</vb:if>
			<span class="admin-only">{vb:rawphrase x_module, {vb:raw widgetTitle}}</span>
		</div>

		<vb:if condition="!empty($show_ad_menu) AND $user['can_admin_ads']">
			{vb:set show_ad_menu, 1}
		<vb:else />
			{vb:set show_ad_menu, 0}
		</vb:if>

		<div class="module-buttons<vb:if condition="$show_ad_menu"> moderationmenu_container</vb:if>">
			<span class="admin-only<vb:if condition="$show_ad_menu"> moderation-mainmenu inline</vb:if>">

				<vb:if condition="empty($hide_move)">
					<span class="move-icon module-button-item js-move-button" title="{vb:phrase move_module}"><span>{vb:phrase move}</span></span>
				</vb:if>


				<vb:if condition="empty($hide_edit)">
					<vb:if condition="$show_ad_menu">
						<div class="edit-menu mainmenu module-button-item" title="{vb:phrase edit_module}"><span>{vb:phrase edit}</span>
							<ul class="submenu ui-tabs-skip">
								<li><a href="#" class="edit-button js-edit-button">{vb:phrase edit_module}</a></li>
								<li><a href="#" class="add-first-axd axd-edit-button" data-location="first-post">{vb:phrase add_first_post_content_ad}</a></li>
								<li><a href="#" class="add-last-axd axd-edit-button" data-location="last-post">{vb:phrase add_last_post_content_ad}</a></li>
							</ul>
						</div>
					<vb:else />
						<span class="edit-button js-edit-button module-button-item" title="{vb:phrase edit_module}"><span>{vb:phrase edit}</span></span>
					</vb:if>
				</vb:if>

				<vb:if condition="empty($hide_remove)">
					<span class="close-button module-button-item js-remove-button" title="{vb:phrase remove_module}"><span>{vb:phrase remove}</span></span>
				</vb:if>

			</span>
		</div>

	</div>

	<div class="widget-content h-hide js-widget-content">
		<div class="canvas-layout-row no-columns">
			<div class="canvas-widget-list h-clearfix ui-sortable js-admin-widget-list">
				<vb:comment>
					Modules inside a container module are added here via JS.
				</vb:comment>
			</div>
		</div>
	</div>

</div>]]></template>
		<template name="widget_admin_default_hide_edit" templatetype="template" date="1438634262" username="vBulletin" version="5.1.9 Alpha 6"><![CDATA[{vb:template widget_admin_default,
	widget={vb:raw widget},
	isSearchWidget=0,
	hide_edit=1}]]></template>
		<template name="widget_admin_default_hide_remove" templatetype="template" date="1438634209" username="vBulletin" version="5.1.9 Alpha 6"><![CDATA[{vb:template widget_admin_default,
	widget={vb:raw widget},
	isSearchWidget=0,
	hide_remove=1}]]></template>
		<template name="widget_admin_default_hide_remove_edit" templatetype="template" date="1438634227" username="vBulletin" version="5.1.9 Alpha 6"><![CDATA[{vb:template widget_admin_default,
	widget={vb:raw widget},
	isSearchWidget=0,
	hide_remove=1,
	hide_edit=1}]]></template>
		<template name="widget_admin_tabbedcontainer" templatetype="template" date="1505843393" username="vBulletin" version="5.3.4 Alpha 3"><![CDATA[{vb:data widgetConfig, widget, fetchConfig, {vb:var widget.widgetinstanceid}}

<vb:comment>In debug mode allow editing/moving/removing all modules</vb:comment>
<vb:if condition="$config->debug">
	{vb:set hide_edit, 0}
	{vb:set hide_move, 0}
	{vb:set hide_remove, 0}
</vb:if>

<div data-widget-instance-id="{vb:var widget.widgetinstanceid}" 
	data-widget-id="{vb:var widget.widgetid}" 
	data-is-tabbed-container="true"
	class="canvas-widget default-widget widget-no-header-buttons shadow collapsed<vb:if condition="$isSearchWidget"> js-search-widget</vb:if> js-admin-widget-tabbed-container-wrapper"
>

	<div class="widget-header h-clearfix">

		<div class="module-title h-left">
			{vb:set widgetTitle {vb:rawphrase {vb:var widget.title}}}
			<vb:if condition="!empty($widgetConfig['title'])">
				{vb:set widgetTitle {vb:var widgetConfig.title}}
			</vb:if>
			<vb:if condition="!empty($widgetConfig['searchTitle'])">
				{vb:set widgetTitle {vb:var widgetConfig.searchTitle}}
			</vb:if>
			<span class="admin-only">{vb:rawphrase x_module, {vb:raw widgetTitle}}</span>
		</div>

		<vb:if condition="!empty($show_ad_menu) AND $user['can_admin_ads']">
			{vb:set show_ad_menu, 1}
		<vb:else />
			{vb:set show_ad_menu, 0}
		</vb:if>

		<div class="module-buttons<vb:if condition="$show_ad_menu"> moderationmenu_container</vb:if>">
			<span class="admin-only<vb:if condition="$show_ad_menu"> moderation-mainmenu inline</vb:if>">

				<span class="pin-icon module-button-item js-pin-module-button" title="{vb:phrase pin_module_desc}"><span>{vb:phrase pin_module}</span></span>


				<vb:if condition="empty($hide_move)">
					<span class="move-icon module-button-item js-move-button" title="{vb:phrase move_module}"><span>{vb:phrase move}</span></span>
				</vb:if>


				<vb:if condition="empty($hide_edit)">
					<vb:if condition="$show_ad_menu">
						<div class="edit-menu mainmenu module-button-item" title="{vb:phrase edit_module}"><span>{vb:phrase edit}</span>
							<ul class="submenu ui-tabs-skip">
								<li><a href="#" class="edit-button js-edit-button">{vb:phrase edit_module}</a></li>
								<li><a href="#" class="add-first-axd axd-edit-button" data-location="first-post">{vb:phrase add_first_post_content_ad}</a></li>
								<li><a href="#" class="add-last-axd axd-edit-button" data-location="last-post">{vb:phrase add_last_post_content_ad}</a></li>
							</ul>
						</div>
					<vb:else />
						<span class="edit-button js-edit-button module-button-item" title="{vb:phrase edit_module}"><span>{vb:phrase edit}</span></span>
					</vb:if>
				</vb:if>

				<vb:if condition="empty($hide_remove)">
					<span class="close-button module-button-item js-remove-button" title="{vb:phrase remove_module}"><span>{vb:phrase remove}</span></span>
				</vb:if>

			</span>
		</div>

	</div>

	<div class="widget-content js-admin-widget-content">
		<ul class="js-tab-headers">
			<li class="h-hide js-admin-widget-tab-header-template">
				<a href="#" class="js-tab-header-link">
					<span class="module-tab-title js-tab-title"></span>
					<vb:comment>do not use .edit-button or .close-button here as to not accidentally attach to attachDefaultWidgetEditButtonHandler()</vb:comment>
					<span class="tab-edit-button module-tab-button-item js-edit-tab-button" title="{vb:phrase edit}"><span>{vb:phrase edit}</span></span>
					<span class="tab-remove-button module-tab-button-item js-remove-tab-button" title="{vb:phrase remove}"><span>{vb:phrase remove}</span></span>
				</a>
			</li>
			<li class="js-tab-add">
				<a href="#add-tab">
					<span class="tab-add-button module-tab-button-item js-add-tab-button" title="{vb:phrase add_tab}"><span>+</span></span>
				</a>
			</li>
		</ul>

		<div class="h-hide js-admin-widget-tab js-admin-widget-tab-panel-template">
			<div class="widget-content">
				<div class="canvas-layout-row no-columns">
				<div class="canvas-widget-list h-clearfix ui-sortable js-admin-widget-list js-draggable-module-target">
					<vb:comment>
						Modules inside a container module are added here via JS.
					</vb:comment>
				</div>
				</div>
			</div>
		</div>
	</div>


</div>]]></template>
		<template name="widget_album" templatetype="template" date="1548789388" username="vBulletin" version="5.5.1 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget widget-no-border widget-no-header default-widget album-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:rawphrase album}}
	<div class="widget-content">
		<div class="widget-subheader h-right stretch h-clear"></div>

		<vb:if condition="!empty($widgetinstanceid)">
			<vb:if condition="!empty($page['nodeid'])">
				{vb:set nodeid, {vb:var page.nodeid}}
			<vb:else />
				{vb:set nodeid, 1}
			</vb:if>
			{vb:data nodes, node, getAlbums, {vb:raw nodeid}}
			<vb:if condition="$nodes">
				<ul class="conversation-list list-container stream-view activity-view full-activity-view h-clearfix">
					<vb:each from="nodes" value="node">
						{vb:set starter.nodeid, {vb:raw node.starter}}
						{vb:set starter.username, {vb:raw node.starterauthorname}}
						{vb:set starter.userid, {vb:raw node.starteruserid}}
						<li data-node-id="{vb:raw node.nodeid}" class="list-item list-item-text h-left h-clear{vb:if "!$node['approved']",' unapproved'} js-slideshow__gallery-node">
							<a id="post{vb:raw node.nodeid}" class="anchor"></a>
							<vb:if condition="empty($node['approved'])">
								<div class="error">{vb:phrase photos_not_approved}</div>
							</vb:if>
							<div class="list-item-header h-left">
								<div class="post-header h-left<vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> table center-vertical</vb:if>">
									<div class="post-action-wrapper<vb:if condition="isset($reportActivity) AND $reportActivity"> ellipsis multiline</vb:if><vb:if condition="!isset($showChannelInfo) OR !$showChannelInfo"> td</vb:if>">
										<vb:if condition="isset($reportActivity) AND $reportActivity">
											<vb:if condition="$node['setfor'] > 0">
												{vb:data vm_userInfo, user, fetchUserinfo, {vb:raw node.setfor}}
												{vb:set profileInfo.userid, {vb:raw vm_userInfo.userid}}
												{vb:set profileUrl, {vb:url 'profile', {vb:raw profileInfo}}}
												{vb:set userInfo.userid, {vb:raw node.userid}}
												{vb:set userProfileUrl, {vb:url 'profile', {vb:raw userInfo}}}
												{vb:rawphrase x_posted_visitormessage_for_y_2, {vb:raw node.authorname}, {vb:var userProfileUrl}, {vb:raw vm_userInfo.username}, {vb:var profileUrl}}
											<vb:elseif condition="$postType == 'starter'" />
												<vb:if condition="$node['userid'] > 0">
													{vb:set profileUrl, {vb:url 'profile', {vb:raw node}}}
													{vb:set nodeUrl, {vb:url {vb:raw node.routeid}, {vb:raw node}}}
													{vb:rawphrase x_started_a_topic_y, {vb:var profileUrl}, {vb:raw node.authorname}, {vb:var nodeUrl}, {vb:raw node.nodeid}, {vb:raw node.title}}
												<vb:else />
													{vb:set profileUrl, {vb:url {vb:raw node.routeid}}}
													{vb:rawphrase guest_started_a_topic_y, {vb:var profileUrl}, {vb:raw node}, {vb:raw node.nodeid}, {vb:raw node.title}}
												</vb:if>
											<vb:elseif condition="$postType == 'reply'" />
												{vb:set nodeUrl, {vb:url {vb:raw node.starterroute}, {vb:raw starter}}}
												<vb:if condition="$node['userid'] > 0">
													{vb:set node.innerPost, {vb:raw node.starter}}
													{vb:set profileUrl, {vb:url 'profile', {vb:raw node}}}
													{vb:rawphrase x_replied_to_y, {vb:var profileUrl}, {vb:raw node.authorname}, {vb:var nodeUrl}, {vb:raw node.starter}, {vb:raw node.startertitle}}
												<vb:else />
													{vb:rawphrase guest_replied_to_y, {vb:var nodeUrl}, {vb:raw node.starter}, {vb:raw node.startertitle}}
												</vb:if>
											<vb:else />
												{vb:set profileUrl, {vb:url 'profile', {vb:raw node}}}
												{vb:set parentProfileUrl, {vb:url 'profile', {vb:raw parentnode}}}
												{vb:set nodeUrl, {vb:url {vb:raw node.starterroute}, {vb:raw starter}}}
												{vb:set starter.innerPost, {vb:raw parentnode.nodeid}}
												{vb:set nodeExtraUrl, {vb:url {vb:raw node.starterroute}, {vb:raw starter}, {vb:raw extra}}}
												<vb:if condition="$node['userid'] > 0 AND $parentnode['userid'] > 0">
													{vb:rawphrase x_commented_on_ys_reply_to_z, {vb:var profileUrl}, {vb:raw node.authorname}, {vb:var parentProfileUrl}, {vb:raw parentnode.authorname}, {vb:var nodeExtraUrl}, {vb:raw parentnode.nodeid}, {vb:var nodeUrl}, {vb:raw node.starter}, {vb:raw node.startertitle}}
												<vb:elseif condition="$node['userid'] == 0 AND $parentnode['userid'] > 0"/>
													{vb:rawphrase guest_commented_on_ys_reply_to_z, {vb:var parentProfileUrl}, {vb:raw parentnode.authorname}, {vb:var nodeExtraUrl}, {vb:raw parentnode.nodeid}, {vb:var nodeUrl}, {vb:raw node.starter}, {vb:raw node.startertitle}}
												<vb:elseif condition="$node['userid'] > 0 AND $parentnode['userid'] == 0"/>
													{vb:rawphrase x_commented_on_guests_reply_to_z, {vb:var profileUrl}, {vb:raw node.authorname}, {vb:var nodeExtraUrl}, {vb:raw parentnode.nodeid}, {vb:var nodeUrl}, {vb:raw node.starter}, {vb:raw node.startertitle}}
												<vb:else />
													{vb:rawphrase guest_commented_on_guests_reply_to_z, {vb:var nodeExtraUrl}, {vb:raw parentnode.nodeid}, {vb:var nodeUrl}, {vb:raw node.starter}, {vb:raw node.startertitle}}
												</vb:if>
											</vb:if>
										<vb:else />
											<vb:if condition="$node['userid'] > 0">
												{vb:set profileUrl, {vb:url 'profile', {vb:raw node}}}
												{vb:rawphrase uploaded_by_href_x_y, {vb:var profileUrl}, {vb:raw node.authorname}}
											<vb:else />
												{vb:rawphrase uploaded_by_guest}
											</vb:if>
										</vb:if>

										<vb:if condition="$node['photocount'] > 1">
											<span class="photoCount">{vb:rawphrase x_photos, {vb:raw node.photocount}}</span>
										<vb:else />
											<span class="photoCount">{vb:rawphrase x_photo, {vb:raw node.photocount}}</span>
										</vb:if>
									</div>
								</div>
								<div class="info h-right">
									<span class="post-date h-left">{vb:datetime {vb:raw node.created}}</span>
									<span class="goto-post">
										{vb:set starter.innerPost, {vb:raw node.nodeid}}
										<vb:if condition="$node['setfor'] > 0">
											<a href="{vb:url 'profile', {vb:raw userInfo}">
										<vb:elseif condition="$node['nodeid'] == $node['starter']"/>
											<a href="{vb:url {vb:raw node.starterroute}, {vb:raw starter}}">
										<vb:else />
											<a href="{vb:url {vb:raw node.starterroute}, {vb:raw starter}, {vb:raw extra}}">
										</vb:if>
										{vb:rawphrase go_to_post}
										<span></span>
										</a>
									</span>
								</div>
								<div class="h-clear"></div>
							</div>
							<div class="list-item-body-wrapper h-clear">

								<div class="js-photo-preview h-left b-gallery-thumbnail-list b-gallery-thumbnail-list--gallery">
									<vb:comment> First block is for photo galleries</vb:comment>
									<vb:each from ="node.photo" value="photo">
										<span class="b-gallery-thumbnail-list__item">
											<img class="b-gallery-thumbnail-list__thumbnail" src="filedata/fetch?photoid={vb:raw photo.nodeid}&amp;type=thumb" title="{vb:raw photo.htmltitle}" alt="{vb:raw photo.htmltitle}" />
										</span>
									</vb:each>
									<vb:comment> Second block is for attachments. Notice the image url is different</vb:comment>
									<vb:each from ="node.album" value="photo">
										<span class="b-gallery-thumbnail-list__item">
											<img class="b-gallery-thumbnail-list__thumbnail" src="filedata/fetch?id={vb:raw photo.nodeid}&amp;type=thumb" title="{vb:raw photo.htmltitle}" alt="{vb:raw photo.htmltitle}" />
										</span>
									</vb:each>
								</div>

							</div>
						</li>
					</vb:each>
				</ul>
			</vb:if>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_announcement" templatetype="template" date="1511295667" username="vBulletin" version="5.3.5 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:action announcements, announcement, getText, {vb:var page.channelid}}
<vb:if condition="isset($announcements['errors'])">
	{vb:set announcements, 0}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget announcement-widget<vb:if condition="empty($announcements)"> empty</vb:if>" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase announcement}, can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}
	<div class="widget-content">
		<vb:if condition="!empty($widgetinstanceid)">
			<vb:if condition="$announcements">
				<div class="announcement-tabs">
					<ul>
						{vb:set total, 0}
						<vb:each from="announcements" value="announcement">
							{vb:set total, {vb:math {vb:raw total} + 1}}
							<li><a href="#announcementtabs-{vb:raw widgetinstanceid}-{vb:raw announcement.announcementid}">{vb:raw announcement.htmltitle}</a></li>
						</vb:each>
						{vb:hook announcement_total}
					</ul>
					{vb:set count, 0}
					<vb:each from="announcements" value="announcement">
						<div id="announcementtabs-{vb:raw widgetinstanceid}-{vb:raw announcement.announcementid}" class="tab<vb:if condition="$count > 0"> h-hide</vb:if>" data-index="{vb:raw count}" data-id="{vb:raw announcement.announcementid}">
							{vb:set count, {vb:math {vb:raw count} + 1}}
							<vb:if condition="$total > 1">
								<div class="tabnav">
									<span class="count">{vb:phrase x_of_y, {vb:raw count}, {vb:raw total}}</span>
									<span class="control prev<vb:if condition="$count == 1"> h-hide</vb:if>"><span class="b-icon b-icon__arrow-left-m">&lt;</span></span>
									<span class="control next"><span class="b-icon b-icon__arrow-right-m">&gt;</span></span>
								</div>
							</vb:if>
							<h3>{vb:raw announcement.title}</h3>
							<div class="announcementtext restore h-hide">{vb:raw announcement.pagetext}</div>
						</div>
					</vb:each>
					<div class="condense-text h-hide">
						<div class="see-more">{vb:phrase see_more}</div>
						<div class="see-less">{vb:phrase see_less}</div>
					</div>
					{vb:hook announcement_after_list}
				</div>
				{vb:js js/announcement-rollup.js}
			<vb:else />
				{vb:phrase no_announcement}
				{vb:hook announcement_no_announcement}
			</vb:if>
		<vb:else />
			<vb:if condition="$user['can_use_sitebuilder']">
				<span class="note">{vb:phrase click_edit_to_config_module}</span>
			</vb:if>
		</vb:if>		
	</div>
</div>]]></template>
		<template name="widget_apiform" templatetype="template" date="1461348576" username="vBulletin" version="5.2.3 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>
<vb:if condition="$config->debug">
	{vb:js js/dev-apiform.js}
	<div class="b-module canvas-widget default-widget custom-html-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
		<vb:comment><!-- WIDGET CONTENT STARTS HERE --></vb:comment>
		<div class="widget-content">
			<div class="js-nojs-warning h-margin-bottom-xxl">Note, this page requires javascript to work properly</div>
			<form action="{vb:raw baseurl}/ajax/api/" method="post" enctype="multipart/form-data" class="js-api-form">

				<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
					<div class="l-col__fixed-2 l-col__small--full h-padding-right-m">
						<label class="b-form-input__label">API Class:</label>
					</div>
					<div class="l-col__flex-2 l-col__small--full">
						<input type="text" name="api[class]" placeholder="node" class="b-form-input__input b-form-input__input--full" />
					</div>
				</div>

				<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
					<div class="l-col__fixed-2 l-col__small--full h-padding-right-m">
						<label class="b-form-input__label">API Method:</label>
					</div>
					<div class="l-col__flex-2 l-col__small--full">
						<input type="text" name="api[method]" placeholder="getNode" class="b-form-input__input b-form-input__input--full" />
					</div>
				</div>

				<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
					<div class="l-col__fixed-2 l-col__small--full h-padding-right-m">
						<label class="b-form-input__label">Parameters:</label>
					</div>
					<div class="l-col__flex-2 l-col__small--full">
						<textarea class="b-form-textarea__textarea b-form-textarea__textarea--full" name="parameters" rows="10" cols="80" placeholder="{&quot;nodeid&quot; : 3, &quot;withParents&quot; : true}"></textarea>
						<p class="b-form-input__hint">JSON Please. Double quotes on names & strings are important.</p>
					</div>
				</div>

				<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
					<div class="l-col__fixed-2 l-col__small--full h-padding-right-m">
						<label class="b-form-input__label">Use Bogus Securitytoken:</label>
					</div>
					<div class="l-col__flex-2 l-col__small--full">
						<input type="checkbox" name="bogus_securitytoken" />
					</div>
				</div>

				<input type="hidden" name="securitytoken" value="{vb:raw user.securitytoken}" />

				<div class="b-button-group h-margin-bottom-xxl h-padding-horiz-xl">
					<button type="button" class="b-button b-button--primary js-api-form-submit">{vb:phrase submit}</button>
				</div>

			</form>


			<div class="l-row l-row__fixed--left h-padding-horiz-xl h-padding-bottom-xxl">
				<div class="l-col__fixed-2 l-col__small--full h-padding-right-m">
					<label class="b-form-input__label">Result:</label>
				</div>
				<div class="l-col__flex-2 l-col__small--full">
					<p>Robot Helper: <span class="js-robot-helper">Waiting</span></p>
					<textarea class="b-form-textarea__textarea b-form-textarea__textarea--full" name="output" rows=10 cols=80 readonly placeholder="Awaiting Submit..."></textarea>
				</div>
			</div>

		</div>
		<vb:comment><!-- WIDGET CONTENT ENDS HERE --></vb:comment>
	</div>
<vb:else />
	{vb:phrase no_permission}
</vb:if>]]></template>
		<template name="widget_articledisplay" templatetype="template" date="1530819418" username="vBulletin" version="5.4.4 Alpha 1"><![CDATA[{vb:set channelid, {vb:raw $page.channelid}}
{vb:rawdata canView, user, hasPermissions, forumpermissions, canview, {vb:raw $channelid}}
{vb:rawdata canViewContent, user, hasPermissions, forumpermissions, canviewthreads, {vb:raw $channelid}}

<vb:if condition="!empty($canView) AND empty($canView['errors']) AND ($canView == true) AND !empty($canViewContent) AND empty($canViewContent['errors']) AND ($canViewContent== true)">

	<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
		{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
	</vb:if>

	<vb:if condition="isset($widgetConfig['resultsPerPage']) OR isset($user['maxposts'])">
		<vb:if condition="isset($user['maxposts']) AND $user['maxposts'] != -1">
			{vb:set resultsPerPage, {vb:raw user.maxposts}}
		<vb:else />
			{vb:set resultsPerPage, {vb:raw widgetConfig.resultsPerPage}}
		</vb:if>
	</vb:if>

	<vb:comment>This uses stream view CSS to display the starter without the block on the left for user information.</vb:comment>
	{vb:set page.view, 'stream'}

	{vb:set topicStatus, ''}
	{vb:set errorMessage, 1}

	<vb:if condition="
		!empty($page)
		AND isset($page['channelid'])
		AND $page['channelid'] > 0
		AND isset($page['nodeid'])
		AND $page['nodeid'] > 0
	">

		{vb:set nodeid, {vb:var page.nodeid}}
		{vb:data currentConversation, node, getNodeFullContent, {vb:raw nodeid}}

		<vb:if condition="!empty($currentConversation) AND empty($currentConversation['errors'])">

			{vb:set errorMessage, 0}
			{vb:set currentConversation, {vb:raw currentConversation[$nodeid]}}

			<vb:comment>Handle redirects</vb:comment>
			<vb:if condition="
				$currentConversation['contenttypeclass'] == 'Redirect'
				AND !empty($currentConversation['tonodeid'])
				AND $currentConversation['tonodeid'] != $currentConversation['nodeid']
			">
				{vb:data redirectUrl, route, getAbsoluteNodeUrl, {vb:raw currentConversation.tonodeid}}
				{vb:redirect {vb:raw redirectUrl}}
			</vb:if>

			<vb:comment>
				Since article display is based on blogs, it uses
				some of the CSS from this file. See
				blog-conversation-content-widget below
			</vb:comment>
			{vb:cssExtra blogs-groups.css}

			<vb:if condition="$nodeid == $currentConversation['starter']">
				{vb:set conversationStarter, {vb:raw currentConversation}}
			<vb:else />
				{vb:set starternodeid, {vb:raw currentConversation.starter}}
				{vb:data conversationStarter, node, getNodeContent, {vb:raw starternodeid}}
				{vb:set conversationStarter, {vb:raw conversationStarter[$starternodeid]}}
			</vb:if>

			<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
				{vb:set widgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
				<vb:if condition="$page['filter_time'] == 'time_today'">
					{vb:set options.date.from, 'lastDay'}
				<vb:elseif condition="$page['filter_time'] == 'time_lastweek'" />
					{vb:set options.date.from, 'lastWeek'}
				<vb:elseif condition="$page['filter_time'] == 'time_lastmonth'" />
					{vb:set options.date.from, 'lastMonth'}
				<vb:else />
					{vb:set options.date, 'all'}
				</vb:if>
			</vb:if>

			<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
				{vb:set widgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
				<vb:if condition="$page['filter_show'] != 'show_all'">
					{vb:set options.type, {vb:raw page.filter_show}}
				</vb:if>
			</vb:if>

			{vb:data enableInlineMod, user, hasPermissions, moderatorpermissions, canmoderateposts, {vb:var page.nodeid}}
			<vb:if condition="empty($enableInlineMod)">
				{vb:data enableInlineMod, content_channel, getCanModerate, {vb:var page.channelid}}
			</vb:if>

			{vb:set sortOption.created, 'ASC'}
			{vb:set options.depth, 1}
			{vb:set options.view, 'conversation_thread'}
			{vb:set options.nolimit, 1}
			{vb:set options.sort, {vb:raw sortOption}}
			{vb:set options.include_parent, 1}

			<vb:if condition="!empty($page['q'])">
				{vb:set options.keywords, {vb:raw page.q}}
			</vb:if>

			{vb:set options.channel, {vb:raw nodeid}}
			{vb:set options.include_starter, 1}
			{vb:set options.withParent, 0}
			{vb:set options.ignore_protected, 1}

			{vb:data nodes, search, getInitialResults, {vb:raw options}, {vb:raw resultsPerPage}, 1, 1}
			{vb:set totalCount, {vb:raw nodes.totalRecords}}
			{vb:set nodes, {vb:raw nodes.results}}

			<vb:comment>Add view counts for articles</vb:comment>
			{vb:data nodes, node, 'mergeNodeviewsForTopics', {vb:raw nodes}}

			{vb:set modPerms, {vb:raw currentConversation.moderatorperms}}
			<vb:each from="nodes" value="node" key="index">
				<vb:if condition="!empty($node['content']['moderatorperms'])">
					{vb:set openStatus, {vb:raw node.open}}
					{vb:set content, {vb:raw node.content}}
					{vb:action modPerms, permission, actionMergePerms, {vb:raw modPerms}, {vb:raw content.moderatorperms}}
				</vb:if>
				{vb:set nodes.$index.content.can_use_multiquote, 0}
			</vb:each>

			<vb:each from="modPerms" value="perm">
				<vb:if condition="$perm > 0">
					{vb:set enableInlineMod, 1}
				</vb:if>
			</vb:each>

			<vb:if condition="$currentConversation['showopen'] == 0 AND !$currentConversation['canmoderate'] AND $currentConversation['open'] == 0">
				{vb:strcat topicStatus, ' closed'}
			</vb:if>
			<vb:if condition="($currentConversation['showopen'] == 0) AND ($currentConversation['canmoderate'] == 0)">
				{vb:strcat topicStatus, ' closed_content-entry-box'}
			</vb:if>
			<vb:if condition="$currentConversation['sticky']">
				{vb:strcat topicStatus, ' sticky'}
			</vb:if>
			<vb:if condition="$currentConversation['approved'] == 0">
				{vb:strcat topicStatus, ' unapproved'}
			</vb:if>
			<vb:if condition="$currentConversation['featured']">
				{vb:strcat topicStatus, ' featured'}
			</vb:if>
			<vb:if condition="$currentConversation['unpublishdate']">
				{vb:strcat topicStatus, ' deleted'}
			</vb:if>

		</vb:if>
	</vb:if>

	{vb:set showFilter, 0}
	{vb:set showSearch, 0}

	<vb:comment>allow commenting only if the user can reply and the article is published</vb:comment>
	<vb:if condition="$currentConversation['canreply'] AND $currentConversation['showpublished']">
		{vb:set userCanCommentOnThisArticle, 1}
	<vb:else />
		{vb:set userCanCommentOnThisArticle, 0}
	</vb:if>

	<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget conversation-content-widget blog-conversation-content-widget widget-no-border widget-no-header-buttons {vb:raw topicStatus} axd-container<vb:if condition="$currentConversation['showopen'] == 0"> showclosed</vb:if><vb:if condition="$currentConversation['showopen'] == 0 AND !$currentConversation['canmoderate'] AND $currentConversation['open'] == 0"> closed</vb:if>" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}"<vb:if condition="!empty($widgetinstanceid)"> data-widget-default-tab="{vb:raw widgetConfig.default_tab}"</vb:if>>
		<vb:if condition="empty($errorMessage)">
			<div class="conversation-status-messages">
				<vb:if condition="$currentConversation['showopen'] == 0">
					<div class="conversation-status-message notice close"><span>{vb:phrase this_topic_is_closed}</span><div class="close">X</div></div>
				</vb:if>
				<vb:if condition="$currentConversation['sticky']">
					<div class="conversation-status-message notice stick"><span>{vb:phrase this_is_a_sticky_topic}</span><div class="close">X</div></div>
				</vb:if>
				<vb:if condition="$enableInlineMod">
					<vb:if condition="$currentConversation['approved'] == 0">
						<div class="conversation-status-message notice approve"><span>{vb:phrase this_topic_is_unapproved}</span><div class="close">X</div></div>
					</vb:if>
					<vb:if condition="$currentConversation['unpublishdate']">
						<div class="conversation-status-message notice delete"><span>{vb:phrase this_topic_is_deleted}</span><div class="close">X</div></div>
					</vb:if>
					<vb:if condition="$currentConversation['featured']">
						<div class="conversation-status-message notice feature"><span>{vb:phrase this_topic_has_been_featured}</span><div class="close">X</div></div>
					</vb:if>
				</vb:if>
				<div class="conversation-status-message notice h-hide"><span></span><div class="close">X</div></div>
			</div>

			<div class="widget-header h-clearfix">
				<div class="module-title h-left main-header-title">
					<vb:if condition="empty($widgetConfig['hide_title'])">
						<h1 class="main-title js-main-title hide-on-editmode">{vb:raw currentConversation.title}</h1>
					</vb:if>
				</div>
				<div class="module-buttons">
					<span class="toggle-button module-button-item collapse" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
				</div>
				{vb:hook 'conversation_before_display_controls'}
				<vb:comment>The .js-movable-toolbar-button-container div always needs to be present, as responsive moves the post reply button here</vb:comment>
				<div class="conversation-controls h-right h-clear hide-on-editmode b-button-group h-margin-bottom-l js-movable-toolbar-button-container">
					<vb:if condition="$user['userid']">
						{vb:data isSubscribed, follow, isFollowingContent, {vb:raw nodeid}}
						{vb:hook 'conversation_display_controls'}
						<button type="button" data-node-id="{vb:raw nodeid}" data-owner-id="{vb:raw currentConversation.userid}" class="is-topic b-button b-button--follow js-button--follow uppercase h-left<vb:if condition="$isSubscribed"> isSubscribed b-button--special<vb:else /> b-button--secondary</vb:if>">
							<span class="b-button__icon"></span>
							<span class="b-button__text-primary js-button__text-primary">
								<vb:if condition="$isSubscribed">
									{vb:phrase following}
								<vb:else />
									{vb:phrase follow}
								</vb:if>
							</span>
						</button>
					</vb:if>
				</div>
			</div>
			<div class="widget-content tab widget-tabs-panel">
				<input type="hidden" name="canmoderate" id="canmoderate" value="{vb:raw currentConversation.canmoderate}" />

				<div id="stream-view-tab" class="conversation-view conversation-stream-view<vb:if condition="$enableInlineMod"> inlinemod-container</vb:if>">

					{vb:set showReplyBtn, 0}
					{vb:set view, 'article'}

					{vb:template conversation_toolbar,
						conversation={vb:raw currentConversation},
						nodeid={vb:raw nodeid},
						widgetConfig={vb:raw widgetConfig},
						pagingInfo=0,
						view={vb:raw view},
						page={vb:raw page},
						position=top,
						showReplyBtn={vb:raw showReplyBtn},
						showSearch={vb:raw showSearch},
						showPageNav=0,
						showPageNavClient=0,
						showFilter={vb:raw showFilter},
						showTimeFilter=1,
						showShowFilter=1,
						floating=1,
						showInlineMod={vb:raw enableInlineMod},
						modPerms = {vb:raw modPerms},
						noLimit={vb:raw options.nolimit},
						allowHistory=0}

					<div class="conversation-content">
						<ul class="conversation-list list-container h-clearfix article-list stream-view stream-view-full-width">

							{vb:set baseReplyTemplateName, 'display_contenttype_conversationreply_'}
							{vb:set starterTemplateName, {vb:raw baseReplyTemplateName}}
							{vb:set showInlineMod, 1}

							{vb:data channelBbcodes, content_channel, getBbcodeOptions, {vb:var page.channelid}}
							{vb:set thispagetotal, 0}
							<vb:each from="nodes" value="node" key="index">
								{vb:set thispagetotal, {vb:math ({vb:var thispagetotal} + 1)}}
							</vb:each>

							{vb:set postIndex, -1}
							{vb:set counter, 0}

							<vb:each from="nodes" value="node">
								<vb:if condition="$node['content']['unpublishdate']">
									{vb:set hidePostIndex, 1}
								<vb:else />
									{vb:set hidePostIndex, 0}
									{vb:set postIndex, {vb:math {vb:raw postIndex} + 1}}
								</vb:if>
								<vb:if condition="$node['nodeid'] == $node['starter']">
									<!-- Starter Conversation -->
									{vb:strcat starterTemplateName, {vb:raw node.contenttypeclass}}
									{vb:template {vb:raw starterTemplateName},
										conversation={vb:raw node.content},
										nodeid={vb:raw nodeid},
										bbcodeOptions={vb:raw channelBbcodes},
										postIndex=1,
										showInlineMod={vb:raw showInlineMod},
										view={vb:raw view},
										currentNodeIsBlog=0,
										userCanCommentOnThisBlog=0,
										commentsPerPage={vb:raw widgetConfig.commentsPerPage},
										initialCommentsPerPage={vb:raw widgetConfig.initialCommentsPerPage},
										currentNodeIsArticle=1,
										userCanCommentOnThisArticle={vb:raw userCanCommentOnThisArticle},
										hidePostIndex={vb:raw hidePostIndex},
										adlocation="first-post",
										pagingInfo=0}
								</vb:if>
								{vb:set counter, {vb:math ({vb:var counter} + 1)}}
							</vb:each>
						</ul>
					</div>
				</div>
			</div>
		<vb:else />
			<div class="widget-header h-clearfix">
				<div class="module-buttons">
					<span class="toggle-button module-button-item collapse" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
				</div>
			</div>
			<div class="widget-content">
				<div class="conversation-view">
					{vb:template conversation_toolbar, position=top, showNewConversationBtn=1, floating=1}
					<div class="conversation-content">
						<ul class="thread-list list-container">
							<li class="h-left h-clear">{vb:phrase topic_not_found}</li>
						</ul>
					</div>
				</div>
			</div>
		</vb:if>
		{vb:hook 'conversation_below_entry'}
	</div>
	<script type="text/javascript">
	(function(){
	<vb:literal>
		window.vBulletin = window.vBulletin || {};
		vBulletin.widget = vBulletin.widget || {};
		vBulletin.conversation = vBulletin.conversation || {};
	</vb:literal>
		vBulletin.conversation.COMMENTS_PER_PAGE = Number('{vb:raw widgetConfig.commentsPerPage}') || 25;
		vBulletin.conversation.POSTS_PER_PAGE = Number('{vb:raw resultsPerPage}') || 15;
	})();
	</script>
<vb:else />
	<div class="conversation-empty">{vb:phrase no_permission}</div>
</vb:if>

<vb:if condition="!empty($userCanCommentOnThisArticle)">
	{vb:js js/content_entry_box.js}
</vb:if>

{vb:js js/conversation-rollup.js}]]></template>
		<template name="widget_articledisplay_admin" templatetype="template" date="1409946844" username="vBulletin" version="5.1.4 Alpha 5"><![CDATA[{vb:template widget_admin_default, 
	widget={vb:raw widget},
	hide_remove=1,
	show_ad_menu=1}]]></template>
		<template name="widget_birthday" templatetype="template" date="1469753957" username="vBulletin" version="5.2.4 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget birthday-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		title={vb:phrase todays_birthdays},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content">
		{vb:data birthdays, user, fetchBirthdays}
		<vb:if condition="$birthdays">
			<ul class="birthdays b-list{vb:if "$widgetConfig['list_type'] == 0", ' b-list--commas'}">
			<vb:each from="birthdays" value="birthday">
				<li>{vb:stylevar dirmark}<a href="{vb:url 'profile', {vb:raw birthday}}">{vb:raw birthday.username}</a><vb:if condition="$birthday['age'] AND $widgetConfig['display_age'] == 1"> {vb:stylevar dirmark}({vb:raw birthday.age})</vb:if></li>
			</vb:each>
			</ul>
		<vb:else />
			<p>{vb:phrase no_birthdays}</p>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_blogadmin" templatetype="template" date="1530819418" username="vBulletin" version="5.4.4 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:cssExtra blogs-groups.css}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget blogadmin-widget widget-tabs widget-no-header widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase blog_admin}}
	<div class="widget-content">
		<vb:if condition="$page['routeInfo']['arguments']['nodeid']">
			{vb:data blogPerms, blog, getChannelAdminPerms, {vb:raw page.routeInfo.arguments.nodeid}}

			{vb:set displaySetting, 0}
			<vb:if condition="in_array($page['routeInfo']['arguments']['action2'], array('settings', 'permissions', 'sidebar')) AND $blogPerms['canconfig']">
				{vb:set displaySetting, 1}
			<vb:elseif condition="in_array($page['routeInfo']['arguments']['action2'], array('contributors', 'subscribers', 'invite')) AND $blogPerms['canmanageusers']" />
				{vb:set displaySetting, 1}
			<vb:elseif condition="in_array($page['routeInfo']['arguments']['action2'], array('delete', 'owner')) AND $blogPerms['canmoderate']" />
				{vb:set displaySetting, 1}
			<vb:elseif condition="in_array($page['routeInfo']['arguments']['action2'], array('stats')) AND $blogPerms['canstats']" />
				{vb:set displaySetting, 1}
			</vb:if>
			<vb:if condition="$displaySetting">
				{vb:set blogTemplate, 'blogadmin_admin'}
				{vb:strcat blogTemplate, {vb:raw page.routeInfo.arguments.action2}}
				{vb:template {vb:raw blogTemplate}, blogaction={vb:raw page.routeInfo.arguments.blogaction}, nodeid={vb:raw page.routeInfo.arguments.nodeid}, routeInfo={vb:raw page.routeInfo}, blogPerms = {vb:raw blogPerms}}
			<vb:else />
				<span class="vb_error">{vb:phrase no_permission}</span>
			</vb:if>
		<vb:else />
			{vb:data blogChannel, blog, getBlogChannel}
			{vb:rawdata canCreate, content_channel, canAddChannel, {vb:var blogChannel}}
			<vb:if condition="empty($canCreate['errors']) AND !empty($canCreate['can']) AND !empty($page['routeInfo'])">
					{vb:template blogadmin_adminsettings, blogChannel={vb:raw blogChannel}, routeInfo={vb:raw page.routeInfo}, blogPerms = {vb:raw blogPerms}, blogaction='create'}
			<vb:else />
				<span class="vb_error">{vb:phrase no_permission}</span>
			</vb:if>
		</vb:if>
	</div>
</div>

{vb:js js/file-upload-rollup.js}
{vb:js js/sb_blogadmin.js}]]></template>
		<template name="widget_blogchanneldisplay" templatetype="template" date="1545442900" username="vBulletin" version="5.5.1 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!isset($widgetConfig['display_tabs'])">
	{vb:set widgetConfig.display_tabs, 0}
</vb:if>

<vb:if condition="empty($widgetConfig['default_tab'])">
	{vb:set widgetConfig.default_tab, '#topic-tab'}
</vb:if>

{vb:set configDefaultTab, {vb:raw widgetConfig.default_tab}}

<vb:if condition="!empty($page['tab']) AND in_array($page['tab'], array('topic-tab', 'activity-stream-tab', 'subscribed-tab'))">
	{vb:set tabId, '#'}
	{vb:strcat tabId, {vb:var page.tab}}
	{vb:set widgetConfig.default_tab, {vb:raw tabId}}
	{vb:set tabSpecified, 1}
</vb:if>

{vb:data canViewTopicContent, user, hasPermissions, forumpermissions, canviewthreads, {vb:var page.channelid}}
{vb:cssExtra blogs-groups.css}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget channel-content-widget blog-channel-content-widget default-widget widget-no-header-buttons widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}" data-widget-default-tab="{vb:raw configDefaultTab}" data-canviewtopiccontent="{vb:var canViewTopicContent}">
	<vb:if condition="isset($page) AND $page AND isset($page['channelid']) AND $page['channelid'] > 0">
		<vb:if condition="empty($page['pagenum'])">
			{vb:set page.pagenum, 1}
		</vb:if>

		{vb:set choptions.moderatorperms, 1}
		{vb:data channelInfo, content_channel, fetchChannelById, {vb:var page.channelid}, {vb:raw choptions}}
		{vb:data enableInlineMod, user, hasPermissions, moderatorpermissions, canmoderateposts, {vb:var page.channelid}}
		{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:if !empty($channelInfo), {vb:raw channelInfo.title}}}
		<div class="widget-content">
			{vb:data albumChannel, node, fetchAlbumChannel}
			{vb:data reportChannel, node, fetchReportChannel}
			{vb:data vmChannel, node, fetchVMChannel}
			{vb:data pmChannel, node, fetchPMChannel}
			<vb:if condition="($page['channelid'] != $albumChannel) AND ($page['channelid'] != $reportChannel) AND ($page['channelid'] != $vmChannel) AND ($page['channelid'] != $pmChannel)">
				<vb:comment>The .js-movable-toolbar-button-container div always needs to be present, as responsive moves the new topic button here</vb:comment>
				<div class="channel-controls h-right h-clear b-button-group h-margin-bottom-l js-movable-toolbar-button-container">
					<vb:if condition="$user['userid']">
						{vb:data hasJoined, blog, isChannelMember, {vb:var page.channelid}}
						{vb:data isMod, blog, isChannelModerator, {vb:var page.channelid}}
						{vb:hook 'blog_display_controls'}
						<vb:if condition="empty($channelInfo)">
							{vb:data channelNode, node, getNode, {vb:var page.channelid}}
							{vb:set ownerid, {vb:raw channelNode.userid}}
						<vb:else />
							{vb:set ownerid, {vb:raw channelInfo.userid}}
						</vb:if>
						<button type="button" data-owner-id="{vb:raw ownerid}" data-node-id="{vb:var page.channelid}" class="<vb:if condition="$isMod">is-owner </vb:if>b-button b-button--secondary b-button--follow js-button--follow is-blog-channel uppercase h-left<vb:if condition="$hasJoined == 1"> isSubscribed b-button--special<vb:elseif condition="$hasJoined == 2" /> is-pending b-button--special</vb:if>">
							<span class="b-button__icon"></span>
							<span class="b-button__text-primary js-button__text-primary">
								<vb:if condition="$hasJoined == 1">
									{vb:phrase following}
								<vb:elseif condition="$hasJoined == 2" />
									{vb:phrase following_pending}
								<vb:else />
									{vb:phrase follow}
								</vb:if>
							</span>
						</button>
					</vb:if>
				</div>
			</vb:if>

			<div class="channel-conversation-list-wrapper block widget-tabs ui-tabs h-clear">
				<a id="blog-channel-module-top" class="anchor js-module-top-anchor"></a>
				<div class="blockhead widget-tabs-nav">
					<ul class="ui-tabs-nav b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive" data-allow-history="1">
						<vb:if condition="is_array($widgetConfig['display_tabs'])">
							{vb:set phrases.topic-tab, 'topic'}
							{vb:set phrases.activity-stream-tab, 'latest_activity'}
							{vb:set phrases.subscribed-tab, 'my_subscriptions'}
							{vb:set selectOptions, ''}
							<vb:each from="widgetConfig.tab_order" key="tabName" value="tabIndex">
								<vb:if condition="in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
									{vb:set tabPhrase, {vb:rawphrase {vb:raw phrases[$tabName]}}}
									{vb:strcat selectOptions, '<option value="#'}
									{vb:strcat selectOptions, {vb:raw tabName}}
									{vb:strcat selectOptions, '"'}
									<vb:if condition="$widgetConfig['default_tab'] == ('#' . $tabName)">
										{vb:set selectedClass, ' class="ui-tabs-active"'}
										{vb:strcat selectOptions, ' selected="selected"'}
									<vb:else />
										{vb:set selectedClass, ''}
									</vb:if>
									<li{vb:raw selectedClass}>
										<a href="#{vb:raw tabName}">{vb:raw tabPhrase}</a>
									</li>
									{vb:strcat selectOptions, '>'}
									{vb:strcat selectOptions, {vb:raw tabPhrase}}
									{vb:strcat selectOptions, '</option>'}
								</vb:if>
							</vb:each>
							<vb:comment><!-- Output hide tabs for config dialog --></vb:comment>
							<vb:each from="phrases" key="tabName" value="tabphraseid">
								<vb:if condition="!in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
									<li class="h-hide">
										<a href="#{vb:raw tabName}">{vb:rawphrase {vb:raw tabphraseid}}</a>
									</li>
								</vb:if>
							</vb:each>
						<vb:else />
							<vb:if condition="!empty($tabSpecified)">
								<li<vb:if condition="$widgetConfig['default_tab']=='#topic-tab'"> class="ui-tabs-active"</vb:if>><a href="#topic-tab">{vb:phrase topic}</a></li>
								<li<vb:if condition="$widgetConfig['default_tab']=='#activity-stream-tab'"> class="ui-tabs-active"</vb:if>><a href="#activity-stream-tab">{vb:phrase latest_activity}</a></li>
								<li<vb:if condition="$widgetConfig['default_tab']=='#subscribed-tab'"> class="ui-tabs-active"</vb:if>><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
							<vb:else />
								<li class="ui-tabs-active"><a href="#topic-tab">{vb:phrase topic}</a></li>
								<li><a href="#activity-stream-tab">{vb:phrase latest_activity}</a></li>
								<li><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
							</vb:if>
						</vb:if>
					</ul>
				</div>

				<div class="blockbody widget-tabs-panel h-clearfix">
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#activity-stream-tab', $widgetConfig['display_tabs'])">
						<div id="activity-stream-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#activity-stream-tab'">h-hide</vb:if>">
							{vb:set nodeCount, 0}
							{vb:set activityWidgetConfig {vb:raw widgetConfig}}
							{vb:set activityWidgetConfig.resultsPerPage, {vb:raw activityWidgetConfig.resultsperpage_activitystream}}
							{vb:set activityWidgetConfig.maxpages, {vb:raw activityWidgetConfig.maxpages_activitystream}}
							{vb:set activityWidgetConfig.filter_time, {vb:raw activityWidgetConfig.filtertime_activitystream}}

							<vb:if condition="$widgetConfig['default_tab'] == '#activity-stream-tab'">
								{vb:set options.channel, {vb:var page.channelid}}
								{vb:set options.view, 'activity'}

								<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
									{vb:set activityWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
									{vb:set filterTime, {vb:raw page.filter_time}}
								<vb:else />
									{vb:set filterTime, {vb:raw activityWidgetConfig.filter_time}}
								</vb:if>

								<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
									{vb:set activityWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
									{vb:set filterShow, {vb:raw page.filter_show}}
								<vb:else />
									{vb:set filterShow, {vb:raw activityWidgetConfig.filter_show}}
								</vb:if>

								<vb:if condition="$filterShow != 'show_all'">
									{vb:set options.type, {vb:raw filterShow}}
								</vb:if>

								<vb:if condition="$filterTime == 'time_today'">
									{vb:set timeOption.from, 'lastDay'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:elseif condition="$filterTime == 'time_lastweek'" />
									{vb:set timeOption.from, 'lastWeek'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:elseif condition="$filterTime == 'time_lastmonth'" />
									{vb:set timeOption.from, 'lastMonth'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:else />
									{vb:set options.date, 'all'}
								</vb:if>

								<vb:if condition="isset($page['filter_prefix'])">
									{vb:set activityWidgetConfig.url_default_filters.filter_prefix, {vb:raw page.filter_prefix}}
									{vb:set filterPrefix, {vb:raw page.filter_prefix}}
								<vb:else />
									{vb:set filterPrefix, {vb:raw activityWidgetConfig.filter_prefix}}
								</vb:if>

								<vb:if condition="!empty($filterPrefix)">
									<vb:if condition="$filterPrefix == -1">
										{vb:set options.no_prefix, 1}
									<vb:elseif condition="$filterPrefix == -2" />
										{vb:set options.has_prefix, 1}
									<vb:else />
										{vb:set options.prefix, {vb:raw filterPrefix}}
									</vb:if>
								</vb:if>

								<vb:comment> @TODO use this if we got the sort filter back
								<vb:if condition="!empty($widgetConfig['filter_sort']) AND ($widgetConfig['filter_sort'] == 'sort_popular')">
									{vb:set sortOption.votes, 'DESC'}
									{vb:set options.sort, {vb:raw sortOption}}
								<vb:elseif condition="!empty($widgetConfig['filter_sort']) AND ($widgetConfig['filter_sort'] == 'sort_featured')" />
									{vb:set options.featured, 1}
								<vb:elseif condition="!empty($widgetConfig['filter_sort']) AND ($widgetConfig['filter_sort'] == 'sort_oldest')" />
									<vb:if condition="$options['view'] == 'topic'">
										{vb:set sortOption.lastcontent, 'ASC'}
										{vb:set options.sort, {vb:raw sortOption}}
									<vb:else />
										{vb:set sortOption.created, 'ASC'}
										{vb:set options.sort, {vb:raw sortOption}}
									</vb:if>
								<vb:else />
									<vb:if condition="$options['view'] == 'topic'">
										{vb:set sortOption.lastcontent, 'DESC'}
										{vb:set options.sort, {vb:raw sortOption}}
									<vb:else />
										{vb:set sortOption.created, 'DESC'}
										{vb:set options.sort, {vb:raw sortOption}}
									</vb:if>
								</vb:if>
								</vb:comment>

								{vb:data nodes, search, getInitialResults, {vb:raw options}, {vb:raw activityWidgetConfig.resultsPerPage}, {vb:raw page.pagenum}}
								<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
									{vb:set nodeCount, {vb:raw nodes.totalRecords}}
								</vb:if>
							</vb:if>

							{vb:data pagingInfo, page, getPagingInfo, {vb:raw page.pagenum}, {vb:raw nodeCount}, {vb:raw widgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
							{vb:template conversation_toolbar, nodeid={vb:var page.channelid}, widgetConfig={vb:raw activityWidgetConfig}, pagingInfo={vb:raw pagingInfo}, view=channel, showNewConversationBtn=blog, showPageNav=0, showFilter=1, showTimeFilter=1, showShowFilter=1, floating=1, allowHistory=1}

							<ul class="conversation-list list-container stream-view stream-view-full-width activity-view h-clearfix<vb:if condition="$nodeCount == 0"> h-hide</vb:if>">
								<vb:if condition="$widgetConfig['default_tab'] == '#activity-stream-tab'">
									<vb:each from="nodes.results" value="node">
										{vb:set inchannelTemplateName, 'display_contenttype_conversationreply_'}
										{vb:strcat inchannelTemplateName, {vb:raw node.content.contenttypeclass}}
										{vb:template {vb:raw inchannelTemplateName}, conversation={vb:raw node.content}, reportActivity=1, currentNodeIsBlog=1}
									</vb:each>
								</vb:if>
							</ul>
							<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_conversations_in_channel}</div>
							<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="$nodeCount <= $widgetConfig['resultsPerPage'] OR $widgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
								<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
							</div>
						</div>
					</vb:if>
					<vb:comment> not included for 5.0 launch
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#recommended-tab', $widgetConfig['display_tabs'])">
						<div id="recommended-tab">
							{vb:set widgetConfig.resultsPerPage, {vb:raw widgetConfig.resultsperpage_recommended}}
							{vb:set widgetConfig.maxpages, {vb:raw widgetConfig.maxpages_recommended}}
							<vb:if condition="$widgetConfig['default_tab'] == '#recommended-tab'">
								<vb:comment>Implement fetching of Recommended contents here when this tab gets implemented</vb:comment>
							</vb:if>
							<div class="conversation-empty"></div>
						</div>
					</vb:if>
					</vb:comment>
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#subscribed-tab', $widgetConfig['display_tabs'])">
						<div id="subscribed-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#subscribed-tab'">h-hide</vb:if>">
						{vb:set nodeCount, 0}
						{vb:set options, {vb:php array}}
						{vb:set subscribedWidgetConfig {vb:raw widgetConfig}}
						{vb:set subscribedWidgetConfig.filter_time, {vb:raw subscribedWidgetConfig.filtertime_subscribed}}
						{vb:set subscribedWidgetConfig.filter_follow, {vb:var subscribedWidgetConfig.subscriptions_filter_follow}}
						{vb:set subscribedWidgetConfig.resultsPerPage, {vb:raw subscribedWidgetConfig.resultsperpage_subscribed}}
						{vb:set subscribedWidgetConfig.maxpages, {vb:raw subscribedWidgetConfig.maxpages_subscribed}}
						{vb:set filterFormAction, 'profile/ApplyFollowingFilter'}
						{vb:set filterFollowAllValue, 'follow_all_activity'}

						<vb:if condition="$user['userid'] > 0 AND $subscribedWidgetConfig['default_tab'] == '#subscribed-tab'">
							{vb:set followingOptions.page, 1}
							{vb:set followingOptions.perpage, {vb:raw widgetConfig.resultsperpage_subscribed}}
							{vb:set followingOptions.parentid, {vb:var page.channelid}}

							<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
								{vb:set subscribedWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
								{vb:set filterTime, {vb:raw page.filter_time}}
							<vb:else />
								{vb:set filterTime, {vb:raw subscribedWidgetConfig.filter_time}}
							</vb:if>

							<vb:if condition="$filterTime == 'time_today'">
								{vb:set timeOption.from, 'lastDay'}
								{vb:set options.date, {vb:raw timeOption}}
							<vb:elseif condition="$filterTime == 'time_lastweek'" />
								{vb:set timeOption.from, 'lastWeek'}
								{vb:set options.date, {vb:raw timeOption}}
							<vb:elseif condition="$filterTime == 'time_lastmonth'" />
								{vb:set timeOption.from, 'lastMonth'}
								{vb:set options.date, {vb:raw timeOption}}
							<vb:else />
								{vb:set options.date, 'all'}
							</vb:if>

							<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
								{vb:set subscribedWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
								{vb:set filterShow, {vb:raw page.filter_show}}
							<vb:else />
								{vb:set filterShow, {vb:raw subscribedWidgetConfig.filter_show}}
							</vb:if>

							<vb:if condition="$filterShow != 'show_all'">
								{vb:set options.type, {vb:raw filterShow}}
							</vb:if>

							<vb:if condition="isset($page['filter_follow']) AND in_array($page['filter_follow'], array('follow_all_activity', 'follow_contents', 'follow_channel'))">
								{vb:set subscribedWidgetConfig.url_default_filters.filter_follow, {vb:raw page.filter_follow}}
								{vb:set filterFollow, {vb:raw page.filter_follow}}
							<vb:else />
								{vb:set filterFollow, {vb:raw subscribedWidgetConfig.filter_follow}}
							</vb:if>
							{vb:set options.filter_follow, {vb:raw filterFollow}}

							<vb:if condition="isset($page['filter_prefix'])">
								{vb:set subscribedWidgetConfig.url_default_filters.filter_prefix, {vb:raw page.filter_prefix}}
								{vb:set filterPrefix, {vb:raw page.filter_prefix}}
							<vb:else />
								{vb:set filterPrefix, {vb:raw subscribedWidgetConfig.filter_prefix}}
							</vb:if>

							<vb:if condition="!empty($filterPrefix)">
								<vb:if condition="$filterPrefix == -1">
									{vb:set options.no_prefix, 1}
								<vb:elseif condition="$filterPrefix == -2" />
									{vb:set options.has_prefix, 1}
								<vb:else />
									{vb:set options.prefix, {vb:raw filterPrefix}}
								</vb:if>
							</vb:if>

							{vb:data nodes, follow, getFollowingContentForTab, null, {vb:var options.filter_follow}, {vb:var options}, {vb:var options.type}, {vb:raw followingOptions}}

							<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
								{vb:set nodeCount, {vb:raw nodes.totalcount}}
							</vb:if>
						</vb:if>

						{vb:template conversation_toolbar, nodeid={vb:var page.channelid}, widgetConfig={vb:raw subscribedWidgetConfig}, view=subscribed, showFilter=1, showTimeFilter=1, showShowFilter=1, showFollowFilter=1, setFollowerId=1, hideFollowMembersFilter=1, floating=1, filterFormAction={vb:raw filterFormAction}, filterFollowAllValue={vb:raw filterFollowAllValue}, showChannelInfo=0, allowHistory=1}

						<vb:if condition="$user['userid'] > 0">
							<ul class="conversation-list list-container stream-view stream-view-full-width activity-view h-clearfix">
								<vb:if condition="$subscribedWidgetConfig['default_tab'] == '#subscribed-tab'">
									{vb:template profile_following, nodes = {vb:raw nodes.nodes}, userId = {vb:raw userInfo.userid}, currentNodeIsBlog=1}
								</vb:if>
							</ul>
							<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_subscribed_posts_to_display}</div>
							<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="$nodeCount == 0 OR !$nodes['paginationInfo']['showseemore'] OR $subscribedWidgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
								<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
							</div>
						<vb:else />
							<div class="conversation-empty">{vb:phrase please_login_to_view_subscribed_posts}</div>
						</vb:if>
						</div>
					</vb:if>
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#topic-tab', $widgetConfig['display_tabs'])">
						{vb:set topicWidgetConfig {vb:raw widgetConfig}}
						{vb:set topicWidgetConfig.filter_time, {vb:raw topicWidgetConfig.filtertime_topic}}
						{vb:set topicWidgetConfig.resultsPerPage, {vb:raw topicWidgetConfig.resultsperpage_topic}}
						{vb:set topicWidgetConfig.maxpages, {vb:raw topicWidgetConfig.maxpages_topic}}
						{vb:set filterFormAction, ''}
						{vb:set nodeCount, 0}
						{vb:set options, {vb:php array}}
						{vb:set stickyoptions, {vb:php array}}

						<vb:if condition="$widgetConfig['default_tab'] == '#topic-tab'">
							<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
								{vb:set topicWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
								{vb:set filterTime, {vb:raw page.filter_time}}
							<vb:else />
								{vb:set filterTime, {vb:raw topicWidgetConfig.filter_time}}
							</vb:if>

							<vb:if condition="$filterTime == 'time_today'">
								{vb:set timeOption.from, 'lastDay'}
								{vb:set options.date, {vb:raw timeOption}}
							<vb:elseif condition="$filterTime == 'time_lastweek'" />
								{vb:set timeOption.from, 'lastWeek'}
								{vb:set options.date, {vb:raw timeOption}}
							<vb:elseif condition="$filterTime == 'time_lastmonth'" />
								{vb:set timeOption.from, 'lastMonth'}
								{vb:set options.date, {vb:raw timeOption}}
							<vb:else />
								{vb:set options.date, 'all'}
							</vb:if>

							<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
								{vb:set topicWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
								{vb:set filterShow, {vb:raw page.filter_show}}
							<vb:else />
								{vb:set filterShow, {vb:raw topicWidgetConfig.filter_show}}
							</vb:if>

							<vb:if condition="$filterShow != 'show_all'">
								{vb:set options.type, {vb:raw filterShow}}
							</vb:if>

							<vb:if condition="isset($page['filter_prefix'])">
								{vb:set topicWidgetConfig.url_default_filters.filter_prefix, {vb:raw page.filter_prefix}}
								{vb:set filterPrefix, {vb:raw page.filter_prefix}}
							<vb:else />
								{vb:set filterPrefix, {vb:raw topicWidgetConfig.filter_prefix}}
							</vb:if>

							<vb:if condition="!empty($filterPrefix)">
								<vb:if condition="$filterPrefix == -1">
									{vb:set options.no_prefix, 1}
								<vb:elseif condition="$filterPrefix == -2" />
									{vb:set options.has_prefix, 1}
								<vb:else />
									{vb:set options.prefix, {vb:raw filterPrefix}}
								</vb:if>
							</vb:if>

							<vb:comment>fetch non-sticky topics</vb:comment>
							{vb:set options.ignore_protected, 1}
							{vb:set options.channel, {vb:var page.channelid}}
							{vb:set options.exclude_sticky, 1}
							{vb:set options.view, 'topic'}
							{vb:set options.nolimit, 1}
							{vb:set sortOption.lastcontent, 'DESC'}
							{vb:set options.sort, {vb:raw sortOption}}

							{vb:rawdata nodes, search, getInitialResults, {vb:raw options}, {vb:raw topicWidgetConfig.resultsPerPage}, {vb:raw page.pagenum}, 1}

							<vb:if condition="$page['pagenum'] == 1 OR ($page['pagenum'] > 1 AND $vboptions['showstickies'])">
								<vb:comment>
									Sticky topics are fetched separately to group and style them differently with non-sticky topics.
									The same search options except 'exclude_sticky' should also be applied when fetching sticky topics.
								</vb:comment>
								{vb:set showStickies, 1}
								{vb:set stickyoptions, {vb:raw options}}
								{vb:set stickyoptions.sticky_only, 1}
								{vb:set stickyoptions.exclude_sticky, 0}
								{vb:rawdata stickynodes, search, getInitialResults, {vb:raw stickyoptions}}

								<vb:if condition="empty($stickynodes) OR !empty($stickynodes['errors'])">
									{vb:set hasStickyError, 1}
								<vb:elseif condition="empty($stickynodes['results'])" />
									{vb:set noStickyTopic, 1}
								</vb:if>
							</vb:if>

							<vb:if condition="empty($nodes) OR !empty($nodes['errors'])">
								{vb:set hasTopicError, 1}
							<vb:elseif condition="empty($nodes['results'])" />
								{vb:set noTopic, 1}
							<vb:else />
								{vb:set nodeCount, {vb:raw nodes.totalRecords}}
								{vb:set topics, {vb:raw nodes.results}}
							</vb:if>

							{vb:set canmoderate, 0}
							<vb:each from="nodes.results" value="node">
								<vb:if condition="empty($canmoderate) AND $node['content']['permissions']['canmoderate']">
									{vb:set canmoderate, 1}
								</vb:if>
								{vb:set modPerms, {vb:raw node.content.moderatorperms}}
								<vb:each from="node.content.moderatorperms" key="permid" value="perm">
									<vb:if condition="!empty($perm) AND !isset($permTopicsArray[$permid])">
										{vb:set permTopicsArray[$permid], {vb:raw perm}}
									</vb:if>
									<vb:if condition="$perm > 0">
										{vb:set enableInlineMod, 1}
									</vb:if>
								</vb:each>
							</vb:each>

						</vb:if>

						<div id="topic-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#topic-tab'">h-hide</vb:if><vb:if condition="$enableInlineMod"> inlinemod-container</vb:if>">

							{vb:data pagingInfo, page, getPagingInfo, {vb:raw page.pagenum}, {vb:raw nodeCount}, {vb:raw topicWidgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
							{vb:template conversation_toolbar, nodeid={vb:var page.channelid}, widgetConfig={vb:raw topicWidgetConfig},
								pagingInfo={vb:raw pagingInfo}, view=topic, showNewConversationBtn=blog, showPageNav=1, showFilter=1,
								showTimeFilter=1, showShowFilter=1, floating=1, showInlineMod={vb:raw enableInlineMod},
								filterFormAction={vb:raw filterFormAction}, modPerms={vb:raw channelInfo.moderatorperms},
								permTopics={vb:raw permTopicsArray}, conversation={vb:raw channelInfo}, noLimit=1, allowHistory=1}

							<table class="topic-list-container conversation-list">
								<vb:if condition="$widgetConfig['default_tab'] == '#topic-tab'">
									{vb:set no_header, 0}
									<vb:if condition="!empty($showStickies) AND empty($hasStickyError) AND empty($noStickyTopic)">
										<vb:if condition="!isset($canmoderate) AND ($firstTopic = reset($stickynodes['results'])) !== FALSE">
											{vb:set canmoderate, {vb:raw firstTopic.content.permissions.canmoderate}}
										</vb:if>
										{vb:template display_Topics, topics={vb:raw stickynodes.results}, canmoderate={vb:raw canmoderate}, topic_list_class='sticky-list'}
										{vb:set no_header, 1}
									</vb:if>
									<vb:if condition="empty($hasTopicError) AND empty($noTopic)">
										{vb:template display_Topics, topics={vb:raw topics}, canmoderate={vb:raw canmoderate}, no_header={vb:raw no_header}}
									</vb:if>
								</vb:if>
							</table>

							{vb:template pagenav, pagenav={vb:raw pagingInfo}}

							{vb:set emptyConversationCss, ' h-hide'}
							{vb:set topicResultMessage, {vb:rawphrase no_topics_found}}
							<vb:if condition="$widgetConfig['default_tab'] == '#topic-tab'">
								<vb:comment>regular topics and sticky topics are fetched separately, both of them should contain either error or no topic nodes at the same time in order to display the error or no topic message</vb:comment>
								<vb:if condition="!empty($hasTopicError) AND !empty($hasStickyError)">
									{vb:set emptyConversationCss, ''}
									{vb:set topicResultMessage, {vb:rawphrase error_fetching_topics}}
								<vb:elseif condition="!empty($noTopic) AND !empty($noStickyTopic)" />
									{vb:set emptyConversationCss, ''}
								</vb:if>
							</vb:if>
							<div class="conversation-empty{vb:raw emptyConversationCss}">{vb:raw topicResultMessage}</div>

							<vb:comment>Always show the footer and mark read link, even if there are no topics, since it provides a visual "footer" and the link also marks sub-forums as "read"</vb:comment>
							{vb:js js/inlinemod.js}
							<div class="list-footer">
								<a href="#" class="js-markread" data-action="markRead">{vb:phrase mark_this_channel_read}</a>
							</div>

						</div>
					</vb:if>
				</div>
			</div>
		</div>
	<vb:else />
		<div class="widget-header">
			<div class="module-title h-left">
				<ul class="ui-tabs-nav b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive">
					<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#activity-stream-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['activity-stream-tab'])">{vb:raw widgetConfig.tab_order.activity-stream-tab}<vb:else />-1</vb:if>"><a href="#activity-stream-tab">{vb:phrase latest_activity}</a></li>
					<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#subscribed-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['subscribed-tab'])">{vb:raw widgetConfig.tab_order.subscribed-tab}<vb:else />-1</vb:if>"><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
					<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#topic-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['topic-tab'])">{vb:raw widgetConfig.tab_order.topic-tab}<vb:else />-1</vb:if>"><a href="#topic-tab">{vb:phrase topic}</a></li>
				</ul>
			</div>

			<div class="module-buttons h-right">
				<span class="toggle-button module-button-item collapse" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
			</div>
			<div class="h-clear"></div>
		</div>
		{vb:template conversation_toolbar, position=top, showNewConversationBtn=blog, floating=1}
		<div class="widget-content">
			<div class="channel-conversation-list-wrapper block">
				{vb:template conversation_toolbar, position=top, showNewConversationBtn=blog, floating=1}
				<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#activity-stream-tab', $widgetConfig['display_tabs'])">
					<div id="activity-stream-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_conversations_in_channel}</li></ul></div>
				</vb:if>
				<vb:comment> not included for 5.0 launch
				<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#recommended-tab', $widgetConfig['display_tabs'])">
					<div id="recommended-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_conversations_in_channel}</li></ul></div>
				</vb:if>
				</vb:comment>
				<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#subscribed-tab', $widgetConfig['display_tabs'])">
					<div id="subscribed-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_conversations_in_channel}</li></ul></div>
				</vb:if>
				<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#topic-tab', $widgetConfig['display_tabs'])">
					<div id="topic-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_topics_found}</li></ul></div>
				</vb:if>
			</div>
		</div>
	</vb:if>
</div>

{vb:js js/channel-rollup.js}]]></template>
		<template name="widget_bloghome" templatetype="template" date="1530819418" username="vBulletin" version="5.4.4 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!isset($widgetConfig['display_tabs'])">
	{vb:set widgetConfig.display_tabs, 0}
</vb:if>
<vb:if condition="empty($widgetConfig['default_tab'])">
	{vb:set widgetConfig.default_tab, '#activity-stream-tab'}
</vb:if>

{vb:set configDefaultTab, {vb:raw widgetConfig.default_tab}}

<vb:if condition="!empty($page['tab']) AND in_array($page['tab'], array('activity-stream-tab', 'memberblog-tab', 'subscribed-tab'))">
	{vb:set tabId, '#'}
	{vb:strcat tabId, {vb:var page.tab}}
	{vb:set widgetConfig.default_tab, {vb:raw tabId}}
	{vb:set tabSpecified, 1}
</vb:if>

{vb:data blogChannel, blog, getBlogChannel}

{vb:cssExtra blogs-groups.css}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget bloghome-widget activity-stream-widget widget-tabs ui-tabs widget-no-header-buttons widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}" data-blog-channel-id="{vb:raw blogChannel}" data-widget-default-tab="{vb:raw configDefaultTab}">

	<vb:comment>The .js-movable-toolbar-button-container div always needs to be present, as responsive moves toolbar buttons here</vb:comment>
	<div class="b-button-group h-margin-bottom-l h-hide-on-large h-block js-movable-toolbar-button-container"></div>

	<div class="widget-header widget-tabs-nav h-clearfix">
		<a id="bloghome-module-top" class="anchor js-module-top-anchor"></a>
		<vb:if condition="!empty($widgeticon)">
			<div class="module-icon"><img src="images/sitebuilder/{vb:raw widgeticon}" height="60" width="60" alt="{vb:phrase module_icon}" /></div>
		</vb:if>
		<div class="module-title h-left">
			<ul class="ui-tabs-nav hide-on-editmode h-clearfix b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive" data-allow-history="1">
				<vb:if condition="is_array($widgetConfig['display_tabs'])">
					{vb:set phrases.memberblog-tab, 'blog_memberblogs'}
					{vb:set phrases.activity-stream-tab, 'blog_posts'}
					{vb:set phrases.subscribed-tab, 'blog_subscribed'}
					{vb:set selectOptions, ''}
					<vb:each from="widgetConfig.tab_order" key="tabName" value="tabIndex">
						<vb:if condition="in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
							{vb:set tabPhrase, {vb:rawphrase {vb:raw phrases[$tabName]}}}
							{vb:strcat selectOptions, '<option value="#'}
							{vb:strcat selectOptions, {vb:raw tabName}}
							{vb:strcat selectOptions, '"'}
							<vb:if condition="$widgetConfig['default_tab'] == ('#' . $tabName)">
								{vb:set selectedClass, ' class="ui-tabs-active"'}
								{vb:strcat selectOptions, ' selected="selected"'}
							<vb:else />
								{vb:set selectedClass, ''}
							</vb:if>
							<li{vb:raw selectedClass}>
								<a href="#{vb:raw tabName}">{vb:raw tabPhrase}</a>
							</li>
							{vb:strcat selectOptions, '>'}
							{vb:strcat selectOptions, {vb:raw tabPhrase}}
							{vb:strcat selectOptions, '</option>'}
						</vb:if>
					</vb:each>
					<vb:comment><!-- Output hide tabs for config dialog --></vb:comment>
					<vb:each from="phrases" key="tabName" value="tabphraseid">
						<vb:if condition="!in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
							<li class="h-hide">
								<a href="#{vb:raw tabName}">{vb:rawphrase {vb:raw tabphraseid}}</a>
							</li>
						</vb:if>
					</vb:each>
				<vb:else />
					<vb:if condition="!empty($tabSpecified)">
						<li<vb:if condition="$widgetConfig['default_tab']=='#activity-stream-tab'"> class="ui-tabs-active"</vb:if>><a href="#activity-stream-tab">{vb:phrase blog_posts}</a></li>
						<li<vb:if condition="$widgetConfig['default_tab']=='#subscribed-tab'"> class="ui-tabs-active"</vb:if>><a href="#subscribed-tab">{vb:phrase blog_subscribed}</a></li>
						<li<vb:if condition="$widgetConfig['default_tab']=='#memberblog-tab'"> class="ui-tabs-active"</vb:if>><a href="#memberblog-tab">{vb:phrase blog_memberblogs}</a></li>
					<vb:else />
						<li class="ui-tabs-active"><a href="#activity-stream-tab">{vb:phrase blog_posts}</a></li>
						<li><a href="#subscribed-tab">{vb:phrase blog_subscribed}</a></li>
						<li><a href="#memberblog-tab">{vb:phrase blog_memberblogs}</a></li>
					</vb:if>
				</vb:if>
			</ul>
		</div>

		<div class="module-buttons">
			<span class="toggle-button module-button-item collapse" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
		</div>
	</div>
	<div class="widget-content widget-tabs-panel">
		{vb:set excludeTypes[0], 'vBForum_Channel'}
		{vb:set excludeTypes[1], 'vBForum_Attach'}
		<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#activity-stream-tab', $widgetConfig['display_tabs'])">
			<div id="activity-stream-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#activity-stream-tab'">h-hide</vb:if>">
				{vb:set nodeCount, 0}
				{vb:set activityWidgetConfig {vb:raw widgetConfig}}
				{vb:set activityWidgetConfig.filter_time, {vb:raw activityWidgetConfig.filtertime_activitystream}}
				{vb:set activityWidgetConfig.resultsPerPage, {vb:raw activityWidgetConfig.resultsperpage_activitystream}}
				{vb:set activityWidgetConfig.maxpages, {vb:raw activityWidgetConfig.maxpages_activitystream}}

				<vb:if condition="!empty($user['userid'])">
					{vb:set showBlogsFilter, 1}
				<vb:else />
					{vb:set showBlogsFilter, 0}
				</vb:if>

				<vb:if condition="$activityWidgetConfig['default_tab'] == '#activity-stream-tab'">
					{vb:set options.channel, {vb:raw blogChannel}}
					{vb:set options.view, 'topic'}
					{vb:set options.exclude_type, {vb:raw excludeTypes}}

					<vb:if condition="$showBlogsFilter">
						<vb:if condition="isset($page['filter_blogs']) AND in_array($page['filter_blogs'], array('show_all', 'show_my'))">
							{vb:set activityWidgetConfig.url_default_filters.filter_blogs, {vb:var page.filter_blogs}}
							{vb:set filterBlogs, {vb:var page.filter_blogs}}
						<vb:else />
							{vb:set filterBlogs, {vb:raw activityWidgetConfig.filter_blogs}}
						</vb:if>

						<vb:if condition="$filterBlogs == 'show_my'">
							{vb:set options.authorid, {vb:raw user.userid}}
						</vb:if>
					</vb:if>

					<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
						{vb:set activityWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
						{vb:set filterTime, {vb:raw page.filter_time}}
					<vb:else />
						{vb:set filterTime, {vb:raw activityWidgetConfig.filter_time}}
					</vb:if>

					<vb:if condition="$filterTime == 'time_today'">
						{vb:set timeOption.from, 'lastDay'}
						{vb:set options.date, {vb:raw timeOption}}
					<vb:elseif condition="$filterTime == 'time_lastweek'" />
						{vb:set timeOption.from, 'lastWeek'}
						{vb:set options.date, {vb:raw timeOption}}
					<vb:elseif condition="$filterTime == 'time_lastmonth'" />
						{vb:set timeOption.from, 'lastMonth'}
						{vb:set options.date, {vb:raw timeOption}}
					<vb:else />
						{vb:set options.date, 'all'}
					</vb:if>

					<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
						{vb:set activityWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
						{vb:set filterShow, {vb:raw page.filter_show}}
					<vb:else />
						{vb:set filterShow, {vb:raw activityWidgetConfig.filter_show}}
					</vb:if>

					<vb:if condition="$filterShow != 'show_all'">
						{vb:set options.type, {vb:raw filterShow}}
					</vb:if>

					<vb:comment> @TODO use this if we got the sort filter back
					<vb:if condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_popular')">
						{vb:set sortOption.votes, 'DESC'}
						{vb:set options.sort, {vb:raw sortOption}}
					<vb:elseif condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_featured')" />
						{vb:set options.featured, 1}
					<vb:elseif condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_oldest')" />
						<vb:if condition="$options['view'] == 'topic'">
							{vb:set sortOption.lastcontent, 'ASC'}
							{vb:set options.sort, {vb:raw sortOption}}
						<vb:else />
							{vb:set sortOption.created, 'ASC'}
							{vb:set options.sort, {vb:raw sortOption}}
						</vb:if>
					<vb:else />
						<vb:if condition="$options['view'] == 'topic'">
							{vb:set sortOption.lastcontent, 'DESC'}
							{vb:set options.sort, {vb:raw sortOption}}
						<vb:else />
							{vb:set sortOption.created, 'DESC'}
							{vb:set options.sort, {vb:raw sortOption}}
						</vb:if>
					</vb:if>
					</vb:comment>

					{vb:data nodes, search, getInitialResults, {vb:raw options}, {vb:raw activityWidgetConfig.resultsPerPage}, {vb:raw page.pagenum}}

					<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
						{vb:set nodeCount, {vb:raw nodes.totalRecords}}
					</vb:if>
				</vb:if>

				{vb:template conversation_toolbar, widgetConfig={vb:raw activityWidgetConfig}, view='activity', showNewConversationBtn='blogentry', showBlogsFilter={vb:raw showBlogsFilter}, showFilter=1, showTimeFilter=1, showShowFilter=1, floating=1, filterExcludeTypes={vb:raw excludeTypes}, nodeid={vb:raw blogChannel}, allowHistory=1}

				<ul class="conversation-list list-container stream-view stream-view-full-width activity-view full-activity-view h-clearfix<vb:if condition="$nodeCount == 0"> h-hide</vb:if>">
					<vb:each from="nodes.results" value="node">
						<vb:if condition="$widgetConfig['default_tab'] == '#activity-stream-tab'">
							{vb:set activityStreamTemplateName, 'display_contenttype_conversationreply_'}
							{vb:set templateName, 'display_contenttype_blog_'}
							{vb:strcat activityStreamTemplateName, {vb:raw node.content.contenttypeclass}}
							{vb:template {vb:raw activityStreamTemplateName}, conversation={vb:raw node.content}, reportActivity=1, showChannelInfo=1, currentNodeIsBlog=1}
							<vb:if condition="!empty($node['unpublishdate']) AND !empty($node['deleteuserid'])">{vb:js js/inlinemod.js}</vb:if>
						</vb:if>
					</vb:each>
				</ul>
				<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_content_found}</div>
				<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="$nodeCount <= $activityWidgetConfig['resultsPerPage'] OR $activityWidgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
					<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
				</div>
			</div>
		</vb:if>
		<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#subscribed-tab', $widgetConfig['display_tabs'])">
			<div id="subscribed-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#subscribed-tab'">h-hide</vb:if>">
				{vb:set nodeCount, 0}
				{vb:set options, {vb:php array}}
				{vb:set subscribedWidgetConfig {vb:raw widgetConfig}}
				{vb:set subscribedWidgetConfig.filter_time, {vb:raw subscribedWidgetConfig.filtertime_subscribed}}
				{vb:set subscribedWidgetConfig.filter_follow, {vb:var subscribedWidgetConfig.subscriptions_filter_follow}}
				{vb:set subscribedWidgetConfig.resultsPerPage, {vb:raw subscribedWidgetConfig.resultsperpage_subscribed}}
				{vb:set subscribedWidgetConfig.maxpages, {vb:raw subscribedWidgetConfig.maxpages_subscribed}}
				{vb:set filterFormAction, 'profile/ApplyFollowingFilter'}
				{vb:set filterFollowAllValue, 'follow_all_activity'}

				<vb:if condition="$user['userid'] > 0 AND $subscribedWidgetConfig['default_tab'] == '#subscribed-tab'">
					{vb:set followingOptions.page, 1}
					{vb:set followingOptions.parentid, {vb:raw blogChannel}}
					{vb:set followingOptions.perpage, {vb:raw subscribedWidgetConfig.resultsPerPage}}

					<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
						{vb:set subscribedWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
						{vb:set filterTime, {vb:raw page.filter_time}}
					<vb:else />
						{vb:set filterTime, {vb:raw subscribedWidgetConfig.filter_time}}
					</vb:if>

					<vb:if condition="$filterTime == 'time_today'">
						{vb:set timeOption.from, 'lastDay'}
						{vb:set options.date, {vb:raw timeOption}}
					<vb:elseif condition="$filterTime == 'time_lastweek'" />
						{vb:set timeOption.from, 'lastWeek'}
						{vb:set options.date, {vb:raw timeOption}}
					<vb:elseif condition="$filterTime == 'time_lastmonth'" />
						{vb:set timeOption.from, 'lastMonth'}
						{vb:set options.date, {vb:raw timeOption}}
					<vb:else />
						{vb:set options.date, 'all'}
					</vb:if>

					<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
						{vb:set subscribedWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
						{vb:set filterShow, {vb:raw page.filter_show}}
					<vb:else />
						{vb:set filterShow, {vb:raw subscribedWidgetConfig.filter_show}}
					</vb:if>

					<vb:if condition="$filterShow != 'show_all'">
						{vb:set options.type, {vb:raw filterShow}}
					</vb:if>

					<vb:if condition="isset($page['filter_follow']) AND in_array($page['filter_follow'], array('follow_all_activity', 'follow_contents', 'follow_channel'))">
						{vb:set subscribedWidgetConfig.url_default_filters.filter_follow, {vb:raw page.filter_follow}}
						{vb:set filterFollow, {vb:raw page.filter_follow}}
					<vb:else />
						{vb:set filterFollow, {vb:raw subscribedWidgetConfig.filter_follow}}
					</vb:if>
					{vb:set options.filter_follow, {vb:raw filterFollow}}

					{vb:data nodes, follow, getFollowingContentForTab, null, {vb:var options.filter_follow}, {vb:var options}, {vb:var options.type}, {vb:raw followingOptions}}

					<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
						{vb:set nodeCount, {vb:raw nodes.totalcount}}
					</vb:if>
				</vb:if>

				{vb:template conversation_toolbar, widgetConfig={vb:raw subscribedWidgetConfig}, view=subscribed, showNewConversationBtn='blogentry', showFilter=1, showTimeFilter=1, showShowFilter=1, showFollowFilter=1, setFollowerId=1, hideFollowMembersFilter=1, floating=1, filterFormAction={vb:raw filterFormAction}, filterFollowAllValue={vb:raw filterFollowAllValue}, showChannelInfo=0, nodeid={vb:raw blogChannel}, allowHistory=1}

				<vb:if condition="$user['userid'] > 0">
					<ul class="conversation-list list-container stream-view stream-view-full-width activity-view h-clearfix">
						<vb:if condition="$subscribedWidgetConfig['default_tab'] == '#subscribed-tab'">
							{vb:template profile_following, nodes = {vb:raw nodes.nodes}, userId = {vb:raw userInfo.userid}, currentNodeIsBlog=1}
						</vb:if>
					</ul>
					<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_subscribed_posts_to_display}</div>
					<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="$nodeCount == 0 OR !$nodes['paginationInfo']['showseemore'] OR $subscribedWidgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
						<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
					</div>
				<vb:else />
					<div class="conversation-empty">{vb:phrase please_login_to_view_subscribed_posts}</div>
				</vb:if>
			</div>
		</vb:if>
		<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#memberblog-tab', $widgetConfig['display_tabs'])">
			<div id="memberblog-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#memberblog-tab'">h-hide</vb:if>">
				{vb:set memberBlogWidgetConfig {vb:raw widgetConfig}}
				{vb:set memberBlogWidgetConfig.filter_blogs, 'show_all'}
				{vb:set pagenum, 1}

				<vb:if condition="$memberBlogWidgetConfig['default_tab'] == '#memberblog-tab'">
					<vb:if condition="isset($page['filter_blogs']) AND in_array($page['filter_blogs'], array('show_all', 'show_my'))">
						{vb:set memberBlogWidgetConfig.url_default_filters.filter_blogs, {vb:var page.filter_blogs}}
						{vb:set filterBlogs, {vb:var page.filter_blogs}}
					<vb:else />
						{vb:set filterBlogs, {vb:raw memberBlogWidgetConfig.filter_blogs}}
					</vb:if>

					<vb:if condition="!empty($page['pagenum'])">
						{vb:set pagenum, {vb:raw page.pagenum}}
					</vb:if>
				</vb:if>

				{vb:template blogmember_tab, widgetConfig={vb:raw memberBlogWidgetConfig}, fromTemplate=1, my={vb:raw filterBlogs}, from={vb:raw pagenum}, blogChannelId={vb:raw blogChannel}}
			</div>
		</vb:if>
	</div>
</div>
<div id="user-blogs-dialog" class="sb-dialog">
	<div class="dialog-content">
		<p>{vb:rawphrase select_a_blog_desc}</p>
		<select class="custom-dropdown h-hide stretch"></select>
	</div>
	<div class="b-button-group">
		<button type="button" class="btnContinue b-button b-button--primary">{vb:phrase continue}</button>
		<button type="button" class="btnCancel b-button b-button--secondary">{vb:phrase cancel}</button>
	</div>
</div>
<div id="create-blog-dialog" class="sb-dialog">
	<form action="create-content/blog" method="post">
		<input type="hidden" name="nodeid" value="0" />
		<input type="hidden" name="wizard" value="0" />
		<div class="dialog-content field-set">
			<p>{vb:rawphrase create_a_blog_channel_desc}</p>

			<div class="field-row">
				<input type="text" name="title" class="blog-title textbox stretch" placeholder="{vb:phrase create_a_title_here}" />
				<div class="field-desc">{vb:phrase if_blog_title_left_blank}</div>
			</div>

			<div class="field-row">
				<textarea name="description" class="blog-desc textbox stretch" rows="5" placeholder="{vb:phrase create_a_description_here}"></textarea>
				<div class="field-desc">{vb:phrase describe_your_blog}</div>
			</div>

			{vb:set urlInfo.blogaction, 'create'}
			{vb:set urlInfo.action2, 'settings'}
			<div>{vb:rawphrase goto_blog_advanced_settings, {vb:url 'blogadmin', {vb:raw urlInfo}}}</div>
		</div>
		<div class="b-button-group">
			<button type="submit" class="btnContinue b-button b-button--primary">{vb:phrase continue}</button>
			<button type="button" class="btnCancel b-button b-button--secondary">{vb:phrase cancel}</button>
		</div>
	</form>
</div>
{vb:js js/blog-rollup.js}]]></template>
		<template name="widget_blognodes" templatetype="template" date="1363814060" username="vBulletin" version="5.0.2 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
	{vb:data blogChannel, blog, getBlogChannel}
	{vb:set options.starter_only, '1'}
	{vb:set options.channel, {vb:raw blogChannel}}
	{vb:set options.ignore_cache, 1}
	{vb:set options.view, 'activity'}
	{vb:set options.exclude_type, {vb:raw excludeTypes}}
	<vb:if condition="(isset($my) AND $my != 0)">
		{vb:set options.authorid, {vb:raw user.userid}}
	</vb:if>
	{vb:data nodes, search, getInitialResults, {vb:raw options}, {vb:raw widgetConfig.resultsPerPage}, {vb:raw page.pagenum}, 1}
	<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
		{vb:set nodeCount, {vb:raw nodes.totalRecords}}
	<vb:else />
		{vb:set nodeCount, 0}
	</vb:if>
	{vb:template conversation_toolbar, widgetConfig={vb:raw widgetConfig}, blogPostsAll=1}
	<ul class="conversation-list list-container stream-view activity-view full-activity-view h-clearfix<vb:if condition="$nodeCount == 0"> h-hide</vb:if>">
		<vb:each from="nodes.results" value="node">
			{vb:set activityStreamTemplateName, 'display_contenttype_conversationreply_'}
			{vb:set templateName, 'display_contenttype_blog_'}
			{vb:strcat activityStreamTemplateName, {vb:raw node.content.contenttypeclass}}
			{vb:template {vb:raw activityStreamTemplateName}, conversation={vb:raw node.content}, reportActivity=1, showChannelInfo=1}
		</vb:each>
	</ul>
	<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_content_found}</div>
]]></template>
		<template name="widget_blogsummary" templatetype="template" date="1532740349" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!empty($page['nodeid'])">
	{vb:rawdata blogAsArray, node, getNodeContent, {vb:var page.nodeid}}
	<vb:if condition="!isset($blogAsArray['errors'])">
		<vb:each from="blogAsArray" key="nodeid" value="blog"></vb:each>
	</vb:if>

	{vb:data blogpermissions, blog, getChannelAdminPerms, {vb:var page.nodeid}}
</vb:if>

{vb:cssExtra blogs-groups.css}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget summary-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		title={vb:phrase blog_summary},
		show_title_divider=1}

	<div class="widget-content">
		<vb:if condition="!isset($blog)">
			{vb:phrase no_permission_blog}
		<vb:else />
			<div id="blogSummaryErrorDialog" class="sb-dialog stretch">
				<div class="dialog-content stretch" id="blogSummaryErrorContent"></div>
				<div class="b-button-group">
					<button id="blogSummaryErrorClose" type="submit" class="b-button b-button--primary">{vb:phrase close}</button>
				</div>
			</div>

			<div class="stretch blogSummaryContainer">
				<div class="blog-summary-details">
					<div class="blog-icon-wrapper h-align-center h-clear">
						<vb:if condition="$blog['filedataid']">
							<div class="stretch h-align-center">
								<img class="blogIconImg" src="filedata/fetch?channelid={vb:raw blog.nodeid}&amp;lastupdate={vb:raw blog.lastupdate}&amp;type=medium" alt="{vb:raw blog.htmltitle}" />
							</div>
						<vb:else />
								<img class="noBlogIcon blogIconImg" src="{vb:raw baseurl_corecdn}/images/default/default_blog_large.png" width="350" height="350" alt="{vb:raw blog.htmltitle}" id="blogIconImg"/>
						</vb:if>

						{vb:data canUploadIcon, user, hasPermissions, 'forumpermissions', 'canuploadchannelicon', {vb:raw blog.nodeid}}
						<vb:if condition="($blogpermissions['canmoderate'] > 0) AND $canUploadIcon">
							<div class="editBlogIcon b-link js-link" tabindex="0">{vb:phrase edit_blog_icon}</div>
						</vb:if>
					</div>

					<vb:if condition="$blogpermissions['canmoderate'] > 0">
						{vb:template sgadmin_addicondlg, nodeid={vb:raw nodeid}}
					</vb:if>

					<vb:if condition="$blogpermissions['canmanageusers'] OR $blogpermissions['canconfig']">
						{vb:template blog_administrative_menu,
							blog={vb:raw blog},
							blogPerms={vb:raw blogpermissions}}
					</vb:if>

					<div class="b-sidebar-field h-margin-top-l" id="blogAbout">
						<h4 class="b-sidebar-field__heading">{vb:phrase about_this_blog}</h4>
						<p class="ellipsis multiline h-margin-none">{vb:var blog.description}</p>
					</div>

					<div class="b-sidebar-field b-sidebar-field--space-above" id="blogTotalEntries">
						<span class="b-sidebar-field__label">{vb:phrase blog_total_entries}:</span>
						<span class="b-sidebar-field__value">{vb:raw blog.textcount}</span>
					</div>

					<div class="b-sidebar-field" id="blogCommentEntries">
						<span class="b-sidebar-field__label">{vb:phrase comments}:</span>
						<span class="b-sidebar-field__value">{vb:math {vb:raw blog.totalcount} - {vb:raw blog.textcount}}</span>
					</div>

					<div class="b-sidebar-field b-sidebar-field--space-above blogAvatars" id="blogParticipants">
						<h4 class="b-sidebar-field__heading">{vb:phrase owner}</h4>
						<ul>
							<li class="h-left" id="blogOwner">
								{vb:data owner, blog, fetchOwner, {vb:raw nodeid}}
								{vb:data ownerInfo, user, fetchProfileInfo, {vb:raw owner}}
								{vb:data avatar, user, fetchAvatar, {vb:raw owner}}
								{vb:template avatar, avataruser={vb:raw ownerInfo}, avatar={vb:raw avatar}, avatarsize="medium"}
								<div class="author"><a href="{vb:url 'profile', {vb:raw ownerInfo}}">{vb:raw ownerInfo.username}</a></div>
							</li>
							<li class="h-clear"></li>
						</ul>
					</div>

					{vb:data contributors, blog, fetchContributors, {vb:raw nodeid}, 3}
					<vb:if condition="count($contributors) > 0">
					<div class="b-sidebar-field b-sidebar-field--space-above blogAvatars" id="blogParticipants2">
						<h4 class="b-sidebar-field__heading">{vb:phrase blog_contributors}</h4>
						<ul>
							<li class="h-left" id="blogContributor">
								<ul>
									<vb:each from="contributors" value="contributor">
										<li class="h-left contributor">
											{vb:data contributorInfo, user, fetchProfileInfo, {vb:raw contributor}}
											{vb:data avatar, user, fetchAvatar, {vb:raw contributor}}
											{vb:template avatar, avataruser={vb:raw contributorInfo}, avatar={vb:raw avatar}, avatarsize="medium"}

											<div class="author"><a class="ellipsis" href="{vb:url 'profile', {vb:raw contributorInfo}}">{vb:raw contributorInfo.username}</a></div>
										</li>
									</vb:each>
									<li class="h-clear"></li>
								</ul>
							</li>
							<li class="h-clear"></li>
						</ul>
					</div>
					</vb:if>

					<vb:if condition="!empty($nodeid)">
					{vb:data subscribers, follow, getContentFollowers, {vb:raw nodeid}, 1, 12}
					<div class="b-sidebar-field b-sidebar-field--space-above blogAvatars blogAvatarsSm" id="blogSubscribers">
						<h4 class="b-sidebar-field__heading">{vb:phrase blog_subscribers} ({vb:raw subscribers.totalcount})</h4>
						<vb:if condition="$subscribers['totalcount'] > 0">
							<ul>
								<vb:each from="subscribers.results" value="subscriber">
									<li class="h-left subscriber">
										{vb:data avatar, user, fetchAvatar, {vb:raw subscriber.userid}}
										{vb:template avatar, avataruser={vb:raw subscriber}, avatar={vb:raw avatar}}
									</li>
								</vb:each>
								<li class="h-clear"></li>
							</ul>
						</vb:if>
						<vb:if condition="$subscribers['totalcount'] > 12">
							<div>
								<a href="#" class="h-right" id="blogSubscribersSeeAll" data-node-id="{vb:raw nodeid}">{vb:phrase blog_see_all_subscribers}</a>
								<div id="blogSubscribersAll" class="sb-dialog">
									<div class="dialog-content h-clearfix blog-subscribers-content">
										{vb:phrase loading}
									</div>
									<div class="b-button-group">
										{vb:template pagenavnew_client, pagenav={vb:raw subscribers.paginationInfo}}
										<button class="b-button b-button--secondary blog-subscribers-close">{vb:phrase close}</button>
									</div>
								</div>
							</div>
						</vb:if>
					</div>
					</vb:if>

				</div>
			</div>
		</vb:if>
	</div>
</div>
<vb:if condition="$blogpermissions['canmoderate'] OR $blogpermissions['canmanageusers'] OR $blogpermissions['canconfig'] OR $blogpermissions['canstats']">
	{vb:js js/file-upload-rollup.js}
	{vb:js js/sb_blogadmin.js}
</vb:if>
{vb:js js/blog-rollup.js}]]></template>
		<template name="widget_calendar" templatetype="template" date="1525796921" username="vBulletin" version="5.4.3 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig)">
	<vb:comment>Allow instanceless widgetConfig for certain tabbed container configurations</vb:comment>
	<vb:if condition="!empty($widgetinstanceid)">
		{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
	<vb:elseif condition="!empty($widgetid)" />
		{vb:data widgetConfig, widget, fetchDefaultConfigWithoutInstance, {vb:raw widgetid}}
	</vb:if>
<vb:else />
	{vb:set widgetConfigString {vb:php json_encode, {vb:raw widgetConfig}}}
</vb:if>

<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!empty($page['searchJSON'])">
	{vb:set searchJSON, {vb:raw page.searchJSON}}
<vb:elseif condition="!empty($widgetConfig['searchJSON'])" />
	{vb:set searchJSON, {vb:raw widgetConfig.searchJSON}}
</vb:if>

<vb:if condition="!empty($widgetConfig['resultsPerPage'])">
	{vb:set resultsPerPage, {vb:raw widgetConfig.resultsPerPage}}
<vb:else />
	{vb:set resultsPerPage, 200}
</vb:if>

<vb:if condition="!empty($page['searchTitle'])">
	{vb:set searchTitle, {vb:raw page.searchTitle}}
<vb:elseif condition="!empty($widgetConfig['searchTitle'])" />
	{vb:set searchTitle, {vb:raw widgetConfig.searchTitle}}
<vb:elseif condition="!empty($widgetConfig['title'])" />
	{vb:set searchTitle, {vb:raw widgetConfig.title}}
<vb:else />
	{vb:set searchTitle, {vb:phrase search}}
</vb:if>



{vb:js js/fullcalendar-rollup.js}
{vb:cssExtra css_fullcalendar.css}

<vb:if condition="is_string($searchJSON)">
	{vb:set searchJSONString, {vb:raw searchJSON}}
<vb:else />
	{vb:set searchJSONString, {vb:php json_encode, {vb:raw searchJSON}}}
</vb:if>

{vb:data tzOffset, user, fetchTimeOffset}
{vb:data tzOffsetNoDST, user, fetchTimeOffset, false, false, true}

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget js-widget-calendar" 
	data-widget-id="{vb:raw widgetid}"
	data-widget-instance-id="{vb:raw widgetinstanceid}" 
	data-search-json="{vb:var searchJSONString}"
	data-results-per-page="{vb:var resultsPerPage}"
	data-user-timezone-offset="{vb:var tzOffset}"
	data-user-timezone-offset-ignore-dst="{vb:var tzOffsetNoDST}"
	data-goto-month="{vb:if "!empty($page['month'])", {vb:var page.month}, "0"}"
	>
	<div class="js-calendar-loading-placeholder">
		<div>{vb:phrase initializing_calendar}</div>
		<img src="images/loader-box-blue.gif" alt="{vb:phrase initializing_calendar}" />
	</div>
	<vb:comment>
	Note: module-calendar.js will fetch the data via AJAX. This is because 1) preloading isn't very effective with an ajax event data source function (fullcalendar init waits on the ajax anyways when specifying 2 event sources), and while it's possible to have a "init" check to use the preloaded data & skip the ajax on init, it's not a good idea as the "start" & "end" date cutoffs are computed via JS on the fly, and *could* be different from what's specified in the searchJSON.
	{vb:template widget_calendar__events, searchJSON={vb:raw searchJSON}, resultsPerPage={vb:raw resultsPerPage}}
	</vb:comment>
</div>]]></template>
		<template name="widget_calendar__events" templatetype="template" date="1525796921" username="vBulletin" version="5.4.3 Alpha 1"><![CDATA[<vb:comment>
	We need to be able to pass searchJSON here, as the page.searchJSON may not be reliable and widgetinstance may not exist (tabbed container)
<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!empty($page['searchJSON'])">
	{vb:set searchJSON, {vb:raw page.searchJSON}}
<vb:elseif condition="!empty($widgetConfig['searchJSON'])" />
	{vb:set searchJSON, {vb:raw widgetConfig.searchJSON}}
</vb:if>
</vb:comment>

<vb:if condition="!empty($searchJSON)">
	<vb:comment>Note, compilesearch expects/requires a string for the first param (searchJSON), not an array. If passed an array, it'll cast to string due to wrapping in double quotes.</vb:comment>
	<vb:if condition="is_array($searchJSON)">
		{vb:set searchJSON, {vb:php json_encode, {vb:raw searchJSON}}}
	</vb:if>
	{vb:set searchJSON, {vb:compilesearch {vb:raw searchJSON}, {vb:raw page}, {vb:raw widgetConfig}, {vb:raw extraSearchJson}}}
	{vb:set searchJSON, {vb:php json_decode,{vb:raw searchJSON},1}}

	<vb:comment>overwrite with request param</vb:comment>
	<vb:if condition="$events_during">
		{vb:set searchJSON.events_during, {vb:raw events_during}}
	<vb:elseif condition="$eventstartdate" />
		{vb:set searchJSON.eventstartdate, {vb:raw eventstartdate}}
	</vb:if>

	<vb:if condition="empty($resultsPerPage)">
		{vb:set resultsPerPage, 200}
	</vb:if>

	{vb:set currentPage, 1}
	
	{vb:rawdata nodes, search, getInitialResults, {vb:raw searchJSON}, {vb:raw resultsPerPage}, {vb:var currentPage}}


	<div class="js-calendar__events">
		
		<vb:if condition="isset($nodes['errors'])">
			<vb:each from="nodes.errors" value="error">
				<vb:if condition="$error[0] != 'exception_trace'">
					<div class="error">{vb:rawphrase {vb:raw error}}</div>
				</vb:if>
			</vb:each>
		<vb:elseif condition="empty($nodes['results'])" />
			<div class="error">{vb:phrase there_are_no_results_that_meet_criteria}</div>
		<vb:else />
			<vb:each from="nodes.results" value="node">
				{vb:set node_json, {vb:php json_encode, {vb:raw node}}}
				{vb:set node_url, {vb:url {vb:raw node.content.routeid}, {vb:raw node.content}}}
				<div class="js-calendar__events-event"
					data-id="{vb:var node.nodeid}"
					data-title="{vb:var node.title}"
					data-eventstartdate="{vb:var node.content.eventstartdate}"
					data-eventenddate="{vb:var node.content.eventenddate}"
					data-url="{vb:var node_url}"
					data-previewtext="{vb:var node.content.previewtext}"
					data-node="{vb:var node_json}"
					data-ignoredst="{vb:var node.content.ignoredst}"
				></div>
			</vb:each>
		</vb:if>
	</div>
</vb:if>]]></template>
		<template name="widget_channeldescription" templatetype="template" date="1477429367" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} b-module--flush-vertical canvas-widget channel-description-widget default-widget widget-no-header-buttons widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}" data-node-id="{vb:var page.channelid}">

	<vb:if condition="isset($page) AND $page AND isset($page['channelid']) AND $page['channelid'] > 0">

		{vb:data channelInfo, content_channel, fetchChannelById, {vb:var page.channelid}}
		<p class="channel-desc">{vb:raw channelInfo.description}</p>

	</vb:if>
</div>]]></template>
		<template name="widget_channeldisplay" templatetype="template" date="1552699069" username="vBulletin" version="5.5.2 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!isset($widgetConfig['display_tabs'])">
	{vb:set widgetConfig.display_tabs, 0}
</vb:if>
<vb:if condition="empty($widgetConfig['default_tab'])">
	{vb:set widgetConfig.default_tab, '#topic-tab'}
</vb:if>

{vb:set moduleName, 'widget_channeldisplay_'}
{vb:strcat moduleName, {vb:raw widgetinstanceid}}
{vb:set configDefaultTab, {vb:raw widgetConfig.default_tab}}

<vb:if condition="!empty($page['tab']) AND in_array($page['tab'], array('topic-tab', 'activity-stream-tab', 'subscribed-tab', 'media-tab'))">
	{vb:set tabId, '#'}
	{vb:strcat tabId, {vb:var page.tab}}
	{vb:set widgetConfig.default_tab, {vb:raw tabId}}
	{vb:set tabSpecified, 1}
</vb:if>

{vb:set choptions.moderatorperms, 1}
{vb:data channelInfo, content_channel, fetchChannelById, {vb:var page.channelid}, {vb:raw choptions}}
<vb:if condition="!$channelInfo['category']">
{vb:data canViewTopicContent, user, hasPermissions, forumpermissions, canviewthreads, {vb:var page.channelid}}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget channel-content-widget forum-channel-content-widget default-widget widget-no-header-buttons widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}" data-node-id="{vb:var page.channelid}" data-widget-default-tab="{vb:raw configDefaultTab}" data-canviewtopiccontent="{vb:var canViewTopicContent}">
	<vb:if condition="isset($page) AND $page AND isset($page['channelid']) AND $page['channelid'] > 0">

		{vb:data enableInlineMod, user, hasPermissions, moderatorpermissions, canmoderateposts, {vb:var page.channelid}}
		<vb:if condition="$channelInfo['category'] > 0">
			{vb:set showNewConversationBtn, 0}
			{vb:set showNewTopicsFilterFlag, 1}
		<vb:else />
			{vb:set showNewTopicsFilterFlag, 0}
			<vb:if condition="$channelInfo['createpermissions']['vbforum_text']
				OR $channelInfo['createpermissions']['vbforum_gallery']
				OR $channelInfo['createpermissions']['vbforum_poll']
				OR $channelInfo['createpermissions']['vbforum_video']
				OR $channelInfo['createpermissions']['vbforum_link']
				OR $channelInfo['createpermissions']['vbforum_event']
				">
				{vb:set showNewConversationBtn, 1}
			<vb:else />
				{vb:set showNewConversationBtn, 0}
			</vb:if>
		</vb:if>
		{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:raw channelInfo.title}}

		<div class="widget-content">
			{vb:data albumChannel, node, fetchAlbumChannel}
			{vb:data reportChannel, node, fetchReportChannel}
			{vb:data vmChannel, node, fetchVMChannel}
			{vb:data pmChannel, node, fetchPMChannel}
			<vb:if condition="($page['channelid'] != $albumChannel) AND ($page['channelid'] != $reportChannel) AND ($page['channelid'] != $vmChannel) AND ($page['channelid'] != $pmChannel)">
				<vb:comment>The .js-movable-toolbar-button-container div always needs to be present, as responsive moves the new topic button here</vb:comment>
				<div class="channel-controls h-right h-clear b-button-group h-margin-bottom-l js-movable-toolbar-button-container">
					<vb:if condition="$user['userid']">
						{vb:data isSubscribed, follow, isFollowingContent, {vb:var page.channelid}}
						{vb:hook 'channel_display_controls'}
						<button type="button" data-owner-id="{vb:raw channelInfo.userid}" data-node-id="{vb:var page.channelid}" class="b-button b-button--follow js-button--follow uppercase h-left<vb:if condition="$isSubscribed"> isSubscribed b-button--special<vb:else /> b-button--secondary</vb:if>">
							<span class="b-button__icon"></span>
							<span class="b-button__text-primary js-button__text-primary">
								<vb:if condition="$isSubscribed">
									{vb:phrase following}
								<vb:else />
									{vb:phrase follow}
								</vb:if>
							</span>
						</button>
					</vb:if>
				</div>
			</vb:if>

			<div class="channel-conversation-list-wrapper block widget-tabs ui-tabs h-clear">
				<a id="channel-module-top" class="anchor js-module-top-anchor"></a>
				<div class="blockhead widget-tabs-nav">
					<ul class="ui-tabs-nav b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive" data-allow-history="1">
						<vb:if condition="is_array($widgetConfig['display_tabs'])">
							{vb:set phrases.topic-tab, 'topic'}
							{vb:set phrases.activity-stream-tab, 'latest_activity'}
							{vb:set phrases.subscribed-tab, 'my_subscriptions'}
							{vb:set phrases.media-tab, 'photos'}
							{vb:set selectOptions, ''}
							<vb:each from="widgetConfig.tab_order" key="tabName" value="tabIndex">
								<vb:if condition="in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
									{vb:set tabPhrase, {vb:rawphrase {vb:raw phrases[$tabName]}}}
									{vb:strcat selectOptions, '<option value="#'}
									{vb:strcat selectOptions, {vb:raw tabName}}
									{vb:strcat selectOptions, '"'}
									<vb:if condition="$widgetConfig['default_tab'] == ('#' . $tabName)">
										{vb:set selectedClass, ' class="ui-tabs-active"'}
										{vb:strcat selectOptions, ' selected="selected"'}
									<vb:else />
										{vb:set selectedClass, ''}
									</vb:if>
									<li{vb:raw selectedClass}>
										<a href="#{vb:raw tabName}">{vb:raw tabPhrase}</a>
									</li>
									{vb:strcat selectOptions, '>'}
									{vb:strcat selectOptions, {vb:raw tabPhrase}}
									{vb:strcat selectOptions, '</option>'}
								</vb:if>
							</vb:each>
							<vb:comment><!-- Output hide tabs for config dialog --></vb:comment>
							<vb:each from="phrases" key="tabName" value="tabphraseid">
								<vb:if condition="!in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
									<li class="h-hide">
										<a href="#{vb:raw tabName}">{vb:rawphrase {vb:raw tabphraseid}}</a>
									</li>
								</vb:if>
							</vb:each>
						<vb:else />
							<vb:if condition="!empty($tabSpecified)">
								<li<vb:if condition="$widgetConfig['default_tab']=='#topic-tab'"> class="ui-tabs-active"</vb:if>><a href="#topic-tab">{vb:phrase topic}</a></li>
								<li<vb:if condition="$widgetConfig['default_tab']=='#activity-stream-tab'"> class="ui-tabs-active"</vb:if>><a href="#activity-stream-tab">{vb:phrase latest_activity}</a></li>
								<li<vb:if condition="$widgetConfig['default_tab']=='#subscribed-tab'"> class="ui-tabs-active"</vb:if>><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
								<li<vb:if condition="$widgetConfig['default_tab']=='#media-tab'"> class="ui-tabs-active"</vb:if>><a href="#media-tab">{vb:phrase photos}</a></li>
							<vb:else />
								<li class="ui-tabs-active"><a href="#topic-tab">{vb:phrase topic}</a></li>
								<li><a href="#activity-stream-tab">{vb:phrase latest_activity}</a></li>
								<li><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
								<li><a href="#media-tab">{vb:phrase photos}</a></li>
							</vb:if>
						</vb:if>
					</ul>
				</div>

				<div class="blockbody widget-tabs-panel h-clearfix">
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#activity-stream-tab', $widgetConfig['display_tabs'])">
						<div id="activity-stream-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#activity-stream-tab'">h-hide</vb:if>">
							{vb:set nodeCount, 0}
							{vb:set activityWidgetConfig, {vb:raw widgetConfig}}
							{vb:set activityWidgetConfig.resultsPerPage, {vb:raw activityWidgetConfig.resultsperpage_activitystream}}
							{vb:set activityWidgetConfig.maxpages, {vb:raw activityWidgetConfig.maxpages_activitystream}}
							{vb:set activityWidgetConfig.filter_time, {vb:raw activityWidgetConfig.filtertime_activitystream}}

							<vb:if condition="$activityWidgetConfig['default_tab'] == '#activity-stream-tab'">

								<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
									{vb:set activityWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
									{vb:set filterTime, {vb:raw page.filter_time}}
								<vb:else />
									{vb:set filterTime, {vb:raw activityWidgetConfig.filter_time}}
								</vb:if>

								<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
									{vb:set activityWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
									{vb:set filterShow, {vb:raw page.filter_show}}
								<vb:else />
									{vb:set filterShow, {vb:raw activityWidgetConfig.filter_show}}
								</vb:if>

								<vb:if condition="isset($page['filter_new_topics'])">
									<vb:if condition="empty($page['filter_new_topics'])">
										{vb:set page.filter_new_topics, 0}
									<vb:else />
										{vb:set page.filter_new_topics, 1}
									</vb:if>
									{vb:set activityWidgetConfig.url_default_filters.filter_new_topics, {vb:raw page.filter_new_topics}}
									{vb:set filterNewTopics, {vb:raw page.filter_new_topics}}
								<vb:else />
									{vb:set filterNewTopics, {vb:raw activityWidgetConfig.filter_new_topics}}
								</vb:if>

								<vb:if condition="$filterTime == 'time_today'">
									{vb:set timeOption.from, 'lastDay'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:elseif condition="$filterTime == 'time_lastweek'" />
									{vb:set timeOption.from, 'lastWeek'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:elseif condition="$filterTime == 'time_lastmonth'" />
									{vb:set timeOption.from, 'lastMonth'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:else />
									{vb:set options.date, 'all'}
								</vb:if>

								<vb:if condition="isset($page['filter_prefix'])">
									{vb:set activityWidgetConfig.url_default_filters.filter_prefix, {vb:raw page.filter_prefix}}
									{vb:set filterPrefix, {vb:raw page.filter_prefix}}
								<vb:else />
									{vb:set filterPrefix, {vb:raw activityWidgetConfig.filter_prefix}}
								</vb:if>

								<vb:if condition="!empty($filterPrefix)">
									<vb:if condition="$filterPrefix == -1">
										{vb:set options.no_prefix, 1}
									<vb:elseif condition="$filterPrefix == -2" />
										{vb:set options.has_prefix, 1}
									<vb:else />
										{vb:set options.prefix, {vb:raw filterPrefix}}
									</vb:if>
								</vb:if>

								{vb:set options.channel, {vb:var page.channelid}}
								{vb:set options.ignore_protected, 1}
								<vb:if condition="$filterShow != 'show_all'">
									{vb:set options.type, {vb:raw filterShow}}
								</vb:if>

								{vb:set sortOption.lastcontent, 'DESC'}
								{vb:set options.sort, {vb:raw sortOption}}
								<vb:if condition="$filterNewTopics == 1">
									{vb:set options.starter_only, 1}
								<vb:else />
									{vb:set options.view, 'activity'}
								</vb:if>

								<vb:comment> @TODO use this if we got the sort filter back
									<vb:if condition="!empty($activityWidgetConfig['filter_sort']) AND ($v['filter_sort'] == 'sort_popular')">
										{vb:set sortOption.votes, 'DESC'}
										{vb:set options.sort, {vb:raw sortOption}}
									<vb:elseif condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_featured')" />
										{vb:set options.featured, 1}
									<vb:elseif condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_oldest')" />
										<vb:if condition="$options['view'] == 'topic'">
											{vb:set sortOption.lastcontent, 'ASC'}
											{vb:set options.sort, {vb:raw sortOption}}
										<vb:else />
											{vb:set sortOption.created, 'ASC'}
											{vb:set options.sort, {vb:raw sortOption}}
										</vb:if>
									<vb:else />
										<vb:if condition="$options['view'] == 'topic'">
											{vb:set sortOption.lastcontent, 'DESC'}
											{vb:set options.sort, {vb:raw sortOption}}
										<vb:else />
											{vb:set sortOption.created, 'DESC'}
											{vb:set options.sort, {vb:raw sortOption}}
										</vb:if>
									</vb:if>
								</vb:comment>

								{vb:rawdata nodes, search, getInitialResults, {vb:raw options}, {vb:raw activityWidgetConfig.resultsPerPage}, {vb:raw page.pagenum}, 1}

								<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
									{vb:set nodeCount, {vb:raw nodes.totalRecords}}
								</vb:if>

								{vb:set results, {vb:raw nodes.results}}
								<vb:each from="results" value="node">
									{vb:set content, {vb:raw node.content}}
									{vb:set modPerms, {vb:raw content.moderatorperms}}
									<vb:each from="modPerms" key="permid" value="perm">
										<vb:if condition="!empty($perm) AND !isset($permTopicsArray[$permid])">
											{vb:set permTopicsArray[$permid], {vb:raw perm}}
										</vb:if>

										<vb:if condition="$perm > 0">
											{vb:set enableInlineMod, 1}
										</vb:if>
									</vb:each>
								</vb:each>
							</vb:if>
							{vb:set modPerms, {vb:raw channelInfo.moderatorperms}}
							<vb:each from="modPerms" value="perm">
								<vb:if condition="$perm > 0">
									{vb:set enableInlineMod, 1}
								</vb:if>
							</vb:each>

							{vb:data pagingInfo, page, getPagingInfo, {vb:raw page.pagenum}, {vb:raw nodeCount}, {vb:raw activityWidgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}, {vb:raw activityWidgetConfig.maxpages}}
							{vb:template conversation_toolbar, nodeid={vb:var page.channelid}, view=activity, widgetConfig={vb:raw activityWidgetConfig}, pagingInfo={vb:raw pagingInfo}, showNewConversationBtn={vb:raw showNewConversationBtn}, showPageNav=1, showFilter=1, showTimeFilter=1, showShowFilter=1, showNewTopicsFilter=1, floating=1, modPerms={vb:raw modPerms}, resultsPerPage={vb:raw activityWidgetConfig.resultsPerPage}, allowHistory=1}

							<vb:if condition="$activityWidgetConfig['default_tab'] == '#activity-stream-tab'">
								<vb:if condition="!empty($pagingInfo['prevurl'])">
									{vb:headlink vb_module={vb:raw moduleName}, rel=prev, href={vb:raw pagingInfo.prevurl}}
								</vb:if>
								<vb:if condition="!empty($pagingInfo['nexturl'])">
									{vb:headlink vb_module={vb:raw moduleName}, rel=next, href={vb:raw pagingInfo.nexturl}}
								</vb:if>
							</vb:if>

							<ul class="conversation-list list-container stream-view stream-view-full-width activity-view h-clearfix<vb:if condition="$nodeCount == 0"> h-hide</vb:if>">
								<vb:if condition="$widgetConfig['default_tab'] == '#activity-stream-tab'">
									<vb:each from="nodes.results" value="node">
										{vb:set inchannelTemplateName, 'display_contenttype_conversationreply_'}
										{vb:strcat inchannelTemplateName, {vb:raw node.content.contenttypeclass}}
										{vb:template {vb:raw inchannelTemplateName}, conversation={vb:raw node.content}, reportActivity=1}
									</vb:each>
								</vb:if>
							</ul>

							<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_conversations_in_channel}</div>

							{vb:template pagenav, pagenav={vb:raw pagingInfo}}

						</div>
					</vb:if>
					<vb:comment> not included for 5.0 launch
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#recommended-tab', $widgetConfig['display_tabs'])">
						<div id="recommended-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#recommended-tab'">h-hide</vb:if>">
							{vb:set recomendedWidgetConfig {vb:raw widgetConfig}}
							{vb:set recomendedWidgetConfig.resultsPerPage, {vb:raw recomendedWidgetConfig.resultsperpage_recommended}}
							{vb:set recomendedWidgetConfig.maxpages, {vb:raw recomendedWidgetConfig.maxpages_recommended}}
							<vb:if condition="$widgetConfig['default_tab'] == '#recommended-tab'">
								<vb:comment>Implement fetching of Recommended contents here when this tab gets implemented</vb:comment>
							</vb:if>
							<div class="conversation-empty"></div>
						</div>
					</vb:if>
					</vb:comment>
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#subscribed-tab', $widgetConfig['display_tabs'])">
						<div id="subscribed-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#subscribed-tab'">h-hide</vb:if>">
							{vb:set nodeCount, 0}
							{vb:set subscribedWidgetConfig {vb:raw widgetConfig}}
							{vb:set subscribedWidgetConfig.resultsPerPage, {vb:raw subscribedWidgetConfig.resultsperpage_subscribed}}
							{vb:set subscribedWidgetConfig.maxpages, {vb:raw subscribedWidgetConfig.maxpages_subscribed}}
							{vb:set subscribedWidgetConfig.filter_time, {vb:raw subscribedWidgetConfig.filtertime_subscribed}}
							{vb:set subscribedWidgetConfig.filter_show, {vb:raw subscribedWidgetConfig.subscriptions_filter_show}}
							{vb:set options, {vb:php array}}

							<vb:comment>This doesn't seem to be in the Filter Overlay UI that allows end users to change this filter, so we will not allow any querystring parameter to set this</vb:comment>
							<vb:if condition="!empty($subscribedWidgetConfig['subscriptions_filter_follow']) AND ($subscribedWidgetConfig['subscriptions_filter_follow'] != 'follow_all_activity')">
								{vb:set options.filter_follow, {vb:var subscribedWidgetConfig.subscriptions_filter_follow}}
								{vb:set subscribedWidgetConfig.filter_follow, {vb:var subscribedWidgetConfig.subscriptions_filter_follow}}
							<vb:else />
								{vb:set options.filter_follow, 'follow_all_activity'}
								{vb:set subscribedWidgetConfig.filter_follow, 'follow_all_activity'}
							</vb:if>

							<vb:if condition="$user['userid'] > 0 AND $subscribedWidgetConfig['default_tab'] == '#subscribed-tab'">

								<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
									{vb:set subscribedWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
									{vb:set filterTime, {vb:raw page.filter_time}}
								<vb:else />
									{vb:set filterTime, {vb:raw subscribedWidgetConfig.filter_time}}
								</vb:if>

								<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
									{vb:set subscribedWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
									{vb:set filterShow, {vb:raw page.filter_show}}
								<vb:else />
									{vb:set filterShow, {vb:raw subscribedWidgetConfig.filter_show}}
								</vb:if>

								<vb:if condition="$showNewTopicsFilterFlag">
									<vb:if condition="isset($page['filter_new_topics'])">
										<vb:if condition="empty($page['filter_new_topics'])">
											{vb:set page.filter_new_topics, 0}
										<vb:else />
											{vb:set page.filter_new_topics, 1}
										</vb:if>
										{vb:set subscribedWidgetConfig.url_default_filters.filter_new_topics, {vb:raw page.filter_new_topics}}
										{vb:set filterNewTopics, {vb:raw page.filter_new_topics}}
									<vb:else />
										{vb:set filterNewTopics, {vb:raw subscribedWidgetConfig.filter_new_topics}}
									</vb:if>
								</vb:if>

								<vb:if condition="$filterTime == 'time_today'">
									{vb:set timeOption.from, 'lastDay'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:elseif condition="$filterTime == 'time_lastweek'" />
									{vb:set timeOption.from, 'lastWeek'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:elseif condition="$filterTime == 'time_lastmonth'" />
									{vb:set timeOption.from, 'lastMonth'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:else />
									{vb:set options.date, 'all'}
								</vb:if>

								<vb:if condition="isset($page['filter_prefix'])">
									{vb:set subscribedWidgetConfig.url_default_filters.filter_prefix, {vb:raw page.filter_prefix}}
									{vb:set filterPrefix, {vb:raw page.filter_prefix}}
								<vb:else />
									{vb:set filterPrefix, {vb:raw subscribedWidgetConfig.filter_prefix}}
								</vb:if>

								<vb:if condition="!empty($filterPrefix)">
									<vb:if condition="$filterPrefix == -1">
										{vb:set options.no_prefix, 1}
									<vb:elseif condition="$filterPrefix == -2" />
										{vb:set options.has_prefix, 1}
									<vb:else />
										{vb:set options.prefix, {vb:raw filterPrefix}}
									</vb:if>
								</vb:if>

								{vb:set followingOptions.page, 1}
								{vb:set followingOptions.perpage, {vb:raw subscribedWidgetConfig.resultsperpage_subscribed}}
								{vb:set followingOptions.parentid, {vb:var page.channelid}}

								<vb:if condition="$filterShow != 'show_all'">
									{vb:set options.type, {vb:raw filterShow}}
								</vb:if>


								<vb:if condition="$showNewTopicsFilterFlag AND isset($filterNewTopics) AND $filterNewTopics == 1">
									{vb:set options.starter_only, 1}
								</vb:if>

								{vb:data nodes, follow, getFollowingContentForTab, null, {vb:var options.filter_follow}, {vb:var options}, {vb:var options.type}, {vb:raw followingOptions}}

								<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
									{vb:set nodeCount, {vb:raw nodes.totalcount}}
								</vb:if>
							</vb:if>

							{vb:set filterFormAction, 'profile/ApplyFollowingFilter'}
							{vb:set filterFollowAllValue, 'follow_all_activity'}
							{vb:template conversation_toolbar, nodeid={vb:var page.channelid}, widgetConfig={vb:raw subscribedWidgetConfig}, view=subscribed, showFilter=1, showTimeFilter=1, showShowFilter=1, showNewTopicsFilter={vb:var showNewTopicsFilterFlag}, hideFollowMembersFilter=1, floating=1, filterFormAction={vb:raw filterFormAction}, filterFollowAllValue={vb:raw filterFollowAllValue}, showChannelInfo=0, modPerms= {vb:raw channelInfo.moderatorperms}, resultsPerPage={vb:raw subscribedWidgetConfig.resultsPerPage}, allowHistory=1}

							<vb:if condition="$user['userid'] > 0">
								<ul class="conversation-list list-container stream-view stream-view-full-width activity-view h-clearfix">
									<vb:if condition="$widgetConfig['default_tab'] == '#subscribed-tab'">
										{vb:template profile_following, nodes = {vb:raw nodes.nodes}, userId = {vb:raw userInfo.userid}}
									</vb:if>
								</ul>
								<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_subscribed_posts_to_display}</div>
								<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="$nodeCount == 0 OR !$nodes['paginationInfo']['showseemore'] OR $widgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
									<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
								</div>
							<vb:else />
								<div class="conversation-empty">{vb:phrase please_login_to_view_subscribed_posts}</div>
							</vb:if>
						</div>
					</vb:if>
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#topic-tab', $widgetConfig['display_tabs'])">
						{vb:set topicWidgetConfig {vb:raw widgetConfig}}
						{vb:set topicWidgetConfig.filter_time, {vb:raw topicWidgetConfig.filtertime_topic}}
						{vb:set topicWidgetConfig.filter_show, {vb:raw topicWidgetConfig.filter_show}}
						{vb:set topicWidgetConfig.filter_sort, {vb:raw topicWidgetConfig.sort_topic}}
						{vb:set topicWidgetConfig.filter_order, {vb:raw topicWidgetConfig.order_topic}}
						{vb:set topicWidgetConfig.resultsPerPage, {vb:raw topicWidgetConfig.resultsperpage_topic}}
						{vb:set topicWidgetConfig.maxpages, {vb:raw topicWidgetConfig.maxpages_topic}}
						{vb:set filterFormAction, ''}
						{vb:set nodeCount, 0}
						{vb:set options, {vb:php array}}
						{vb:set stickyoptions, {vb:php array}}

						<vb:if condition="$topicWidgetConfig['default_tab'] == '#topic-tab'">

							<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
								{vb:set topicWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
								{vb:set filterTime, {vb:raw page.filter_time}}
							<vb:else />
								{vb:set filterTime, {vb:raw topicWidgetConfig.filter_time}}
							</vb:if>

							<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
								{vb:set topicWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
								{vb:set filterShow, {vb:raw page.filter_show}}
							<vb:else />
								{vb:set filterShow, {vb:raw topicWidgetConfig.filter_show}}

							</vb:if>

							<vb:if condition="isset($page['filter_order']) AND in_array($page['filter_order'], array('asc', 'desc'))">
								{vb:set filterOrder, {vb:raw page.filter_order}}
								{vb:set filterOrderSpecified, 1}
							<vb:else />
								{vb:set filterOrder, {vb:raw topicWidgetConfig.filter_order}}
							</vb:if>

							<vb:if condition="isset($page['filter_sort']) AND in_array($page['filter_sort'], array('lastcontent', 'created', 'replies', 'title', 'author'))">
								{vb:set topicWidgetConfig.url_default_filters.filter_sort, {vb:raw page.filter_sort}}
								{vb:set sortBy, {vb:raw page.filter_sort}}
								{vb:set options.sort.$sortBy, {vb:raw filterOrder}}
							<vb:else />
								{vb:set defaultTopicSortKey, {vb:raw topicWidgetConfig.filter_sort}}
								{vb:set options.sort.$defaultTopicSortKey, {vb:raw filterOrder}}
							</vb:if>

							<vb:comment>We need to populate the array in the same order of the filters in the Filter dropdown UI</vb:comment>
							<vb:if condition="!empty($filterOrderSpecified)">
								{vb:set topicWidgetConfig.url_default_filters.filter_order, {vb:raw filterOrder}}
							</vb:if>

							<vb:if condition="isset($page['filter_prefix'])">
								{vb:set topicWidgetConfig.url_default_filters.filter_prefix, {vb:raw page.filter_prefix}}
								{vb:set filterPrefix, {vb:raw page.filter_prefix}}
							<vb:else />
								{vb:set filterPrefix, {vb:raw topicWidgetConfig.filter_prefix}}
							</vb:if>

							<vb:if condition="!empty($filterPrefix)">
								<vb:if condition="$filterPrefix == -1">
									{vb:set options.no_prefix, 1}
								<vb:elseif condition="$filterPrefix == -2" />
									{vb:set options.has_prefix, 1}
								<vb:else />
									{vb:set options.prefix, {vb:raw filterPrefix}}
								</vb:if>
							</vb:if>

							<vb:if condition="$filterShow != 'show_all'">
								{vb:set options.type, {vb:raw filterShow}}
							</vb:if>

							<vb:if condition="$filterTime == 'time_today'">
								{vb:set timeOption.from, 'lastDay'}
								{vb:set options.date, {vb:raw timeOption}}
							<vb:elseif condition="$filterTime == 'time_lastweek'" />
								{vb:set timeOption.from, 'lastWeek'}
								{vb:set options.date, {vb:raw timeOption}}
							<vb:elseif condition="$filterTime == 'time_lastmonth'" />
								{vb:set timeOption.from, 'lastMonth'}
								{vb:set options.date, {vb:raw timeOption}}
							<vb:else />
								{vb:set options.date, 'all'}
							</vb:if>

							<vb:comment>fetch non-sticky topics</vb:comment>
							<vb:if condition="$page['channelid'] != $albumChannel">
								{vb:set options.ignore_protected, 1}
							</vb:if>

							{vb:set options.channel, {vb:var page.channelid}}
							{vb:set options.exclude_sticky, 1}
							{vb:set options.view, 'topic'}
							{vb:set options.nolimit, 1}
							{vb:set options.depth, 1}
							{vb:set options.depth_exact, 1}
							<vb:comment>
								This is important. The search system uses the context to essentially short circuit a lot
								of logic that would result in potentially slow joins/filtering/sorting by making the
								assumption that
								1) We only want starters
								2) We only *filter* (e.g. contenttype, votes, date-fields, no search terms but hypothetically as well)
									on starters, NOT replies/comments.
								3) We sort by lastcontent
							</vb:comment>
							{vb:set options.context, 'channeldisplay'}

							<vb:comment>
								Sticky topics are fetched separately to group and style them differently with non-sticky topics.
								The same search options except 'exclude_sticky' should also be applied when fetching sticky topics.

								TODO: Check for "showstickies" option like activity/get and only search & show stickies if
								showstickies OR !showstickies & pagenumber == 1. ATM there seems to be a bug where if you
								have showstickies = No and reload a page greater than 1, it loads stickies (that go away when
								you use pagination and come back to the page > 1).
							</vb:comment>
							{vb:set stickyoptions, {vb:raw options}}
							{vb:set stickyoptions.sticky_only, 1}
							{vb:set stickyoptions.exclude_sticky, 0}

							{vb:rawdata stickynodes, search, getChannelTopics, {vb:raw stickyoptions}, 0, 1, true}

							<vb:if condition="empty($stickynodes) OR !empty($stickynodes['errors'])">
								{vb:set hasStickyError, 1}
							<vb:elseif condition="empty($stickynodes['results'])" />
								{vb:set noStickyTopic, 1}
							</vb:if>

							{vb:rawdata nodes, search, getChannelTopics, {vb:raw options}, {vb:raw topicWidgetConfig.resultsPerPage}, {vb:raw page.pagenum}}

							<vb:if condition="empty($nodes) OR !empty($nodes['errors'])">
								{vb:set hasTopicError, 1}
							<vb:elseif condition="empty($nodes['results'])" />
								{vb:set noTopic, 1}
							<vb:else />
								{vb:set nodeCount, {vb:raw nodes.totalRecords}}
								{vb:set topics, {vb:raw nodes.results}}
							</vb:if>
							{vb:set canmoderate, 0}
							<vb:each from="nodes.results" value="node">
								<vb:if condition="empty($canmoderate) AND $node['content']['permissions']['canmoderate']">
									{vb:set canmoderate, 1}
								</vb:if>
								{vb:set modPerms, {vb:raw node.content.moderatorperms}}
								<vb:each from="node.content.moderatorperms" key="permid" value="perm">
									<vb:if condition="!empty($perm) AND !isset($permTopicsArray[$permid])">
										{vb:set permTopicsArray[$permid], {vb:raw perm}}
									</vb:if>
									<vb:if condition="$perm > 0">
										{vb:set enableInlineMod, 1}
									</vb:if>
								</vb:each>
							</vb:each>
						</vb:if>

						<div id="topic-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#topic-tab'">h-hide</vb:if><vb:if condition="$enableInlineMod"> inlinemod-container</vb:if>">
							{vb:set hiddenFields.nolimit, 1}
							{vb:set hiddenFields.depth, 1}
							{vb:set hiddenFields.depth_exact, 1}
							{vb:set hiddenFields.view, 'topic'}
							{vb:set hiddenFields.context, 'channeldisplay'}
							{vb:data pagingInfo, page, getPagingInfo, {vb:raw page.pagenum}, {vb:raw nodeCount}, {vb:raw topicWidgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}, {vb:raw topicWidgetConfig.maxpages}}

							<vb:if condition="$widgetConfig['default_tab'] == '#topic-tab'">
								<vb:if condition="!empty($pagingInfo['prevurl'])">
									{vb:headlink vb_module={vb:raw moduleName}, rel=prev, href={vb:raw pagingInfo.prevurl}}
								</vb:if>
								<vb:if condition="!empty($pagingInfo['nexturl'])">
									{vb:headlink vb_module={vb:raw moduleName}, rel=next, href={vb:raw pagingInfo.nexturl}}
								</vb:if>
							</vb:if>

							{vb:template conversation_toolbar,
								nodeid={vb:var page.channelid},
								widgetConfig={vb:raw topicWidgetConfig},
								pagingInfo={vb:raw pagingInfo},
								view=topic,
								showNewConversationBtn={vb:raw showNewConversationBtn},
								showPageNav=1,
								showFilter=1,
								showTimeFilter=1,
								showShowFilter=1,
								showSortFilter=1,
								floating=1,
								showInlineMod={vb:raw enableInlineMod},
								filterFormAction={vb:raw filterFormAction},
								modPerms= {vb:raw channelInfo.moderatorperms},
								permTopics={vb:raw permTopicsArray},
								conversation={vb:raw channelInfo},
								hiddenFields={vb:raw hiddenFields},
								resultsPerPage={vb:raw topicWidgetConfig.resultsPerPage},
								allowHistory=1
							}

							<table class="topic-list-container conversation-list">
								<vb:if condition="$widgetConfig['default_tab'] == '#topic-tab'">
									{vb:set no_header, 0}
									<vb:if condition="empty($hasStickyError) AND empty($noStickyTopic)">
										<vb:if condition="!isset($canmoderate) AND ($firstTopic = reset($stickynodes['results'])) !== FALSE">
											{vb:set canmoderate, {vb:raw firstTopic.content.permissions.canmoderate}}
										</vb:if>
										{vb:template display_Topics, topics={vb:raw stickynodes.results}, canmoderate={vb:raw canmoderate}, topic_list_class='sticky-list'}
										{vb:set no_header, 1}
									</vb:if>
									<vb:if condition="empty($hasTopicError) AND empty($noTopic)">
										{vb:template display_Topics, topics={vb:raw topics}, canmoderate={vb:raw canmoderate}, no_header={vb:raw no_header}}
									</vb:if>
								</vb:if>
							</table>

							{vb:template pagenav, pagenav={vb:raw pagingInfo}}

							{vb:set emptyConversationCss, ' h-hide'}
							{vb:set topicResultMessage, {vb:rawphrase no_topics_found}}
							<vb:if condition="$widgetConfig['default_tab'] == '#topic-tab'">
								<vb:comment>regular topics and sticky topics are fetched separately, both of them should contain either error or no topic nodes at the same time in order to display the error or no topic message</vb:comment>
								<vb:if condition="!empty($hasTopicError) AND !empty($hasStickyError)">
									{vb:set emptyConversationCss, ''}
									{vb:set topicResultMessage, {vb:rawphrase no_permission}}
								<vb:elseif condition="!empty($noTopic) AND !empty($noStickyTopic)" />
									{vb:set emptyConversationCss, ''}
								</vb:if>
							</vb:if>
							<div class="conversation-empty{vb:raw emptyConversationCss}">{vb:raw topicResultMessage}</div>

							<vb:comment>Always show the footer and mark read link, even if there are no topics, since it provides a visual "footer" and the link also marks sub-forums as "read"</vb:comment>
							{vb:js js/inlinemod.js}
							<div class="list-footer">
								<a href="#" class="js-markread" data-action="markRead">{vb:phrase mark_this_channel_read}</a>
							</div>

						</div>
					</vb:if>
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#media-tab', $widgetConfig['display_tabs'])">
						<div id="media-tab" class="media-tab<vb:if condition="$widgetConfig['default_tab'] != '#media-tab'"> h-hide</vb:if>">
							{vb:set photoWidgetConfig {vb:raw widgetConfig}}
							{vb:set photoWidgetConfig.filter_time, {vb:raw photoWidgetConfig.filtertime_photos}}
							<vb:if condition="$widgetConfig['default_tab'] == '#media-tab'">
								{vb:set loadPhotoDetails, 1}
								<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
									{vb:set photoWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
								</vb:if>
							<vb:else />
								{vb:set loadPhotoDetails, 0}
							</vb:if>

							{vb:template profile_media, widgetConfig={vb:raw photoWidgetConfig}, source='forum', nodeid=-2, channelid={vb:var page.channelid}, doNoFetchData=1, showNewConversationBtn={vb:raw showNewConversationBtn}, loadPhotoDetails={vb:raw loadPhotoDetails}, allowHistory=1}
						</div>
					</vb:if>
				</div>
			</div>
		</div>
	<vb:else />
		<div class="widget-header h-clearfix">
			<div class="module-title h-left">
				<ul class="ui-tabs-nav hide-on-editmode b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive">
					<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#activity-stream-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['activity-stream-tab'])">{vb:raw widgetConfig.tab_order.activity-stream-tab}<vb:else />-1</vb:if>"><a href="#activity-stream-tab">{vb:phrase latest_activity}</a></li>
					<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#subscribed-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['subscribed-tab'])">{vb:raw widgetConfig.tab_order.subscribed-tab}<vb:else />-1</vb:if>"><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
					<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#topic-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['topic-tab'])">{vb:raw widgetConfig.tab_order.topic-tab}<vb:else />-1</vb:if>"><a href="#topic-tab">{vb:phrase topic}</a></li>
					<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#media-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['media-tab'])">{vb:raw widgetConfig.tab_order.media-tab}<vb:else />-1</vb:if>"><a href="#media-tab">{vb:phrase photos}</a></li>
				</ul>
			</div>

			<div class="module-buttons">
				<span class="toggle-button module-button-item collapse" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
			</div>
		</div>
		{vb:template conversation_toolbar, position=top, showNewConversationBtn=1, floating=1, modPerms= {vb:raw channelInfo.moderatorperms}}
		<div class="widget-content">
			<div class="channel-conversation-list-wrapper block">
				{vb:template conversation_toolbar, position=top, showNewConversationBtn=1, floating=1, modPerms= {vb:raw channelInfo.moderatorperms}}
				<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#activity-stream-tab', $widgetConfig['display_tabs'])">
					<div id="activity-stream-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_conversations_in_channel}</li></ul></div>
				</vb:if>
				<vb:comment> not included for 5.0 launch
				<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#recommended-tab', $widgetConfig['display_tabs'])">
					<div id="recommended-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_conversations_in_channel}</li></ul></div>
				</vb:if>
				</vb:comment>
				<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#subscribed-tab', $widgetConfig['display_tabs'])">
					<div id="subscribed-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_conversations_in_channel}</li></ul></div>
				</vb:if>
				<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#topic-tab', $widgetConfig['display_tabs'])">
					<div id="topic-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_topics_found}</li></ul></div>
				</vb:if>
				<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#media-tab', $widgetConfig['display_tabs'])">
					<div id="media-tab" class="media-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_photos_found}</li></ul></div>
				</vb:if>
			</div>
		</div>
	</vb:if>
</div>

{vb:js js/channel-rollup.js}
</vb:if>]]></template>
		<template name="widget_cmschanneldisplay" templatetype="template" date="1498587396" username="vBulletin" version="5.3.3 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!isset($widgetConfig['display_tabs'])">
	{vb:set widgetConfig.display_tabs, 0}
</vb:if>
<vb:if condition="empty($widgetConfig['default_tab'])">
	{vb:set widgetConfig.default_tab, '#article-tab'}
</vb:if>
<vb:if condition="empty($widgetConfig['display_columns'])">
	{vb:set widgetConfig.display_columns, 'column_1'}
</vb:if>

{vb:set moduleName, 'widget_cmschanneldisplay_'}
{vb:strcat moduleName, {vb:raw widgetinstanceid}}
{vb:set configDefaultTab, {vb:raw widgetConfig.default_tab}}

<vb:if condition="!empty($page['tab']) AND in_array($page['tab'], array('article-tab', 'subscribed-tab'))">
	{vb:set tabId, '#'}
	{vb:strcat tabId, {vb:var page.tab}}
	{vb:set widgetConfig.default_tab, {vb:raw tabId}}
	{vb:set tabSpecified, 1}
</vb:if>

{vb:data canViewTopicContent, user, hasPermissions, forumpermissions, canviewthreads, {vb:var page.channelid}}

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget channel-content-widget forum-channel-content-widget default-widget widget-no-header-buttons widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}" data-node-id="{vb:var page.channelid}" data-widget-default-tab="{vb:raw configDefaultTab}" data-canviewtopiccontent="{vb:var canViewTopicContent}">

	<vb:if condition="isset($page) AND $page AND isset($page['channelid']) AND $page['channelid'] > 0">

		{vb:set choptions.moderatorperms, 1}
		{vb:data channelInfo, content_channel, fetchChannelById, {vb:var page.channelid}, {vb:raw choptions}}
		{vb:data enableInlineMod, user, hasPermissions, moderatorpermissions, canmoderateposts, {vb:var page.channelid}}

		<vb:comment>***** NEW ARTICLE BUTTON *****</vb:comment>
		<vb:if condition="$channelInfo['category'] > 0">
			{vb:set showNewConversationBtn, 0}
		<vb:else />
			<vb:if condition="$channelInfo['createpermissions']['vbforum_text']
				OR $channelInfo['createpermissions']['vbforum_gallery']
				OR $channelInfo['createpermissions']['vbforum_poll']
				OR $channelInfo['createpermissions']['vbforum_video']
				OR $channelInfo['createpermissions']['vbforum_link']
				OR $channelInfo['createpermissions']['vbforum_event']
				">
				{vb:set showNewConversationBtn, 'article'}
			<vb:else />
				{vb:set showNewConversationBtn, 0}
			</vb:if>
		</vb:if>

		<vb:comment>***** TITLE MODULE *****</vb:comment>
		{vb:template module_title,
			widgetConfig={vb:raw widgetConfig},
			title={vb:raw channelInfo.title}}

		<vb:comment>***** WIDGET CONTENT *****</vb:comment>
		<div class="widget-content">

			<vb:comment>***** SUBSCRIBE *****</vb:comment>
			<vb:comment>The .js-movable-toolbar-button-container div always needs to be present, as responsive moves the new topic button here</vb:comment>
			<div class="channel-controls h-right h-clear b-button-group h-margin-bottom-l js-movable-toolbar-button-container">
				<vb:if condition="$user['userid']">
					{vb:data isSubscribed, follow, isFollowingContent, {vb:var page.channelid}}
					{vb:hook 'channel_display_controls'}
					<button type="button" data-owner-id="{vb:raw channelInfo.userid}" data-node-id="{vb:var page.channelid}" class="b-button b-button--follow js-button--follow uppercase h-left<vb:if condition="$isSubscribed"> isSubscribed b-button--special<vb:else /> b-button--secondary</vb:if>">
						<span class="b-button__icon"></span>
						<span class="b-button__text-primary js-button__text-primary">
							<vb:if condition="$isSubscribed">
								{vb:phrase following}
							<vb:else />
								{vb:phrase follow}
							</vb:if>
						</span>
					</button>
				</vb:if>
			</div>

			<vb:comment>***** CHANNEL DESCRIPTION *****</vb:comment>
			<vb:if condition="empty($channelInfo['showpublished'])">
				<div class="h-warning">
					{vb:phrase not_published}
				</div>
			</vb:if>
			<vb:if condition="!empty($widgetConfig['display_description']) AND !empty($channelInfo['description'])">
				<p class="channel-desc">{vb:raw channelInfo.description}</p>
			</vb:if>
			<vb:comment>***** TABS WRAPPER *****</vb:comment>
			<div class="channel-conversation-list-wrapper block widget-tabs ui-tabs h-clear">

				<vb:comment>***** TABS *****</vb:comment>
				<a id="channel-module-top" class="anchor js-module-top-anchor"></a>
				<div class="blockhead widget-tabs-nav">
					<ul class="ui-tabs-nav b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive" data-allow-history="1">

						<vb:comment>***** CONFIGURED TABS *****</vb:comment>
						<vb:if condition="is_array($widgetConfig['display_tabs'])">

							{vb:set phrases.article-tab, 'articles'}
							{vb:set phrases.subscribed-tab, 'my_subscriptions'}
							{vb:set selectOptions, ''}

							<vb:each from="widgetConfig.tab_order" key="tabName" value="tabIndex">
								<vb:if condition="in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
									{vb:set tabPhrase, {vb:rawphrase {vb:raw phrases[$tabName]}}}
									{vb:strcat selectOptions, '<option value="#'}
									{vb:strcat selectOptions, {vb:raw tabName}}
									{vb:strcat selectOptions, '"'}
									<vb:if condition="$widgetConfig['default_tab'] == ('#' . $tabName)">
										{vb:set selectedClass, ' class="ui-tabs-active"'}
										{vb:strcat selectOptions, ' selected="selected"'}
									<vb:else />
										{vb:set selectedClass, ''}
									</vb:if>
									<li{vb:raw selectedClass}>
										<a href="#{vb:raw tabName}">{vb:raw tabPhrase}</a>
									</li>
									{vb:strcat selectOptions, '>'}
									{vb:strcat selectOptions, {vb:raw tabPhrase}}
									{vb:strcat selectOptions, '</option>'}
								</vb:if>
							</vb:each>

							<vb:comment><!-- Output hide tabs for config dialog --></vb:comment>
							<vb:each from="phrases" key="tabName" value="tabphraseid">
								<vb:if condition="!in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
									<li class="h-hide">
										<a href="#{vb:raw tabName}">{vb:rawphrase {vb:raw tabphraseid}}</a>
									</li>
								</vb:if>
							</vb:each>

						<vb:comment>***** DEFAULT TABS *****</vb:comment>
						<vb:else />
							<vb:if condition="!empty($tabSpecified)">
								<li<vb:if condition="$widgetConfig['default_tab']=='#article-tab'"> class="ui-tabs-active"</vb:if>><a href="#article-tab">{vb:phrase articles}</a></li>
								<li<vb:if condition="$widgetConfig['default_tab']=='#subscribed-tab'"> class="ui-tabs-active"</vb:if>><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
							<vb:else />
								<li><a href="#article-tab">{vb:phrase articles}</a></li>
								<li><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
							</vb:if>
						</vb:if>
					</ul>
				</div>

				<vb:comment>***** TAB PANELS *****</vb:comment>
				<div class="blockbody widget-tabs-panel h-clearfix">

					<vb:comment>***** ARTICLES TAB *****</vb:comment>
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#article-tab', $widgetConfig['display_tabs'])">

						<div id="article-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#article-tab'">h-hide</vb:if>">

							{vb:set nodeCount, 0}
							{vb:set articleWidgetConfig, {vb:raw widgetConfig}}
							{vb:set articleWidgetConfig.resultsPerPage, {vb:raw articleWidgetConfig.resultsperpage_articles}}
							{vb:set articleWidgetConfig.maxpages, {vb:raw articleWidgetConfig.maxpages_articles}}
							{vb:set articleWidgetConfig.filter_time, {vb:raw articleWidgetConfig.filtertime_articles}}

							<vb:if condition="$articleWidgetConfig['default_tab'] == '#article-tab'">

								<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
									{vb:set articleWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
									{vb:set filterTime, {vb:raw page.filter_time}}
								<vb:else />
									{vb:set filterTime, {vb:raw articleWidgetConfig.filter_time}}
								</vb:if>

								<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
									{vb:set articleWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
									{vb:set filterShow, {vb:raw page.filter_show}}
								<vb:else />
									{vb:set filterShow, {vb:raw articleWidgetConfig.filter_show}}
								</vb:if>

								<vb:if condition="$filterTime == 'time_today'">
									{vb:set timeOption.from, 'lastDay'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:elseif condition="$filterTime == 'time_lastweek'" />
									{vb:set timeOption.from, 'lastWeek'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:elseif condition="$filterTime == 'time_lastmonth'" />
									{vb:set timeOption.from, 'lastMonth'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:else />
									{vb:set options.date, 'all'}
								</vb:if>

								<vb:if condition="isset($page['filter_prefix'])">
									{vb:set articleWidgetConfig.url_default_filters.filter_prefix, {vb:raw page.filter_prefix}}
									{vb:set filterPrefix, {vb:raw page.filter_prefix}}
								<vb:else />
									{vb:set filterPrefix, {vb:raw articleWidgetConfig.filter_prefix}}
								</vb:if>

								<vb:if condition="!empty($filterPrefix)">
									<vb:if condition="$filterPrefix == -1">
										{vb:set options.no_prefix, 1}
									<vb:elseif condition="$filterPrefix == -2" />
										{vb:set options.has_prefix, 1}
									<vb:else />
										{vb:set options.prefix, {vb:raw filterPrefix}}
									</vb:if>
								</vb:if>

								{vb:set options.channel, {vb:var page.channelid}}
								{vb:set options.ignore_protected, 1}
								<vb:if condition="$filterShow != 'show_all'">
									{vb:set options.type, {vb:raw filterShow}}
								</vb:if>

								{vb:set sortOption.lastcontent, 'DESC'}
								{vb:set options.sort, {vb:raw sortOption}}
								{vb:set options.starter_only, 1}
								{vb:set options.view, 'article'}

								<vb:comment> @TODO use this if we get the sort filter back
									<vb:if condition="!empty($articleWidgetConfig['filter_sort']) AND ($v['filter_sort'] == 'sort_popular')">
										{vb:set sortOption.votes, 'DESC'}
										{vb:set options.sort, {vb:raw sortOption}}
									<vb:elseif condition="!empty($articleWidgetConfig['filter_sort']) AND ($articleWidgetConfig['filter_sort'] == 'sort_featured')" />
										{vb:set options.featured, 1}
									<vb:elseif condition="!empty($articleWidgetConfig['filter_sort']) AND ($articleWidgetConfig['filter_sort'] == 'sort_oldest')" />
										<vb:if condition="$options['view'] == 'topic'">
											{vb:set sortOption.lastcontent, 'ASC'}
											{vb:set options.sort, {vb:raw sortOption}}
										<vb:else />
											{vb:set sortOption.created, 'ASC'}
											{vb:set options.sort, {vb:raw sortOption}}
										</vb:if>
									<vb:else />
										<vb:if condition="$options['view'] == 'topic'">
											{vb:set sortOption.lastcontent, 'DESC'}
											{vb:set options.sort, {vb:raw sortOption}}
										<vb:else />
											{vb:set sortOption.created, 'DESC'}
											{vb:set options.sort, {vb:raw sortOption}}
										</vb:if>
									</vb:if>
								</vb:comment>

								{vb:set articleOptions.channel, {vb:var page.channelid}}
								{vb:set articleOptions.starter_only, '1'}
								{vb:set articleOptions.nolimit, 1}
								<vb:if condition="$widgetConfig['include_subcategory_content']">
									{vb:set articleOptions.depth, 0}
								<vb:else />
									{vb:set articleOptions.depth, 1}
								</vb:if>

								{vb:set articleSortOption.publishdate, 'DESC'}
								{vb:set articleOptions.sort, {vb:raw articleSortOption}}

								{vb:rawdata nodes, search, getInitialResults, {vb:raw articleOptions}, {vb:raw articleWidgetConfig.resultsPerPage}, {vb:raw page.pagenum}, 1}
								{vb:data nodeResultsWithViews, node, 'mergeNodeviewsForTopics', {vb:raw nodes.results}}
								{vb:set nodes.results, {vb:raw nodeResultsWithViews}}

								<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
									{vb:set nodeCount, {vb:raw nodes.totalRecords}}
								</vb:if>

								{vb:set results, {vb:raw nodes.results}}
								<vb:each from="results" value="node">
									{vb:set content, {vb:raw node.content}}
									{vb:set modPerms, {vb:raw content.moderatorperms}}
									<vb:each from="modPerms" key="permid" value="perm">
										<vb:if condition="!empty($perm) AND !isset($permTopicsArray[$permid])">
											{vb:set permTopicsArray[$permid], {vb:raw perm}}
										</vb:if>

										<vb:if condition="$perm > 0">
											{vb:set enableInlineMod, 1}
										</vb:if>
									</vb:each>
								</vb:each>
							</vb:if>

							{vb:set modPerms, {vb:raw channelInfo.moderatorperms}}
							<vb:each from="modPerms" value="perm">
								<vb:if condition="$perm > 0">
									{vb:set enableInlineMod, 1}
								</vb:if>
							</vb:each>

							{vb:data pagingInfo, page, getPagingInfo, {vb:raw page.pagenum}, {vb:raw nodeCount}, {vb:raw articleWidgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}, {vb:raw articleWidgetConfig.maxpages}}
							{vb:set pagingInfo.articleDisplayColumns, {vb:raw widgetConfig.display_columns}}
							{vb:template conversation_toolbar,
								nodeid={vb:var page.channelid},
								view=article,
								widgetConfig={vb:raw articleWidgetConfig},
								pagingInfo={vb:raw pagingInfo},
								showNewConversationBtn={vb:raw showNewConversationBtn},
								showPageNav=1,
								showFilter=1,
								showTimeFilter=1,
								showShowFilter=1,
								showNewTopicsFilter=0,
								floating=1,
								modPerms={vb:raw modPerms},
								resultsPerPage={vb:raw articleWidgetConfig.resultsPerPage},
								allowHistory=1}

							<vb:if condition="$articleWidgetConfig['default_tab'] == '#article-tab'">
								<vb:if condition="!empty($pagingInfo['prevurl'])">
									{vb:headlink vb_module={vb:raw moduleName}, rel=prev, href={vb:raw pagingInfo.prevurl}}
								</vb:if>
								<vb:if condition="!empty($pagingInfo['nexturl'])">
									{vb:headlink vb_module={vb:raw moduleName}, rel=next, href={vb:raw pagingInfo.nexturl}}
								</vb:if>
							</vb:if>

							<vb:comment>***** LIST OF ARTICLES *****</vb:comment>
							<ul class="conversation-list article-list list-container stream-view stream-view-full-width activity-view h-clearfix<vb:if condition="$nodeCount == 0"> h-hide</vb:if>">
								<vb:if condition="$widgetConfig['default_tab'] == '#article-tab'">

									{vb:template widget_cmschanneldisplay_list,
										displayColumns={vb:raw widgetConfig.display_columns},
										nodes={vb:raw nodes.results}}

								</vb:if>
							</ul>

							{vb:template pagenav, pagenav={vb:raw pagingInfo}}

							<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_articles_in_channel}</div>
							<vb:comment>
							<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="$nodeCount <= $articleWidgetConfig['resultsPerPage'] OR $articleWidgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
								<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
							</div>
							</vb:comment>

							<vb:comment>Always show the footer and mark read link, even if there are no topics, since it provides a visual "footer" and the link also marks sub-forums as "read"</vb:comment>
							{vb:js js/inlinemod.js}
							<div class="list-footer">
								<a href="#" class="js-markread" data-action="markRead">{vb:phrase mark_this_channel_read}</a>
							</div>

						</div>
					</vb:if>

					<vb:comment>***** SUBSCRIBED TAB *****</vb:comment>
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#subscribed-tab', $widgetConfig['display_tabs'])">

						<div id="subscribed-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#subscribed-tab'">h-hide</vb:if>">

							{vb:set nodeCount, 0}
							{vb:set subscribedWidgetConfig {vb:raw widgetConfig}}
							{vb:set subscribedWidgetConfig.resultsPerPage, {vb:raw subscribedWidgetConfig.resultsperpage_subscribed}}
							{vb:set subscribedWidgetConfig.maxpages, {vb:raw subscribedWidgetConfig.maxpages_subscribed}}
							{vb:set subscribedWidgetConfig.filter_time, {vb:raw subscribedWidgetConfig.filtertime_subscribed}}
							{vb:set subscribedWidgetConfig.filter_show, {vb:raw subscribedWidgetConfig.subscriptions_filter_show}}
							{vb:set options, {vb:php array}}

							<vb:comment>This doesn't seem to be in the Filter Overlay UI that allows end users to change this filter, so we will not allow any querystring parameter to set this</vb:comment>
							<vb:if condition="!empty($subscribedWidgetConfig['subscriptions_filter_follow']) AND ($subscribedWidgetConfig['subscriptions_filter_follow'] != 'follow_all_activity')">
								{vb:set options.filter_follow, {vb:var subscribedWidgetConfig.subscriptions_filter_follow}}
								{vb:set subscribedWidgetConfig.filter_follow, {vb:var subscribedWidgetConfig.subscriptions_filter_follow}}
							<vb:else />

								{vb:set options.filter_follow, 'follow_all_activity'}
								{vb:set subscribedWidgetConfig.filter_follow, 'follow_all_activity'}
							</vb:if>

							<vb:if condition="$user['userid'] > 0 AND $subscribedWidgetConfig['default_tab'] == '#subscribed-tab'">

								<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
									{vb:set subscribedWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
									{vb:set filterTime, {vb:raw page.filter_time}}
								<vb:else />
									{vb:set filterTime, {vb:raw subscribedWidgetConfig.filter_time}}
								</vb:if>

								<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
									{vb:set subscribedWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
									{vb:set filterShow, {vb:raw page.filter_show}}
								<vb:else />
									{vb:set filterShow, {vb:raw subscribedWidgetConfig.filter_show}}
								</vb:if>

								<vb:if condition="$filterTime == 'time_today'">
									{vb:set timeOption.from, 'lastDay'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:elseif condition="$filterTime == 'time_lastweek'" />
									{vb:set timeOption.from, 'lastWeek'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:elseif condition="$filterTime == 'time_lastmonth'" />
									{vb:set timeOption.from, 'lastMonth'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:else />
									{vb:set options.date, 'all'}
								</vb:if>

								<vb:if condition="isset($page['filter_prefix'])">
									{vb:set subscribedWidgetConfig.url_default_filters.filter_prefix, {vb:raw page.filter_prefix}}
									{vb:set filterPrefix, {vb:raw page.filter_prefix}}
								<vb:else />
									{vb:set filterPrefix, {vb:raw subscribedWidgetConfig.filter_prefix}}
								</vb:if>

								<vb:if condition="!empty($filterPrefix)">
									<vb:if condition="$filterPrefix == -1">
										{vb:set options.no_prefix, 1}
									<vb:elseif condition="$filterPrefix == -2" />
										{vb:set options.has_prefix, 1}
									<vb:else />
										{vb:set options.prefix, {vb:raw filterPrefix}}
									</vb:if>
								</vb:if>

								{vb:set followingOptions.page, 1}
								{vb:set followingOptions.perpage, {vb:raw subscribedWidgetConfig.resultsperpage_subscribed}}
								{vb:set followingOptions.parentid, {vb:var page.channelid}}

								<vb:if condition="$filterShow != 'show_all'">
									{vb:set options.type, {vb:raw filterShow}}
								</vb:if>

								{vb:set options.starter_only, 1}

								{vb:data nodes, follow, getFollowingContentForTab, null, {vb:var options.filter_follow}, {vb:var options}, {vb:var options.type}, {vb:raw followingOptions}}

								<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
									{vb:set nodeCount, {vb:raw nodes.totalcount}}
								</vb:if>
							</vb:if>

							{vb:set filterFormAction, 'profile/ApplyFollowingFilter'}
							{vb:set filterFollowAllValue, 'follow_all_activity'}

							{vb:template conversation_toolbar,
								nodeid={vb:var page.channelid},
								widgetConfig={vb:raw subscribedWidgetConfig},
								view=subscribed,
								showFilter=1,
								showTimeFilter=1,
								showShowFilter=1,
								showNewTopicsFilter=0,
								hideFollowMembersFilter=1,
								floating=1,
								filterFormAction={vb:raw filterFormAction},
								filterFollowAllValue={vb:raw filterFollowAllValue},
								showChannelInfo=0,
								modPerms= {vb:raw channelInfo.moderatorperms},
								resultsPerPage={vb:raw subscribedWidgetConfig.resultsPerPage},
								allowHistory=1}

							<vb:if condition="$user['userid'] > 0">
								<ul class="conversation-list article-list list-container stream-view stream-view-full-width activity-view h-clearfix">
									<vb:if condition="$widgetConfig['default_tab'] == '#subscribed-tab'">
										{vb:template profile_following, nodes = {vb:raw nodes.nodes}, userId = {vb:raw userInfo.userid}}
									</vb:if>
								</ul>
								<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_subscribed_articles_to_display}</div>
								<vb:comment>
								<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="$nodeCount == 0 OR !$nodes['paginationInfo']['showseemore'] OR $widgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
									<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
								</div>
								</vb:comment>
							<vb:else />
								<div class="conversation-empty">{vb:phrase please_login_to_view_subscribed_posts}</div>
							</vb:if>
						</div>

					</vb:if><!-- END SUBSCRIBED TAB -->

				</div><!-- END TAB PANELS -->

			</div><!-- END TABS WRAPPER -->

		</div><!-- END WIDGET CONTENT -->

	<vb:else /><!-- channelid check -->

		<div class="widget-header h-clearfix">
			<div class="module-title h-left">
				<ul class="ui-tabs-nav hide-on-editmode b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive">
					<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#article-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['article-tab'])">{vb:raw widgetConfig.tab_order.article-tab}<vb:else />-1</vb:if>"><a href="#article-tab">{vb:phrase articles}</a></li>
					<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#subscribed-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['subscribed-tab'])">{vb:raw widgetConfig.tab_order.subscribed-tab}<vb:else />-1</vb:if>"><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
				</ul>
			</div>

			<div class="module-buttons">
				<span class="toggle-button module-button-item collapse" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
			</div>
		</div>

		{vb:template conversation_toolbar,
			position=top,
			showNewConversationBtn={vb:raw showNewConversationBtn},
			floating=1,
			modPerms={vb:raw channelInfo.moderatorperms}}

		<div class="widget-content">
			<vb:comment>***** CHANNEL DESCRIPTION *****</vb:comment>
			<vb:if condition="empty($channelInfo['showpublished'])">
				<div class="h-warning">
					{vb:phrase not_published}
				</div>
			</vb:if>
			<vb:if condition="!empty($widgetConfig['display_description']) AND !empty($channelInfo['description'])">
				<p class="channel-desc">{vb:raw channelInfo.description}</p>
			</vb:if>

			<div class="channel-conversation-list-wrapper block">

				{vb:template conversation_toolbar,
					position=top,
					showNewConversationBtn={vb:raw showNewConversationBtn},
					floating=1,
					modPerms={vb:raw channelInfo.moderatorperms}}

				<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#article-tab', $widgetConfig['display_tabs'])">
					<div id="article-tab"><ul class="conversation-list article-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_articles_in_channel}</li></ul></div>
				</vb:if>
				<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#subscribed-tab', $widgetConfig['display_tabs'])">
					<div id="subscribed-tab"><ul class="conversation-list article-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_articles_in_channel}</li></ul></div>
				</vb:if>
			</div>
		</div>
	</vb:if>
</div>

{vb:js js/channel-rollup.js}]]></template>
		<template name="widget_cmschanneldisplay_list" templatetype="template" date="1382136028" username="vBulletin" version="5.1.0 Alpha 3"><![CDATA[<vb:comment>***** DISPLAY COLUMN 2 *****</vb:comment>
<vb:if condition="$displayColumns == 'column_2'">

	{vb:set idx, 1}
	<vb:each from="nodes" value="node">

		{vb:set inchannelTemplateName, 'display_contenttype_conversationreply_'}
		{vb:strcat inchannelTemplateName, {vb:raw node.content.contenttypeclass}}

		<vb:if condition="!($idx % 2)">
			{vb:set addLiClass, 'b-post-column__two b-post-column__two--second'}
		<vb:else />
			{vb:set addLiClass, 'b-post-column__two b-post-column__two--first'}
		</vb:if>
		{vb:set idx, {vb:math {vb:raw idx} + 1}}

		{vb:template {vb:raw inchannelTemplateName},
			conversation={vb:raw node.content},
			reportActivity=1,
			currentNodeIsArticle=1,
			addLiClass={vb:raw addLiClass}}

	</vb:each>

<vb:comment>***** DISPLAY COLUMN 3 *****</vb:comment>
<vb:elseif condition="$displayColumns == 'column_3'" />

	{vb:set idx, 1}
	<vb:each from="nodes" value="node">

		{vb:set inchannelTemplateName, 'display_contenttype_conversationreply_'}
		{vb:strcat inchannelTemplateName, {vb:raw node.content.contenttypeclass}}

		<vb:if condition="$idx == 1">
			{vb:set addLiClass, 'b-post-column__three b-post-column__three--first'}
		<vb:elseif condition="$idx == 2" />
			{vb:set addLiClass, 'b-post-column__three b-post-column__three--second'}
		<vb:else />
			{vb:set addLiClass, 'b-post-column__three b-post-column__three--third'}
		</vb:if>
		{vb:set idx, {vb:math {vb:raw idx} + 1}}
		<vb:if condition="$idx > 3">
			{vb:set idx, 1}
		</vb:if>

		{vb:template {vb:raw inchannelTemplateName},
			conversation={vb:raw node.content},
			reportActivity=1,
			currentNodeIsArticle=1,
			addLiClass={vb:raw addLiClass}}

	</vb:each>

<vb:comment>***** DISPLAY COLUMN 1x2 *****</vb:comment>
<vb:elseif condition="$displayColumns == 'column_1x2'" />

	{vb:set idx, 0}
	<vb:each from="nodes" value="node">

		{vb:set inchannelTemplateName, 'display_contenttype_conversationreply_'}
		{vb:strcat inchannelTemplateName, {vb:raw node.content.contenttypeclass}}

		<vb:if condition="$idx == 0">
			{vb:set addLiClass, ''}
		<vb:elseif condition="!($idx % 2)" />
			{vb:set addLiClass, 'b-post-column__two b-post-column__two--second'}
		<vb:else />
			{vb:set addLiClass, 'b-post-column__two b-post-column__two--first'}
		</vb:if>
		{vb:set idx, {vb:math {vb:raw idx} + 1}}

		{vb:template {vb:raw inchannelTemplateName},
			conversation={vb:raw node.content},
			reportActivity=1,
			currentNodeIsArticle=1,
			addLiClass={vb:raw addLiClass}}

	</vb:each>

<vb:comment>***** DISPLAY COLUMN 1x3 *****</vb:comment>
<vb:elseif condition="$displayColumns == 'column_1x3'" />

	{vb:set idx, 0}
	<vb:each from="nodes" value="node">

		{vb:set inchannelTemplateName, 'display_contenttype_conversationreply_'}
		{vb:strcat inchannelTemplateName, {vb:raw node.content.contenttypeclass}}

		<vb:if condition="$idx == 0">
			{vb:set addLiClass, ''}
		<vb:elseif condition="$idx == 1" />
			{vb:set addLiClass, 'b-post-column__three b-post-column__three--first'}
		<vb:elseif condition="$idx == 2" />
			{vb:set addLiClass, 'b-post-column__three b-post-column__three--second'}
		<vb:else />
			{vb:set addLiClass, 'b-post-column__three b-post-column__three--third'}
		</vb:if>
		{vb:set idx, {vb:math {vb:raw idx} + 1}}
		<vb:if condition="$idx > 3">
			{vb:set idx, 1}
		</vb:if>

		{vb:template {vb:raw inchannelTemplateName},
			conversation={vb:raw node.content},
			reportActivity=1,
			currentNodeIsArticle=1,
			addLiClass={vb:raw addLiClass}}

	</vb:each>

<vb:comment>***** DISPLAY COLUMN 2x1 *****</vb:comment>
<vb:elseif condition="$displayColumns == 'column_2x1'" />

	{vb:set idx, 1}
	<vb:each from="nodes" value="node">

		{vb:set inchannelTemplateName, 'display_contenttype_conversationreply_'}
		{vb:strcat inchannelTemplateName, {vb:raw node.content.contenttypeclass}}

		<vb:if condition="$idx == 1">
			{vb:set addLiClass, 'b-post-column__two b-post-column__two--first'}
		<vb:elseif condition="$idx == 2" />
			{vb:set addLiClass, 'b-post-column__two b-post-column__two--second'}
		<vb:else />
			{vb:set addLiClass, ''}
		</vb:if>
		{vb:set idx, {vb:math {vb:raw idx} + 1}}

		{vb:template {vb:raw inchannelTemplateName},
			conversation={vb:raw node.content},
			reportActivity=1,
			currentNodeIsArticle=1,
			addLiClass={vb:raw addLiClass}}

	</vb:each>

<vb:comment>***** DISPLAY COLUMN 1 (default) *****</vb:comment>
<vb:else />

	<vb:each from="nodes" value="node">
		{vb:set inchannelTemplateName, 'display_contenttype_conversationreply_'}
		{vb:strcat inchannelTemplateName, {vb:raw node.content.contenttypeclass}}
		{vb:template {vb:raw inchannelTemplateName},
			conversation={vb:raw node.content},
			reportActivity=1,
			currentNodeIsArticle=1}
	</vb:each>

</vb:if>]]></template>
		<template name="widget_cmschannelnavigation" templatetype="template" date="1452807873" username="vBulletin" version="5.2.1 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget custom-html-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content">

		{vb:set depth, 4} <vb:comment>Default to 4</vb:comment>
		<vb:if condition="is_numeric($widgetConfig['depth']) AND $widgetConfig['depth'] >= 0">
			{vb:set depth, {vb:raw widgetConfig.depth}}
		</vb:if>
		{vb:set currentDepth, 1}

		<vb:if condition="$widgetConfig['root_channel'] == -1">
			{vb:set widgetConfig.root_channel, {vb:var page.channelid}}
		</vb:if>

		{vb:data nodes, search, getChannels, 0, 0, 0, {vb:raw widgetConfig.root_channel}}

		<vb:comment>Only hide the root channel if there are sub-channels</vb:comment>
		<vb:if condition="$widgetConfig['hide_root_channel'] AND !empty($nodes[$widgetConfig['root_channel']]['channels'])">
			{vb:set tempNodes, {vb:raw nodes}}
			{vb:set tempNode, {vb:php array_pop {vb:raw tempNodes}}}
			{vb:set tempNodes, {vb:raw tempNode.channels}}
			<vb:comment>Only hide the root channel if at least one sub-channel is displayable</vb:comment>
			{vb:set allSubChannelsHidden, 1}
			<vb:each from="tempNodes" key="nodeid" value="node">
				<vb:if condition="$node['displayorder'] > 0">
					{vb:set allSubChannelsHidden, 0}
				</vb:if>
			</vb:each>
			<vb:if condition="!$allSubChannelsHidden">
				{vb:set nodes, {vb:raw tempNodes}}
			</vb:if>
		</vb:if>

		<vb:if condition="!empty($nodes) AND ($depth == 0 OR $depth >= $currentDepth)">

			{vb:data specialChannelNodeId, content_channel, fetchTopLevelChannelIds}
			{vb:set specialChannelNodeId, {vb:raw specialChannelNodeId.special}}

			<ul class="b-channel-nav">
			<vb:each from="nodes" key="nodeid" value="node">
				<vb:if condition="$node['displayorder'] > 0 AND $nodeid != $specialChannelNodeId">
					{vb:template widget_cmschannelnavigation_item,
						nodeid={vb:raw nodeid},
						node={vb:raw node},
						depth={vb:raw depth},
						currentDepth={vb:raw currentDepth},
						specialChannelNodeId={vb:raw specialChannelNodeId}}
				</vb:if>
			</vb:each>
			</ul>
		</vb:if>

	</div>
</div>]]></template>
		<template name="widget_cmschannelnavigation_item" templatetype="template" date="1387567747" username="vBulletin" version="5.1.1 Alpha 2"><![CDATA[<vb:if condition="!$node['showpublished']">
	<vb:comment>If node is not published, check if user should be able to access it.</vb:comment>
	{vb:data canPublish, user, hasPermissions, forumpermissions2, canpublish, {vb:raw nodeid}}
</vb:if>
<vb:comment>Show node if it is published, or if the user has permission to publish</vb:comment>
<vb:if condition="$node['showpublished'] OR $canPublish">
	<li class="b-channel-nav__item<vb:if condition="$nodeid == $page['channelid']"> b-channel-nav__item--selected</vb:if>">
		<a href="{vb:url {vb:raw node.routeid}}">{vb:raw node.title}</a>
		<vb:if condition="!$node['showpublished']">
			<span class="b-channel-nav__item-unpublished">({vb:phrase unpublished})</span>
		</vb:if>
		<vb:if condition="!empty($node['channels']) AND ($depth == 0 OR $depth >= $currentDepth + 1)">
			<ul class="b-channel-nav">
			<vb:each from="node.channels" key="childnodeid" value="childnode">
				<vb:if condition="$childnode['displayorder'] > 0 AND $childnodeid != $specialChannelNodeId">
					{vb:template widget_cmschannelnavigation_item,
						nodeid={vb:raw childnodeid},
						node={vb:raw childnode},
						depth={vb:raw depth},
						currentDepth={vb:math {vb:raw currentDepth} + 1},
						specialChannelNodeId={vb:raw specialChannelNodeId}}
				</vb:if>
			</vb:each>
			</ul>
		</vb:if>
	</li>
</vb:if>]]></template>
		<template name="widget_contactus" templatetype="template" date="1470358360" username="vBulletin" version="5.2.4 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:cssExtra css_form.css}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget contactus-widget widget-no-header-buttons widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase contact_us}}
	<div class="widget-content">
		<vb:if condition="$vboptions['contactustype'] == 1 OR !empty($user['userid'])">
			<form action="#" method="post" class="contactusForm">
			<div class="contactusFields form_layout">
				<div class="contactusFields add-search-container">
					<p class="description">{vb:phrase send_email_to_forum_administrator}</p>
					<div class="contactus-fieldset form-fieldset">
						<div class="form_row form-row-name">
							<label class="label_column">{vb:phrase your_name}</label>
							<div class="field_column">
								<input type="text" name="name" class="contactusFields_name textbox" />
							</div>
						</div>
						<div class="form_row form-row-email">
							<label class="label_column">{vb:phrase email_address}</label>
							<div class="field_column">
								<input type="text" name="email" class="contactusFields_email textbox" />
							</div>
						</div>
						<div class="form_row form-row-subject">
							<label class="label_column">{vb:phrase subject}</label>
							<div class="field_column contactusFields_subject_container">
								{vb:data options, contactus, fetchPredefinedSubjects}
								<vb:each from="options" key="index" value="option">
									<label><input type="radio" name="subject" {vb:if "$index==0", checked='checked'} class="contactusFields_subject" value="{vb:raw index}" /><span>{vb:raw option}</span></label>
								</vb:each>
								<vb:if condition="$vboptions['contactusother']">
									<label><input type="radio" name="subject" class="contactusFields_subject js-dependent-master" value="other" data-on=".js-contactus-other" data-action="invisible" /><span>{vb:phrase other}</span></label>
									<input type="text" name="other_subject" class="contactusFields_other_subject textbox js-contactus-other h-invisible" />
								</vb:if>
							</div>
						</div>
						<div class="form_row form-row-message">
							<label class="label_column">{vb:phrase message}</label>
							<div class="field_column contactusFields_message_container">
								<textarea rows="5" cols="60" name="message" class="contactusFields_email textarea b-form-textarea__textarea">{vb:raw message}</textarea>
							</div>
						</div>
						{vb:template humanverify, action="contactus"}
					</div>
				</div>
					<div class="b-button-group">
						<button class="b-button b-button--primary contactusSubmitBtn" name="btnSubmit" type="submit">{vb:phrase send}</button>
					</div>
			</div>
			</form>
		<vb:else />
			<div class="notice">{vb:phrase no_permission}</div>
		</vb:if>
	</div>
</div>
{vb:js js/contactus.js}]]></template>
		<template name="widget_container" templatetype="template" date="1532130449" username="vBulletin" version="5.4.4 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget container-widget widget-no-header widget-no-border<vb:if condition="empty($subModules)"> empty</vb:if>" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase module_container}}
	<div class="widget-content">
		<div class="canvas-layout-row no-columns">
			<div class="canvas-widget-list h-clearfix">
				<vb:if condition="empty($subModules)">
					<vb:if condition="$user['can_use_sitebuilder']">
						<div class="canvas-widget dummy-widget"><span>{vb:phrase you_can_also_drag_and_drop_modules_here}</span></div>
					</vb:if>
				<vb:else />
					<vb:each from="subModules" value="widget">
						<vb:if condition="isset($widget['hidden']) AND $widget['hidden']">
							<div class="canvas-widget hidden-widget-placeholder" data-widget-instance-id="{vb:raw widget.widgetinstanceid}"></div>
						<vb:else />
							{vb:template {vb:raw widget.template}, 
										widgetid={vb:raw widget.widgetid}, 
										widgetinstanceid={vb:raw widget.widgetinstanceid}, 
										widgettitle={vb:raw widget.title}, 
										page={vb:raw page}, 
										isWidget=1, 
										subModules={vb:raw widget.subModules},
										tabbedContainerSubModules={vb:raw widget.tabbedContainerSubModules},
										product={vb:raw widget.product}
							}
						</vb:if>
					</vb:each>
				</vb:if>
			</div>
		</div>
	</div>
</div>]]></template>
		<template name="widget_contentslider" templatetype="template" date="1485380007" username="vBulletin" version="5.2.7 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>

<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!empty($widgetConfig['searchJSON'])">
	{vb:set searchJSON, {vb:raw widgetConfig.searchJSON}}
	{vb:set compiledSearch, {vb:compilesearch {vb:raw searchJSON}, {vb:raw page}, {vb:raw widgetConfig}}}
	{vb:rawdata nodes, search, getInitialResults, {vb:raw compiledSearch},{vb:raw widgetConfig.result_count}}
</vb:if>

<vb:comment><!-- The entire widget is wrapped in a condition so it only shows
if there are results to show or errors to show --></vb:comment>
<vb:if condition="!empty($nodes['errors']) OR !empty($nodes['results'])">

	<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget contentslider-widget widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

		{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:var widgetConfig.title}, can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

		<div class="js-widget-content widget-content">

			<vb:if condition="isset($nodes['errors'])">

				<vb:each from="nodes.errors" value="error">
					<vb:if condition="$error[0] != 'exception_trace'">
						<div class="error">{vb:rawphrase {vb:raw error}}</div>
					</vb:if>
				</vb:each>

			<vb:else />

				<div class="js-content-slider-wrapper b-content-slider__wrapper b-content-slider__wrapper--hidden">
					<div class="js-content-slider b-content-slider" id="js-content-slider-{vb:var widgetinstanceid}" data-config-height="{vb:var widgetConfig.module_height}" data-config-interval="{vb:var widgetConfig.interval}">

						<div u="slides" class="js-content-slider__slides b-content-slider__slides">
						<vb:each from="nodes.results" value="node">

							<vb:comment>***** Set Image *****</vb:comment>
							{vb:set imageUrl, ''}
							<vb:if condition="!empty($node['content']['previewimage'])">
								{vb:set previewImage, {vb:raw node.content.previewimage}}
								{vb:data canGetImgAttachment, user, hasPermissions, forumpermissions2, cangetimgattachment, {vb:raw node.nodeid}}
								<vb:if condition="$canGetImgAttachment">
									<vb:if condition="is_numeric($previewImage)">
										{vb:set imageUrl, {vb:raw baseurl}}
										{vb:strcat imageUrl, '/filedata/fetch?id='}
										{vb:strcat imageUrl, {vb:var previewImage}}
										{vb:strcat imageUrl, '&amp;type=full'}
									<vb:else />
										{vb:set imageUrl, {vb:raw previewImage}}
									</vb:if>
								</vb:if>
							</vb:if>

							<vb:comment>===== Slide =====</vb:comment>
							<div<vb:if condition="!empty($imageUrl)"> style="background-image:url({vb:raw $imageUrl});"</vb:if> class="b-content-slider__slide js-content-slider__slide">

								<vb:comment>***** Caption background *****</vb:comment>
								<div class="b-content-slider__slide-caption-background js-content-slider__slide-caption-background">
									&nbsp;
								</div>

								<vb:comment>***** Caption (title & snippet) *****</vb:comment>
								<div u="caption" class="b-content-slider__slide-caption js-content-slider__slide-caption">
									<h4 class="b-content-slider__title ellipsis"><a class="b-content-slider__link js-content-slider__link" href="{vb:url {vb:raw node.content.starterroute}, {vb:raw node.content}}">{vb:raw node.content.title}</a></h4>
									{vb:action parsedText, bbcode, parseNodePreview, {vb:var node.nodeid}}
									<div class="ellipsis">{vb:raw parsedText}</div>
								</div>

							</div>
						</vb:each>
						</div>

						<vb:if condition="count($nodes['results']) > 1">

							<vb:comment>Side arrow navigation</vb:comment>
							<vb:comment>/* WARNING: Keep the "jssor-dummy-class" at the end of the class attribute. Jssor apparently adds their "av" and "dn" classes by smacking them on the end of the className instead of adding them as separate classes. By adding an unused dummy class at the end, we keep this behavior from affecting the other classes. */</vb:comment>
							{vb:set textdirection, {vb:stylevar textdirection}}
							{vb:set leftClass, 'jssora03l'}
							{vb:set rightClass, 'jssora03r'}
							<vb:if condition="$textdirection == 'rtl'">
								{vb:set leftClass, 'jssora03r'}
								{vb:set rightClass, 'jssora03l'}
							</vb:if>
							<span u="arrowleft" class="{vb:var leftClass} b-content-slider__arrow js-content-slider__arrow b-content-slider__arrow--left jssor-dummy-class"></span>
							<span u="arrowright" class="{vb:var rightClass} b-content-slider__arrow js-content-slider__arrow b-content-slider__arrow--right js-content-slider__arrow--right jssor-dummy-class"></span>

							<vb:comment>Bottom bullet navigation</vb:comment>
							<div u="navigator" class="jssorb03 js-content-slider__bullets b-content-slider__bullets">
								<!-- bullet navigator item prototype -->
								<vb:comment>/* DO NOT remove or add any classes after the "b-content-slider__bullet" class without adjusting the rules in css_b_content_slider.css. Jssor apparently adds their "av" and "dn" classes by smacking it on the end of the className instead of adding it as a separate class. We don't use a dummy class at the end because we actually want to style it in the av and dn states.*/</vb:comment>
								<div u="prototype" class="b-content-slider__bullet"><NumberTemplate></NumberTemplate></div>
							</div>

						</vb:if>
					</div>
				</div>

				{vb:js
					js/jquery/jssor/jssor.slider.mini.js, 
					js/content-slider.js}

			</vb:if>

		</div>
	</div>

</vb:if>]]></template>
		<template name="widget_contentslider_admin" templatetype="template" date="1413415781" username="vBulletin" version="5.1.5 Alpha 3"><![CDATA[{vb:template widget_admin_default, 
	widget={vb:raw widget},
	isSearchWidget=0}]]></template>
		<template name="widget_conversationdisplay" templatetype="template" date="1530819418" username="vBulletin" version="5.4.4 Alpha 1"><![CDATA[{vb:set channelid, {vb:raw $page.channelid}}
{vb:rawdata canView, user, hasPermissions, forumpermissions, canview, {vb:raw $channelid}}
{vb:rawdata canViewContent, user, hasPermissions, forumpermissions, canviewthreads, {vb:raw $channelid}}
<vb:if condition="!empty($canView) AND empty($canView['errors']) AND ($canView == true) AND !empty($canViewContent) AND empty($canViewContent['errors']) AND ($canViewContent== true)">
	<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
		{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
	</vb:if>
	<vb:if condition="isset($widgetConfig['resultsPerPage']) OR isset($user['maxposts'])">
		<vb:if condition="isset($user['maxposts']) AND $user['maxposts'] != -1">
			{vb:set resultsPerPage, {vb:raw user.maxposts}}
		<vb:else />
			{vb:set resultsPerPage, {vb:raw widgetConfig.resultsPerPage}}
		</vb:if>
	</vb:if>

	{vb:set topicStatus, ''}
	{vb:set errorMessage, 1}
	<vb:if condition="isset($page) AND $page AND isset($page['channelid']) AND $page['channelid'] > 0 AND isset($page['nodeid']) AND $page['nodeid'] > 0">
		{vb:set nodeid, {vb:var page.nodeid}}
		{vb:data currentConversation, node, getNodeFullContent, {vb:raw nodeid}}
		{vb:set currentNodeIsBlog, 0}
		{vb:set currentNodeIsSG, 0}
		{vb:set currentNodeIsArticle, 0}

		<vb:if condition="!empty($currentConversation) AND empty($currentConversation['errors'])">
			{vb:set errorMessage, 0}
			{vb:set currentConversation, {vb:raw currentConversation[$nodeid]}}
			<vb:if condition="
				$currentConversation['contenttypeclass'] == 'Redirect' 
				AND !empty($currentConversation['tonodeid'])
				AND $currentConversation['tonodeid'] != $currentConversation['nodeid']
			">
				{vb:data redirectUrl, route, getAbsoluteNodeUrl, {vb:raw currentConversation.tonodeid}}
				{vb:redirect {vb:raw redirectUrl}}
			</vb:if>
			
			<vb:if condition="$currentConversation['channeltype'] == 'blog'">
				{vb:set currentNodeIsBlog, 1}
				{vb:cssExtra blogs-groups.css}
			<vb:elseif condition="$currentConversation['channeltype'] == 'group'" />
				{vb:set currentNodeIsSG, 1}
				{vb:cssExtra blogs-groups.css}
			<vb:elseif condition="$currentConversation['channeltype'] == 'article'" />
				{vb:set currentNodeIsArticle, 1}
				{vb:cssExtra blogs-groups.css}
			</vb:if>

			<vb:if condition="$nodeid == $currentConversation['starter']">
				{vb:set conversationStarter, {vb:raw currentConversation}}
			<vb:else />
				{vb:set starternodeid, {vb:raw currentConversation.starter}}
				{vb:data conversationStarter, node, getNodeContent, {vb:raw starternodeid}}
				{vb:set conversationStarter, {vb:raw conversationStarter[$starternodeid]}}
			</vb:if>
			<vb:if condition="!$page['view'] AND $user['threadedmode'] == 2">
				{vb:set page.view, 'stream'}
			</vb:if>

			<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
				{vb:set widgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
				<vb:if condition="$page['filter_time'] == 'time_today'">
					{vb:set options.date.from, 'lastDay'}
				<vb:elseif condition="$page['filter_time'] == 'time_lastweek'" />
					{vb:set options.date.from, 'lastWeek'}
				<vb:elseif condition="$page['filter_time'] == 'time_lastmonth'" />
					{vb:set options.date.from, 'lastMonth'}
				<vb:else />
					{vb:set options.date, 'all'}
				</vb:if>
			</vb:if>

			<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
				{vb:set widgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
				<vb:if condition="$page['filter_show'] != 'show_all'">
					{vb:set options.type, {vb:raw page.filter_show}}
				</vb:if>
			</vb:if>

			<vb:if condition="$page['view'] == 'stream'">
				{vb:set sortOption.created, 'DESC'}
				{vb:set options.depth, 2}
				{vb:set options.view, 'conversation_stream'}
			<vb:else />
				<vb:if condition="$page['view'] != 'thread'">
					{vb:set page.view, 'thread'}
				</vb:if>
				{vb:set sortOption.created, 'ASC'}
				{vb:set options.depth, 1}
				{vb:set options.view, 'conversation_thread'}
				{vb:set options.nolimit, 1}
			</vb:if>

			{vb:set options.sort, {vb:raw sortOption}}
			{vb:set options.include_parent, 1}

			<vb:if condition="!empty($page['p']) AND intval($page['p']) > 0">
				{vb:rawdata nodePageNumber, search, getPageNumber, {vb:raw page.p}, {vb:raw conversationStarter}, {vb:raw resultsPerPage}, {vb:raw options.depth}, {vb:raw sortOption.created}, 1}
				<vb:if condition="empty($nodePageNumber['errors']) AND $nodePageNumber > 0">
					{vb:set page.pagenum, {vb:raw nodePageNumber}}
				</vb:if>
			</vb:if>

			<vb:if condition="!empty($page['q'])">
				{vb:set options.keywords, {vb:raw page.q}}
			</vb:if>

			{vb:set options.channel, {vb:raw nodeid}}
			{vb:set options.include_starter, 1}
			{vb:set options.withParent, 0}
			{vb:set options.ignore_protected, 1}

			{vb:set searchPageParam, 1}
			<vb:if condition="empty($page['pagenum'])">
				{vb:set page.pagenum, 1}
			</vb:if>

			<vb:if condition="empty($currentNodeIsBlog)">
				{vb:set searchPageParam, {vb:raw page.pagenum}}
			</vb:if>

			{vb:data nodes, search, getInitialResults, {vb:raw options}, {vb:raw resultsPerPage}, {vb:raw searchPageParam}, 1}
			{vb:set totalCount, {vb:raw nodes.totalRecords}}
			{vb:set nodes, {vb:raw nodes.results}}

			<vb:comment>Add view counts for articles</vb:comment>
			<vb:if condition="$currentConversation['channeltype'] == 'article'">
				{vb:data nodes, node, 'mergeNodeviewsForTopics', {vb:raw nodes}}
			</vb:if>

			<vb:if condition="!empty($page['routeInfo']) AND is_array($page['routeInfo'])">
				{vb:data pagingInfo, page, getPagingInfo, {vb:raw page.pagenum}, {vb:raw totalCount}, {vb:raw resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
			</vb:if>


			{vb:set modPerms, {vb:raw currentConversation.moderatorperms}}	
			<vb:each from="nodes" value="node" key="index">
				<vb:if condition="!empty($node['content']['moderatorperms'])">
					{vb:set openStatus, {vb:raw node.open}}
					{vb:set content, {vb:raw node.content}}
					{vb:action modPerms, permission, actionMergePerms, {vb:raw modPerms}, {vb:raw content.moderatorperms}}
				</vb:if>
				<vb:if condition="$currentConversation['canreply'] AND !$currentNodeIsBlog AND !$currentNodeIsArticle">
					{vb:set nodes.$index.content.can_use_multiquote, 1}
				<vb:else />
					{vb:set nodes.$index.content.can_use_multiquote, 0}
				</vb:if>
			</vb:each>

			<vb:comment>Sort out enableInlineMod</vb:comment>
			<vb:if condition="$currentNodeIsBlog OR $currentNodeIsArticle">
				{vb:data enableInlineMod, user, hasPermissions, moderatorpermissions, canmoderateposts, {vb:var page.nodeid}}
			</vb:if>

			<vb:if condition="$page['view'] != 'stream'">
				{vb:data enableInlineMod, user, hasPermissions, moderatorpermissions, canmoderateposts, {vb:var page.nodeid}}
				<vb:if condition="!$currentNodeIsBlog AND !$currentNodeIsArticle">
					<vb:if condition="empty($enableInlineMod)">
						{vb:data enableInlineMod, content_channel, getCanModerate, {vb:var page.channelid}}	
					</vb:if>
				</vb:if>

				<vb:if condition="empty($enableInlineMod)">
					<vb:each from="modPerms" value="perm">
						<vb:if condition="$perm > 0">
							{vb:set enableInlineMod, 1}
						</vb:if>
					</vb:each>
				</vb:if>
			</vb:if>

			<vb:if condition="$currentConversation['showopen'] == 0 AND !$currentConversation['canmoderate'] AND $currentConversation['open'] == 0">
				{vb:strcat topicStatus, ' closed'}
			</vb:if>
			<vb:if condition="($currentConversation['showopen'] == 0) AND ($currentConversation['canmoderate'] == 0)">
				{vb:strcat topicStatus, ' closed_content-entry-box'}
			</vb:if>
			<vb:if condition="$currentConversation['sticky']">
				{vb:strcat topicStatus, ' sticky'}
			</vb:if>
			<vb:if condition="$currentConversation['approved'] == 0">
				{vb:strcat topicStatus, ' unapproved'}
			</vb:if>
			<vb:if condition="$currentConversation['featured']">
				{vb:strcat topicStatus, ' featured'}
			</vb:if>
			<vb:if condition="$currentConversation['unpublishdate']">
				{vb:strcat topicStatus, ' deleted'}
			</vb:if>

		</vb:if>
	</vb:if>

	{vb:set userCanCommentOnThisBlog, 0}
	{vb:set userCanCommentOnThisArticle, 0}
	<vb:if condition="$currentNodeIsBlog">
		{vb:set page.view, 'stream'}
		{vb:set showFilter, 0}
		{vb:set showSearch, 0}
		{vb:set allowHistory, 0} <vb:comment>@TODO: to be implemented later</vb:comment>
		{vb:data userCanCommentOnThisBlog, blog, userCanComment, {vb:raw currentConversation}}
		{vb:set userCanCommentOnThisBlog, {vb:php array_shift, {vb:raw userCanCommentOnThisBlog}}}
	<vb:elseif condition="$currentNodeIsArticle" />
		{vb:set page.view, 'stream'}
		{vb:set showFilter, 0}
		{vb:set showSearch, 0}
		{vb:set allowHistory, 0} <vb:comment>@TODO: to be implemented later</vb:comment>
		{vb:set userCanCommentOnThisArticle, {vb:raw currentConversation.canreply}}
	<vb:else />
		{vb:set showFilter, 1}
		{vb:set showSearch, 1}
		{vb:set allowHistory, 1} <vb:comment>Implemented in Forum and Group topic page for now</vb:comment>
	</vb:if>

	{vb:set moduleName, 'widget_conversationdisplay_'}
	{vb:strcat moduleName, {vb:raw widgetinstanceid}}
	<vb:if condition="!empty($pagingInfo)">
		<vb:if condition="!empty($pagingInfo['prevurl'])">
			{vb:headlink vb_module={vb:raw moduleName}, rel=prev, href={vb:raw pagingInfo.prevurl}}
		</vb:if>
		<vb:if condition="!empty($pagingInfo['nexturl'])">
			{vb:headlink vb_module={vb:raw moduleName}, rel=next, href={vb:raw pagingInfo.nexturl}}
		</vb:if>
	</vb:if>

	<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget conversation-content-widget <vb:if condition="$currentNodeIsBlog OR $currentNodeIsArticle"> blog-conversation-content-widget<vb:elseif condition="$currentNodeIsSG" /> group-conversation-content-widget widget-tabs<vb:else /> forum-conversation-content-widget widget-tabs</vb:if> widget-no-border widget-no-header-buttons {vb:raw topicStatus} axd-container<vb:if condition="$currentConversation['showopen'] == 0"> showclosed</vb:if><vb:if condition="$currentConversation['showopen'] == 0 AND !$currentConversation['canmoderate'] AND $currentConversation['open'] == 0"> closed</vb:if>" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}"<vb:if condition="!empty($widgetinstanceid)"> data-widget-default-tab="{vb:raw widgetConfig.default_tab}"</vb:if>>
		<vb:if condition="empty($errorMessage)">
			<div class="conversation-status-messages">
				<vb:if condition="$currentConversation['showopen'] == 0">
					<div class="conversation-status-message notice close"><span>{vb:phrase this_topic_is_closed}</span><div class="close">X</div></div>
				</vb:if>
				<vb:if condition="$currentConversation['sticky']">
					<div class="conversation-status-message notice stick"><span>{vb:phrase this_is_a_sticky_topic}</span><div class="close">X</div></div>
				</vb:if>
				<vb:if condition="$enableInlineMod">
					<vb:if condition="$currentConversation['approved'] == 0">
						<div class="conversation-status-message notice approve"><span>{vb:phrase this_topic_is_unapproved}</span><div class="close">X</div></div>
					</vb:if>
					<vb:if condition="$currentConversation['unpublishdate']">
						<div class="conversation-status-message notice delete"><span>{vb:phrase this_topic_is_deleted}</span><div class="close">X</div></div>
					</vb:if>
					<vb:if condition="$currentConversation['featured']">
						<div class="conversation-status-message notice feature"><span>{vb:phrase this_topic_has_been_featured}</span><div class="close">X</div></div>
					</vb:if>
				</vb:if>
				<div class="conversation-status-message notice h-hide"><span></span><div class="close">X</div></div>
			</div>

			<div class="widget-header h-clearfix">
				<div class="module-title h-left main-header-title">
					<vb:if condition="empty($widgetConfig['hide_title'])">
						<h1 class="main-title js-main-title hide-on-editmode">{vb:raw currentConversation.title}</h1>
					</vb:if>
				</div>
				<div class="module-buttons">
					<span class="toggle-button module-button-item collapse" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
				</div>
				{vb:hook 'conversation_before_display_controls'}
				<vb:comment>The .js-movable-toolbar-button-container div always needs to be present, as responsive moves the post reply button here</vb:comment>
				<div class="conversation-controls h-right h-clear hide-on-editmode b-button-group h-margin-bottom-l js-movable-toolbar-button-container">
					<vb:if condition="$user['userid']">
						{vb:data isSubscribed, follow, isFollowingContent, {vb:raw nodeid}}
						{vb:hook 'conversation_display_controls'}
						<button type="button" data-node-id="{vb:raw nodeid}" data-owner-id="{vb:raw currentConversation.userid}" class="is-topic b-button b-button--follow js-button--follow uppercase h-left<vb:if condition="$isSubscribed"> isSubscribed b-button--special<vb:else /> b-button--secondary</vb:if>">
							<span class="b-button__icon"></span>
							<span class="b-button__text-primary js-button__text-primary">
								<vb:if condition="$isSubscribed">
									{vb:phrase following}
								<vb:else />
									{vb:phrase follow}
								</vb:if>
							</span>
						</button>
					</vb:if>
				</div>
				<vb:if condition="!$currentNodeIsBlog AND !$currentNodeIsArticle">
					<div class="widget-tabs-nav h-clear">
						<a id="topic-module-top" class="anchor js-module-top-anchor"></a>
						<ul class="ui-tabs-nav hide-on-editmode h-left b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive">
							{vb:set extra.view, 'thread'}
							<vb:if condition="!empty($page['s'])">
								{vb:set extra.s, {vb:raw page.s}}
							</vb:if>
							<li><a href="#thread-view-tab" data-href="{vb:url {vb:raw currentConversation.routeid}, {vb:raw currentConversation}, {vb:raw extra}}">{vb:phrase posts}</a></li>
							{vb:set extra.view, 'stream'}
							<li><a href="#stream-view-tab" data-href="{vb:url {vb:raw currentConversation.routeid}, {vb:raw currentConversation}, {vb:raw extra}}">{vb:phrase latest_activity}</a></li>
						</ul>
					</div>
				</vb:if>
			</div>
			<div class="widget-content tab widget-tabs-panel">
				<input type="hidden" name="canmoderate" id="canmoderate" value="{vb:raw currentConversation.canmoderate}" />
				<div id="<vb:if condition="$page['view'] == 'stream'">stream-view-tab<vb:else />thread-view-tab</vb:if>" class="conversation-view conversation-<vb:if condition="$page['view'] == 'stream'">stream-view<vb:else />thread-view</vb:if><vb:if condition="$enableInlineMod"> inlinemod-container</vb:if>">
					<vb:if condition="$currentConversation['canreply'] > 0 AND !$currentNodeIsBlog AND !$currentNodeIsArticle AND !$currentNodeIsSG">
						{vb:set showReplyBtn, 1}
					<vb:elseif condition="$currentNodeIsSG AND $currentConversation['canreply'] > 0" />
						{vb:rawdata channelContributors, content_channel, getContributors, {vb:var channelid}}
						{vb:set sgOwner, {vb:raw channelContributors.active.owner.0.userid}}
						{vb:data canAdminForums, user, hasPermissions, adminpermissions, canadminforums}
							<vb:if condition="$sgOwner == $user['userid'] || $canAdminForums">
							{vb:set showReplyBtn, 1}
						<vb:else />
							{vb:data hasJoined, blog, isChannelMember, {vb:raw channelid}}
							{vb:data sgMod, blog, isChannelModerator, {vb:raw channelid}}
							<vb:if condition="(isset($hasJoined) AND $hasJoined) OR (isset($sgMod) AND $sgMod)">
								{vb:set showReplyBtn, 1}
							<vb:else />
								{vb:set showReplyBtn, 0}
								{vb:data canJoin, user, hasPermissions, forumpermissions, canjoin}
								<vb:if condition="(isset($canJoin) AND $canJoin)">
									{vb:set showJoinForReplyBtn, 1}
								</vb:if>
							</vb:if>
						</vb:if>
					<vb:else />
						{vb:set showReplyBtn, 0}
					</vb:if>
					<vb:if condition="(!$currentNodeIsBlog AND !$currentNodeIsArticle) OR $userCanCommentOnThisBlog > 0 OR $userCanCommentOnThisArticle > 0">
						<vb:if condition="isset($userCanCommentOnThisBlog) AND $userCanCommentOnThisBlog > 0">
							{vb:set view, 'blog_post'}
						<vb:elseif condition="isset($userCanCommentOnThisArticle) AND $userCanCommentOnThisArticle > 0" />
							{vb:set view, 'article'}
						<vb:else />
							{vb:set view, {vb:raw page.view}}
						</vb:if>
					</vb:if>

					{vb:template conversation_toolbar, conversation={vb:raw currentConversation}, nodeid={vb:raw nodeid}, sgMod={vb:raw sgMod}, hasJoined={vb:raw hasJoined}, sgOwner={vb:raw sgOwner}, channelid={vb:raw channelid}, widgetConfig={vb:raw widgetConfig}, pagingInfo={vb:raw pagingInfo}, view={vb:raw view}, page={vb:raw page}, position=top, showReplyBtn={vb:raw showReplyBtn}, showJoinForReplyBtn={vb:raw showJoinForReplyBtn}, showSearch={vb:raw showSearch}, showPageNav=1, showFilter={vb:raw showFilter}, showTimeFilter=1, showShowFilter=1, floating=1, showInlineMod={vb:raw enableInlineMod}, modPerms = {vb:raw modPerms}, noLimit={vb:raw options.nolimit}, allowHistory={vb:raw allowHistory}}
					<div class="conversation-content">
						<ul class="conversation-list list-container h-clearfix {vb:if $currentNodeIsBlog, blog-list} {vb:if $currentNodeIsArticle, article-list} <vb:if condition="$page['view'] == 'stream'">stream-view<vb:else />thread-view</vb:if><vb:if condition="$currentNodeIsBlog AND $page['view'] == 'stream'"> stream-view-full-width</vb:if>">
							<vb:if condition="$page['view'] == 'stream'">
								{vb:set baseReplyTemplateName, 'display_contenttype_conversationreply_'}
								{vb:set starterTemplateName, {vb:raw baseReplyTemplateName}}
								<vb:if condition="$currentNodeIsBlog OR $currentNodeIsArticle">
									{vb:set showInlineMod, 1}
								<vb:else />
									{vb:set showInlineMod, 0}
								</vb:if>
							<vb:else />
								{vb:set starterTemplateName, 'display_contenttype_conversationstarter_threadview_'}
								{vb:set baseReplyTemplateName, 'display_contenttype_conversationreply_threadview_'}
								{vb:set showInlineMod, 1}
								
								<vb:comment>This view requires sender avatars and signatures</vb:comment>
								{vb:set senderUserIds, {vb:php array}}
								{vb:set senderSignatures, {vb:php array}}
								<vb:each from="nodes" value="node" key="index">
									{vb:set senderUserId, {vb:raw node.userid}}

									{vb:set num_elem, {vb:php array_push, {vb:raw senderUserIds}, {vb:raw senderUserId}}}

									<vb:if condition="!empty($node['content']['signature']) AND !empty($node['content']['canSign'])">
										{vb:set senderSignatures.$senderUserId, {vb:raw node.content.signature}}
									</vb:if>
								</vb:each>
								
								{vb:data parsedSignatures, bbcode, parseSignatures, {vb:php array_keys, {vb:raw senderSignatures}}, {vb:raw senderSignatures}}
								
								<vb:each from="nodes" value="node" key="index">
									{vb:set tmpUserId, {vb:raw node.userid}}
									
									<vb:if condition="empty($parsedSignatures[$tmpUserId])">
										{vb:set nodes.$index.content.parsedSignature, ''}
									<vb:else />
										{vb:set nodes.$index.content.parsedSignature, {vb:raw parsedSignatures.$tmpUserId}}
									</vb:if>
								</vb:each>
							</vb:if>
							{vb:data channelBbcodes, content_channel, getBbcodeOptions, {vb:var page.channelid}}
							{vb:set thispagetotal, 0}
							<vb:each from="nodes" value="node" key="index">
								{vb:set thispagetotal, {vb:math ({vb:var thispagetotal} + 1)}}
							</vb:each>

							{vb:set postIndex, -1}
							{vb:set counter, 0}
							<vb:each from="nodes" value="node">
								<vb:if condition="$node['content']['unpublishdate']">
									{vb:set hidePostIndex, 1}
								<vb:else />
									{vb:set hidePostIndex, 0}
									{vb:set postIndex, {vb:math {vb:raw postIndex} + 1}}
								</vb:if>
								<vb:if condition="$node['nodeid'] != $node['starter'] AND !$currentNodeIsBlog AND !$currentNodeIsArticle">
									<!-- Conversation Replies or Comments -->
									{vb:set replyTemplateName, {vb:raw baseReplyTemplateName}}
									{vb:strcat replyTemplateName, {vb:raw node.contenttypeclass}}
									<vb:if condition="!empty($page['pp']) AND intval($page['pp']) > 0 AND $page['p'] == $node['nodeid']">
										{vb:set commentId, {vb:raw page.pp}}
									<vb:else />
										{vb:set commentId, 0}
									</vb:if>

									<vb:if condition="$counter == $thispagetotal - 1">
										{vb:template {vb:raw replyTemplateName}, conversation={vb:raw node.content}, pagingInfo={vb:raw pagingInfo}, bbcodeOptions={vb:raw channelBbcodes}, postIndex={vb:raw postIndex}, commentId={vb:raw commentId}, showInlineMod={vb:raw showInlineMod}, widgetConfig={vb:raw widgetConfig}, view={vb:raw view}, hidePostIndex={vb:raw hidePostIndex}, adlocation="last-post"}
									<vb:else />
										{vb:template {vb:raw replyTemplateName}, conversation={vb:raw node.content}, pagingInfo={vb:raw pagingInfo}, bbcodeOptions={vb:raw channelBbcodes}, postIndex={vb:raw postIndex}, commentId={vb:raw commentId}, showInlineMod={vb:raw showInlineMod}, widgetConfig={vb:raw widgetConfig}, view={vb:raw view}, hidePostIndex={vb:raw hidePostIndex}}
									</vb:if>
								<vb:else />
									<vb:if condition="$node['nodeid'] == $node['starter']">
									<!-- Starter Conversation -->
									{vb:strcat starterTemplateName, {vb:raw node.contenttypeclass}}
									{vb:template {vb:raw starterTemplateName}, conversation={vb:raw node.content}, nodeid={vb:raw nodeid}, bbcodeOptions={vb:raw channelBbcodes}, postIndex=1, showInlineMod={vb:raw showInlineMod}, view={vb:raw view}, currentNodeIsBlog={vb:raw currentNodeIsBlog}, commentsPerPage={vb:raw widgetConfig.commentsPerPage}, initialCommentsPerPage={vb:raw widgetConfig.initialCommentsPerPage}, userCanCommentOnThisBlog={vb:raw userCanCommentOnThisBlog}, currentNodeIsArticle={vb:raw currentNodeIsArticle}, userCanCommentOnThisArticle={vb:raw userCanCommentOnThisArticle}, hidePostIndex={vb:raw hidePostIndex}, adlocation="first-post", pagingInfo={vb:raw pagingInfo}}
									</vb:if>
								</vb:if>
								{vb:set counter, {vb:math ({vb:var counter} + 1)}}
							</vb:each>
						</ul>
					</div>
				</div>
				<vb:if condition="!$currentNodeIsBlog AND !$currentNodeIsArticle">
					{vb:template pagenav, pagenav={vb:raw pagingInfo}}
					<vb:if condition="$pagingInfo['totalpages'] == 1">
						<div class="h-margin-top-xl"></div>
					</vb:if>
				</vb:if>

				<vb:if condition="!$currentNodeIsBlog AND !$currentNodeIsArticle AND $currentConversation['canreply'] > 0">
					{vb:data conversationRoute,
						route,
						getChannelConversationRoute,
						{vb:raw currentConversation.parentid}}

					{vb:hook 'conversation_above_entry'}
					{vb:template contententry,
						page={vb:raw page},
						parentid={vb:raw nodeid},
						routeid={vb:raw conversationRoute},
						pagenum={vb:raw pagingInfo.currentpage},
						conversation={vb:raw currentConversation},
						contentEntryType="reply",
						headerTitle={vb:raw headerTitle},
						submitButtonLabel={vb:phrase post_reply},
						allowTypeText=1,
						allowTypePhoto=1,
						allowTypeLink=1,
						allowTypePoll=0,
						showToggleEditor=1,
						showSmiley=1,
						showAttachment=1,
						showTags=0,
						showCancel=1,
						showTitle=0,
						isVm=0,
						initOnPageLoad=1,
						focusOnPageLoad=0,
						preloadJavascript=1,
						compactButtonSpacing=1}
				</vb:if>
			</div>
		<vb:else />
			<div class="widget-header h-clearfix">
				<div class="module-buttons">
					<span class="toggle-button module-button-item collapse" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
				</div>
			</div>
			<div class="widget-content">
				<div class="conversation-view">
					{vb:template conversation_toolbar, position=top, showNewConversationBtn=1, floating=1}
					<div class="conversation-content">
						<ul class="thread-list list-container">
							<li class="h-left h-clear">{vb:phrase topic_not_found}</li>
						</ul>
					</div>
				</div>
				{vb:template pagenav, pagenav={vb:raw pagingInfo}}
			</div>
		</vb:if>
		{vb:hook 'conversation_below_entry'}
	</div>
	<script type="text/javascript">
	(function(){
	<vb:literal>
		window.vBulletin = window.vBulletin || {};
		vBulletin.widget = vBulletin.widget || {};
		vBulletin.conversation = vBulletin.conversation || {};
	</vb:literal>
		vBulletin.conversation.COMMENTS_PER_PAGE = Number('{vb:raw widgetConfig.commentsPerPage}') || 25;
		vBulletin.conversation.POSTS_PER_PAGE = Number('{vb:raw resultsPerPage}') || 15;
	})();
	</script>
<vb:else />
	<div class="conversation-empty">{vb:phrase no_permission}</div>
</vb:if>

<vb:if condition="(!empty($currentNodeIsBlog) AND !empty($userCanCommentOnThisBlog)) OR (!empty($currentNodeIsArticle) AND !empty($userCanCommentOnThisArticle))">
	{vb:js js/content_entry_box.js}
</vb:if>

{vb:js js/conversation-rollup.js}]]></template>
		<template name="widget_conversationdisplay_admin" templatetype="template" date="1409946844" username="vBulletin" version="5.1.4 Alpha 5"><![CDATA[{vb:template widget_admin_default, 
	widget={vb:raw widget},
	hide_remove=1,
	show_ad_menu=1}]]></template>
		<template name="widget_coppa_form" templatetype="template" date="1438634209" username="vBulletin" version="5.1.9 Alpha 6"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:cssExtra css_form.css}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget coppa-form-widget widget-no-border widget-no-header-buttons" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:rawdata userInfo, user, fetchUserSettings}
	<div class="widget-content">
		<vb:if condition="isset($userInfo['errors'])">
			{vb:phrase please_login_first}
		<vb:elseif condition="isset($userInfo['coppauser']) AND !$userInfo['coppauser']" />
			{vb:redirect {vb:raw baseurl}}
		<vb:else />
			{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase coppa_permission_form}}
			<p class="description">
				{vb:rawphrase coppa_perm_form_desc}
			</p>

			<h1>{vb:rawphrase permission_to_participate_at_x, {vb:raw vboptions.bbtitle}}</h1>

			<p class="description">
				{vb:rawphrase instructions_for_parent_guardian, {vb:raw vboptions.companyname}, {vb:raw vboptions.faxnumber}, {vb:raw vboptions.address}}
			</p>

			<table class="coppa-form">
				<tr>
					<td colspan="2" class="title">{vb:rawphrase required_information}</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase username}</td>
					<td class="content">{vb:raw userInfo.username}&nbsp;</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase email_address}</td>
					<td class="content">{vb:raw userInfo.email}&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="title">{vb:rawphrase optional_information}</td>
				</tr>
				<tr>
					<td colspan="2" class="description">
						{vb:rawphrase make_changes_profile_visit}:<br />
						<a href="{vb:url 'profile', {vb:raw userInfo}}">{vb:url 'profile', {vb:raw userInfo}}</a>
					</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase home_page_guser}</td>
					<td class="content">{vb:raw userInfo.homepage}&nbsp;</td>
				</tr>
				<tr class="signature">
					<td class="label">{vb:rawphrase signature}</td>
					<td class="content">{vb:raw userInfo.signature}&nbsp;</td>
				</tr>
				<tr>
					<td class="label">
						{vb:rawphrase privacy_mode}
						<div class="smallfont">{vb:rawphrase yes_hides_email_icq_etc}</div>
					</td>
					<td class="content">{vb:raw userInfo.showemail}&nbsp;</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase icq_number}</td>
					<td class="content">{vb:raw userInfo.icq}&nbsp;</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase aim_screen_name}</td>
					<td class="content">{vb:raw userInfo.aim}&nbsp;</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase yahoo_messenger_handle}</td>
					<td class="content">{vb:raw userInfo.yahoo}&nbsp;</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase msn_messenger_handle}</td>
					<td class="content">{vb:raw userInfo.msn}&nbsp;</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase skype_name}</td>
					<td class="content">{vb:raw userInfo.skype}&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="description">
						<vb:if condition="$vboptions['privacyurl']">{vb:rawphrase sign_form_and_send_with_privacy, {vb:raw vboptions.privacyurl}}<vb:else />{vb:rawphrase sign_form_and_send_without_privacy}</vb:if>
					</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase parent_guardian_full_name}</td>
					<td class="content">&nbsp;</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase relation_to_child}</td>
					<td class="content">&nbsp;</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase telephone_number}</td>
					<td class="content">&nbsp;</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase email_address}</td>
					<td class="content">{vb:raw userInfo.parentemail}&nbsp;</td>
				</tr>
				<tr class="signature">
					<td class="label">{vb:rawphrase parent_signature}</td>
					<td class="content">&nbsp;</td>
				</tr>
				<tr>
					<td class="label">{vb:rawphrase date}</td>
					<td class="content">&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="description">{vb:rawphrase contact_webmaster_questions, 'contact-us'}</td>
				</tr>
			</table>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_css_examples" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget custom-html-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig}, 
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder},
		hide_collapse=1}

	<div class="widget-content">

		<vb:comment><!-- WIDGET CONTENT STARTS HERE --></vb:comment>
			{vb:data canAdminStyles, user, currentUserHasAdminPermission, canadminstyles}
			{vb:data canAdminTemplates, user, currentUserHasAdminPermission, canadmintemplates}
			<vb:if condition="!empty($canAdminStyles)">
				{vb:data templates, template, search, -1, '', 'css_b_', 1}
				{vb:set currentUrl, {vb:php ltrim, {vb:raw page.url}, '/'}}
				<vb:if condition="!empty($templates)">
					{vb:set templates, {vb:php array_shift, {vb:raw templates}}}
					<vb:comment>This is strictly a dev help page, and as such, the text should not be phrased.</vb:comment>
					<h2 class="h-margin-bottom-l">Table of Contents</h2>
					<ul class="h-margin-bottom-xxl">
						<vb:each from="templates.maintemplates" value="template">
						{vb:set cssTemplate, {vb:raw template.title}}
							<li><a href="{vb:raw currentUrl}#{vb:var cssTemplate}">{vb:var cssTemplate}</a></li>
						</vb:each>
					</ul>
					<vb:each from="templates.maintemplates" value="template">
						{vb:set cssTemplate, {vb:raw template.title}}
						<div class="h-margin-bottom-xxl h-padding-bottom-xxl">
							<vb:if condition="$canAdminTemplates">
								<a class="h-right h-margin-m" href="{vb:var baseurl}/admincp/index.php?loc=admincp%2Ftemplate.php%3Fdo%3Dmodify%26searchstring%3D{vb:var cssTemplate}%26titlesonly%3D1">{vb:phrase edit}</a>
							</vb:if>
							<h1 class="h-margin-bottom-s h-padding-vert-s h-padding-horiz-l" style="background:{vb:stylevar global_palette_fill_01};"><a name="{vb:var cssTemplate}" href="{vb:raw currentUrl}#{vb:var cssTemplate}">{vb:var cssTemplate}</a></h1>
							<vb:comment>
								This is strictly a dev help page, so we don't care about rolling up the templates instead
								of using cssExtra for each one. We don't expect it to be used in a normal production
								environment.
							</vb:comment>
							{vb:cssExtra {vb:raw cssTemplate}}
							{vb:template {vb:raw cssTemplate}, example=1}
						</div>
					</vb:each>
				</vb:if>
			</vb:if>
		<vb:comment><!-- WIDGET CONTENT ENDS HERE --></vb:comment>

	</div>
</div>]]></template>
		<template name="widget_displaytemplate" templatetype="template" date="1527113239" username="vBulletin" version="5.4.3 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!empty($widgetConfig['allow_collapse'])">
	{vb:set allow_collapse_class, ''}
<vb:else />
	{vb:set allow_collapse_class, ' widget-no-header-buttons'}
</vb:if>

<vb:if condition="!empty($widgetConfig['use_border_and_background'])">
	{vb:set border_and_bg_class, ''}
<vb:else />
	{vb:set border_and_bg_class, ' widget-no-border'}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes}{vb:var allow_collapse_class}{vb:var border_and_bg_class} canvas-widget displaytemplate-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}}
	<div class="widget-content">
		<vb:if condition="!empty($widgetConfig['template_name'])">
			{vb:template {vb:raw widgetConfig.template_name}}
		<vb:else />
			<p><em>{vb:phrase edit_widget_specify_template_to_display}</em></p>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_error" templatetype="template" date="1540600857" username="vBulletin" version="5.4.6 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget custom-html-widget error-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}
	<div class="widget-content restore">
		<vb:if condition="$errorlist">
			<vb:each from="errorlist" value="error">
				<p>{vb:phrase {vb:var error}}</p>
			</vb:each>
		</vb:if>

		<vb:if condition="!empty($template)">
			<strong>{vb:phrase template}:</strong> {vb:var template}<br/>
			<strong>{vb:phrase controller}:</strong> {vb:var controller}<br/>
			<strong>{vb:phrase method}:</strong> {vb:var method}<br/>
			<strong>{vb:phrase arguments}:</strong> {vb:var arguments}<br/>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_forgot_password" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:cssExtra css_form.css}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget forgot-password-widget widget-no-border widget-no-header-buttons" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase forgot_password_title}}
	<div class="widget-content">
		<form id="frmLostpw" action="auth/lostpw" method="post" class="form_layout">
			<p>{vb:rawphrase forgotten_password_request_email}</p>
			<div class="form-fieldset">
				<div class="form_row">
					<span class="label_column">{vb:phrase email_address}</span>
					<span class="field_column"><input type="text" name="email" class="textbox email" /></span>
				</div>
				{vb:template humanverify, action="lostpw", noToken=1}
			</div>
			<div class="b-button-group">
				<button id="lostpwBtnSubmit" type="submit" class="b-button b-button--primary">{vb:phrase send_email}</button>
			</div>
		</form>
	</div>
</div>{vb:js js/lostpwd.js}]]></template>
		<template name="widget_groupsummary" templatetype="template" date="1555105956" username="vBulletin" version="5.5.2 Alpha 4"><![CDATA[<vb:if condition="empty($page['channelid'])">
		{vb:data channelid, socialgroup, getSGChannel}
<vb:else />
		{vb:set channelid, {vb:raw $page.channelid}}
</vb:if>
{vb:cssExtra blogs-groups.css}
{vb:rawdata canViewSG, user, hasPermissions, forumpermissions, canview, {vb:raw $channelid}}
<vb:if condition="!empty($canViewSG) AND empty($canViewSG['errors']) AND ($canViewSG == true)">
	<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
		{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
	</vb:if>
	<vb:if condition="!empty($widgetConfig)">
		{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
		{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
	</vb:if>

	<vb:if condition="!empty($page['nodeid'])">
		{vb:rawdata groupAsArray, node, getNodeContent, {vb:var channelid}}
		<vb:if condition="isset($groupAsArray['errors'])">
			{vb:set showContent, 0}
			{vb:set group, 0}
		<vb:else />
			{vb:set showContent, 1}
			<vb:each from="groupAsArray" key="nodeid" value="group"></vb:each>
			{vb:data sgPerms, socialgroup, getChannelAdminPerms, {vb:var group.nodeid}}
		</vb:if>
	</vb:if>

	<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget summary-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

		{vb:template module_title,
			widgetConfig={vb:raw widgetConfig},
			title={vb:phrase group_summary},
			show_title_divider=1}

		<div class="widget-content">
			<vb:if condition="$showContent">
			<div id="groupSummaryErrorDialog" class="sb-dialog stretch">
				<div class="dialog-content stretch" id="groupSummaryErrorContent"></div>
				<div class="b-button-group">
					<button id="groupSummaryErrorClose" type="submit" class="b-button b-button--primary">{vb:phrase close}</button>
				</div>
			</div>

			<div class="stretch groupSummaryContainer">
				<div class="h-clear"></div>
				<div>
					<div class="sg-icon-wrapper h-align-center js-frame-image-wrapper">
						{vb:data canUploadIcon, user, hasPermissions, forumpermissions, canuploadchannelicon, {vb:raw group.nodeid}}
						{vb:set canUseIcon, 0}
						<vb:if condition="(!empty($canUploadIcon) AND empty($canUploadIcon['errors']) AND $canUploadIcon)">
							{vb:set canUseIcon, 1}
						</vb:if>
						<vb:if condition="$group['filedataid'] AND $canUseIcon > 0">
								<img class="groupIconImg js-frame-image" src="filedata/fetch?channelid={vb:raw group.nodeid}&amp;type=medium"  alt="{vb:raw group.htmltitle}" />
						<vb:else />
								<img class="noGroupIcon groupIconImg" src="{vb:raw baseurl_corecdn}/images/default/default_sg_large.png"  width="350" height="350" alt="{vb:raw group.htmltitle}" id="groupIconImg"/>
						</vb:if>
						<vb:if condition="($group['canmoderate'] > 0) AND ($canUseIcon > 0)">
							<div class="editGroupIcon">{vb:phrase edit_group_icon}</div>
						</vb:if>
					</div>
					<vb:if condition="$group['canmoderate'] > 0">
						{vb:template sgadmin_addicondlg, nodeid={vb:raw nodeid}}
					</vb:if>

					<vb:if condition="isset($sgPerms) AND ($sgPerms['canconfig'] OR $sgPerms['canmanageusers'])">
						{vb:template group_administrative_menu,
							group={vb:raw group},
							sgPerms={vb:var sgPerms}}
					</vb:if>

					<div class="b-sidebar-field h-margin-top-l" id="groupAbout">
						<h4 class="b-sidebar-field__heading">{vb:phrase about_this_group}</h4>
						<div class="restore h-margin-none">
							{vb:action parsedDescription, bbcode, parse, {vb:raw group.description}, {vb:php array}, {vb:php array}, {vb:raw group}}
							{vb:raw parsedDescription}
						</div>
					</div>

					<div class="b-sidebar-field b-sidebar-field--space-above" id="groupType">
						<vb:if condition="$group['invite_only']">
							{vb:set grouptype, {vb:phrase group_type_inviteonly}}
						<vb:elseif condition="$group['approve_membership']" />
							{vb:set grouptype, {vb:phrase group_type_public}}
						<vb:else />
							{vb:set grouptype, {vb:phrase group_type_moderated}}
						</vb:if>
						<span class="b-sidebar-field__label">{vb:phrase group_type}:</span>
						<span class="b-sidebar-field__value">{vb:raw grouptype}</span>
					</div>

					<div class="b-sidebar-field groupTotalEntries">
						<span class="b-sidebar-field__label">{vb:phrase topics}:</span>
						<span class="b-sidebar-field__value">{vb:raw group.textcount}</span>
					</div>

					<div class="b-sidebar-field groupTotalEntries">
						<span class="b-sidebar-field__label">{vb:phrase comments}:</span>
						<span class="b-sidebar-field__value">{vb:math {vb:raw group.totalcount} - {vb:raw group.textcount}}</span>
					</div>

					<div class="b-sidebar-field b-sidebar-field--space-above groupAvatars" id="groupParticipants">
						<h4 class="b-sidebar-field__heading">{vb:phrase owner}</h4>
						<ul>
							<li class="h-left" id="groupOwner">
								{vb:data owner, socialgroup, fetchOwner, {vb:raw nodeid}}
								{vb:data ownerInfo, user, fetchProfileInfo, {vb:raw owner}}
								{vb:data avatar, user, fetchAvatar, {vb:raw owner}}
								{vb:template avatar, avataruser={vb:raw ownerInfo}, avatar={vb:raw avatar}, avatarsize="medium"}
								<div class="author"><a href="{vb:url 'profile', {vb:raw ownerInfo}}">{vb:raw ownerInfo.username}</a></div>
							</li>
							<li class="h-clear"></li>
						</ul>
					</div>

					{vb:data contributors, socialgroup, fetchContributors, {vb:raw nodeid}, 3}
					<vb:if condition="count($contributors) > 0">
					<div class="b-sidebar-field b-sidebar-field--space-above groupAvatars" id="groupParticipants2">
						<h4 class="b-sidebar-field__heading">{vb:phrase moderators}</h4>
						<ul>
							<li class="h-left" id="groupContributor">
								<ul>
									<vb:each from="contributors" value="contributor">
										<li class="h-left contributor">
											{vb:data contributorInfo, user, fetchProfileInfo, {vb:raw contributor}}
											{vb:data avatar, user, fetchAvatar, {vb:raw contributor}}
											{vb:template avatar, avataruser={vb:raw contributorInfo}, avatar={vb:raw avatar}, avatarsize="medium"}
											<div class="author"><a class="ellipsis" href="{vb:url 'profile', {vb:raw contributorInfo}}">{vb:raw contributorInfo.username}</a></div>
										</li>
									</vb:each>
									<li class="h-clear"></li>
								</ul>
							</li>
							<li class="h-clear"></li>
						</ul>
					</div>
					</vb:if>


					<vb:if condition="!empty($nodeid)">
					{vb:data subscribers, socialgroup, fetchMembers, {vb:raw nodeid}, 1, 12, 1, 1}
					<div class="b-sidebar-field b-sidebar-field--space-above groupAvatars groupAvatarsSm" id="groupSubscribers">
						<h4 class="b-sidebar-field__heading">{vb:phrase group_members} ({vb:var subscribers.count})</h4>
						<vb:if condition="$subscribers['count'] > 0">
							<ul>
								<vb:each from="subscribers.members" value="subscriber">
									<li class="h-left subscriber">
										{vb:template avatar, avataruser={vb:raw subscriber}, avatar={vb:raw subscriber}}
									</li>
								</vb:each>
								<li class="h-clear"></li>
							</ul>
						</vb:if>
						<vb:comment>
							This condition will never be true, because the 'totalcount' doesn't exist.
							It needs to be changed to 'count' instead, but when doing that we also need
							to fix the popup that is displayed, as the popup positioning and the pagination 
							are both messed up.
						</vb:comment>
						<vb:if condition="$subscribers['totalcount'] > 12">
							<div>
								<a href="#" class="h-right" id="groupSubscribersSeeAll" data-node-id="{vb:raw nodeid}">{vb:phrase group_see_all_subscribers}</a>
								<div id="groupSubscribersAll" class="sb-dialog">
									<div class="dialog-content h-clearfix group-subscribers-content">
										{vb:phrase loading}
									</div>
									<div class="b-button-group">
										{vb:template pagenavnew_client, pagenav={vb:raw subscribers.paginationInfo}}
										<button class="b-button b-button--secondary group-subscribers-close">{vb:phrase close}</button>
									</div>
								</div>
							</div>
						</vb:if>
					</div>
					</vb:if>


				</div>
			</div>
			<vb:else />
				<div class="conversation-empty">{vb:phrase cannot_display_content_join}</div>
			</vb:if>
		</div>
	</div>
	<vb:if condition="isset($sgPerms) AND ($sgPerms['canconfig'] OR $sgPerms['canmanageusers'])">
		{vb:js js/file-upload-rollup.js}
		{vb:js js/groupadmin-rollup.js}
	</vb:if>
</vb:if>]]></template>
		<template name="widget_help" templatetype="template" date="1524096428" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[{vb:js js/help.js}
<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($page['q'])">
	{vb:data searchFAQ, help, searchTitles, {vb:raw page.q}, {vb:raw page.titleandtext}, {vb:raw page.match}}
	{vb:set q, {vb:raw page.q}}
	{vb:set checked.match, {vb:raw page.match}}
	{vb:set checked.titleandtext, {vb:raw page.titleandtext}}
	{vb:set highlight, {vb:php implode, ',', {vb:raw searchFAQ.keywords}}}
	{vb:js js/jquery/jquery.highlight-4.js}
	<vb:if condition="empty($firstItem)">
		{vb:set firstItem, {vb:php current {vb:raw searchFAQ.titles}}}
	</vb:if>
<vb:else />
	{vb:data help, help, getTitles}
	<vb:if condition="empty($firstItem) AND !empty($help['firstItem'])">
		{vb:set firstItem, {vb:raw help.firstItem}}
	</vb:if>
</vb:if>

{vb:cssExtra help.css}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget help-widget widget-no-border widget-no-header-buttons" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:rawphrase vbulletin_faq, {vb:raw vboptions.bbtitle}}}
	<div class="widget-content">
		<p class="description">{vb:phrase vbulletin_faq_description}</p>
		<div class="faqs">
			<div class="faq-search faq-block">
				<form action="{vb:url help}" method="GET" class="faqForm">

					<div class="b-form-input__input-with-button-container b-form-input__input-with-button-container--full h-margin-bottom-m">
						<input type="text" class="b-form-input__input b-form-input__input--with-button b-form-input__input--shadow js-faq-search-query" name="q" placeholder="{vb:phrase search_faq}" value="{vb:var q}" <vb:if condition="!empty($searchFAQ['keywords'])"> data-highlight="{vb:var highlight}"</vb:if>/>
						<button type="submit" name="btnSearch" class="b-form-input__inside-button"><span class="b-form-input__inside-button-icon b-icon b-icon__search-gray-s">{vb:phrase search}</span></button>
					</div>

					<a href="#" class="faqSearchControl option-more">{vb:phrase more_options}</a>
					<div class="faqSearchFields h-hide">
						<div class="form_row">
							<div class="label">{vb:rawphrase search_in_gfronthelp}</div>
							<ul class="field_column">
								<li><label><input type="radio" id="notitleonly"<vb:if condition="isset($checked['titleandtext']) AND empty($checked['titleandtext'])"> checked="checked"</vb:if> name="titleandtext" value="0" /> {vb:rawphrase search_faq_title}</label></li>
								<li><label><input type="radio" id="titleonly"<vb:if condition="!isset($checked['titleandtext']) OR !empty($checked['titleandtext'])"> checked="checked"</vb:if> name="titleandtext" value="1" /> {vb:rawphrase search_titles_and_text}</label></li>
								<li><label class="field-desc">{vb:rawphrase search_titles_and_text_description}</label></li>
							</ul>
						</div>
						<hr class="divider" />
						<div class="form_row">
							<div class="label">{vb:rawphrase show_only_items_that_contain}</div>
							<ul class="field_column">
								<li><label for="mo_anywords"><input type="radio" name="match" id="mo_anywords" value="any"<vb:if condition="empty($checked['match']) OR $checked['match'] == 'any'"> checked="checked"</vb:if> /> {vb:rawphrase match_any_words}</label></li>
								<li><label for="mo_allwords"><input type="radio" name="match" id="mo_allwords" value="all"<vb:if condition="!empty($checked['match']) AND $checked['match'] == 'all'"> checked="checked"</vb:if> /> {vb:rawphrase match_all_words_gfronthelp}</label></li>
								<li><label for="mo_phrase"><input type="radio" name="match" id="mo_phrase" value="phr"<vb:if condition="!empty($checked['match']) AND $checked['match'] == 'phr'"> checked="checked"</vb:if> /> {vb:rawphrase match_complete_phrase}</label></li>
								<li><label class="field-desc">{vb:rawphrase matching_description}</label></li>
							</ul>
						</div>
						<a href="#" class="faqSearchControl option-less">{vb:phrase less_options}</a>
					</div>
				</form>
			</div>
			<vb:if condition="!empty($page['q'])">
				{vb:set faqGroup.children, {vb:raw searchFAQ.titles}}
				{vb:set faqGroup.faqname, search_results}
				{vb:set faqGroup.path, ''}
				<ul class="faq-groups acc">
					{vb:template help_item, faqItem={vb:raw faqGroup}, class='group-list', depth=3, selected={vb:raw firstItem.faqname}, groupTitle=search_results}
				</ul>
			<vb:else />
				<ul class="faq-groups acc">
					<vb:each from="help.titles" value="faqGroup" key="groupPhrase">
						{vb:template help_item, faqItem={vb:raw faqGroup}, class='group-list', depth=3, selected={vb:raw firstItem.faqname}}
					</vb:each>
				</ul>
			</vb:if>
		</div>
		<div class="faq-content h-padding-left-xxl h-padding-vert-l h-padding-right-l">
			<vb:if condition="!empty($page['q'])">
				<div class="faq-search-back"><a class="h-center-vertical-container" href="{vb:url help}"><span class="b-icon b-icon__arrow-left-s h-margin-right-s h-center-vertical"></span>{vb:phrase back_to_faq}</a></div>
			</vb:if>
			<div class="faq-answer faq-block">
				<vb:if condition="!empty($page['q']) AND empty($firstItem)">
					<p><em>{vb:phrase there_are_no_results_that_meet_criteria}</em></p>
				</vb:if>
				<h1 class="faq-group-title">{vb:raw firstItem.title}</h1>
				<div class="faq-group-body">
					<vb:if condition="!empty($firstItem)">
						{vb:rawphrase {vb:raw firstItem.text_phrase}}
					</vb:if>
				</div>
			</div>
		</div>
	</div>
</div>]]></template>
		<template name="widget_markup_library" templatetype="template" date="1468618980" username="vBulletin" version="5.2.4 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget custom-html-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder},
		hide_collapse=1}

	<div class="widget-content">

		<vb:comment><!-- WIDGET CONTENT STARTS HERE --></vb:comment>
		{vb:data canAdminStyles, user, currentUserHasAdminPermission, canadminstyles}
		<vb:if condition="!empty($canAdminStyles) AND $config->debug">

			<div class="l-row">
				<div class="l-col__fixed-5 l-col__small--full">
					<ul class="b-comp-menu-vert">
						<li>
							<div class="b-comp-menu-vert__section">
								{vb:phrase elements}
							</div>
							<ul>
								<li><a href="#" class="b-comp-menu-vert__item b-comp-menu-vert__item--selected js-markup-library-item" data-item-name="animations">{vb:phrase animations}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="colors">{vb:phrase colors}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="fonts">{vb:phrase fonts}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="screensize_breakpoints">{vb:phrase screensize_breakpoints}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="spacing">{vb:phrase spacing}</a></li>
							</ul>
						</li>
						<li>
							<div class="b-comp-menu-vert__section">
								{vb:phrase components}
							</div>
							<ul>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="ajax_feedback">{vb:phrase ajax_feedback}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="bbcodes">{vb:phrase bbcodes}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="dividers">{vb:phrase dividers}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="forms">{vb:phrase forms}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="headings">{vb:phrase headings}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="images">{vb:phrase images}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="links">{vb:phrase links}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="lists">{vb:phrase lists}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="menus">{vb:phrase menus}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="modules">{vb:phrase modules}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="tables">{vb:phrase tables}</a></li>
								<li><a href="#" class="b-comp-menu-vert__item js-markup-library-item" data-item-name="text">{vb:phrase text}</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="l-col__flex-5 l-col__small--full h-padding-left-xxl">


					<vb:comment>
						TODO pull the BasicElements stylevar group and 
						use it here for the elements items.
					</vb:comment>

					<div class="js-markup-library-item-content" data-item-name="animations">
						<h3>{vb:phrase animations}</h3>
					</div>

					<div class="js-markup-library-item-content" data-item-name="colors">
						<h3>{vb:phrase colors}</h3>
						<p>Text color, background color, optional background image, optional border color</p>
					</div>

					<div class="js-markup-library-item-content" data-item-name="fonts">
						<h3>{vb:phrase fonts}</h3>
						<p>Font family, font size</p>
					</div>

					<div class="js-markup-library-item-content" data-item-name="screensize_breakpoints">
						<h3>{vb:phrase screensize_breakpoints}</h3>
					</div>

					<div class="js-markup-library-item-content" data-item-name="spacing">
						<h3>{vb:phrase spacing}</h3>
						<p>Margins, padding, general spacing between elements</p>
					</div>

					<div class="js-markup-library-item-content" data-item-name="ajax_feedback">
						<h3>{vb:phrase ajax_feedback}</h3>
					</div>

					<div class="js-markup-library-item-content" data-item-name="bbcodes">
						<h3>{vb:phrase bbcodes}</h3>
					</div>

					<div class="js-markup-library-item-content" data-item-name="dividers">
						<h3>{vb:phrase dividers}</h3>
					</div>

					<div class="js-markup-library-item-content" data-item-name="forms">
						<h3>{vb:phrase forms}</h3>
						<p>Forms and form elements</p>
					</div>

					<div class="js-markup-library-item-content" data-item-name="headings">
						<h3>{vb:phrase headings}</h3>
					</div>

					<div class="js-markup-library-item-content" data-item-name="images">
						<h3>{vb:phrase images}</h3>
						<p>Images, avatars, etc.</p>
					</div>

					<div class="js-markup-library-item-content" data-item-name="links">
						<h3>{vb:phrase links}</h3>
					</div>

					<div class="js-markup-library-item-content" data-item-name="lists">
						<h3>{vb:phrase lists}</h3>
					</div>

					<div class="js-markup-library-item-content" data-item-name="menus">
						<h3>{vb:phrase menus}</h3>




						<h3>Dropdown Menu</h3>

						<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover">
							<!-- This div can be a link if required -->
							<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger js-button" tabindex="0">Menu Here</div>
							<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content">
								<li class="b-comp-menu-dropdown__content-item"><a href="#">Item One</a></li>
								<li class="b-comp-menu-dropdown__content-item"><a href="#">Item Two</a></li>
								<li class="b-comp-menu-dropdown__content-item"><a href="#">Item Three</a></li>
								<li class="b-comp-menu-dropdown__content-item"><a href="#">Item Nummer Four</a></li>
								<li class="b-comp-menu-dropdown__content-item"><a href="#">This is Item Five</a></li>
								<li class="b-comp-menu-dropdown__content-item"><a href="#">Six</a></li>
								<li class="b-comp-menu-dropdown__content-item"><a href="#">Seven</a></li>
								<li class="b-comp-menu-dropdown__content-item"><a href="#">Item Number Eight</a></li>
							</ul>
						</div>
						{vb:js js/css_b_comp_menu_dropdown.js}



					</div>

					<div class="js-markup-library-item-content" data-item-name="modules">
						<h3>{vb:phrase modules}</h3>
					</div>

					<div class="js-markup-library-item-content" data-item-name="tables">
						<h3>{vb:phrase tables}</h3>
					</div>

					<div class="js-markup-library-item-content" data-item-name="text">
						<h3>{vb:phrase text}</h3>
					</div>


				</div>
			</div>

			{vb:js js/dev-markup-library.js}

		</vb:if>
		<vb:comment><!-- WIDGET CONTENT ENDS HERE --></vb:comment>

	</div>
</div>]]></template>
		<template name="widget_media" templatetype="template" date="1438634209" username="vBulletin" version="5.1.9 Alpha 6"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget profile-media-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase profile_media}}
	<div class="widget-content">
	<h3>{vb:phrase no_content_yet}</h3>
	</div>
</div>]]></template>
		<template name="widget_memberlist" templatetype="template" date="1507572850" username="vBulletin" version="5.3.4 Alpha 4"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:set criteria, {vb:php array}}
<vb:if condition="!empty($widgetConfig['resultsPerPage'])">
	{vb:set criteria.perpage, {vb:raw widgetConfig.resultsPerPage}}
</vb:if>
{vb:data members, user, memberList, {vb:raw criteria}}

{vb:cssExtra memberlist.css}

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget memberlist-widget widget-no-header-buttons widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase member_list}, can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	{vb:set routeInfoJson, {vb:php json_encode, {vb:raw page.routeInfo}}}
	<div class="h-hide js-memberlist-route-info" data-routeinfojson="{vb:var routeInfoJson}"></div>

	<div class="widget-content<vb:if condition="$widgetConfig['displayAvatars'] AND $memberlist AND $user['showavatars']"> display-avatar</vb:if>">

		<vb:if condition="isset($members['errors']) OR isset($members['errors'])">

			<div>{vb:phrase no_permission}</div>

		<vb:else />

			{vb:set letters, {vb:php range, 'A', 'Z'}}
			<div class="b-memberlist__letterfilter js-memberlist__letterfilter h-clearfix h-hide-on-small">
				<div class="label h-left">{vb:phrase filter_results}:</div>
				<label class="letter all selected">{vb:phrase all}</label>
				<label class="letter numbers">#</label>
				<vb:each from="letters" value="letter">
					<label class="letter">{vb:raw letter}</label>
				</vb:each>
			</div>
			<div class="h-hide-on-large h-clearfix h-margin-bottom-l">

				<div class="h-left">
					<select name="startswith" class="js-drop-down-startswith b-form-select__select selectBox">
						<option class="all">{vb:phrase all}</option>
						<option class="numbers">#</option>
						<vb:each from="letters" value="letter">
							<option>{vb:raw letter}</option>
						</vb:each>
					</select>
				</div>

				<div class="h-right">
					{vb:phrase sort_by}:
					<div class="b-comp-menu-dropdown js-comp-menu-dropdown js-comp-menu-dropdown--display-current">
						<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow b-comp-menu-dropdown__trigger--outline js-button" tabindex="0">
							<span class="js-comp-menu-dropdown__trigger-text">{vb:phrase member_name} - {vb:phrase asc}</span>
						</div>
						<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--right">
							<li class="b-comp-menu-dropdown__content-item b-comp-menu-dropdown__content-item--current"><a class="js-memberlist-sortby-option" href="#" data-sortby="username" data-sortorder="asc">{vb:phrase member_name} - {vb:phrase asc}</a></li>
							<li class="b-comp-menu-dropdown__content-item"><a class="js-memberlist-sortby-option" href="#" data-sortby="username" data-sortorder="desc">{vb:phrase member_name} - {vb:phrase desc}</a></li>
							<li class="b-comp-menu-dropdown__content-item"><a class="js-memberlist-sortby-option" href="#" data-sortby="joindate" data-sortorder="asc">{vb:phrase join_date} - {vb:phrase asc}</a></li>
							<li class="b-comp-menu-dropdown__content-item"><a class="js-memberlist-sortby-option" href="#" data-sortby="joindate" data-sortorder="desc">{vb:phrase join_date} - {vb:phrase desc}</a></li>
							<li class="b-comp-menu-dropdown__content-item"><a class="js-memberlist-sortby-option" href="#" data-sortby="posts" data-sortorder="asc">{vb:phrase posts} - {vb:phrase asc}</a></li>
							<li class="b-comp-menu-dropdown__content-item"><a class="js-memberlist-sortby-option" href="#" data-sortby="posts" data-sortorder="desc">{vb:phrase posts} - {vb:phrase desc}</a></li>
							<li class="b-comp-menu-dropdown__content-item"><a class="js-memberlist-sortby-option" href="#" data-sortby="lastvisit" data-sortorder="asc">{vb:phrase last_visit} - {vb:phrase asc}</a></li>
							<li class="b-comp-menu-dropdown__content-item"><a class="js-memberlist-sortby-option" href="#" data-sortby="lastvisit" data-sortorder="desc">{vb:phrase last_visit} - {vb:phrase desc}</a></li>
							<li class="b-comp-menu-dropdown__content-item"><a class="js-memberlist-sortby-option" href="#" data-sortby="reputation" data-sortorder="asc">{vb:phrase reputation} - {vb:phrase asc}</a></li>
							<li class="b-comp-menu-dropdown__content-item"><a class="js-memberlist-sortby-option" href="#" data-sortby="reputation" data-sortorder="desc">{vb:phrase reputation} - {vb:phrase desc}</a></li>
						</ul>
					</div>
				</div>

			</div>

			{vb:template conversation_toolbar,
				pagingInfo={vb:raw members.pagingInfo},
				showLetterFilter=1,
				showPageNav=1}

			<div class="b-table b-table--full">
				<div class="l-row b-table__row--header js-per-page h-hide-on-small" data-perpage="{vb:raw members.pagingInfo.perpage}">

					<div class="l-col__fixed-1">
						&nbsp;
					</div>

					<div class="b-table__cell--header l-col__large-5 js-sort-by selected h-margin-left-s" data-sortby="username" data-sortorder="asc">
						<span class="h-pointer h-hide-on-small">
							<span class="js-sort-label">
								<span class="h-left">{vb:phrase member_name}</span>
								<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon vb-icon-triangle-up-wide"></span></div>
							</span>
						</span>
					</div>

					<div class="b-table__cell--header l-col__large-1 js-sort-by" data-sortby="joindate" data-sortorder="desc">
						<span class="h-pointer h-hide-on-small">
							<span class="js-sort-label">
								<span class="h-left">{vb:phrase join_date}</span>
								<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon"></span></div>
							</span>
						</span>
					</div>

					<div class="b-table__cell--header l-col__large-1 js-sort-by" data-sortby="posts" data-sortorder="desc">
						<span class="h-pointer h-hide-on-small">
							<span class="js-sort-label">
								<span class="h-left">{vb:phrase posts}</span>
								<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon"></span></div>
							</span>
						</span>
					</div>

					<div class="b-table__cell--header l-col__large-1 js-sort-by" data-sortby="lastvisit" data-sortorder="desc">
						<span class="h-pointer h-hide-on-small">
							<span class="js-sort-label">
								<span class="h-left">{vb:phrase last_visit}</span>
								<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon"></span></div>
							</span>
						</span>
					</div>

					<div class="b-table__cell--header l-col__large-1 js-sort-by" data-sortby="reputation" data-sortorder="desc">
						<span class="h-pointer h-hide-on-small">
							<span class="js-sort-label">
								<span class="h-left">{vb:phrase reputation}</span>
								<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon"></span></div>
							</span>
						</span>
					</div>

					<div class="b-table__cell--header l-col__large-2">
						<span class="h-hide-on-small">{vb:phrase messaging}</span>
					</div>

				</div>

				<div class="l-row b-table__row--divider h-hide-on-large"></div>

				{vb:template memberlist_items, members={vb:raw members}}

			</div>

		</vb:if>

	</div>
</div>

{vb:js js/memberlist.js}]]></template>
		<template name="widget_newcontent" templatetype="template" date="1484069531" username="vBulletin" version="5.2.6 Alpha 5"><![CDATA[<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget new-content-widget widget-no-header-buttons widget-no-border">
	<vb:if condition="isset($page) AND isset($page['routeInfo']) AND isset($page['routeInfo']['arguments']) AND isset($page['routeInfo']['arguments']['nodeid']) AND $page['routeInfo']['arguments']['nodeid'] > 0">
		{vb:data channelInfo, content_channel, fetchChannelById, {vb:raw page.routeInfo.arguments.nodeid}}
		{vb:set canCreate, 0}
		<vb:if condition="$channelInfo['createpermissions']['vbforum_text'] > 0">
			{vb:set showAdvancedEditorTab, 1}
			{vb:set showDiscussionTab, 1}
			{vb:set canCreate, 1}
		<vb:else />
			{vb:set showAdvancedEditor, 0}
			{vb:set showDiscussionTab, 0}
		</vb:if>
		<vb:if condition="$channelInfo['createpermissions']['vbforum_poll'] > 0">
			{vb:set showPollTab, 1}
			{vb:set canCreate, 1}
		<vb:else />
			{vb:set showPollTab, 0}
		</vb:if>

		<vb:if condition="$channelInfo['createpermissions']['vbforum_gallery'] > 0">
			{vb:set showPhotoTab, 1}
			{vb:set canCreate, 1}
		<vb:else />
			{vb:set showPhotoTab, 0}
		</vb:if>

		<vb:if condition="($channelInfo['createpermissions']['vbforum_video'] > 0) OR ($channelInfo['createpermissions']['vbforum_link'] > 0)">
			{vb:set showLinkTab, 1}
			{vb:set canCreate, 1}
		<vb:else />
			{vb:set showLinkTab, 0}
		</vb:if>

		<vb:if condition="$channelInfo['createpermissions']['vbforum_event'] > 0">
			{vb:set showEventTab, 1}
			{vb:set canCreate, 1}
		<vb:else />
			{vb:set showEventTab, 0}
		</vb:if>


		{vb:template module_title, widgetConfig={vb:raw widgetConfig}, admin_title={vb:raw page.title}}

		<div class="widget-content">
			<vb:if condition="$canCreate > 0">
				{vb:template contententry,
					page={vb:raw page},
					channelInfo={vb:raw channelInfo},
					parentid={vb:raw channelInfo.nodeid},
					routeid={vb:raw channelInfo.routeid},
					allowTypeText={vb:raw showAdvancedEditorTab},
					allowTypePhoto={vb:raw showPhotoTab},
					allowTypeLink={vb:raw showLinkTab},
					allowTypePoll={vb:raw showPollTab},
					allowTypeEvent={vb:raw showEventTab},
					defaultContentType=Text,
					showToggleEditor=1,
					showSmiley=1,
					showAttachment=1,
					showTags=1,
					initOnPageLoad=1,
					focusOnPageLoad=1,
					preloadJavascript=1,
					uploadFrom=newContent}

			<vb:else />
				{vb:phrase no_permission}
			</vb:if>
		</div>
	</vb:if>
</div>]]></template>
		<template name="widget_onlineuserdetails" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>
<vb:if condition="!isset($widgetConfig['WOLguests']) OR $widgetConfig['WOLguests']">
	{vb:set who, ''}
<vb:else />
	{vb:set who, 'members'}
</vb:if>

<vb:if condition="$widgetConfig['thisPageOnly']">
	{vb:set wolPageKey, {vb:raw page.pageKey}}
<vb:else />
	{vb:set wolPageKey, ''}
</vb:if>
{vb:rawdata onlineUsers, wol, fetchAll, {vb:raw wolPageKey}, {vb:var who}, {vb:raw page.pagenum}, {vb:raw widgetConfig.resultsPerPage}, '', '', {vb:raw widgetConfig.WOLresolve}}
{vb:rawdata onlineUserCounts, wol, fetchCounts, {vb:raw wolPageKey}}

<vb:if condition="!isset($onlineUserCounts['errors'])">
	<vb:if condition="$widgetConfig['WOLguests']">
		{vb:set totalMembers, {vb:raw onlineUserCounts.total}}
	<vb:else />
		{vb:set totalMembers, {vb:raw onlineUserCounts.members}}
	</vb:if>

	<vb:if condition="!empty($page['routeInfo']) AND is_array($page['routeInfo'])">
		{vb:data pagingInfo, page, getPagingInfo, {vb:raw page.pagenum}, {vb:raw totalMembers}, {vb:raw widgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
	</vb:if>
</vb:if>
{vb:data canWhosOnline, user, hasPermissions, wolpermissions, canwhosonline}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget widget-no-header widget-no-header-buttons widget-no-border default-widget wollist-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase whos_online}}
	<vb:if condition="isset($onlineUsers['errors']) OR isset($onlineUserCounts['errors']) OR !$canWhosOnline">
		{vb:set WOLrefresh, ''}
	<vb:else />
		{vb:set WOLrefresh, {vb:raw widgetConfig.WOLrefresh}}
	</vb:if>
	<div class="widget-content" data-refresh="{vb:var WOLrefresh}" data-who="{vb:raw who}" data-perpage="{vb:raw widgetConfig.resultsPerPage}" data-thispageonly="{vb:raw widgetConfig.thisPageOnly}" data-pagekey="{vb:var page.pageKey}" data-resolve="{vb:raw widgetConfig.WOLresolve}" data-pagerouteid="{vb:var page.routeInfo.routeId}">

		
		<vb:if condition="isset($onlineUsers['errors']) OR isset($onlineUserCounts['errors']) OR !$canWhosOnline">
			<div>{vb:phrase no_permission}</div>
		<vb:else />

			<div class="h-margin-bottom-s">
				<span class="user-counts">{vb:phrase x_members_y_guests_online, {vb:raw onlineUserCounts.members}, {vb:raw onlineUserCounts.guests}}</span>
				<span class="user-counters">{vb:phrase showing_x_to_y_of_z_users, {vb:raw pagingInfo.startcount}, {vb:raw pagingInfo.endcount}, {vb:raw pagingInfo.totalcount}}</span>
			</div>

			<vb:if condition="$onlineUsers">

				{vb:template conversation_toolbar, pagingInfo={vb:raw pagingInfo}, showPageNav=1}

				<vb:each from="onlineUsers" value="onlineUser">
					<vb:if condition="!empty($onlineUser['host'])">{vb:set showIP, 1}</vb:if>
				</vb:each>

				<div class="b-table b-table--full">

					<vb:if condition="!empty($showIP)">
						<vb:comment>5 columns: 3, 2, 3, 2, 2 = 12</vb:comment>
						{vb:set columnSizePrimary, 3}
						{vb:set columnSizeSecondary, 2}
					<vb:else />
						<vb:comment>4 columns: 3, 3, 3, 3 = 12</vb:comment>
						{vb:set columnSizePrimary, 3}
						{vb:set columnSizeSecondary, 3}
					</vb:if>

					<div class="l-row b-table__row--header h-hide-on-small">

						<div class="l-col__large-{vb:var columnSizePrimary} b-table__cell--header h-pointer js-wol-sort-by" data-sortby="username" data-sortorder="desc">
							<span class="h-left">{vb:phrase username}</span>
							<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon js-sort-arrow"></span></div>
						</div>

						<div class="l-col__large-{vb:var columnSizeSecondary} b-table__cell--header h-pointer js-wol-sort-by" data-sortby="time" data-sortorder="desc">
							<span class="h-left">{vb:phrase last_activity}</span>
							<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon js-sort-arrow vb-icon-triangle-down-wide"></span></div>
						</div>

						<div class="l-col__large-{vb:var columnSizePrimary} b-table__cell--header h-pointer js-wol-sort-by" data-sortby="location" data-sortorder="desc">
							<span class="h-left">{vb:phrase location_perm}</span>
							<div class="arrow vb-icon-wrapper h-left"><span class="vb-icon js-sort-arrow"></span></div>
						</div>

						<vb:if condition="!empty($showIP)">
							<div class="l-col__large-{vb:var columnSizeSecondary} b-table__cell--header">{vb:phrase ip_address}</div>
						</vb:if>

						<div class="l-col__large-{vb:var columnSizeSecondary} b-table__cell--header">{vb:phrase messaging}</div>

					</div>

					<div class="js-table-content">

						{vb:template onlineuser_details,
							onlineUsers={vb:raw onlineUsers},
							showIP={vb:raw showIP},
							pagingInfo={vb:raw pagingInfo}}

					</div>

				</div>

			<vb:else />
				<p>{vb:phrase no_user_online}</p>
			</vb:if>

		</vb:if>
	</div>
</div>
{vb:js js/sb_online.js}
{vb:js js/jquery/jquery.qtip.min.js}
{vb:js js/qtip.js}]]></template>
		<template name="widget_onlineusers" templatetype="template" date="1460060009" username="vBulletin" version="5.2.2 Alpha 4"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!$widgetConfig['thisPageOnly']">
	{vb:rawdata onlineUsers, wol, fetchAll, '', 'members', 1, {vb:raw widgetConfig.maxUsers}}
	{vb:rawdata onlineUserCounts, wol, fetchCounts, ''}
<vb:else />
	{vb:rawdata onlineUsers, wol, fetchAll, {vb:raw page.pageKey}, 'members', 1, {vb:raw widgetConfig.maxUsers}}
	{vb:rawdata onlineUserCounts, wol, fetchCounts, {vb:raw page.pageKey}}
</vb:if>
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget wol-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		title={vb:phrase whats_going_on},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content<vb:if condition="$widgetConfig['displayAvatars'] AND $onlineUsers AND $user['showavatars']"> display-avatar</vb:if>">
		<vb:if condition="isset($onlineUsers['errors']) OR isset($onlineUserCounts['errors'])">
			<div>{vb:phrase no_permission}</div>
		<vb:else />
			<vb:if condition="!empty($widgetinstanceid)">
				<p><vb:if condition="$onlineUserCounts['total'] > 1">{vb:rawphrase there_are_x_online, {vb:raw onlineUserCounts.total}, {vb:url 'online_details'}}<vb:else />{vb:rawphrase there_is_x_online, {vb:raw onlineUserCounts.total}, {vb:url 'online_details'}}</vb:if> {vb:rawphrase x_members_and_y_guests, {vb:raw onlineUserCounts.members}, {vb:raw onlineUserCounts.guests}}.</p>
				<p>{vb:rawphrase most_users_ever_online_was_x_y_at_z, {vb:raw onlineUserCounts.recordusers}, {vb:datetime {vb:raw onlineUserCounts.maxonlinedate}, date}, {vb:datetime {vb:raw onlineUserCounts.maxonlinedate}, time}}</p>
				<vb:if condition="$onlineUsers">
					<ul class="onlineuserlist h-clearfix">
						{vb:set onlineCount, 0}
						<vb:each from="onlineUsers" value="onlineUser">
							<vb:if condition="$onlineUser['invisible']">
								{vb:set onlineUser.invisibleMarker, '*'}
							<vb:else />
								{vb:set onlineUser.invisibleMarker, ''}
							</vb:if>
							<li class="h-left">
								<vb:comment>If the widget is set to display avatars and the current viewing user wants to see avatars</vb:comment>
								<vb:if condition="$widgetConfig['displayAvatars'] AND $user['showavatars']">
									<a href="{vb:url 'profile', {vb:raw onlineUser}}" class="avatar h-left<vb:if condition="!empty($onlineUser['invisible'])"> onlineuserlist-invisible</vb:if>">
										<vb:if condition="!empty($onlineUser['avatarpath'])">
											<img title="{vb:raw onlineUser.username}{vb:var onlineUser.invisibleMarker}" alt="{vb:raw onlineUser.username}{vb:var onlineUser.invisibleMarker}" src="{vb:raw baseurl_corecdn}/{vb:raw onlineUser.avatarpath}" />
										<vb:else />
											<img title="{vb:raw onlineUser.username}{vb:var onlineUser.invisibleMarker}" alt="{vb:raw onlineUser.username}{vb:var onlineUser.invisibleMarker}" src="{vb:raw baseurl_corecdn}/images/default/default_avatar_medium.png" width="64" height="64" />
										</vb:if>
									</a>
								<vb:else />
									<a href="{vb:url 'profile', {vb:raw onlineUser}}"<vb:if condition="$onlineUser['invisible']"> class="username-invisible-user"</vb:if>><vb:if condition="!empty($onlineUser['musername'])">{vb:raw onlineUser.musername}<vb:else />{vb:raw onlineUser.username}</vb:if></a><vb:if condition="++$onlineCount < count($onlineUsers)">,&nbsp;</vb:if>
								</vb:if>
							</li>
						</vb:each>
					</ul>
				</vb:if>
			<vb:else />
				<vb:if condition="$user['can_use_sitebuilder']">
					<span class="note">{vb:phrase click_edit_to_config_module}</span>
				</vb:if>
			</vb:if>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_pagetitle" templatetype="template" date="1505247642" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:set nodeid, 0}
{vb:set conversationStarter, 0}
<vb:if condition="!empty($page['nodeid'])">
	{vb:set nodeid, {vb:var page.nodeid}}
	{vb:rawdata conversation, node, getNodeContent, {vb:raw nodeid}}
	<vb:if condition="!isset($conversation['errors']) AND !empty($conversation[$nodeid]['starter'])">
		{vb:rawdata conversationStarter, node, getNode, {vb:raw conversation.$nodeid.starter}}
		<vb:if condition="isset($conversationStarter['errors'])">
			{vb:set conversationStarter, 0}
		</vb:if>
	</vb:if>
</vb:if>

<vb:comment>Title for the new content page</vb:comment>
{vb:set newContentPageTitle, ''}
<vb:if condition="$nodeid > 0 AND $page['guid'] == 'vbulletin-4ecbdac82f2c27.60323369'">
	{vb:data channelInfo, content_channel, fetchChannelById, {vb:raw nodeid}}
	<vb:if condition="$channelInfo['channeltype'] == 'forum'">
		{vb:set newContentPageTitle, {vb:phrase create_new_topic}}
	<vb:elseif condition="$channelInfo['channeltype'] == 'blog'" />
		{vb:set newContentPageTitle, {vb:phrase create_new_blog_entry}}
	<vb:elseif condition="$channelInfo['channeltype'] == 'group'" />
		{vb:set newContentPageTitle, {vb:phrase create_new_topic}}
	<vb:elseif condition="$channelInfo['channeltype'] == 'article'" />
		{vb:set newContentPageTitle, {vb:phrase create_new_article}}
	</vb:if>
</vb:if>

<vb:if condition="$page['channelid'] != $nodeid AND !empty($conversationStarter) AND isset($conversationStarter['htmltitle']) AND !empty($conversationStarter['htmltitle'])">
	{vb:set pageTitle, {vb:raw conversationStarter.htmltitle}}
<vb:elseif condition="$newContentPageTitle" />
	{vb:set pageTitle, {vb:raw newContentPageTitle}}
<vb:else />
	{vb:set pageTitle, {vb:raw page.title}}
</vb:if>

<vb:comment>Show the RSS icon next to the page title only if it's a channel
	(which is determined at the route level for page & channel routes)
</vb:comment>
<vb:if condition="!empty($page['rss_enabled']) AND !empty($page['rss_show_icon_on_pagetitle']) AND !empty($page['rss_route'])">
	{vb:set showRssIcon, 1}
<vb:else />
	{vb:set showRssIcon, 0}
</vb:if>


<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget page-title-widget widget-no-header-buttons widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		admin_title={vb:rawphrase page_title},
		title={vb:raw pageTitle},
		showRssIcon={vb:raw showRssIcon}}

	<vb:comment>Show avatar/username/publishdate/views, etc here for article detail pages</vb:comment>
	<vb:if condition="!empty($conversation) AND !empty($conversation[$nodeid]) AND $conversation[$nodeid]['nodeid'] == $conversation[$nodeid]['starter'] AND $conversation[$nodeid]['channeltype'] == 'article'">

		<vb:comment>Add article views information</vb:comment>
		{vb:data conversation, node, 'mergeNodeviewsForTopics', {vb:raw conversation}}
		{vb:set conversation.$nodeid.views, {vb:raw conversation.$nodeid.content.views}}

		{vb:set conversation, {vb:raw conversation.$nodeid}}

		<div class="b-post__article-meta-wrapper js-update-article-title-info hide-on-editmode">

			<vb:comment>**** Article Title (on article page) ****</vb:comment>
			{vb:template article_title_info,
				conversation={vb:raw conversation},
				reportActivity=0,
				displayCompact=1,
				hideTitle=1,
				isPageTitle=1}

		</div>
	</vb:if>

</div>]]></template>
		<template name="widget_photos" templatetype="template" date="1438634209" username="vBulletin" version="5.1.9 Alpha 6"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget edit-photos-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase edit_photos}}
	<div class="widget-content">
	<h3>{vb:phrase no_content_yet}</h3>
	</div>
</div>]]></template>
		<template name="widget_php" templatetype="template" date="1452807873" username="vBulletin" version="5.2.1 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget custom-html-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content">
		<vb:if condition="!empty($widgetConfig['code']) AND !$vboptions['disable_php_rendering']">
			{vb:action evaledPHP, bbcode, evalCode, {vb:raw widgetConfig.code}}
			{vb:raw $evaledPHP}
		<vb:else />
			<vb:if condition="$user['can_use_sitebuilder']">
				<span class="note">{vb:phrase click_edit_to_config_module}</span>
			</vb:if>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_privatemessages" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[<!-- empty -->]]></template>
		<template name="widget_privatemessage_display" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:cssExtra css_message_center.css}
<div class="b-module b-module--contiguous{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget private-message-widget conversation-content-widget widget-no-header widget-no-border private-message-display<vb:if condition="$page['subtemplate'] == 'privatemessage_reportview'"> conversation-content-widget</vb:if>" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase message}}
 	<div class="widget-content">
		<vb:if condition="$user['userid'] > 0">
			<div id="pmInfoDialog" class="sb-dialog">
				<div class="dialog-content" id="pmInfoContent"></div>
			</div>
			<div id="privateMessageContainer" class="h-clearfix">
				<div class="main-pane h-clearfix">
					<vb:if condition="!empty($page['subtemplate'])">
						{vb:template {vb:raw page.subtemplate}, page={vb:raw page}, user = {vb:raw user}, widgetConfig = {vb:var widgetConfig}}
					<vb:else />
						{vb:template privatemessage_foldersummary, page={vb:raw page}, user = {vb:raw user}}
					</vb:if>
				</div>
			</div>
		<vb:else />
			<div class="error">{vb:phrase please_login_to_view_private_messages}</div>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_privatemessage_navigation" templatetype="template" date="1516228252" username="vBulletin" version="5.4.1 Alpha 1"><![CDATA[<vb:if condition="!empty($user['userid'])">
	<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
		{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
	</vb:if>
	<vb:if condition="!empty($widgetConfig)">
		{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
		{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
	</vb:if>

	{vb:cssExtra css_message_center.css}
	<div class="b-module b-module--contiguous{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget private-message-widget widget-no-header widget-no-border left-nav" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
		{vb:template module_title, widgetConfig={vb:raw message_navigation}, title={vb:phrase blog_admin}}
		<div class="widget-content">

			<vb:comment>
				@TODO: See VBV-14415 for more information.

				NOTES: This is placed here instead of at DOM ready event to minimize flash of unstyled content of Private Message Left Navigation.
				Don't use jQuery here as jQuery library is only loaded later at the bottom of the body tag. Don't delay this by putting this block inside setTimeout.

				Keep this in sync with the same block of code in widget_profile_sidebar

			</vb:comment>
			<vb:literal>
				<script type="text/javascript">
				(function() {
					var canvasLayout = document.querySelector('.canvas-layout-container .canvas-layout');
					canvasLayout.className += ' b-layout--contiguous';
				})();
				</script>
			</vb:literal>

			<div id="pmInfoDialogNav" class="sb-dialog stretch">
				<div class="dialog-content stretch" id="pmInfoContentNav">
				</div>
				<div class="b-button-group">
					<button id="pmInfoCloseNav" type="button" class="b-button b-button--primary">{vb:phrase close}</button>
				</div>
			</div>

			{vb:data canUsePmSystem, content_privatemessage, canUsePmSystem}

			<div id="privateMessageNavContainer" class="h-clearfix">
				<div class="nav-pane">
					{vb:data folders, content_privatemessage, fetchSummary}
					{vb:set folderlist, {vb:raw folders.folders}}
					<vb:if condition="$canUsePmSystem">
						{vb:set routeInfo.action, 'new'}
						<vb:if condition="!$user['is_globally_ignored']">
							{vb:data pm_channel, node, fetchPMChannel}
							{vb:data canCreatePM, user, hasPermissions, createpermissions, vbforum_privatemessage, {vb:raw pm_channel}}
							<vb:if condition="$canCreatePM">
								<div class="b-button-group compose-btn-container">
									<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="b-button b-button--primary-light b-button--full">{vb:rawphrase compose_new}</a>
								</div>
							</vb:if>
						</vb:if>
						<div class="folder-list">
							{vb:set routeInfo.action, 'index'}
							<!--Inbox-->
							<div class="folder-item special-folder inbox<vb:if condition="!empty($folders['unread'])"> has-count</vb:if>">
								<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['action'] == 'index'">selected</vb:if>">
									<span class="label text-bold h-wordwrap">{vb:rawphrase inbox}</span>
									<vb:if condition="!empty($folders['unread'])"><span class="count">{vb:raw folders.unread}</span></vb:if>
								</a>
							</div>

							{vb:set routeInfo.action, 'list'}
							{vb:set routeInfo.pagenum, '1'}
							{vb:set folder, {vb:raw folderlist.messages} }
							{vb:set routeInfo.folderid, {vb:raw folder.folderid}}
							<!--Messages-->
							<div class="folder-item special-folder messages<vb:if condition="!empty($folder['qty'])"> has-count</vb:if>">
								<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['folderid'] == $folder['folderid']">selected</vb:if>">
									<span class="vb-icon vb-icon-messages"></span>
									<span class="label ellipsis">{vb:rawphrase messages}</span>
									<vb:if condition="!empty($folder['qty'])"><span class="count">{vb:raw folder.qty}</span></vb:if>
								</a>
							</div>

							{vb:set routeInfo.action, 'sentitems'}
							{vb:set routeInfo.pagenum, '1'}
							{vb:set folder, {vb:raw folderlist.sent_items} }
							{vb:set routeInfo.folderid, {vb:raw folder.folderid}}
							<vb:comment>Sent Items</vb:comment>
							<div class="folder-item special-folder sent-items">
								<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['folderid'] == $folder['folderid']">selected</vb:if>">
									<span class="vb-icon vb-icon-sent-items"></span>
									<span class="label ellipsis">{vb:rawphrase sent_items}</span>
									<vb:if condition="!empty($folder['qty'])"><span class="count">{vb:raw folder.qty}</span></vb:if>
								</a>
							</div>
						</div>
						<div class="folder-list custom-folder-list">
							<vb:if condition="$folderlist['customFolders']">
								{vb:set customFolders, {vb:raw folderlist.customFolders}}
								<form>
								<vb:each from="customFolders" key="index" value="folder">
									{vb:set routeInfo.folderid, {vb:raw folder.folderid}}
									{vb:set routeInfo.action, 'list'}
									<!--Custom Folders-->
									<div class="folder-item custom-folder<vb:if condition="!empty($folder['qty'])"> has-count</vb:if>">
										<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['folderid'] == $folder['folderid']">selected</vb:if>">
											<span class="vb-icon vb-icon-custom-folder"></span>
											<span class="label h-wordwrap ellipsis">{vb:raw folder.title}</span>
											<span class="edit-icon-wrapper" title="{vb:phrase edit_folder}"><span class="edit-icon vb-icon vb-icon-edit">{vb:phrase edit_folder}</span></span>
											<vb:if condition="!empty($folder['qty'])"><span class="count">{vb:raw folder.qty}</span></vb:if>
										</a>
										<span class="edit-box-wrapper"><input type="text" value="{vb:var folder.title}" class="b-form-input__input--hide-clear-button edit-folder-box textbox" data-node-id="{vb:raw folder.folderid}" /><span class="delete-icon b-icon b-icon__x-1bit--gray" title="{vb:phrase delete_folder}">{vb:phrase delete_folder}</span></span>
									</div>
								</vb:each>
								</form>
							</vb:if>
						</div>

						<!--Custom Folder Template-->
						<div class="folder-item custom-folder template h-hide">
							{vb:set routeInfo.folderid, 0}
							{vb:set routeInfo.action, 'list'}
							<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link">
								<span class="vb-icon vb-icon-custom-folder"></span>
								<span class="label h-wordwrap ellipsis"></span>
								<span class="edit-icon-wrapper" title="{vb:phrase edit_folder}"><span class="edit-icon vb-icon vb-icon-edit">{vb:phrase edit_folder}</span></span>
							</a>
							<span class="edit-box-wrapper"><input type="text" class="edit-folder-box textbox" data-node-id="" /><span class="delete-icon b-icon b-icon__x-1bit--gray" title="{vb:phrase delete_folder}">{vb:phrase delete_folder}</span></span>
						</div>

						<div class="folder-list">
							<!--Add Folder-->
							<div class="folder-item special-folder add-folder">
								<a href="#add-folder" class="folder-link">
									<span class="vb-icon vb-icon-add-folder"></span>
									<span class="label ellipsis">{vb:phrase add_a_folder}</span>
								</a>
								<div class="add-folder-container h-hide">
									<input type="text" class="folder-name textbox" />
									<button type="button" class="b-button b-button--primary">{vb:phrase save}</button>
									<button type="button" class="b-button b-button--secondary">{vb:phrase cancel}</button>
								</div>
							</div>

							<!--Trash-->
							{vb:set folder, {vb:raw folderlist.trash}}
							{vb:set routeInfo.folderid, {vb:raw folder.folderid}}
							{vb:set routeInfo.action, 'trash'}
							<div class="folder-item special-folder trash<vb:if condition="!empty($folder['qty'])"> has-count</vb:if>">
								<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['folderid'] == $folder['folderid']">selected</vb:if>">
									<span class="vb-icon vb-icon-trash"></span>
									<span class="label ellipsis">{vb:rawphrase trash}</span>
									<vb:if condition="!empty($folder['qty'])"><span class="count">{vb:raw folder.qty}</span></vb:if>
								</a>
							</div>
						</div>
						<hr class="divider-solid" />
					</vb:if>
					<div class="folder-list">

						<!--Requests-->
						{vb:set routeInfo.action, 'request'}
						{vb:set folder, {vb:raw folderlist.requests}}
						{vb:set routeInfo.folderid, {vb:raw folder.folderid}}
						<div class="folder-item folder-item-main special-folder requests<vb:if condition="!empty($folder['qty'])"> has-count</vb:if>">
							<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['action'] == 'request' AND $page['folderid'] == $folder['folderid']">selected</vb:if>">
								<span class="vb-icon vb-icon-requests"></span>
								<span class="label ellipsis">{vb:rawphrase requests}</span>
								<vb:if condition="!empty($folder['qty'])"><span class="count">{vb:raw folder.qty}</span></vb:if>
							</a>
						</div>

						<!--Notifications-->
						{vb:set routeInfo.action, 'notification'}
						{vb:set folder, {vb:raw folderlist.notifications}}
						{vb:set routeInfo.folderid, {vb:raw folder.folderid}}
						<div class="folder-item special-folder folder-item-main notifications<vb:if condition="!empty($folder['qty'])"> has-count</vb:if>">
							<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['action'] == 'notification' AND $page['folderid'] == $folder['folderid']">selected</vb:if>">
								<span class="vb-icon vb-icon-notifications"></span>
								<span class="label ellipsis">{vb:rawphrase notifications}</span>
								<vb:if condition="!empty($folder['qty'])"><span class="count">{vb:raw folder.qty}</span></vb:if>
							</a>
						</div>

						<hr class="divider-solid" />

						<div class="folder-item special-folder inbox<vb:if condition="!empty($folders['unread'])"> has-count</vb:if>">
							<span class="label ellipsis text-bold">{vb:rawphrase subscriptions}</span>
						</div>

						<!--Subscriptions-->
						{vb:set routeInfo.action, 'subscribedposts'}
						{vb:set routeInfo.folderid, 0}
						{vb:data following, follow, getFollowingActivities}
						<div class="folder-item folder-item-main special-folder pending-posts<vb:if condition="!empty($folder['qty'])"> has-count</vb:if>">
							<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['action'] == 'subscribedposts'">selected</vb:if>">
								<span class="vb-icon vb-icon-pending-posts"></span>
								<span class="label ellipsis">{vb:rawphrase posts}</span>
								<vb:if condition="!empty($following['totalcount'])"><span class="count">{vb:raw following.totalcount}</span></vb:if>
							</a>
						</div>

						<!--Subscriptions - Users-->
						{vb:set routeInfo.action, 'subscribers'}
						{vb:set routeInfo.folderid, 0}
						{vb:data following, follow, getFollowingUserActivities}
						<div class="folder-item folder-item-main special-folder pending-posts<vb:if condition="!empty($folder['qty'])"> has-count</vb:if>">
							<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['action'] == 'subscribers'">selected</vb:if>">
								<span class="vb-icon vb-icon-pending-posts"></span>
								<span class="label ellipsis">{vb:rawphrase users}</span>
								<vb:if condition="!empty($following['totalRecords'])"><span class="count">{vb:raw following.totalRecords}</span></vb:if>
							</a>
						</div>

						<hr class="divider-solid" />

						<!--Pending Posts-->
						{vb:set routeInfo.action, 'pendingposts'}
						{vb:set folder, {vb:raw folderlist.pending}}
						{vb:set routeInfo.folderid, {vb:raw folder.folderid}}
						<div class="folder-item folder-item-main special-folder pending-posts<vb:if condition="!empty($folder['qty'])"> has-count</vb:if>">
							<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['folderid'] == $folder['folderid']">selected</vb:if>">
								<span class="vb-icon vb-icon-pending-posts"></span>
								<span class="label ellipsis">{vb:rawphrase moderation}</span>
								<vb:if condition="!empty($folder['qty'])"><span class="count">{vb:raw folder.qty}</span></vb:if>
							</a>
						</div>

						{vb:data specialChannelViewPerms, content_channel, canViewReportsAndInfractions}

						<!--Flag Reports-->
						<vb:if condition="$specialChannelViewPerms['result']['can_view_reports']">
							{vb:set routeInfo.action, 'report'}
							{vb:set routeInfo.folderid, 0}
							{vb:data openReportCount, content_privatemessage, getOpenReportsCount}
							<div class="folder-item special-folder reports folder-item-main">
								<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['action'] == 'report' OR $page['action'] == 'reportview'">selected</vb:if>">
									<span class="vb-icon vb-icon-flag"></span>
									<span class="label ellipsis">{vb:rawphrase flag_reports}</span>
									<vb:if condition="$openReportCount > 0"><span class="count">{vb:raw openReportCount}</span></vb:if>
								</a>
							</div>
						</vb:if>

						<!--Infractions-->
						<vb:if condition="$specialChannelViewPerms['result']['can_view_infractions']">
							{vb:set routeInfo.action, 'infractions'}
							{vb:set folder, {vb:raw folderlist.infractions}}
							{vb:set routeInfo.folderid, {vb:raw folder.folderid}}
							<div class="folder-item folder-item-main special-folder infractions<vb:if condition="!empty($folder['qty'])"> has-count</vb:if>">
								<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['folderid'] == $folder['folderid']">selected</vb:if>">
									<span class="vb-icon vb-icon-infractions"></span>
									<span class="label ellipsis">{vb:rawphrase infractions}</span>
									<vb:if condition="!empty($folder['qty'])"><span class="count">{vb:raw folder.qty}</span></vb:if>
								</a>
							</div>
						</vb:if>

						<!--Deleted items-->
						<vb:if condition="$user['is_moderator']">
							{vb:set routeInfo.action, 'deletedItems'}
							{vb:set folder, {vb:raw folderlist.deleted_items}}
							{vb:set routeInfo.folderid, {vb:raw folder.folderid}}
							<div class="folder-item folder-item-main special-folder deleted_items<vb:if condition="!empty($folder['qty'])"> has-count</vb:if>">
								<a href="{vb:url 'privatemessage', {vb:raw routeInfo}}" class="folder-link <vb:if condition="$page['folderid'] == $folder['folderid']">selected</vb:if>">
									<span class="vb-icon vb-icon-trash vb-icon-deleted_items"></span>
									<span class="label ellipsis">{vb:rawphrase deleted_items}</span>
									<vb:if condition="!empty($folder['qty'])"><span class="count">{vb:raw folder.qty}</span></vb:if>
								</a>
							</div>
						</vb:if>
					</div>
				</div>
			</div>
		</div>
	</div>
</vb:if>]]></template>
		<template name="widget_privatemessage_search" templatetype="template" date="1524096428" username="vBulletin" version="5.4.2 Alpha 4"><![CDATA[<vb:if condition="!empty($user['userid'])">
	{vb:data canUsePmSystem, content_privatemessage, canUsePmSystem}
	{vb:js js/privatemessage.js}
	<script type="text/javascript">
		var routeAction = "{vb:raw page.action}";
	</script>

	<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
		{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
	</vb:if>
	<vb:if condition="!empty($widgetConfig)">
		{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
		{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
	</vb:if>

	{vb:cssExtra css_message_center.css}
	<div class="b-module b-module--contiguous{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget private-message-widget widget-no-header widget-no-border private-message-search" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
		{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase message_search}}
		<div class="widget-content">
			<vb:if condition="$canUsePmSystem">
				<div id="pmInfoDialogSearch" class="sb-dialog stretch">
					<div class="dialog-content stretch" id="pmInfoContentSearch"></div>
					<div class="b-button-group">
						<button id="pmInfoCloseSearch" type="button" class="b-button b-button--primary">{vb:phrase close}</button>
					</div>
				</div>

				<div id="private-message-search" class="private-message-search">
					<form id="pmSearch" action="search">
						<div class="b-form-input__input-with-button-container b-form-input__input-with-button-container--full">
							<input type="text" name="q" id="pmSearchText" placeholder="{vb:phrase search_messages}" class="b-form-input__input b-form-input__input--with-button b-form-input__input--shadow" autocomplete="off" />
							<button type="submit" id="btnSearchPM" class="b-form-input__inside-button search-btn" title="{vb:phrase search_messages}"><span class="b-form-input__inside-button-icon b-icon b-icon__search-gray-s">{vb:phrase search_messages}</span></button>
						</div>
						<input type="hidden" name="searchJSON" value="">
					</form>
				</div>

			</vb:if>
		</div>
	</div>
</vb:if>]]></template>
		<template name="widget_privatemessage_toolbar" templatetype="template" date="1515201646" username="vBulletin" version="5.4.0 Alpha 1"><![CDATA[<vb:if condition="!empty($user['userid'])">
	<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
		{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
	</vb:if>
	<vb:if condition="!empty($widgetConfig)">
		{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
		{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
	</vb:if>
	
	{vb:cssExtra css_message_center.css}
	<div class="b-module b-module--contiguous{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget private-message-widget widget-no-header widget-no-border private-message-toolbar<vb:if condition="$page['subtemplate'] == 'privatemessage_foldersummary'"> empty</vb:if>" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
		{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase message_toolbar}}
		<div class="widget-content">
			<div id="pmInfoDialogToolbar" class="sb-dialog stretch">
				<div class="dialog-content stretch" id="pmInfoContentToolbar">
				</div>
				<div class="b-button-group">
					<button id="pmInfoCloseToolbar" type="button" class="b-button b-button--primary">{vb:phrase close}</button>
				</div>
			</div>
	
			{vb:set toolbarTemplate, {vb:raw page.subtemplate}}
			{vb:strcat toolbarTemplate, '_toolbar'}
			{vb:set setPerPage, 0}
			<vb:if condition="$widgetConfig['resultsPerPage']">
				{vb:set setPerPage, {vb:raw widgetConfig.resultsPerPage}}
			</vb:if>
			<div id="private-message-toolbar" class="h-clearfix">
				{vb:template {vb:raw toolbarTemplate}, 
					page={vb:raw page}, 
					widgetConfig = {vb:var widgetConfig}, 
					setPerPage={vb:raw setPerPage}
				}
			</div>
	
			<vb:comment>
			<div id="privateMessageToolboxContainer" class="h-clearfix">
				<div class="main-pane h-clearfix">
					{vb:template {vb:raw toolbarTemplate}, page={vb:raw page}}
				</div>
			</div>
			</vb:comment>
	
		</div>
	</div>
</vb:if>]]></template>
		<template name="widget_product_disabled" templatetype="template" date="1532130449" username="vBulletin" version="5.4.4 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>
<vb:comment>js class isn't used by our js, but is for debugging convenience</vb:comment>
<div class="js-widget-product-disabled h-hide">
	<vb:if condition="empty($widgettitle)">
		{vb:phrase widgetinstance_x_disabled_product_y, {vb:var widgetinstanceid}, {vb:var product}}
	<vb:else />
		{vb:phrase widget_x_y_disabled_product_z, {vb:var widgettitle}, {vb:var widgetinstanceid}, {vb:var product}}
	</vb:if>
</div>]]></template>
		<template name="widget_profile" templatetype="template" date="1545869589" username="vBulletin" version="5.5.1 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>
<vb:if condition="empty($widgetConfig['resultsPerPage'])">
	{vb:set widgetConfig.resultsPerPage, 20}
</vb:if>

{vb:rawdata userInfo, user, fetchProfileInfo, {vb:raw page.userid}}
<vb:if condition="isset($userInfo['userid'])">
	<vb:if condition="$userInfo['userid'] == $user['userid']">
		{vb:set displayOwner , 1}
		{vb:set showusercss, 1}
	<vb:else />
		{vb:set displayOwner , 0}
		{vb:set showusercss, {vb:raw user.showusercss}}
	</vb:if>
	{vb:data viewPermission, user, hasPermissions, 'genericpermissions', 'canviewmembers'}
	<vb:if condition="$viewPermission">
		{vb:data canusefriends, user, hasPermissions, 'genericpermissions2', 'canusefriends'}
		{vb:data isFollowing, follow, isFollowingUser, {vb:raw userInfo.userid}}
		{vb:set canSubscribe, 0}
		<vb:if condition="$canusefriends AND $user['userid'] AND $user['userid'] != $userInfo['userid']">
			{vb:set canSubscribe, 1}
		</vb:if>

		<vb:if condition="!empty($userInfo['showVM']) AND !empty($userInfo['vm_enable'])">
			{vb:set showVM, 1}
		</vb:if>

		<vb:if condition="!empty($userInfo['showActivities']) OR !empty($showVM)">
			{vb:set displayActivitiesContent, 1}
		<vb:elseif condition="!$user['userid']" />
			{vb:set hideActivitiesTab, 1}
		</vb:if>

		<vb:if condition="$displayOwner">
			<div class="h-hide stretch profile_custom_edit h-clearfix" data-page-userid="{vb:var page.userid}"></div>
		</vb:if>

		<vb:comment>We'll check the permissions for the current logged in user to see permissions for the passed in userid</vb:comment>
		{vb:data showInfractionsTab, content_infraction, canViewUserInfractions, {vb:var userInfo.userid}}

		<vb:if condition="$showInfractionsTab AND $displayOwner AND $userInfo['infractions'] == 0 AND $userInfo['warnings'] == 0">
			{vb:set showInfractionsTab, 0}
		</vb:if>

		{vb:set noViewPermission, 0}
	<vb:else />
		{vb:set noViewPermission, 1}
		{vb:set showInfractionsTab, 0}
	</vb:if>
</vb:if>

<vb:if condition="!isset($widgetConfig['display_tabs'])">
	{vb:set widgetConfig.display_tabs, 0}
</vb:if>

<vb:comment>Determine the visible tabs based on permissions</vb:comment>
{vb:set visibleTabURLs, {vb:php array}}
{vb:set visibleTabNames, {vb:php array}}
<vb:if condition="empty($hideActivitiesTab)">
	{vb:set elem_count, {vb:php array_push, {vb:raw visibleTabURLs}, 'activities'}}
	{vb:set visibleTabNames.activities-tab, 'activities'}
</vb:if>
<vb:if condition="!empty($displayOwner)">
	{vb:set elem_count, {vb:php array_push, {vb:raw visibleTabURLs}, 'subscribed'}}
	{vb:set visibleTabNames.subscribed-tab, 'subscribed'}
</vb:if>
<vb:if condition="$userInfo['showContactInfo']">
	{vb:set elem_count, {vb:php array_push, {vb:raw visibleTabURLs}, 'about'}}
	{vb:set visibleTabNames.about-tab, 'about'}
</vb:if>
<vb:if condition="$userInfo['showPhotos'] OR $userInfo['showVideos']">
	{vb:set elem_count, {vb:php array_push, {vb:raw visibleTabURLs}, 'media'}}
	{vb:set visibleTabNames.media-tab, 'media'}
</vb:if>
<vb:if condition="$showInfractionsTab">
	{vb:set elem_count, {vb:php array_push, {vb:raw visibleTabURLs}, 'infractions'}}
	{vb:set visibleTabNames.infractions-tab, 'infractions'}
</vb:if>

<vb:comment>Check the tab specified in the URL against visible tabs</vb:comment>
<vb:if condition="!empty($page['tab']) AND in_array($page['tab'], $visibleTabURLs)">
	{vb:set tabId, '#'}
	{vb:strcat tabId, {vb:var page.tab}}
	{vb:strcat tabId, '-tab'}
	{vb:set widgetConfig.default_tab, {vb:raw tabId}}
	{vb:set tabSpecified, 1}
<vb:elseif condition="empty($widgetConfig['default_tab'])" />
	<vb:comment>
		If no tab was specified in the URL and a default tab isn't set in the config,
		then set the default tab based on the first visible tab from the widget config tab order
	</vb:comment>
	<vb:if condition="!empty($widgetConfig['tab_order'])">
		<vb:each from="widgetConfig.tab_order" key="tabName" value="tabIndex">
			<vb:if condition="empty($defaultTab) AND !empty($visibleTabNames[$tabName])">
				{vb:set defaultTab, {vb:raw tabName}}
			</vb:if>
		</vb:each>
		{vb:set widgetConfig.default_tab, {vb:raw defaultTab}}
	<vb:else />
		<vb:comment>or based on the first visible tab from a fixed order</vb:comment>
		<vb:if condition="empty($hideActivitiesTab)">
			{vb:set widgetConfig.default_tab, '#activities-tab'}
		<vb:elseif condition="!empty($displayOwner)" />
			{vb:set widgetConfig.default_tab, '#subscribed-tab'}
		<vb:elseif condition="$userInfo['showContactInfo']" />
			{vb:set widgetConfig.default_tab, '#about-tab'}
		<vb:elseif condition="$userInfo['showPhotos'] OR $userInfo['showVideos']" />
			{vb:set widgetConfig.default_tab, '#media-tab'}
		<vb:elseif condition="$showInfractionsTab" />
			{vb:set widgetConfig.default_tab, '#infractions-tab'}
		</vb:if>
	</vb:if>
</vb:if>


<vb:comment>TODO: grab first element from visible tabs instead? </vb:comment>
<vb:if condition="empty($widgetConfig['default_tab'])">
	{vb:set widgetConfig.default_tab, '#activities-tab'}
</vb:if>

{vb:set configDefaultTab, {vb:raw widgetConfig.default_tab}}

{vb:data isProfileCustomized, stylevar, isProfileCustomized, {vb:raw page.userid}}
<vb:if condition="$isProfileCustomized">
	{vb:cssExtra css_profile.css&userid={vb:raw page.userid}&showusercss={vb:raw showusercss}}
<vb:else />
	{vb:cssExtra css_profile.css}
</vb:if>

<vb:comment>The .js-movable-toolbar-button-container div always needs to be present, as responsive moves toolbar buttons here</vb:comment>
<div class="b-button-group h-margin-bottom-l h-hide-on-large h-block js-movable-toolbar-button-container"></div>

<div class="b-module b-module--contiguous{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget profile-widget widget-no-border widget-no-header widget-no-header-buttons" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}" data-widget-default-tab="{vb:raw configDefaultTab}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase profile}}
	<div class="widget-content">
		<div class="profile-container h-clearfix">
			<vb:if condition="!isset($userInfo['userid']) OR $noViewPermission">
				<vb:if condition="$noViewPermission">
					{vb:phrase no_permission}
				<vb:else />
					{vb:phrase invalid_user_specified}
				</vb:if>
			<vb:else />
				<vb:if condition="empty($page['pagenum'])">
					{vb:set page.pagenum, 1}
				</vb:if>
				<a id="profile-module-top" class="anchor js-module-top-anchor"></a>
				<div class="tabs profileTabs widget-tabs ui-tabs" id="profileTabs">
					<ul class="widget-tabs-nav profile-tabs-nav js-profile-tabs-nav ui-tabs-nav  b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive js-shrink-event-parent" data-allow-history="1">
						<vb:if condition="is_array($widgetConfig['display_tabs'])">
							{vb:set phrases.activities-tab, 'activities'}
							{vb:set phrases.subscribed-tab, 'following'}
							{vb:set phrases.about-tab, 'about'}
							{vb:set phrases.media-tab, 'media'}
							{vb:set selectOptions, ''}
							<vb:each from="widgetConfig.tab_order" key="tabName" value="tabIndex">
								<vb:if condition="($tabName == 'activities-tab' AND !empty($hideActivitiesTab)) OR ($tabName == 'subscribed-tab' AND empty($displayOwner)) OR ($tabName == 'about-tab' AND !$userInfo['showContactInfo']) OR ($tabName == 'media-tab' AND !$userInfo['showPhotos'] AND !$userInfo['showVideos'])">
									{vb:set continue, 0}
								<vb:else />
									{vb:set continue, 1}
								</vb:if>
								<vb:if condition="$continue AND in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
									{vb:set tabPhrase, {vb:rawphrase {vb:raw phrases[$tabName]}}}
									{vb:strcat selectOptions, '<option value="#'}
									{vb:strcat selectOptions, {vb:raw tabName}}
									{vb:strcat selectOptions, '"'}
									<vb:if condition="$widgetConfig['default_tab'] == ('#' . $tabName)">
										{vb:set selectedClass, 'ui-tabs-active '}
										{vb:strcat selectOptions, ' selected="selected"'}
									<vb:else />
										{vb:set selectedClass, ''}
									</vb:if>
									<li class="{vb:raw selectedClass}js-shrink-event-child">
										<a href="#{vb:raw tabName}" data-url-path="{vb:raw visibleTabNames.$tabName}">{vb:raw tabPhrase}</a>
									</li>
									{vb:strcat selectOptions, ' data-url-path="'}
									{vb:strcat selectOptions, {vb:raw visibleTabNames.$tabName}}
									{vb:strcat selectOptions, '">'}
									{vb:strcat selectOptions, {vb:raw tabPhrase}}
									{vb:strcat selectOptions, '</option>'}
								</vb:if>
							</vb:each>

							<vb:comment><!-- Output hide tabs for config dialog --></vb:comment>
							<vb:each from="phrases" key="tabName" value="tabphraseid">
								<vb:if condition="($tabName == 'activities-tab' AND !empty($hideActivitiesTab)) OR ($tabName == 'subscribed-tab' AND empty($displayOwner)) OR ($tabName == 'about-tab' AND !$userInfo['showContactInfo']) OR ($tabName == 'media-tab' AND !$userInfo['showPhotos'] AND !$userInfo['showVideos'])">
									{vb:set continue, 0}
								<vb:else />
									{vb:set continue, 1}
								</vb:if>
								<vb:if condition="!$continue OR !in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
									{vb:set tabPhrase, {vb:rawphrase {vb:raw tabphraseid}}}
									<li class="h-hide js-shrink-event-child">
										<a href="#{vb:raw tabName}" data-url-path="{vb:raw visibleTabNames.$tabName}">{vb:rawphrase {vb:raw tabphraseid}}</a>
									</li>
								</vb:if>
							</vb:each>
						<vb:else />
							<vb:if condition="!empty($tabSpecified)">
								<vb:if condition="empty($hideActivitiesTab)"><li class="<vb:if condition="$widgetConfig['default_tab']=='#activities-tab'">ui-tabs-active </vb:if>js-shrink-event-child"><a href="#activities-tab" data-url-path="activities">{vb:phrase activities}</a></li></vb:if>
								<vb:if condition="$displayOwner"><li class="<vb:if condition="$widgetConfig['default_tab']=='#subscribed-tab'">ui-tabs-active </vb:if>js-shrink-event-child"><a href="#subscribed-tab" data-url-path="subscribed">{vb:phrase following}</a></li></vb:if>
								<vb:if condition="$userInfo['showContactInfo']"><li class="<vb:if condition="$widgetConfig['default_tab']=='#about-tab'">ui-tabs-active </vb:if>js-shrink-event-child"><a href="#about-tab" data-url-path="about">{vb:phrase about}</a></li></vb:if>
								<vb:if condition="$userInfo['showPhotos'] OR $userInfo['showVideos']"><li class="<vb:if condition="$widgetConfig['default_tab']=='#media-tab'">ui-tabs-active </vb:if>js-shrink-event-child"><a href="#media-tab" data-url-path="media">{vb:phrase media}</a></li></vb:if>
							<vb:else />
								<vb:if condition="empty($hideActivitiesTab)"><li class="ui-tabs-active js-shrink-event-child"><a href="#activities-tab" data-url-path="activities">{vb:phrase activities}</a></li></vb:if>
								<vb:if condition="$displayOwner"><li class="<vb:if condition="!empty($hideActivitiesTab)">ui-tabs-active </vb:if>js-shrink-event-child"><a href="#subscribed-tab" data-url-path="subscribed">{vb:phrase following}</a></li></vb:if>
								<vb:if condition="$userInfo['showContactInfo']"><li class="<vb:if condition="!empty($hideActivitiesTab) AND !$displayOwner">ui-tabs-active </vb:if>js-shrink-event-child"><a href="#about-tab" data-url-path="about">{vb:phrase about}</a></li></vb:if>
								<vb:if condition="$userInfo['showPhotos'] OR $userInfo['showVideos']"><li class="<vb:if condition="!empty($hideActivitiesTab) AND !$displayOwner AND !$userInfo['showContactInfo']">ui-tabs-active </vb:if>js-shrink-event-child"><a href="#media-tab" data-url-path="media">{vb:phrase media}</a></li></vb:if>
							</vb:if>
						</vb:if>

						<vb:comment>Infractions tab</vb:comment>
						<vb:if condition="$showInfractionsTab">
							<li class="<vb:if condition="$widgetConfig['default_tab']=='#infractions-tab'">ui-tabs-active </vb:if>js-shrink-event-child"><a href="#infractions-tab" data-userid="{vb:raw userInfo.userid}" data-url-path="infractions">{vb:phrase infractions}</a></li>
						</vb:if>

						{vb:hook 'profile_tabs_1'}
					</ul>

				<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#activities-tab', $widgetConfig['display_tabs'])">
					<vb:if condition="empty($hideActivitiesTab)">
						<vb:if condition="!empty($displayActivitiesContent)">
							{vb:set nodeCount, 0}
							{vb:set activityWidgetConfig {vb:raw widgetConfig}}
							{vb:set activityWidgetConfig.resultsPerPage, {vb:raw activityWidgetConfig.resultsperpage_activitystream}}
							{vb:set activityWidgetConfig.maxpages, {vb:raw activityWidgetConfig.maxpages_activitystream}}
							{vb:set activityWidgetConfig.filter_time, {vb:raw activityWidgetConfig.filtertime_activitystream}}
							<vb:if condition="empty($activityWidgetConfig['resultsPerPage'])">
								{vb:set activityWidgetConfig.resultsPerPage, 20}
							</vb:if>
							<vb:if condition="$activityWidgetConfig['default_tab'] == '#activities-tab'">
								{vb:set options, {vb:php array}}
								{vb:set options.authorid, {vb:raw page.userid}}
								{vb:set options.view, 'conversation_stream'}
								{vb:set options.exclude_type, 'vBForum_PrivateMessage'}

								<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
									{vb:set activityWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
									{vb:set filterTime, {vb:raw page.filter_time}}
								<vb:else />
									{vb:set filterTime, {vb:raw activityWidgetConfig.filter_time}}
								</vb:if>

								<vb:if condition="$filterTime == 'time_today'">
									{vb:set timeOption.from, 'lastDay'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:elseif condition="$filterTime == 'time_lastweek'" />
									{vb:set timeOption.from, 'lastWeek'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:elseif condition="$filterTime == 'time_lastmonth'" />
									{vb:set timeOption.from, 'lastMonth'}
									{vb:set options.date, {vb:raw timeOption}}
								<vb:else />
									{vb:set options.date, 'all'}
								</vb:if>

								<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
									{vb:set activityWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
									{vb:set filterShow, {vb:raw page.filter_show}}
								<vb:else />
									{vb:set filterShow, {vb:raw activityWidgetConfig.filter_show}}
								</vb:if>

								<vb:if condition="$filterShow != 'show_all'">
									{vb:set options.type, {vb:raw filterShow}}
								</vb:if>

								<vb:if condition="isset($page['filter_source']) AND in_array($page['filter_source'], array('source_all', 'source_user', 'source_vm'))">
									{vb:set filterSourceSpecified, 1}
									{vb:set filterSource, {vb:raw page.filter_source}}
								<vb:else />
									{vb:set filterSource, {vb:raw activityWidgetConfig.filter_source}}
								</vb:if>

								<vb:if condition="empty($userInfo['showActivities']) AND !empty($showVM)">
									{vb:set options.visitor_messages_only, 1}
									<vb:if condition="!empty($filterSourceSpecified) AND $filterSource != 'source_vm'">
										{vb:set filterSourceSpecified, 0}
									</vb:if>
									<vb:if condition="empty($filterSourceSpecified) AND $activityWidgetConfig['filter_source'] != 'source_vm'">
										{vb:set activityWidgetConfig.filter_source, 'source_vm'}
									</vb:if>
								<vb:elseif condition="!empty($userInfo['showActivities']) AND empty($showVM)" />
									{vb:set options.exclude_visitor_messages, 1}
									{vb:set excludeVM, 1}
									<vb:if condition="!empty($filterSourceSpecified) AND $filterSource == 'source_vm'">
										{vb:set filterSourceSpecified, 0}
										{vb:set filterSource, 'source_all'}
									</vb:if>
									<vb:if condition="empty($filterSourceSpecified) AND $activityWidgetConfig['filter_source'] == 'source_vm'">
										{vb:set activityWidgetConfig.filter_source, 'source_all'}
										{vb:set filterSource, 'source_all'}
									</vb:if>
									<vb:if condition="$filterSource == 'source_user'">
										{vb:set options.ignore_protected, 1}
									</vb:if>
								<vb:comment>Both $showActivities and $showVM are true at this point</vb:comment>
								<vb:else />
									<vb:if condition="$filterSource == 'source_all'">
										{vb:set options.include_visitor_messages, 1}
									<vb:elseif condition="$filterSource == 'source_vm'" />
										{vb:set options.visitor_messages_only, 1}
									<vb:elseif condition="$filterSource == 'source_user'" />
										{vb:set options.ignore_protected, 1}
									</vb:if>
								</vb:if>

								<vb:if condition="!empty($filterSourceSpecified)">
									{vb:set activityWidgetConfig.url_default_filters.filter_source, {vb:raw filterSource}}
								</vb:if>

								<vb:comment> @TODO use this if we got the sort filter back
								<vb:if condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_popular')">
									{vb:set sortOption.votes, 'DESC'}
									{vb:set options.sort, {vb:raw sortOption}}
								<vb:elseif condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_featured')" />
									{vb:set options.featured, 1}
								<vb:elseif condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_oldest')" />
									<vb:if condition="$options['view'] == 'topic'">
										{vb:set sortOption.lastcontent, 'ASC'}
										{vb:set options.sort, {vb:raw sortOption}}
									<vb:else />
										{vb:set sortOption.created, 'ASC'}
										{vb:set options.sort, {vb:raw sortOption}}
									</vb:if>
								<vb:else />
									<vb:if condition="$options['view'] == 'topic'">
										{vb:set sortOption.lastcontent, 'DESC'}
										{vb:set options.sort, {vb:raw sortOption}}
									<vb:else />
										{vb:set sortOption.created, 'DESC'}
										{vb:set options.sort, {vb:raw sortOption}}
									</vb:if>
								</vb:if>
								</vb:comment>

								{vb:data nodes, search, getInitialResults, {vb:raw options}, {vb:raw widgetConfig.resultsPerPage}, 1, 1}
							</vb:if>

							{vb:set enableInlineMod, 0}
							{vb:set moderatorperms.canmoderateposts, 0}
							<vb:each from="nodes.results" value="conversation">
								<vb:if condition="!empty($conversation['setfor']) AND $userInfo['userid'] == $conversation['setfor'] AND (($conversation['content']['moderatorperms']['canmoderateposts'] > 0) OR ($conversation['content']['moderatorperms']['candeleteposts'] > 0) OR ($conversation['content']['moderatorperms']['caneditposts'] > 0) OR ($conversation['content']['moderatorperms']['canopenclose'] > 0) OR ($conversation['content']['moderatorperms']['canmassmove'] > 0) OR ($conversation['content']['moderatorperms']['canmassprune'] > 0) OR ($conversation['content']['moderatorperms']['canremoveposts'] > 0) OR ($conversation['content']['moderatorperms']['cansetfeatured'] > 0))">
									{vb:set enableInlineMod, 1}
									{vb:action moderatorperms, permission, actionMergePerms, {vb:raw moderatorperms}, {vb:raw conversation.content.moderatorperms}}
								</vb:if>
							</vb:each>
							<div id="activities-tab" class="tab activities-tab widget-tabs-panel h-clearfix<vb:if condition="$widgetConfig['default_tab'] != '#activities-tab'"> h-hide</vb:if> {vb:if "$enableInlineMod", inlinemod-container}" data-url-path="activities">
								<div class="h-left profilePreviewContainer" id="profileFilterContainer">
									{vb:set widgetConfig.showResultId, 1}
									{vb:set filterFormAction, 'profile/applyfilter'}

									{vb:set profileSubscribeButtonInfo.userid, {vb:raw userInfo.userid}}
									{vb:set profileSubscribeButtonInfo.showSubscribeButton, 1}
									<vb:if condition="$isFollowing == 0 AND !$canSubscribe">
										{vb:set profileSubscribeButtonInfo.showSubscribeButton, 0}
									</vb:if>
									{vb:set profileSubscribeButtonInfo.buttonCSS, 'b-button--secondary'}
									<vb:if condition="$isFollowing == 1">
										{vb:set profileSubscribeButtonInfo.buttonType, 'subscribed'}
										{vb:set profileSubscribeButtonInfo.buttonLabelPhraseId, 'following'}
										{vb:set profileSubscribeButtonInfo.buttonCSS, 'b-button--special'}
									<vb:elseif condition="$isFollowing == 0" />
										{vb:set profileSubscribeButtonInfo.buttonType, 'subscribe'}
										{vb:set profileSubscribeButtonInfo.buttonLabelPhraseId, 'follow'}
									<vb:elseif condition="$isFollowing == 2" />
										{vb:set profileSubscribeButtonInfo.buttonType, 'subscribepending'}
										{vb:set profileSubscribeButtonInfo.buttonLabelPhraseId, 'following_pending'}
										{vb:set profileSubscribeButtonInfo.buttonState, ' disabled="disabled"'}
									</vb:if>
									<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
										{vb:set nodeCount, {vb:raw nodes.totalRecords}}
									</vb:if>
									<vb:if condition="$displayOwner">
										{vb:data canCreateVM, user, hasPermissions, 'visitormessagepermissions', canmessageownprofile}
									<vb:else />
										{vb:data canCreateVM, user, hasPermissions, 'visitormessagepermissions', canmessageothersprofile}

										<vb:comment>If you can write but you can't view, then you still can't write.</vb:comment>
										<vb:if condition="!$userInfo['canviewmembers'] OR ($canCreateVM AND empty($showVM))">
											{vb:set canCreateVM, 0}
									</vb:if>
									</vb:if>

									<vb:comment>
										If viewing user has no "createpermissions" for posting any content type, then he/she can't post a VM even if he/she has Create VM permission
										This check seems to also include the "canpostnew", "canreplyown" and "canreplyothers" permissions under "forumpermissions"
									</vb:comment>
									<vb:if condition="$canCreateVM">
										{vb:data vm_nodeid, node, fetchVMChannel}
										{vb:data vm_createpermissions, user, getCanCreate, {vb:raw vm_nodeid}}
										<vb:comment>
											vbforum_event intentionally skipped below. Polls are not allowed on VMs, events probably should not be allowed either.
										</vb:comment>
										<vb:if condition="empty($vm_createpermissions['vbforum_text']) AND empty($vm_createpermissions['vbforum_gallery']) AND empty($vm_createpermissions['vbforum_video']) AND empty($vm_createpermissions['vbforum_link'])">
											{vb:set canCreateVM, 0}
										</vb:if>
									<vb:else />
										{vb:set vm_createpermissions, 0}
									</vb:if>

									{vb:template conversation_toolbar,
										nodeid={vb:raw vm_nodeid},
										widgetConfig={vb:raw activityWidgetConfig},
										view={vb:raw options.view},
										showFilter=1,
										showShowFilter=1,
										showTimeFilter=1,
										hideTimeFilterAll=0,
										showSourceFilter=1,
										userInfo={vb:raw userInfo},
										filterFormAction={vb:raw filterFormAction},
										profileSubscribeButtonInfo={vb:raw profileSubscribeButtonInfo},
										showVmBtn=0,
										vm_createpermissions={vb:raw vm_createpermissions},
										showPmBtn=1,
										page={vb:raw page},
										excludeVM={vb:raw excludeVM},
										showInlineMod={vb:raw enableInlineMod},
										modPerms={vb:raw moderatorperms},
										allowHistory=1}

									<vb:if condition="$canCreateVM AND $userInfo['vm_enable'] AND $userInfo['showVM']">
										{vb:data conversationRoute, route, getChannelConversationRoute, {vb:raw conversation.parentid}}

										<div class="h-margin-xl">
											{vb:template contententry,
												page={vb:raw page},
												parentid={vb:raw vm_nodeid},
												routeid={vb:raw conversationRoute},
												createpermissions={vb:raw vm_createpermissions},
												pagenum={vb:raw pagingInfo.currentpage},
												conversation={vb:raw currentConversation},
												contentEntryType="reply",
												headerTitle={vb:raw headerTitle},
												allowTypeText=1,
												allowTypePhoto=1,
												allowTypeLink=1,
												allowTypePoll=0,
												allowTypeEvent=0,
												showToggleEditor=1,
												showSmiley=1,
												showAttachment=1,
												showTags=0,
												showCancel=1,
												showTitle=0,
												isVm=1,
												initOnPageLoad=1,
												focusOnPageLoad=0,
												preloadJavascript=1,
												compactButtonSpacing=1,
												hideButtonsUntilClick=1}
										</div>
									</vb:if>
								</div>
								<ul class="conversation-list list-container stream-view activity-view h-clearfix ajax-order-newest-first">
									<vb:if condition="$activityWidgetConfig['default_tab'] == '#activities-tab'">
										{vb:template profile_activity,  userid = {vb:raw page.userid}, nodes = {vb:raw nodes.results}, showInlineMod={vb:raw enableInlineMod}}
									</vb:if>
								</ul>
								<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_activity}</div>
								<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="$nodeCount <= $activityWidgetConfig['resultsPerPage'] OR $activityWidgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
									<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
								</div>
							</div>
						<vb:else />
							{vb:set profileSubscribeButtonInfo.userid, {vb:raw userInfo.userid}}
							{vb:set profileSubscribeButtonInfo.showSubscribeButton, 1}
							<vb:if condition="$isFollowing == 0 AND !$canSubscribe">
								{vb:set profileSubscribeButtonInfo.showSubscribeButton, 0}
							</vb:if>
							{vb:set profileSubscribeButtonInfo.buttonCSS, 'b-button--secondary'}
							<vb:if condition="$isFollowing == 2">
								{vb:set profileSubscribeButtonInfo.buttonType, 'subscribepending'}
								{vb:set profileSubscribeButtonInfo.buttonLabelPhraseId, 'following_pending'}
								{vb:set profileSubscribeButtonInfo.buttonState, ' disabled="disabled"'}
							<vb:else />
								<vb:comment>If viewing user has no permission to view the Profile Activities of a user, then it means he/she is not subscribed to the profile user</vb:comment>
								{vb:set profileSubscribeButtonInfo.buttonType, 'subscribe'}
								{vb:set profileSubscribeButtonInfo.buttonLabelPhraseId, 'follow'}
							</vb:if>
							<div id="activities-tab" class="tab activities-tab widget-tabs-panel h-clearfix<vb:if condition="$widgetConfig['default_tab'] != '#activities-tab'"> h-hide</vb:if>" data-url-path="activities">
								{vb:template conversation_toolbar, profileSubscribeButtonInfo={vb:raw profileSubscribeButtonInfo}, allowHistory=1}
								<div class="conversation-empty">{vb:phrase you_must_subscribe_to_profile_to_view_activities}</div>
							</div>
						</vb:if>
					</vb:if>
				</vb:if>

					<vb:if condition="$displayOwner">
						<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#subscribed-tab', $widgetConfig['display_tabs'])">
							<div id="subscribed-tab" class="tab subscribed-tab widget-tabs-panel h-clearfix<vb:if condition="$widgetConfig['default_tab'] != '#subscribed-tab'"> h-hide</vb:if>" data-url-path="subscribed">
								<div class="stretch h-clear h-left" id="followingProfileFilterContainer">
									{vb:set nodeCount, 0}
									{vb:set subscribedWidgetConfig {vb:raw widgetConfig}}
									{vb:set subscribedWidgetConfig.resultsPerPage, {vb:raw subscribedWidgetConfig.resultsperpage_subscribed}}
									<vb:if condition="empty($subscribedWidgetConfig['resultsPerPage'])">
										{vb:set subscribedWidgetConfig.resultsPerPage, 20}
									</vb:if>
									{vb:set subscribedWidgetConfig.maxpages, {vb:raw subscribedWidgetConfig.maxpages_subscribed}}
									{vb:set subscribedWidgetConfig.filter_time, {vb:raw subscribedWidgetConfig.filtertime_subscribed}}
									{vb:set subscribedWidgetConfig.filter_show, {vb:raw subscribedWidgetConfig.subscriptions_filter_show}}
									{vb:set subscribedWidgetConfig.filter_follow, {vb:raw subscribedWidgetConfig.subscriptions_filter_follow}}
									{vb:set routeInfo.tab, 'subscriptions'}
									{vb:set routeInfo.userid, {vb:var userInfo.userid}}
									{vb:set subscribedWidgetConfig.showResultId, 0}
									{vb:set filterFormAction, 'profile/ApplyFollowingFilter'}

									<vb:if condition="$subscribedWidgetConfig['default_tab'] == '#subscribed-tab'">
										{vb:set options, {vb:php array}}
										{vb:set followingOptions, {vb:php array}}
										{vb:set followingOptions.page, 1}
										{vb:set followingOptions.perpage, {vb:raw widgetConfig.resultsperpage_subscribed}}
										<vb:if condition="empty($followingOptions['perpage'])">
											{vb:set followingOptions.perpage, 20}
										</vb:if>
										<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
											{vb:set subscribedWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
											{vb:set filterTime, {vb:raw page.filter_time}}
										<vb:else />
											{vb:set filterTime, {vb:raw subscribedWidgetConfig.filter_time}}
										</vb:if>

										<vb:if condition="$filterTime == 'time_today'">
											{vb:set timeOption.from, 'lastDay'}
											{vb:set options.date, {vb:raw timeOption}}
										<vb:elseif condition="$filterTime == 'time_lastweek'" />
											{vb:set timeOption.from, 'lastWeek'}
											{vb:set options.date, {vb:raw timeOption}}
										<vb:elseif condition="$filterTime == 'time_lastmonth'" />
											{vb:set timeOption.from, 'lastMonth'}
											{vb:set options.date, {vb:raw timeOption}}
										<vb:else />
											{vb:set options.date, 'all'}
										</vb:if>

										<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
											{vb:set subscribedWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
											{vb:set filterShow, {vb:raw page.filter_show}}
										<vb:else />
											{vb:set filterShow, {vb:raw subscribedWidgetConfig.filter_show}}
										</vb:if>

										<vb:if condition="$filterShow != 'show_all'">
											{vb:set options.type, {vb:raw filterShow}}
										</vb:if>

										<vb:if condition="isset($page['filter_follow']) AND in_array($page['filter_follow'], array('follow_all', 'follow_members', 'follow_contents', 'follow_channel'))">
											{vb:set subscribedWidgetConfig.url_default_filters.filter_follow, {vb:raw page.filter_follow}}
											{vb:set filterFollow, {vb:raw page.filter_follow}}
										<vb:else />
											{vb:set filterFollow, {vb:raw subscribedWidgetConfig.filter_follow}}
										</vb:if>
										{vb:set options.filter_follow, {vb:raw filterFollow}}

										{vb:rawdata nodes, follow, getFollowingContentForTab, {vb:raw page.userid}, {vb:var options.filter_follow}, {vb:var options}, {vb:var options.type}, {vb:raw followingOptions}}

										<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
											{vb:set nodeCount, {vb:raw nodes.totalcount}}
										</vb:if>
									</vb:if>

									{vb:template conversation_toolbar, widgetConfig={vb:raw subscribedWidgetConfig}, view=subscribed, showFilter=1, showTimeFilter=1, showShowFilter=1, showFollowFilter=1, showEditSubscribedLink=1, setFollowerId=1, subscribedRouteInfo={vb:raw routeInfo}, filterFormAction={vb:raw filterFormAction}, allowHistory=1}

									<div class="profilePreviewContainer followingContainer" id="followingContainer">

										<ul class="conversation-list list-container stream-view activity-view h-clearfix ajax-order-newest-first">
											<vb:if condition="$subscribedWidgetConfig['default_tab'] == '#subscribed-tab'">
												{vb:template profile_following, nodes={vb:raw nodes.nodes}, userId={vb:raw userInfo.userid}, showChannelInfo=1}
											</vb:if>
										</ul>
										<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_following}</div>
										<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="!$nodes['paginationInfo']['showseemore'] OR $subscribedWidgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
											<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
										</div>
									</div>
								</div>
							</div>
						</vb:if>
					</vb:if>
					<vb:if condition="((!is_array($widgetConfig['display_tabs']) OR in_array('#about-tab', $widgetConfig['display_tabs'])) AND $userInfo['showContactInfo'])">
						<div id="about-tab" class="tab about-tab widget-tabs-panel h-clearfix<vb:if condition="$widgetConfig['default_tab'] != '#about-tab'"> h-hide</vb:if>" data-url-path="about" data-allow-history="1">
							<div class="js-profile-about-container" data-user-id="{vb:raw userInfo.userid}">
								<vb:if condition="$widgetConfig['default_tab'] == '#about-tab'">
									{vb:template profile_about,  userInfo={vb:raw userInfo}, displayOwner={vb:raw displayOwner}}
								</vb:if>
							</div>
						</div>
					</vb:if>
					<vb:if condition="((!is_array($widgetConfig['display_tabs']) OR in_array('#media-tab', $widgetConfig['display_tabs'])) AND ($userInfo['showPhotos'] OR $userInfo['showVideos']))">
						<div id="media-tab" class="tab media-tab widget-tabs-panel h-clearfix<vb:if condition="$widgetConfig['default_tab'] != '#media-tab'"> h-hide</vb:if>" data-url-path="media">
							{vb:set mediaWidgetConfig, {vb:raw widgetConfig}}
							{vb:set mediaWidgetConfig.filter_time, {vb:raw mediaWidgetConfig.filtertime_photos}}
							{vb:set mediaPerpage, 15} <vb:comment>Media content UI can contain up to 5 items per row, so ideally perpage should be divisible by 5</vb:comment>

							<div class="js-profile-media-container" data-user-id="{vb:raw userInfo.userid}" data-perpage="{vb:raw mediaPerpage}">
								<vb:if condition="$mediaWidgetConfig['default_tab'] == '#media-tab'">
									<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
										{vb:set mediaWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
									</vb:if>

{vb:template profile_media,  userInfo={vb:raw userInfo}, userid={vb:raw userInfo.userid}, perpage={vb:raw mediaPerpage}, page={vb:raw page}, user={vb:raw user}, uploadFrom='profile', widgetConfig={vb:raw mediaWidgetConfig}, allowHistory=1, pageno={vb:raw page.pagenum}}
								</vb:if>
							</div>
						</div>
					</vb:if>

					<vb:comment>Infractions tab is not part of the tab display list so this will never be a default tab and content will always be fetched via ajax.</vb:comment>
					<vb:if condition="$showInfractionsTab">
						<div id="infractions-tab" class="tab infractions-tab widget-tabs-panel h-hide" data-userid="{vb:raw userInfo.userid}" data-url-path="infractions">
							<vb:if condition="$mediaWidgetConfig['default_tab'] == '#infractions-tab'">
								{vb:template user_infractions, userid={vb:raw userInfo.userid}, pagenum={vb:raw page.pagenum}}
							</vb:if>
						</div>
					</vb:if>
					{vb:hook 'profile_tabs_3'}
				</div>
			</vb:if>
		</div>
	</div>
</div>

{vb:js js/conversation-rollup.js}]]></template>
		<template name="widget_profile_sidebar" templatetype="template" date="1510156006" username="vBulletin" version="5.3.5 Alpha 2"><![CDATA[{vb:data canmodifyprofile, user, hasPermissions, genericpermissions, canmodifyprofile}
<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:rawdata userInfo, user, fetchProfileInfo, {vb:raw page.userid}}
{vb:data viewPermission, user, hasPermissions, 'genericpermissions', 'canviewmembers'}
{vb:data isProfileCustomized, stylevar, isProfileCustomized, {vb:raw page.userid}}
<vb:if condition="isset($userInfo['userid']) AND $userInfo['userid'] == $user['userid']">
	{vb:set displayOwner, 1}
	{vb:set showusercss, 1}
<vb:else />
	{vb:set displayOwner, 0}
	{vb:set showusercss, {vb:raw user.showusercss}}
</vb:if>
{vb:cssExtra css_profile.css&userid={vb:raw page.userid}&showusercss={vb:raw showusercss}}
<vb:if condition="isset($userInfo['userid']) AND $viewPermission">
	{vb:data canCustomizeProfile, stylevar, canCustomizeProfile}

	<vb:if condition="$userInfo['showAvatar'] > 0">
		{vb:data avatarUrl, user, fetchAvatar, {vb:raw page.userid}}
	<vb:else />
		{vb:set avatarUrl, 0}
	</vb:if>

	<div class="b-module b-module--contiguous{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget profile-sidebar-widget widget-no-border widget-no-header widget-no-header-buttons profileSidebar" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
		{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase profile_sidebar}}
		<div class="widget-content profile_sidebar_content">

			<vb:comment>
				@TODO: See VBV-14415 for more information.

				NOTES: This is placed here instead of at DOM ready event to minimize flash of unstyled content of Profile Sidebar.
				Don't use jQuery here as jQuery library is only loaded later at the bottom of the body tag. Don't delay this by putting this block inside setTimeout.

				Keep this in sync with the same block of code in widget_privatemessage_navigation

			</vb:comment>
			<vb:literal>
				<script type="text/javascript">
				(function() {
					var canvasLayout = document.querySelector('.canvas-layout-container .canvas-layout');
					canvasLayout.className += ' b-layout--contiguous';
				})();
				</script>
			</vb:literal>

			<div class="profileContainer h-padding-l">
				<vb:if condition="!empty($avatarUrl['avatarpath']) AND !empty($avatarUrl['hascustom'])">
					<div class="profile-photo-wrapper h-align-center">
						<img class="profile-photo" src="{vb:raw baseurl_corecdn}/{vb:raw avatarUrl.avatarpath}"  alt="{vb:raw userInfo.username}" id="profilePicImg" />
				<vb:else />
					<div class="profile-photo-wrapper h-align-center no-profile-pic">
						<img class="profile-photo" src="{vb:raw baseurl_corecdn}/images/default/default_avatar_large.png" width="200" height="200" alt="{vb:phrase profile_picture_guser}" id="profilePicImg" />
				</vb:if>

					<vb:if condition="($displayOwner) AND ($userInfo['showAvatarOptions'] > 0) AND ($userInfo['canuseavatar'] > 0) AND $canmodifyprofile">
						{vb:js js/file-upload-rollup.js}
						<div class="edit-profile" id="editProfilePicture" data-avatarmaxheight="{vb:raw userInfo.avatarmaxheight}" data-avatarmaxwidth="{vb:raw userInfo.avatarmaxwidth}" data-avatarmaxsize="{vb:raw userInfo.avatarmaxsize}">{vb:phrase edit_avatar}</div>
					</vb:if>
				</div>
				<div class="profile-acct">
					{vb:data canControlPanel, user, hasPermissions, adminpermissions, cancontrolpanel}
					<vb:if condition="$canControlPanel">
						<a class="edit-user-link b-icon b-icon__pencil" href="{vb:var baseurl}/admincp/index.php?loc=admincp%2Fuser.php%3Fdo%3Dedit%26u%3D{vb:var userInfo.userid}" title="{vb:phrase edit_user}">{vb:phrase edit_user}</a>
					<vb:else />
						{vb:data modCanViewProfile, user, hasPermissions, moderatorpermissions, canviewprofile}
						<vb:if condition="$modCanViewProfile">
							<a class="edit-user-link b-icon b-icon__pencil" href="{vb:var baseurl}/modcp/index.php?loc=modcp%2Fuser.php%3Fdo%3Dviewuser%26u%3D{vb:var userInfo.userid}" title="{vb:phrase view_profile}">{vb:phrase view_profile}</a>
						</vb:if>
					</vb:if>
					<div class="username">
						<vb:if condition="!empty($userInfo['musername'])">{vb:raw userInfo.musername}<vb:else />{vb:raw userInfo.username}</vb:if>
						<vb:if condition="$userInfo['online'] == 'online'">
							{vb:set olstatus, ' online'}
						<vb:else />
							{vb:set olstatus, ' offline'}
						</vb:if>
				      	<span class="online-status{vb:raw olstatus}" title="<vb:if condition="$olstatus == ' online'">{vb:rawphrase x_is_online_now, {vb:raw userInfo.username}}<vb:else />{vb:rawphrase x_is_offline, {vb:raw userInfo.username}}</vb:if>"><span class="vb-icon vb-icon-status-{vb:raw $userInfo.online}"></span></span>
					</div>
					<vb:if condition="$userInfo['showContactInfo']"><div class="usertitle">{vb:raw userInfo.usertitle}</div></vb:if>
				</div>
				<vb:if condition="$userInfo['showContactInfo']">
					<div class="status-update h-wordwrap" id="userStatus">
						<vb:if condition="!empty($userInfo['status'])">
							&quot;{vb:var userInfo.status}&quot;
						</vb:if>
					</div>
					<div class="profile-info">
						{vb:set showLast, 1}
						<vb:if condition="$userInfo['userid'] != $user['userid'] AND !empty($userInfo['invisible'])">
							{vb:data seehiddenPermission, user, hasPermissions, 'genericpermissions', 'canseehidden'}
							<vb:if condition="!$seehiddenPermission">
								{vb:set showLast, 0}
							</vb:if>
						</vb:if>
						<vb:if condition="$showLast">
							<div class="profile-info-item">{vb:phrase last_activity}: {vb:datetime {vb:raw userInfo.lastactivity}}</div>
						</vb:if>
						<div class="profile-info-item">{vb:phrase joined}: {vb:date {vb:raw userInfo.joindate}}</div>
						<vb:if condition="!empty($userInfo['customFields']['default']['field2_title'])"><div class="profile-info-item">{vb:phrase location}: {vb:raw userInfo.customFields.default.field2_title.val}</div></vb:if>
					</div>
				</vb:if>
			</div>
			<ul class="profile-menulist">
				<vb:if condition="!empty($userInfo['canusefriends'])">
					<li class="profile-menulist-item h-padding-horiz-l">
						{vb:set arguments.tab, 'subscriptions'}
						{vb:set arguments.userid, {vb:var userInfo.userid}}
						<vb:if condition="$userInfo['showSubscriptions']">
							<a href="{vb:url 'subscription', {vb:raw arguments}, ''}"><label>{vb:phrase subscriptions}</label><span class="subscriptions-count">{vb:raw userInfo.followsCount}</span></a>
						<vb:else />
							<label>{vb:phrase subscriptions}</label><span class="subscriptions-count">{vb:raw userInfo.followsCount}</span>
						</vb:if>
					</li>
				</vb:if>
				{vb:hook 'profile_sidebar_1'}
				{vb:set arguments.tab, 'subscribers'}
				{vb:set arguments.userid, {vb:var userInfo.userid}}
				<li class="profile-menulist-item h-padding-horiz-l">
					<vb:if condition="$userInfo['showSubscribers']">
						<a href="{vb:url 'subscription', {vb:raw arguments}, ''}"><label>{vb:phrase followers}</label><span class="subscriptions-count">{vb:raw userInfo.followersCount}</span></a>
					<vb:else />
						<label>{vb:phrase followers}</label><span class="subscriptions-count">{vb:raw userInfo.followersCount}</span>
					</vb:if>
				</li>
				{vb:hook 'profile_sidebar_2'}
				{vb:set settingsRoute.tab, 'profile'}
				<vb:if condition="$displayOwner OR $isProfileCustomized">
					<li class="profile-action-buttons h-padding-l">
						<vb:if condition="$displayOwner">
							<a href="{vb:url 'settings', {vb:raw settingsRoute}}" class="b-button b-button--primary-light b-button--full">{vb:phrase edit_settings}</a>
							<vb:if condition="$canCustomizeProfile">
								<button class="b-button b-button--primary-light b-button--full customize-theme">{vb:phrase customize_my_theme}</button>
							</vb:if>
						</vb:if>
						<vb:if condition="!$displayOwner AND $isProfileCustomized">
							<button class="b-button b-button--primary toggle_customizations" data-action="<vb:if condition="$user['showusercss']">hide<vb:else />show</vb:if>" tabindex="0"><vb:if condition="$user['showusercss']">{vb:phrase hide_user_customizations}<vb:else />{vb:phrase show_user_customizations}</vb:if></button>
						</vb:if>
					</li>
				</vb:if>
				{vb:hook 'profile_sidebar_3'}
			</ul>
		</div>
	</div>

	<vb:if condition="($displayOwner) AND ($userInfo['showAvatarOptions'] > 0) AND ($userInfo['canuseavatar'] > 0)">
		<div id="editProfilePhotoDlg" class="sb-dialog">
			<form class="frmprofilePhoto" enctype="multipart/form-data" method="post" action="profile/upload-profilepicture">
				<div class="dialog-content h-clearfix" id="uploadFrame">
					<input type='hidden' name='x1' value='' id='x1' />
					<input type='hidden' name='y1' value='' id='y1' />
					<input type='hidden' name='x2' value='' id='x2' />
					<input type='hidden' name='y2' value='' id='y2' />
					<input type='hidden' name='extension'  value='' />
					<input type='hidden' name='filename'  value='' />
					<input type='hidden' name='width'  value='' id='width' />
					<input type='hidden' name='height'  value='' id='height' />

					<h4>{vb:phrase choose_option_update}</h4>
					<vb:if condition="$userInfo['canuseavatar']">
						<div class="profile-img-option-container h-clearfix">
							<label>
								<input type="radio" name="profile-img-option" value="1" checked="checked" class="browse-option" />
								{vb:phrase browse_image_from_hard_drive}
							</label>
							<div class="profile-img-option-field">
								<label class="b-button b-button--upload js-upload-button h-left" tabindex="0">
									<span class="b-button__upload-label">{vb:phrase browse}</span>
									<input type="file" id="profilePhotoFile" name="profilePhotoFile" class="b-form-input__file--hidden" />
								</label>
							</div>
						</div>

						<div class="profile-img-option-container h-clearfix">
							<label>
								<input type="radio" name="profile-img-option" value="2" class="url-option" />
								{vb:phrase copy_and_paste_from_image_hosting}
							</label>
							<div class="profile-img-option-field">
								<input type="text" class="profilePhotoUrl textbox" name="profilePhotoUrl" id="profilePhotoUrl" dir="ltr" placeholder="http://" />
							</div>
						</div>

						<vb:if condition="$userInfo['defaultAvatarCount'] > 0">
							<div class="profile-img-option-container h-clearfix">
								<label><input type="radio" name="profile-img-option" value="3" class="default-option" />{vb:phrase user_default_avatar}</label>
								<div class="upload-progress-bar h-hide"><img src="images/loader-box-light.gif" width="128" height="15" alt="{vb:phrase loading}..."></div>
							</div>
							<div id="defaultAvatars"></div>
						</vb:if>
						<div class="profile-img-option-container h-clearfix">
							<label><input type="radio" name="profile-img-option" value="4" class="none-option" />{vb:phrase user_default_profile_picture}</label>
						</div>
						<div class="editNotes h-clear">{vb:phrase profile_photo_note, {vb:var userInfo.avatarmaxwidth}, {vb:var userInfo.avatarmaxheight}, {vb:number {vb:var userInfo.avatarmaxsize}}}</div>

						<vb:if condition="!empty($userInfo['profilepicturepath'])">
							<div class="editNotes h-clear">{vb:rawphrase profile_picture_note, {vb:var userInfo.profilepicturepath}}</div>
						</vb:if>
					</vb:if>
				</div>
				<div class="dialog-content h-clearfix h-hide" id="cropFrame">
					<label>{vb:phrase drag_the_conner_crop_profile}</label>
					<div class="profile-photo-wrapper h-align-center">
						<img id="profilePicImgCrop" src="images/clear.gif" alt="" />
					</div>
				</div>
			</form>

			<div class="b-button-group">
				<span class="upload-progress-bar h-hide h-left"><img src="images/loader-box-light.gif" width="128" height="15" alt="{vb:phrase uploading}..."></span>
				<button id="btnProfilePhotoSave" type="button" class="b-button b-button--primary h-hide-imp">{vb:phrase save}</button>
				<button id="btnProfilePhotoContinue" type="button" class="b-button b-button--primary">{vb:phrase continue}</button>
				<button id="btnProfilePhotoClose" type="button" class="b-button b-button--secondary">{vb:phrase cancel}</button>
			</div>
		</div>
	</vb:if>
	{vb:js js/profile-sidebar-rollup.js}
</vb:if>]]></template>
		<template name="widget_register" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[{vb:js js/signup.js}
{vb:set usecoppa, {vb:raw vboptions.usecoppa}}
{vb:set reqbirthday, {vb:raw vboptions.reqbirthday}}
{vb:data facebookactive, facebook, isFacebookEnabled}


<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:cssExtra css_form.css}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget registration-widget widget-no-border widget-no-header-buttons" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase registration}}
	<div class="widget-content">
		<vb:if condition="$usecoppa">
			<div class="coppafail_notice notice h-hide">{vb:phrase registration_coppa_fail}</div>
		</vb:if>
		<vb:if condition="!$vboptions['allowregistration']">
			<div class="notice">{vb:phrase noregister}</div>
		<vb:elseif condition="$user['userid'] > 0 AND !$vboptions['allowmultiregs']" />
			{vb:set logoutUrl, {vb:raw baseurl}}
			{vb:strcat logoutUrl, '/auth/logout?logouthash='}
			{vb:strcat logoutUrl, {vb:raw user.logouthash}}
			<div class="notice">{vb:rawphrase signing_up_but_currently_logged_in_msg, {vb:raw user.username}, {vb:raw logoutUrl}}</div>
		<vb:else />
			<div class="signup-success h-hide">
				{vb:rawphrase thanks_for_signing_up_log_in}
			</div>
			<div class="signup-content h-hide">
				<p class="signup-header-text">{vb:phrase start_your_signup_process}</p>
				<form id="frmRegister" action="registration/registration" method="post" class="form_layout">
					<input type="hidden" name="urlpath" value="{vb:var page.urlpath}" />
					<vb:if condition="$usecoppa OR $reqbirthday">
						<div class="birth-date-wrapper">
							<h3>{vb:phrase please_enter_your_date_of_birth}</h3>
							<div class="birth-date">
								<select id="regMonth" name="month">
									<option value="0">{vb:phrase month}</option>
									<option value="1">{vb:phrase january}</option>
									<option value="2">{vb:phrase february}</option>
									<option value="3">{vb:phrase march}</option>
									<option value="4">{vb:phrase april}</option>
									<option value="5">{vb:phrase may}</option>
									<option value="6">{vb:phrase june}</option>
									<option value="7">{vb:phrase july}</option>
									<option value="8">{vb:phrase august}</option>
									<option value="9">{vb:phrase september}</option>
									<option value="10">{vb:phrase october}</option>
									<option value="11">{vb:phrase november}</option>
									<option value="12">{vb:phrase december}</option>
								</select>
								<vb:if condition="$dates = range(1, 31)">
									<select id="regDay" name="day">
										<option value="0">{vb:phrase date}</option>
										<vb:each from="dates" value="date">
											<option value="{vb:raw date}">{vb:raw date}</option>
										</vb:each>
									</select>
								</vb:if>
								<vb:if condition="$years = range(date('Y'), 1900, -1)">
									<select id="regYear" name="year">
										<option value="0">{vb:phrase year}</option>
										<vb:each from="years" value="year">
											<option value="{vb:raw year}">{vb:raw year}</option>
										</vb:each>
									</select>
								</vb:if>
							</div>
							<div class="field-desc">{vb:phrase registration_birthday_notice}</div>
						</div>
						<hr class="b-divider">
					</vb:if>


					<!-- THIRD PARTY LOGIN CONNECTORS -->
					{vb:data check, externallogin, showExternalRegistrationBlock}
					{vb:set showExternalLoginProviders, {vb:raw check.show}}
					<vb:if condition="$showExternalLoginProviders">
						<div>
							<h3>{vb:rawphrase registration_externallogin_header}</h3>

							<!-- ***** FACEBOOK ***** -->
							<vb:if condition="$facebookactive">
								{vb:data isFacebookUser, facebook, userIsLoggedIn, true}
								<div class="fb-signup{vb:if "!$isFacebookUser", " h-inline-block"}">
									<div>
										<div id="fbregbox">
										<vb:if condition="$isFacebookUser">
											{vb:data fbInfo, facebook, getAllUserInfo}
											<a href="{vb:raw fbInfo.profileurl}">
												<img src="{vb:raw fbInfo.profilepicurl}" title="{vb:var fbInfo.user.name}" alt="{vb:var fbInfo.user.name}" />
											</a>
											{vb:rawphrase welcome_x_link_y, {vb:var fbInfo.user.name}, {vb:raw fbInfo.profileurl}}
											<a style="cursor: pointer" onclick="vBfb.register_logout();"><img src="{vb:stylevar imgdir_misc}/facebook_logout.gif" width="83" height="18" alt="{vb:rawphrase logout_of_facebook}"/></a>
										<vb:else />
											<a id="fb_regloginbtn" class="b-link b-link__facebook-connect" href="#">
												<span class="b-icon b-icon__facebook-connect"></span>
												<span>{vb:rawphrase connect_with_facebook}</span>
											</a>
										</vb:if>
										</div>

										<vb:if condition="$isFacebookUser">
											<div class='h-margin-m'>
											<vb:if condition="!$fbInfo['vbuserid']">
												<label for="facebookusername">{vb:rawphrase already_a_member}</label>
												<div class="rightcol">
													<input type="text" class="textbox" name="facebookusername" id="facebookusername" maxlength="50" placeholder="{vb:rawphrase username}" />
													<input type="password" autocomplete="off" class="textbox" name="facebookpassword" id="facebookpassword" maxlength="50" />
													<input type="button" class="b-button" name="facebookassociate" id="facebookassociate" value="{vb:rawphrase log_in}" />
													<p class="description">{vb:rawphrase associate_facebook_with_x_account, {vb:raw vboptions.bbtitle}}</p>
												</div>
												{vb:js js/login_md5.js}
											<vb:else />
												<p class='description'>{vb:phrase facebook_user_already_connected}</p>
											</vb:if>
											</div>
										</vb:if>
									</div>

									{vb:template facebook_register}
								</div>
							</vb:if>
							<!-- ***** END FACEBOOK ***** -->


							{vb:hook 'register_with_thirdparty'}

						</div>
					</vb:if>
					<!-- END THIRD PARTY LOGIN CONNECTORS -->


					<vb:if condition="!$fbInfo['vbuserid']">
						<div id="regContent" class="{vb:if "$usecoppa OR $reqbirthday", "h-hide"}">
							<vb:if condition="$usecoppa">
								<div class="warning coppa h-hide-imp">
									<strong>{vb:phrase note}:</strong> {vb:rawphrase registration_parent_guardian_notice}
								</div>
							</vb:if>
							<div class="form-fieldset">
								<div class="form_row">
									<label class="label_column">{vb:phrase user_name}</label>
									<div class="field_column">
										<input type="text" id="regDataUsername" name="username" class="textbox" autocomplete="off" value="{vb:var fbInfo.user.name}"/>
										<div class="field-desc" >{vb:rawphrase registration_username_desc}</div>
									</div>
								</div>
								<div class="form_row">
									<label class="label_column">{vb:phrase password}</label>
									<div class="field_column"><input type="password" id="regDataPassword" name="password" class="textbox" autocomplete="off" /></div>
								</div>
								<div class="form_row">
									<label class="label_column">{vb:phrase confirm_password}</label>
									<div class="field_column"><input type="password" id="regDataConfirmpassword" name="confirmpassword" class="textbox" autocomplete="off" /></div>
								</div>
								<div class="form_row">
									<label class="label_column">{vb:phrase email}</label>
									<div class="field_column"><input type="text" id="regDataEmail" name="email" class="textbox" autocomplete="off" autocapitalize="off" value="{vb:var fbInfo.user.email}" /></div>
								</div>
								<div class="form_row">
									<label class="label_column">{vb:phrase confirm_email}</label>
									<div class="field_column"><input type="text" id="regDataEmailConfirm" name="email_confirm" class="textbox" autocomplete="off" autocapitalize="off" value="{vb:var fbInfo.user.email}" /></div>
								</div>
								<vb:if condition="$usecoppa">
									<div class="form_row coppa">
										<label class="label_column">{vb:phrase parent_email}</label>
										<div class="field_column">
											<input type="text" id="parentGuardianEmail" name="guardian" class="textbox" autocomplete="off" />
											<div class="field-desc">{vb:rawphrase registration_parentemail_desc}</div>
										</div>
									</div>
								</vb:if>

								<vb:comment><!-- Disable paid subscription for coppa user. I don't think coppa user can pay anything without permission. --></vb:comment>

								{vb:data subscriptions, paidsubscription, fetchAll, true}
								<vb:if condition="$subscriptions">
									{vb:set currencysymbols, {vb:raw subscriptions.currencysymbols}}
									<div class="js-registration__paidsubscription form_row paidsubscription_row {vb:if "$usecoppa", "h-hide-imp"}">
										<label class="label_column">{vb:phrase purchase_subscription}</label>
										<div class="field_column">
											<div class="subscriptions_list">
												<vb:comment><!-- List avaliable subscriptions --></vb:comment>
												<vb:each from="subscriptions.cansubscribe" value="subscription">
													{vb:set titleparse, 'sub'}
													{vb:strcat titleparse, {vb:var subscription.subscriptionid}}
													{vb:strcat titleparse, '_title'}
													{vb:set descparse, 'sub'}
													{vb:strcat descparse, {vb:var subscription.subscriptionid}}
													{vb:strcat descparse, '_desc'}
													<div class="newsubscription_row" data-id="{vb:var subscription.subscriptionid}" data-allowedapis="{vb:var subscription.allowedapis}">
														<div class="subscriptiontitle">{vb:phrase {vb:var titleparse}}</div>
														<p class="subscriptiondesc field-desc">{vb:phrase {vb:var descparse}}</p>

														<select class="cost custom-dropdown">
															<option value="">{vb:phrase select}</option>
															<vb:each from="subscription.cost" key="subid" value="cost">
																<optgroup label="{vb:var cost.subscription_length}">
																	<vb:each from="cost.cost" key="currency" value="value">
																		{vb:set currencysymbol, {vb:if "isset($currencysymbols[$currency])", {vb:raw currencysymbols[$currency]}, {vb:php strtoupper, {vb:raw currency}}}}
																		<option data-subid="{vb:var subid}" data-subtitle="{vb:phrase {vb:var titleparse}}" data-duration="{vb:var cost.subscription_length}" data-currency="{vb:var currency}" data-recurring="{vb:var cost.recurring}" data-value="{vb:raw currencysymbol} {vb:number {vb:var value}, 2}">{vb:raw currencysymbol} {vb:number {vb:var value}, 2}</option>
																	</vb:each>
																</optgroup>
															</vb:each>
														</select>
													</div>
												</vb:each>
											</div>
											<div class="order_confirm h-hide">
												<table class="order_confirm_table">
													<tr>
														<th>{vb:phrase subscriptions}</th>
														<th>{vb:phrase duration}</th>
														<th>{vb:phrase cost}</th>
													<tr>
												</table>
												<p class="field_desc">{vb:phrase paymentmenthod_desc}</p>
												<vb:comment><!-- List avaliable payment APIs --></vb:comment>
												<div class="paymentapis">
													<vb:each from="subscriptions.paymentapis" value="paymentapi">
														<label><input type="radio" name="paymentapi" class="paymentapi" value="{vb:var paymentapi.classname}" data-currency="{vb:var paymentapi.currency}" data-recurring="{vb:var paymentapi.recurring}"> {vb:var paymentapi.title}</label>
													</vb:each>
												</div>
												<p><a href="#" class="remove_subscription">{vb:phrase remove_subscription}</a></p>
											</div>
										</div>
									</div>
								</vb:if>

								{vb:template humanverify, action="register", noToken=1}

								{vb:data profileFields, user, fetchProfileFieldsForRegistration, {vb:raw currentvalues}}
								<vb:if condition="$profileFields">
									<vb:if condition="$profileFields['profile']">
										<div class="form_row">
											<h2 class="fieldset-header">{vb:rawphrase additional_required_information_profile}</h2>
										</div>
										{vb:template profilefields, fields={vb:raw profileFields.profile}}
									</vb:if>
									<vb:if condition="$profileFields['option']">
										<div class="form_row">
											<h2 class="fieldset-header">{vb:rawphrase additional_required_information_option}</h2>
										</div>
										{vb:template profilefields, fields={vb:raw profileFields.option}}
									</vb:if>
									<vb:if condition="$profileFields['other']">
										<div class="form_row">
											<h2 class="fieldset-header">{vb:rawphrase additional_information}</h2>
										</div>
										{vb:template profilefields, fields={vb:raw profileFields.other}}
									</vb:if>
								</vb:if>
							</div>
							<div class="agree-terms">
								<label><input type="checkbox" id="cbApproveTerms" value="1" /><span>{vb:rawphrase i_have_read_agree_terms}</span></label>
							</div>

							<vb:if condition="$vboptions['enable_privacy_registered'] AND $user['eustatus'] != 2">
							<div class="agree-terms">
								<label><input type="checkbox" name="privacyconsent" value="1" /><span>{vb:phrase privacyconsent_terms, {vb:var vboptions.privacyurl}}</span></label>
							</div>
							</vb:if>
							<div class="b-button-group js-button-group<vb:if condition="$usecoppa"> h-hide</vb:if> h-margin-right-xl h-margin-bottom-xl" id="regSubmitFinal">
								<button id="regBtnSubmit" type="submit" class="b-button b-button--primary js-button">{vb:phrase complete_signup}</button>
							</div>
						</div>
				</vb:if>
				</form>
			</div>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_resetpassword_form" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="$user['userid'] > 0">
		<div class="notice">{vb:rawphrase changing_password_but_currently_logged_in_msg, {vb:raw user.username}, {vb:raw user.logouthash}}</div>
<vb:else />
	{vb:js js/reset-password.js}
	{vb:cssExtra css_form.css}
	<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget reset-password-widget widget-no-border widget-no-header-buttons" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
		<div class="widget-content">
			<form id="reset-password-form" action="auth/reset-password" method="post" class="form_layout">
				<p>{vb:phrase reset_password_instructions}</p>

				<div class="form-fieldset">

					<input type="hidden" name="userid" value="{vb:var page.userid}" />
					<input type="hidden" name="activationid" value="{vb:var page.activationid}" />

					<div class="form_row">
						<label class="label_column">{vb:phrase new_password}</label>
						<div class="field_column">
							<input type="password" name="new-password" autocomplete="off" class="textbox" />
							<div class="field-desc">{vb:phrase password_description}</div>
						</div>
					</div>

					<div class="form_row">
						<label class="label_column">{vb:phrase confirm_new_password}</label>
						<div class="field_column">
							<input type="password" name="new-password-confirm" autocomplete="off" class="textbox" />
						</div>
					</div>

					<vb:comment>
						Do we need HV on this form?
						{vb:template humanverify, action="lostpw", noToken=1}
					</vb:comment>

				</div>

				<div class="b-button-group">
					<button type="submit" class="b-button b-button--primary">{vb:phrase submit}</button>
				</div>

			</form>
		</div>
	</div>
</vb:if>]]></template>
		<template name="widget_search" templatetype="template" date="1533170728" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!empty($page['searchJSON'])">
	{vb:set searchJSON, {vb:raw page.searchJSON}}
<vb:elseif condition="!empty($widgetConfig['searchJSON'])" />
	{vb:set searchJSON, {vb:raw widgetConfig.searchJSON}}
</vb:if>

<vb:if condition="!empty($page['searchTitle'])">
	{vb:set searchTitle, {vb:raw page.searchTitle}}
<vb:elseif condition="!empty($widgetConfig['searchTitle'])" />
	{vb:set searchTitle, {vb:raw widgetConfig.searchTitle}}
<vb:elseif condition="!empty($widgetConfig['title'])" />
	{vb:set searchTitle, {vb:raw widgetConfig.title}}
<vb:else />
	{vb:set searchTitle, {vb:phrase search}}
</vb:if>


<vb:if condition="!empty($searchJSON)">
	{vb:set searchParam, {vb:compilesearch {vb:raw searchJSON}, {vb:raw page}, {vb:raw widgetConfig}}}
	{vb:set searchParam, {vb:php json_decode,{vb:raw searchParam},1}}
	<vb:comment>set default search params for the search widget here</vb:comment>
	<vb:if condition="!isset($searchParam['ignore_protected'])">
		{vb:set searchParam.ignore_protected, '1'}
	</vb:if>

	{vb:rawdata nodes, search, getInitialResults, {vb:raw searchParam},{vb:raw widgetConfig.resultsPerPage}}
</vb:if>

<vb:comment>begin hide_module_if_empty if block</vb:comment>
<vb:if condition="!empty($widgetConfig['hide_module_when_empty']) AND empty($nodes['results'])">
	<div class="h-hide">
		widgetinstance {vb:var widgetinstanceid} ({vb:var searchTitle}) skipped due to lack of content & hide_module_if_empty option.
	</div>
<vb:else />

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget search-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		title={vb:raw searchTitle},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content">
		<vb:if condition="isset($nodes['errors'])">
			<vb:each from="nodes.errors" value="error">
				<vb:if condition="$error[0] != 'exception_trace'">
					<div class="error">{vb:rawphrase {vb:raw error}}</div>
				</vb:if>
			</vb:each>
		<vb:elseif condition="empty($nodes['results'])" />
			<p><em>{vb:phrase there_are_no_results_that_meet_criteria}</em></p>
		<vb:else />
			<vb:if condition="isset($nodes['searchJSONStructure']['view']) AND $nodes['searchJSONStructure']['view'] == 'topic'">
				<table class="topic-list-container conversation-list">
				{vb:template display_Topics, topics={vb:raw nodes.results}}
				</table>
			<vb:else />
				{vb:set compact, 0}
				<vb:if condition="isset($nodes['searchJSONStructure']['view']) AND $nodes['searchJSONStructure']['view'] == 'compact'">
					{vb:set compact, 1}
				</vb:if>
				<ul class="conversation-list list-container h-clearfix{vb:if $compact, ' compact'}">
					<vb:each from="nodes.results" value="node">
							{vb:set inchannelTemplateName, 'display_contenttype_searchwidget_'}
							{vb:strcat inchannelTemplateName, {vb:raw node.content.contenttypeclass}}
							{vb:template {vb:raw inchannelTemplateName},
								conversation={vb:raw node.content},
								likeCount={vb:raw node.likecount},
								replyCount={vb:raw node.textcount},
								displayFooter={vb:raw widgetConfig.displayFooter},
								compact={vb:raw compact},
								hideAvatars={vb:raw widgetConfig.hide_avatars},
								hideUsernames={vb:raw widgetConfig.hide_usernames}}
					</vb:each>
				</ul>
			</vb:if>
			<div class="widget-footer h-align-left h-clear">
				<vb:comment><!-- see-more --></vb:comment>
				<a href="{vb:url 'search'}?r={vb:raw nodes.resultId}" class="b-button">{vb:phrase view_all}</a>
			</div>
		</vb:if>
	</div>
</div>

</vb:if>
<vb:comment>end hide_module_if_empty if block</vb:comment>]]></template>
		<template name="widget_search2" templatetype="template" date="1533170728" username="vBulletin" version="5.4.4 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig)">
	<vb:comment>Allow instanceless widgetConfig for certain tabbed container configurations</vb:comment>
	<vb:if condition="!empty($widgetinstanceid)">
		{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
	<vb:elseif condition="!empty($widgetid)" />
		{vb:data widgetConfig, widget, fetchDefaultConfigWithoutInstance, {vb:raw widgetid}}
	</vb:if>
<vb:else />
	{vb:set widgetConfigString {vb:php json_encode, {vb:raw widgetConfig}}}
</vb:if>

<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!empty($page['searchJSON'])">
	{vb:set searchJSON, {vb:raw page.searchJSON}}
<vb:elseif condition="!empty($widgetConfig['searchJSON'])" />
	{vb:set searchJSON, {vb:raw widgetConfig.searchJSON}}
</vb:if>

<vb:if condition="!empty($page['searchTitle'])">
	{vb:set searchTitle, {vb:raw page.searchTitle}}
<vb:elseif condition="!empty($widgetConfig['searchTitle'])" />
	{vb:set searchTitle, {vb:raw widgetConfig.searchTitle}}
<vb:elseif condition="!empty($widgetConfig['title'])" />
	{vb:set searchTitle, {vb:raw widgetConfig.title}}
<vb:else />
	{vb:set searchTitle, {vb:phrase search}}
</vb:if>

<vb:if condition="empty($currentPage)">
	{vb:set currentPage, 1}
</vb:if>

<vb:if condition="!empty($searchJSON)">
	{vb:set prefetchNodeCount, 10}
	{vb:set resultsPerPage, {vb:math {vb:var widgetConfig.resultsPerPage} + {vb:var prefetchNodeCount}}}

	{vb:set searchParam, {vb:compilesearch {vb:raw searchJSON}, {vb:raw page}, {vb:raw widgetConfig}}}
	{vb:set searchParam, {vb:php json_decode,{vb:raw searchParam},1}}
	<vb:comment>set default search params for the search widget here</vb:comment>
	<vb:if condition="!isset($searchParam['ignore_protected'])">
		{vb:set searchParam.ignore_protected, '1'}
	</vb:if>

	{vb:rawdata nodes, search, getInitialResults, {vb:raw searchParam}, {vb:raw resultsPerPage}, {vb:var currentPage}}

</vb:if>

<vb:comment>begin hide_module_if_empty if block</vb:comment>
<vb:if condition="!empty($widgetConfig['hide_module_when_empty']) AND empty($nodes['results'])">
	<vb:comment>
		In some widgets, we rely on JS to hide the widget after the fact when there are difficulties detecting whether the widget will be "empty" or not.
		In this case, the widget template also fetches the data (moved to above, previously done inside of .widget-content wrapper below), so we can check
		before we begin outputting any widget HTML & skip it as proper.
	</vb:comment>
	<div class="h-hide">
		widgetinstance {vb:var widgetinstanceid} ({vb:var searchTitle}) skipped due to lack of content & hide_module_if_empty option.
	</div>
<vb:else />

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget search-widget js-widget-search2" 
	id="widget_{vb:raw widgetinstanceid}" 
	data-widget-id="{vb:raw widgetid}" 
	data-widget-instance-id="{vb:raw widgetinstanceid}" 
	data-current-page="{vb:var currentPage}"
	<vb:if condition="empty($widgetinstanceid) AND !empty($widgetConfigString)">
		data-widget-config="{vb:var widgetConfigString}"
	</vb:if>
>

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		title={vb:raw searchTitle},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content">

		<vb:if condition="isset($nodes['errors'])">
			<vb:each from="nodes.errors" value="error">
				<vb:if condition="$error[0] != 'exception_trace'">
					<div class="error">{vb:rawphrase {vb:raw error}}</div>
				</vb:if>
			</vb:each>
		<vb:elseif condition="empty($nodes['results'])" />
			<p><em>{vb:phrase there_are_no_results_that_meet_criteria}</em></p>
		<vb:else />
			<vb:if condition="isset($nodes['searchJSONStructure']['view']) AND $nodes['searchJSONStructure']['view'] == 'topic'">
				<table class="topic-list-container conversation-list">
				{vb:template display_Topics, topics={vb:raw nodes.results}}
				</table>
			<vb:else />
				{vb:set compact, 0}
				{vb:set viewAsEvent, 0}
				<vb:if condition="isset($nodes['searchJSONStructure']['view']) AND $nodes['searchJSONStructure']['view'] == 'compact'">
					{vb:set compact, 1}
				</vb:if>
				<vb:if condition="isset($nodes['searchJSONStructure']['view']) AND $nodes['searchJSONStructure']['view'] == 'event'">
					{vb:set viewAsEvent, 1}
				</vb:if>

				<ul class="conversation-list list-container h-clearfix{vb:if $compact, ' compact'} js-widget-search2-nodelist" data-search-has-more="{vb:var nodes.hasMore}">
					{vb:set loopIteration, 0}
					<vb:each from="nodes.results" value="node">
							{vb:set inchannelTemplateName, 'display_contenttype_searchwidget_'}
							{vb:strcat inchannelTemplateName, {vb:raw node.content.contenttypeclass}}
							{vb:template {vb:raw inchannelTemplateName},
								conversation={vb:raw node.content},
								likeCount={vb:raw node.likecount},
								replyCount={vb:raw node.textcount},
								displayFooter={vb:raw widgetConfig.displayFooter},
								compact={vb:raw compact},
								viewAsEvent={vb:raw viewAsEvent},
								loopIteration={vb:var loopIteration},
								resultsPerPage={vb:var widgetConfig.resultsPerPage},
								currentPage={vb:var currentPage}}
						{vb:set loopIteration, {vb:math {vb:var loopIteration} + 1}}
					</vb:each>

					<li class="b-event__listmessage js-loading h-hide">{vb:phrase loading_ellipsis}</li>
					<li class="b-event__listmessage js-no-more-items h-hide">{vb:phrase no_more_items}</li>

				</ul>
			</vb:if>
			<div class="widget-footer h-align-left h-clear">
				<vb:comment><!-- see-more --></vb:comment>
				{vb:template {vb:raw widgetConfig.view_all_link_template},
					searchJSON={vb:raw searchJSON},
					widgetConfig={vb:raw widgetConfig},
					nodes={vb:raw nodes}
				}
			</div>
		</vb:if>


	</div>
</div>

</vb:if>
<vb:comment>end hide_module_if_empty if block</vb:comment>]]></template>
		<template name="widget_search2_admin" templatetype="template" date="1483998529" username="vBulletin" version="5.2.6 Alpha 5"><![CDATA[{vb:template widget_admin_default, 
	widget={vb:raw widget},
	isSearchWidget=0}]]></template>
		<template name="widget_search2_viewall_link__calendar" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<a href="{vb:url 'calendar'}?searchJSON={vb:var searchJSON}" class="b-button">
	<vb:if condition="!empty($widgetConfig['view_all_text'])">
		{vb:var widgetConfig.view_all_text}
	<vb:else />
		{vb:phrase view_all}
	</vb:if>
</a>]]></template>
		<template name="widget_search2_viewall_link__searchresults" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[<a href="{vb:url 'search'}?r={vb:raw nodes.resultId}" class="b-button">
	<vb:if condition="!empty($widgetConfig['view_all_text'])">
		{vb:var widgetConfig.view_all_text}
	<vb:else />
		{vb:phrase view_all}
	</vb:if>
</a>]]></template>
		<template name="widget_search_admin" templatetype="template" date="1413415655" username="vBulletin" version="5.1.5 Alpha 3"><![CDATA[{vb:template widget_admin_default, 
	widget={vb:raw widget},
	isSearchWidget=1}]]></template>
		<template name="widget_search_criteria" templatetype="template" date="1489794397" username="vBulletin" version="5.3.1 Alpha 1"><![CDATA[<vb:comment>When sitebuilder is turned on, it will only automatically load sb_search.js on demand if it is not loaded yet, so we always include it here in search criteria widget and sitebuilder will not load it again</vb:comment>
{vb:js js/search-rollup.js}

{vb:cssExtra css_search.css,sitebuilder-after.css}

<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:comment>Check search permission</vb:comment>
{vb:data searchperm, user, hasPermissions, forumpermissions, cansearch}

<vb:if condition="$searchperm">

	<vb:if condition="!empty($page['searchJSON'])">
		{vb:set searchJSON, {vb:raw page.searchJSON}}
	<vb:else />
		{vb:set searchJSON, ''}
	</vb:if>
	{vb:data channels, search, getChannels, true}
	{vb:data contentTypes, search, getSearchableContentTypes}
	<vb:if condition="empty($searchJSON) AND !empty($page['resultId'])">
			{vb:data criteria, search, getInfo, {vb:raw page.resultId}}
			{vb:set searchJSON, {vb:raw criteria.searchJSON}}
			{vb:set searchJSONStructure, {vb:raw criteria.searchJSONStructure}}
			<vb:if condition="!empty($searchJSONStructure['error'])">
				{vb:set error_params, ''}
				<vb:if condition="!empty($searchJSONStructure['ignored_words'])">
					<vb:each from="searchJSONStructure.ignored_words" value="ignored_word">
						{vb:strcat error_params, {vb:var ignored_word}, ','}
					</vb:each>
					{vb:set error_params, {vb:php trim, {vb:raw error_params}, ', '}}
				</vb:if>
				{vb:set error, {vb:raw searchJSONStructure.error}}
				<vb:if condition="!empty($searchJSONStructure['original_keywords'])">
					{vb:set searchJSONStructure.keywords, {vb:var searchJSONStructure.original_keywords}}
				</vb:if>
			</vb:if>
	</vb:if>
	<vb:if condition="!empty($page['searchCriteriaTitle'])">
		{vb:set searchCriteriaTitle, {vb:raw page.searchCriteriaTitle}}
	<vb:elseif condition="!empty($widgetConfig['searchCriteriaTitle'])" />
		{vb:set searchCriteriaTitle, {vb:raw widgetConfig.searchCriteriaTitle}}
	<vb:else />
		{vb:set searchCriteriaTitle, {vb:phrase advanced_search}}
	</vb:if>
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget search-fields-widget widget-no-header-buttons widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	<vb:if condition="$searchperm">
		{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:raw searchCriteriaTitle}}
		<div class="widget-content">
			<vb:if condition="!empty($error)">
				{vb:template error_message, error_message={vb:raw error}, error_params={vb:raw error_params}}
			</vb:if>
			<vb:if condition="!empty($page['error'])">
				{vb:template error_message, error_message={vb:raw page.error}}
			</vb:if>
			<vb:if condition="$vboptions['enablesearches']">
				<vb:comment>Per Product, Private Message should be excluded from Advanced Search</vb:comment>
				{vb:set excludeTypes[], 'vBForum_PrivateMessage'}
				{vb:template search_config, configID='advancedSearchFields', searchJSON={vb:raw searchJSON}, contentTypes={vb:raw contentTypes}, channels={vb:raw channels}, fullDate=1, noParam=1, noAdvancedSwitch=1, hasForm=1, search_exclude_types={vb:raw excludeTypes}, showSearchOptions=1}
			<vb:else />
				{vb:template error_message, error_message=searchdisabled}
			</vb:if>
		</div>
	<vb:else />
		{vb:phrase no_permission}
	</vb:if>
</div>]]></template>
		<template name="widget_search_results" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:comment>When sitebuilder is turned on, it will only automatically load sb_search.js on demand if it is not loaded yet, so we always include it here in search result widget and sitebuilder will not load it again</vb:comment>
{vb:js js/search-rollup.js}
{vb:cssExtra css_search.css}

<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:comment>Check search permission</vb:comment>
{vb:data searchperm, user, hasPermissions, forumpermissions, cansearch}

{vb:set blogPosts, {vb:php array}}

<vb:if condition="$searchperm">
	<vb:if condition="!empty($page['searchJSON'])">
		{vb:set searchJSON, {vb:raw page.searchJSON}}
	<vb:else />
		{vb:set searchJSON, ''}
	</vb:if>

	{vb:set searchJSONParam, {vb:compilesearch {vb:raw searchJSON}, {vb:raw page}}}
	{vb:set searchJSONParam, {vb:php json_decode,{vb:raw searchJSONParam},1}}
	{vb:set orgJSONParam, {vb:raw searchJSONParam}}
	<vb:comment>set default json params for the search page here</vb:comment>
	<vb:if condition="!isset($searchJSONParam['ignore_protected'])">
		{vb:set searchJSONParam.ignore_protected, '1'}
	</vb:if>
	<vb:if condition="!empty($searchJSON)">
		{vb:rawdata nodes, search, getInitialResults, {vb:raw searchJSONParam}, {vb:raw widgetConfig.resultsPerPage}, {vb:raw page.currentPage}, 1, 1}
		{vb:set searchJSON, {vb:raw nodes.searchJSON}}
		{vb:set searchJSONStructure, {vb:raw nodes.searchJSONStructure}}
		<vb:if condition="!empty($searchJSONStructure['error'])">
			{vb:set redirurl, 'search?e='}
			{vb:strcat redirurl, {vb:raw nodes.resultId}}
			{vb:redirect {vb:raw redirurl}}
		</vb:if>
	<vb:else />
	<vb:if condition="!empty($page['resultId'])">
		{vb:rawdata nodes, search, getMoreResults, {vb:raw page.resultId}, {vb:raw widgetConfig.resultsPerPage}, {vb:raw page.currentPage}}
		{vb:set searchJSON, {vb:raw nodes.searchJSON}}
	</vb:if>
	</vb:if>
	<vb:if condition="!empty($page['searchResultTitle'])">
		{vb:set searchResultTitle, {vb:raw page.searchResultTitle}}
	<vb:elseif condition="!empty($widgetConfig['searchResultTitle'])" />
		{vb:set searchResultTitle, {vb:raw widgetConfig.searchResultTitle}}
	<vb:else />
		{vb:set searchResultTitle, {vb:phrase search_results}}
	</vb:if>
	<vb:if condition="!empty($nodes['searchJSONStructure'])">
		{vb:set searchJSONStructure, {vb:raw nodes.searchJSONStructure}}
	</vb:if>
	{vb:data enableInlineMod, user, hasPermissions, moderatorpermissions, canmoderateposts}
	{vb:set moderatorperms, {vb:php array}}
	<vb:each from="nodes.results" value="conversation">
		<vb:if condition="($conversation['content']['moderatorperms']['canmoderateposts'] > 0) OR ($conversation['content']['moderatorperms']['candeleteposts'] > 0) OR ($conversation['content']['moderatorperms']['caneditposts'] > 0) OR ($conversation['content']['moderatorperms']['canopenclose'] > 0) OR ($conversation['content']['moderatorperms']['canmassmove'] > 0) OR ($conversation['content']['moderatorperms']['canmassprune'] > 0) OR ($conversation['content']['moderatorperms']['canremoveposts'] > 0) OR ($conversation['content']['moderatorperms']['cansetfeatured'] > 0)">
			{vb:set enableInlineMod, 1}
			{vb:action moderatorperms, permission, actionMergePerms, {vb:raw moderatorperms}, {vb:raw conversation.content.moderatorperms}}
		</vb:if>

		<vb:comment>collect blog node comment perms</vb:comment>
		<vb:if condition="$conversation['content']['channeltype'] == 'blog'">
			{vb:set num_elem, {vb:php array_push, {vb:raw blogPosts}, {vb:raw conversation}}}
		</vb:if>
	</vb:each>
	{vb:data blogInfo, blog, userCanComment, {vb:raw blogPosts}}
</vb:if>
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget search-results-widget default-widget widget-no-header widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}"<vb:if condition="!empty($searchJSONStructure['keywords'])"> data-keywords="{vb:raw searchJSONStructure.keywords}"</vb:if>>
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:raw searchResultTitle}}
	<div class="widget-content<vb:if condition="$enableInlineMod"> inlinemod-container</vb:if>">
		<vb:if condition="$searchperm">
			<vb:if condition="isset($nodes['results'])">
				<div class="search-result-header">
					<div class="search-stats"><label>{vb:phrase search_results}:</label> <vb:if condition="$nodes['pagination']['totalcount'] > 1">{vb:phrase x_results_in_y_seconds, {vb:raw nodes.pagination.totalcount}, {vb:raw nodes.searchtime}}<vb:else />{vb:phrase x_result_in_y_seconds, {vb:raw nodes.pagination.totalcount}, {vb:raw nodes.searchtime}}</vb:if>
						<vb:if condition="!empty($nodes['ignored_keywords'])">
							<vb:each from="nodes.ignored_keywords" value="keyword">
								<vb:if condition="empty($ignored_list)">
									{vb:set ignored_list, {vb:raw keyword}}
								<vb:else />
									{vb:strcat ignored_list, ', '}
									{vb:strcat ignored_list, {vb:raw keyword}}
								</vb:if>
							</vb:each>
							{vb:phrase keywords_ignored_x, {vb:var ignored_list}}
						</vb:if>

						<vb:comment>/******* Not for vB5.0 release *******/
						<vb:if condition="$user['can_use_sitebuilder']">
							<a href="#" class="save-as_module">({vb:phrase save_as_search_module})</a>
							<div class="saveSearchModuleBody sb-dialog">
								<p>{vb:phrase search_module_desc}</p>
								<input type="text" name="searchModule[name]" class="searchModule_name textbox" placeholder="{vb:phrase create_a_search_module_name}" />
								<p>{vb:phrase choose_howmany_results_display_in_search_module}</p>
								<select name="searchModule[resultsPerPage]" class="searchModule_resultsPerPage">
									<option value="10">{vb:phrase x_results_per_page, 10}</option>
									<option value="15">{vb:phrase x_results_per_page, 15}</option>
									<option value="20">{vb:phrase x_results_per_page, 20}</option>
									<option value="25">{vb:phrase x_results_per_page, 25}</option>
								</select>
								<div class="b-button-group">
									<button class="b-button b-button--primary" name="btnSubmit" id="saveModuleSubmitBtn" type="button">{vb:phrase save}</button>
									<button class="b-button b-button--secondary" name="btnCancel" id="saveModuleCancelBtn" type="button">{vb:phrase cancel}</button>
								</div>
							</div>
						</vb:if>
						</vb:comment>

					</div>


					<div class="search-controls">

						<vb:if condition="!empty($searchJSONStructure['keywords'])">
							{vb:set keywords ,{vb:raw searchJSONStructure.keywords}}
							{vb:js js/jquery/jquery.highlight-4.js}
						<vb:else />
							{vb:set keywords ,''}
						</vb:if>

						<div class="search-control-popup search-controls-keywords">

							<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover">
								<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--outline b-comp-menu-dropdown__trigger--arrow">
									{vb:phrase keywords}
								</div>
								<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--left">
									<li class="b-comp-menu-dropdown__content-item js-comp-menu-dropdown__content-maintain-menu b-comp-menu-dropdown__content-item--no-hover">
										<span class="searchFields_keywords_container">
											<input type="text" name="searchFields_keywords" value="{vb:var keywords}" class="js-search-keywords searchFields_keywords textbox" />
											<button type="button" class="search-btn h-right" value="keywords" title="{vb:phrase search}"><span class="b-icon b-icon__search">{vb:phrase search}</span></button>
										</span>
										<label class="h-block h-margin-top-s">
											<input type="checkbox" name="searchFieldsTitleOnly" class="searchFields_title_only h-align-middle" value="1" <vb:if condition="!empty($searchJSONStructure['title_only'])">checked="checked"</vb:if> />
											<span class="h-align-middle">{vb:phrase search_in_titles_only}</span>
										</label>
									</li>
								</ul>
							</div>

							{vb:var keywords}

						</div>


						<div class="search-control-popup search-controls-members">

							<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover">
								<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--outline b-comp-menu-dropdown__trigger--arrow">
									{vb:phrase members}
								</div>
								<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--left">
									<li class="b-comp-menu-dropdown__content-item js-comp-menu-dropdown__content-maintain-menu b-comp-menu-dropdown__content-item--no-hover">
										<input type="text" name="searchFields[author]" class="searchFields_author textbox" value="" />
										<label class="h-block h-margin-top-s">
											<input type="checkbox" name="searchFieldsStarterOnly" class="searchFields_starter_only h-align-middle" value="1" <vb:if condition="!empty($searchJSONStructure['starter_only'])">checked="checked"</vb:if> />
											<span class="h-align-middle">{vb:phrase started_posts_only}</span>
										</label>
										<div class="b-button-group h-margin-top-s">
											<button type="button" class="b-button b-button--secondary" value="author">{vb:phrase search}</button>
										</div>
									</li>
								</ul>
							</div>

							<vb:if condition="!empty($orgJSONParam['author'])">
								<vb:if condition="!is_array($orgJSONParam['author']) AND $orgJSONParam['author'] = array($orgJSONParam['author'])"></vb:if>
								<vb:each from="orgJSONParam.author" value="author">
									<span class="removable-element">
										<span class="element-text">{vb:var author}</span>
										<span class="element-x b-icon b-icon__x-circle">x</span>
									</span>
								</vb:each>
							</vb:if>
						</div>

						<div class="search-control-popup search-controls-tags tag-box">

							<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover">
								<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--outline b-comp-menu-dropdown__trigger--arrow">
									{vb:phrase tags}
								</div>
								<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--left">
									<li class="b-comp-menu-dropdown__content-item js-comp-menu-dropdown__content-maintain-menu b-comp-menu-dropdown__content-item--no-hover">

										{vb:template tag_editor,
											editorClass="searchResultTagEditor",
											cssClass="entry-field searchFields_tag",
											tagList={vb:raw searchJSONStructure.tag},
											noManageTagCheck=1,
											tagtype=search,
											tagEditorInline=1,
											hideTagsDesc=1,
											tagCloudInline=1}

										<div class="b-button-group h-margin-top-s">
											<button type="button" class="b-button b-button--secondary" value="tags">{vb:phrase search}</button>
										</div>
									</li>
								</ul>
							</div>

							<vb:comment>Search API does not return all specified tags in some instances, e.g. if the specified tags are new and do not exist in the system yet, so we need to manually add them for display purposes</vb:comment>
							<vb:if condition="!empty($orgJSONParam['tag'])">
								<vb:each from="orgJSONParam.tag" value="tag">
									<span class="removable-element tag">
										<span class="element-text tag-text">{vb:var tag}</span>
										<span class="element-x b-icon b-icon__x-circle">x</span>
									</span>
								</vb:each>
							</vb:if>

						</div>

						<form action="{vb:url 'search'}" method="GET" class="resultSearchForm">
							<input type="hidden" name="searchJSON" class="searchResults_searchJSON" value="{vb:var searchJSON}" />
						</form>

					</div>


				</div>
			</vb:if>
			<vb:if condition="isset($nodes['errors'])">
				<vb:each from="nodes.errors" value="error">
					<vb:if condition="$error[0] != 'exception_trace'">
						<div class="error">{vb:rawphrase {vb:raw error}}</div>
					</vb:if>
				</vb:each>
			<vb:elseif condition="empty($nodes['results'])" />
				<p><em>{vb:phrase there_are_no_results_that_meet_criteria}</em></p>
			<vb:else />
				<vb:if condition="!empty($nodes['pagination']) AND $nodes['pagination']['totalpages'] > 1">
					{vb:set pagingInfo, {vb:raw nodes.pagination}}
					{vb:set showPageNav, 1}
				</vb:if>

				{vb:template conversation_toolbar, 
					searchJSONStructure={vb:raw searchJSONStructure},
					pagingInfo={vb:raw pagingInfo},
					view=search,
					showSortBy=1,
					showSortOrder=1,
					showPageNav={vb:raw showPageNav},
					showInlineMod={vb:raw enableInlineMod},
					modPerms={vb:raw moderatorperms}}

				<vb:if condition="!empty($nodes['searchJSONStructure']['view']) AND $nodes['searchJSONStructure']['view'] == 'topic'">

					<table class="topic-list-container conversation-list">
						{vb:template display_Topics, topics={vb:raw nodes.results}, canmoderate={vb:raw enableInlineMod}, showChannelInfo=1}
					</table>

					{vb:template pagenav, pagenav={vb:raw pagingInfo}}

				<vb:else />
					<ul class="conversation-list list-container stream-view activity-view full-activity-view h-clearfix">
						{vb:set footerControls, {vb:php array_fill_keys, {vb:php array, showVoteCtrl}, 1}}
						<vb:each from="nodes.results" value="node">
							{vb:set userCanCommentOnThisBlog, 0}
							{vb:set currentNodeIsBlog, 0}
							{vb:set userCanCommentOnThisArticle, 0}
							{vb:set currentNodeIsArticle, 0}
							<vb:if condition="$node['content']['contenttypeclass'] == 'Channel'">
								<vb:if condition="!isset($mainBlogChannelId)">
									{vb:rawdata mainBlogChannelId, blog, getBlogChannel}
								</vb:if>
								<vb:if condition="!isset($mainSGChannelId)">
									{vb:rawdata mainSGChannelId, socialgroup, getSGChannel}
								</vb:if>
							<vb:else />
								<vb:if condition="isset($blogInfo[$node['nodeid']]) AND (($userCanCommentOnThisBlog = $blogInfo[$node['nodeid']]) != NULL)"></vb:if>
							</vb:if>
							<vb:if condition="$node['content']['channeltype'] == 'blog'">
								{vb:set currentNodeIsBlog, 1}
							</vb:if>
							<vb:if condition="$node['content']['channeltype'] == 'article'">
								{vb:set currentNodeIsArticle, 1}
							</vb:if>
							{vb:set conversationreplyTemplateName, 'display_contenttype_conversationreply_'}
							{vb:strcat conversationreplyTemplateName, {vb:raw node.content.contenttypeclass}}

							{vb:template {vb:raw conversationreplyTemplateName},
								conversation={vb:raw node.content},
								reportActivity=1,
								showChannelInfo=1,
								showInlineMod={vb:raw enableInlineMod},
								showNoControls=1,
								mainBlogChannelId={vb:raw mainBlogChannelId},
								mainSGChannelId={vb:raw mainSGChannelId},
								footerControls={vb:raw footerControls},
								currentNodeIsBlog={vb:raw currentNodeIsBlog},
								userCanCommentOnThisBlog={vb:raw userCanCommentOnThisBlog},
								currentNodeIsArticle={vb:raw currentNodeIsArticle},
								userCanCommentOnThisArticle={vb:raw userCanCommentOnThisArticle}}

						</vb:each>
					</ul>

					{vb:template pagenav, pagenav={vb:raw pagingInfo}}

				</vb:if>
			</vb:if>
		<vb:else />
			{vb:phrase no_permission}
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_settings" templatetype="template" date="1545869589" username="vBulletin" version="5.5.1 Alpha 1"><![CDATA[{vb:data canmodifyprofile, user, hasPermissions, genericpermissions, canmodifyprofile}
{vb:data canmodifyprivacy, user, hasPermissions, usercsspermissions, caneditprivacy}
{vb:js js/usersettings.js}
{vb:js js/css_b_tabbed_pane.js}
<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>


<vb:if condition="$user['userid'] > 0">
	{vb:data userInfo, user, fetchUserSettings}
	{vb:data subscriptions, paidsubscription, fetchAll}

	<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget profile-settings-widget default-widget widget-no-border widget-no-header-buttons" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
		{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase profile_settings}}
		<div class="widget-content">
			<a id="usersettings-module-top" class="anchor js-module-top-anchor"></a>
			<div id="settingsErrorDialog" class="sb-dialog stretch">
				<div class="dialog-content stretch" id="settingsErrorContent">
				</div>
				<div class="b-button-group">
					<button id="settingsErrorClose" type="submit" class="b-button b-button--primary">{vb:phrase close}</button>
				</div>
			</div>

			<div class="h-margin-bottom-l b-button-group b-button-group--left">
				<a href="{vb:url 'profile', {vb:raw userInfo}}" class="b-button b-button--secondary"><span class="b-icon b-icon__arrow-left-m"></span> {vb:phrase back_to_profile}</a>
			</div>

			<vb:if condition="$userInfo['userid'] == $user['userid']">
				{vb:set textboxSize, 50}

				<div class="b-tabbed-pane js-user-settings">
					<ul class="b-tabbed-pane__tabs js-tabbed-pane__tabs b-tabbed-pane__tabs--standard b-tabbed-pane__tabs--blend-selected-tab-and-pane js-comp-menu-horizontal js-comp-menu--dropdown-on-small b-comp-menu-dropdown--inactive js-shrink-event-parent" data-allow-history="1">
						<vb:if condition="$canmodifyprofile">
							<li class="b-tabbed-pane__tab js-shrink-event-child {vb:if "$page['tab'] == 'profile'", b-tabbed-pane__tab--selected}"><a class="b-tabbed-pane__tab-link" href="#profileTab" id="userSettingsProfile" data-url-path="profile"><span class="b-icon b-icon__profile"></span> <span class="label">{vb:phrase profile}</span></a></li>
						</vb:if>
						<li class="b-tabbed-pane__tab js-shrink-event-child {vb:if "$page['tab'] == 'account'", b-tabbed-pane__tab--selected}"><a class="b-tabbed-pane__tab-link" href="#accountTab" id="userSettingsAccount" data-url-path="account"><span class="b-icon b-icon__account"></span> <span class="label">{vb:phrase account}</span></a></li>
						<vb:if condition="($canmodifyprofile AND $canmodifyprivacy) OR (!empty($vboptions['enable_privacy_registered']) OR !empty($vboptions['enable_account_removal'])) AND $userInfo['eustatus'] != 2">
							<li class="b-tabbed-pane__tab js-shrink-event-child {vb:if "$page['tab'] == 'privacy'", b-tabbed-pane__tab--selected}"><a href="#privacyTab" class="b-tabbed-pane__tab-link" id="userSettingsPrivacy" data-url-path="privacy"><span class="b-icon b-icon__privacy"></span> <span class="label">{vb:phrase privacy}</span></a></li>
						</vb:if>
						<vb:if condition="$canmodifyprofile">
							<li class="b-tabbed-pane__tab js-shrink-event-child {vb:if "$page['tab'] == 'notifications'", b-tabbed-pane__tab--selected}"><a href="#notificationsTab" class="b-tabbed-pane__tab-link" id="userSettingsNotifications" data-url-path="notifications"><span class="b-icon b-icon__notifications"></span> <span class="label">{vb:phrase notifications}</span></a></li>
						</vb:if>
						<vb:if condition="!empty($userInfo['showMFATab'])">
							<li class="b-tabbed-pane__tab js-shrink-event-child {vb:if "$page['tab'] == 'security'", b-tabbed-pane__tab--selected}"><a href="#securityTab" class="b-tabbed-pane__tab-link" id="userSettingsMfa" data-url-path="security"><span class="b-icon b-icon__shield"></span> <span class="label">{vb:phrase account_security}</span></a></li>
						</vb:if>
						<vb:if condition="$subscriptions">
							<li class="b-tabbed-pane__tab js-shrink-event-child {vb:if "$page['tab'] == 'subscriptions'", b-tabbed-pane__tab--selected}"><a href="#subscriptionsTab" class="b-tabbed-pane__tab-link" id="userSettingsSubscriptions" data-url-path="subscriptions"><span class="b-icon b-icon__paid-subscriptions"></span> <span class="label">{vb:phrase subscriptions}</span></a></li>
						</vb:if>
						{vb:hook 'settings_tab_list'}
					</ul>

					<vb:if condition="$canmodifyprofile">
						<div id="profileTab" class="b-tabbed-pane__pane profile-tab-panel h-clearfix h-clear<vb:if condition="$page['tab'] == 'profile'"> b-tabbed-pane__pane--selected </vb:if>">
							{vb:template usersettings_profile, textboxSize = {vb:raw textboxSize}, userInfo = {vb:raw userInfo}, widgetInstance = {vb:raw widgetConfig.widgetinstanceid}}
						</div>
					</vb:if>

					<div id="accountTab" class="b-tabbed-pane__pane account-tab-panel h-clearfix h-clear<vb:if condition="$page['tab'] == 'account'"> b-tabbed-pane__pane--selected</vb:if>">
						{vb:template usersettings_account, textboxSize = {vb:raw textboxSize}, userInfo = {vb:raw userInfo}, canmodifyprofile = {vb:raw canmodifyprofile}}
					</div>
					<vb:if condition="($canmodifyprofile AND $canmodifyprivacy) OR (!empty($vboptions['enable_privacy_registered']) OR !empty($vboptions['enable_account_removal'])) AND $userInfo['eustatus'] != 2">
						<div id="privacyTab" class="b-tabbed-pane__pane privacy-tab-panel h-clearfix h-clear<vb:if condition="$page['tab'] == 'privacy'"> b-tabbed-pane__pane--selected</vb:if>">
							{vb:template usersettings_privacy, 
								textboxSize = {vb:raw textboxSize}, 
								userInfo = {vb:raw userInfo},
								canmodifyprofile = {vb:raw canmodifyprofile},
								canmodifyprivacy = {vb:raw canmodifyprivacy}
							}
						</div>
					</vb:if>
					<div id="notificationsTab" class="b-tabbed-pane__pane notifications-tab-panel h-clearfix h-clear<vb:if condition="$page['tab'] == 'notifications'"> b-tabbed-pane__pane--selected</vb:if>">
						{vb:template usersettings_notifications, textboxSize = {vb:raw textboxSize}, userInfo = {vb:raw userInfo}}
					</div>
					<vb:if condition="!empty($userInfo['showMFATab'])">
					<div id="securityTab" class="b-tabbed-pane__pane security-tab-panel h-clearfix h-clear {vb:if "$page['tab'] == 'security'", b-tabbed-pane__pane--selected}">
						{vb:template usersettings_mfa, textboxSize = {vb:raw textboxSize}, userInfo = {vb:raw userInfo}}
					</div>
					</vb:if>
					<vb:if condition="$subscriptions">
						<div id="subscriptionsTab" class="b-tabbed-pane__pane subscriptions-tab-panel h-clearfix h-clear<vb:if condition="$page['tab'] == 'subscriptions'"> b-tabbed-pane__pane--selected</vb:if>">
							{vb:template usersettings_subscriptions, subscriptions = {vb:raw subscriptions}, userInfo = {vb:raw userInfo}}
						</div>
					</vb:if>
					{vb:hook 'settings_tab_page'}
				</div>
			<vb:else />
				<p>Invalid user permissions</p>
			</vb:if>
		</div>
	</div>
<vb:else />
{vb:phrase cannot_access_settings_guest}
</vb:if>]]></template>
		<template name="widget_sgadmin" templatetype="template" date="1530819418" username="vBulletin" version="5.4.4 Alpha 1"><![CDATA[{vb:js js/file-upload-rollup.js}
{vb:js js/groupadmin-rollup.js}
<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:cssExtra blogs-groups.css}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget blogadmin-widget widget-tabs widget-no-header widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase group_sgadmin}}
	<div class="widget-content">
		<vb:if condition="$page['routeInfo']['arguments']['nodeid'] > 0">
			{vb:data sgPerms, socialgroup, getChannelAdminPerms, {vb:raw page.routeInfo.arguments.nodeid}}

			{vb:set displaySetting, 0}
			<vb:if condition="in_array($page['routeInfo']['arguments']['action2'], array('settings', 'permissions', 'sidebar')) AND $sgPerms['canconfig']">
				{vb:set displaySetting, 1}
			<vb:elseif condition="in_array($page['routeInfo']['arguments']['action2'], array('contributors', 'members', 'subscribers', 'invite')) AND $sgPerms['canmanageusers']" />
				{vb:set displaySetting, 1}
			<vb:elseif condition="in_array($page['routeInfo']['arguments']['action2'], array('events', 'owner')) AND $sgPerms['canmoderate']" />
				{vb:set displaySetting, 1}
			<vb:elseif condition="in_array($page['routeInfo']['arguments']['action2'], array('stats')) AND $sgPerms['canstats']" />
				{vb:set displaySetting, 1}
			<vb:elseif condition="$page['routeInfo']['arguments']['action2'] == 'delete'" />
				{vb:data ownerPerms, socialgroup, getSGOwnerPerms, {vb:raw page.routeInfo.arguments.nodeid}}
				<vb:if condition="!empty($ownerPerms['candeletechannel']) AND $ownerPerms['candeletechannel'] AND $sgPerms['canmoderate']">
					{vb:set displaySetting, 1}
				</vb:if>
			</vb:if>
			<vb:if condition="$displaySetting">
				{vb:set sgTemplate, 'sgadmin_admin'}
				{vb:strcat sgTemplate, {vb:raw page.routeInfo.arguments.action2}}
				{vb:template {vb:raw sgTemplate}, sgaction={vb:raw page.routeInfo.arguments.sgaction}, nodeid={vb:raw page.routeInfo.arguments.nodeid}, routeInfo={vb:raw page.routeInfo}, sgPerms= {vb:raw sgPerms}}
			<vb:else />
				<span class="vb_error">{vb:phrase no_permission}</span>
			</vb:if>
		<vb:else />
			{vb:data sgChannel, socialgroup, getSGChannel}
			{vb:rawdata canCreate, content_channel, canAddChannel, {vb:var sgChannel}}
			<vb:if condition="empty($canCreate['errors']) AND !empty($canCreate['can']) AND !empty($page['routeInfo'])">
				<vb:if condition="!empty($page['routeInfo'])">
					{vb:template sgadmin_adminsettings, sgChannel={vb:raw sgChannel}, routeInfo={vb:raw page.routeInfo}, sgPerms= {vb:raw sgPerms}, sgaction='create'}
				</vb:if>
			<vb:else />
				<span class="vb_error">{vb:phrase no_permission}</span>
			</vb:if>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_sgcategorylist" templatetype="template" date="1553297356" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="empty($page['channelid'])">
	{vb:data channelid, socialgroup, getSGChannel}
<vb:else />
	{vb:set channelid, {vb:var page.channelid}}
</vb:if>
{vb:rawdata canViewSG, user, hasPermissions, forumpermissions, canview, {vb:raw channelid}}
<vb:if condition="!empty($canViewSG) AND empty($canViewSG['errors']) AND ($canViewSG == true)">
	<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
		{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
	</vb:if>
	<vb:if condition="!empty($widgetConfig)">
		{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
		{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
	</vb:if>

	<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget socialgroup-widget socialgroup-category-list-widget widget-tabs widget-no-header widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
		{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase social_group_category_list}}
		<div class="widget-content widget-tabs-panel groups-tab">

			<vb:comment>The .js-movable-toolbar-button-container div always needs to be present, as responsive moves toolbar buttons here</vb:comment>
			<div class="h-right h-clear hide-on-editmode b-button-group h-margin-bottom-l js-movable-toolbar-button-container"></div>

			<vb:if condition="$page['channelid']">
				{vb:set options.sgparent, {vb:raw channelid}}
			</vb:if>

			{vb:set options.perpage, {vb:raw widgetConfig.resultsPerPage}}

			<vb:if condition="empty($page['pagenum'])">
				{vb:set page.pagenum, 1}
			</vb:if>

			{vb:set options.page, {vb:raw page.pagenum}}
			{vb:set widgetConfig.filter_groups, 'show_all'}
			<vb:if condition="empty($widgetConfig['display_groups'])">
				{vb:set widgetConfig.display_groups, 'display_grid'}
			</vb:if>

			<vb:if condition="isset($page['filter_groups']) AND in_array($page['filter_groups'], array('show_all', 'show_my')) AND $user['userid']">
				{vb:set widgetConfig.url_default_filters.filter_groups, {vb:raw page.filter_groups}}
				{vb:set filterGroups, {vb:raw page.filter_groups}}
			<vb:else />
				{vb:set filterGroups, {vb:raw widgetConfig.filter_groups}}
			</vb:if>

			<vb:if condition="$filterGroups == 'show_my'">
				{vb:set options.userid, {vb:raw user.userid}}
			</vb:if>

			{vb:rawdata nodes, socialgroup, getSGInfo, {vb:var options}, {vb:raw page.routeInfo}}

			<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
				{vb:set nodeCount, {vb:var nodes.totalcount}}
				{vb:set pagingInfo, {vb:raw nodes.pageInfo}}
			<vb:else />
				{vb:set nodeCount, 0}
			</vb:if>

			<vb:if condition="$user['userid']">
				{vb:set createSG, 1}
				{vb:set showSgAll, 1}
			</vb:if>

			<vb:if condition="$nodeCount == 0 AND empty($pagingInfo)">
				{vb:set pagingInfo.currentpage, 1}
				{vb:set pagingInfo.perpage, {vb:raw widgetConfig.resultsPerPage}}
				{vb:set pagingInfo.totalpages, 1}
				{vb:set pagingInfo.prevpage, ''}
				{vb:set pagingInfo.nextpage, ''}
				{vb:set pagingInfo.sgparent, {vb:raw channelid}}
			</vb:if>

			{vb:template conversation_toolbar,
				widgetConfig={vb:raw widgetConfig},
				createSG={vb:raw createSG},
				showSgAll={vb:raw showSgAll},
				showPageNav=1,
				pagingInfo={vb:raw pagingInfo},
				accessibleHiddenDefaultFilter=1,
				selectedGroupFilter={vb:raw filterGroups},
				allowHistory=1}

			{vb:template socialgroup_nodes,
				display_groups={vb:raw widgetConfig.display_groups},
				nodes={vb:raw nodes},
				routeInfo={vb:raw page.routeInfo},
				fromTemplate=1,
				my={vb:raw filterGroups},
				pageInfo={vb:raw pagingInfo}}

		</div>
	</div>
	{vb:js js/group-home-rollup.js}
<vb:else />
	<div class="conversation-empty">{vb:phrase no_permission}</div>
</vb:if>

{vb:cssExtra blogs-groups.css}]]></template>
		<template name="widget_sgchanneldisplay" templatetype="template" date="1555021318" username="vBulletin" version="5.5.2 Alpha 4"><![CDATA[<vb:if condition="empty($page['channelid'])">
	{vb:data channelid, socialgroup, getSGChannel}
<vb:else />
	{vb:set channelid, {vb:raw $page.channelid}}
</vb:if>
{vb:rawdata canViewSG, user, hasPermissions, forumpermissions, canview, {vb:raw $channelid}}
{vb:set showContent, 0}
<vb:if condition="!empty($canViewSG) AND empty($canViewSG['errors']) AND ($canViewSG == true)">
	{vb:set showContent, 1}
<vb:else />
	{vb:rawdata canAlwaysView, user, hasPermissions, forumpermissions2, canalwaysview, {vb:raw $channelid}}
	<vb:if condition="!empty($canAlwaysView) AND empty($canAlwaysView['errors']) AND $canAlwaysView">
		{vb:set showContent, 1}
	</vb:if>
</vb:if>
{vb:cssExtra blogs-groups.css}
<vb:if condition="$showContent > 0">
	<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
		{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
	</vb:if>
	<vb:if condition="!empty($widgetConfig)">
		{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
		{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
	</vb:if>

	<vb:if condition="!isset($widgetConfig['display_tabs'])">
		{vb:set widgetConfig.display_tabs, 0}
	</vb:if>

	<vb:if condition="empty($widgetConfig['default_tab'])">
		{vb:set widgetConfig.default_tab, '#activity-stream-tab'}
	</vb:if>

	{vb:set configDefaultTab, {vb:raw widgetConfig.default_tab}}

	<vb:if condition="!empty($page['tab']) AND in_array($page['tab'], array('topic-tab', 'activity-stream-tab', 'subscribed-tab', 'media-tab'))">
		{vb:set tabId, '#'}
		{vb:strcat tabId, {vb:var page.tab}}
		{vb:set widgetConfig.default_tab, {vb:raw tabId}}
		{vb:set tabSpecified, 1}
	</vb:if>

	<vb:if condition="empty($page['pagenum'])">
		{vb:set page.pagenum, 1}
	</vb:if>

	{vb:data canViewTopicContent, user, hasPermissions, forumpermissions, canviewthreads, {vb:var page.channelid}}
	<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget channel-content-widget sg-channel-content-widget default-widget widget-no-header-buttons widget-no-border" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}" data-widget-default-tab="{vb:raw configDefaultTab}" data-canviewtopiccontent="{vb:var canViewTopicContent}">
		<vb:if condition="isset($page) AND $page AND isset($page['channelid']) AND $page['channelid'] > 0">
			{vb:set choptions.moderatorperms, 1}
			{vb:rawdata channelInfo, content_channel, fetchChannelById, {vb:var page.channelid}, {vb:raw choptions}}
			<vb:if condition="isset($channelInfo['errors'])">
				{vb:set channelInfo, 0}
				{vb:set showContent, 0}
			<vb:else />
				{vb:set showContent, 1}
			</vb:if>
			{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:if !empty($channelInfo), {vb:var channelInfo.title}}}
			<div class="widget-content">
				<vb:comment>The .js-movable-toolbar-button-container div always needs to be present, as responsive moves the new topic button here</vb:comment>
				<div class="channel-controls h-right h-clear b-button-group h-margin-bottom-l js-movable-toolbar-button-container">
					<vb:if condition="!empty($user['userid'])">
						{vb:data hasJoined, socialgroup, isChannelMember, {vb:var page.channelid}}
						{vb:data isMod, socialgroup, isChannelModerator, {vb:var page.channelid}}
						{vb:data canJoin, user, hasPermissions, forumpermissions, canjoin}
						<vb:if condition="!empty($canJoin) OR $isMod OR $hasJoined">
							{vb:rawdata channelContributors, content_channel, getContributors, {vb:var page.channelid}}
							{vb:set ownerid, {vb:raw channelContributors.active.owner.0.userid}}
							{vb:set isGroupOwner, {vb:if "$ownerid == $user->userid", 1, 0}}
							<button type="button"
								data-node-id="{vb:var page.channelid}"
								data-owner-id="{vb:raw ownerid}"
								class="{vb:if "$isMod", "is-owner "}b-button b-button--secondary join-btn uppercase h-left {vb:if "empty($channelInfo)", "js-refresh "}<vb:if condition="$hasJoined == 1">has-joined b-button--special<vb:elseif condition="$hasJoined == 2" />b-button--special is-pending</vb:if>"
								<vb:if condition="$isGroupOwner">disabled="disabled"</vb:if>
								>
								<span class="b-button__icon"></span>
								<span class="b-button__text-primary js-button__text-primary">
									<vb:if condition="$isGroupOwner">
										{vb:phrase owner}
									<vb:elseif condition="$hasJoined == 1" />
										{vb:phrase joined}
									<vb:elseif condition="$hasJoined == 2" />
										{vb:phrase following_pending}
									<vb:else />
										{vb:phrase join}
									</vb:if>
								</span>
							</button>
						</vb:if>
						<vb:if condition="$hasJoined == 1">
							{vb:data isSubscribed, follow, isFollowingContent, {vb:var page.channelid}}
							{vb:hook 'group_display_controls'}
							<button type="button" data-owner-id="{vb:var channelInfo.userid}" data-node-id="{vb:var page.channelid}" class="b-button b-button--secondary b-button--follow js-button--follow is-sg-channel uppercase h-left<vb:if condition="$isSubscribed == 1"> isSubscribed b-button--special<vb:elseif condition="$isSubscribed == 2"/> is-pending b-button--special</vb:if>">
								<span class="b-button__icon"></span>
								<span class="b-button__text-primary js-button__text-primary">
									<vb:if condition="$isSubscribed == 1">
										{vb:phrase following}
									<vb:elseif condition="$isSubscribed == 2" />
										{vb:phrase following_pending}
									<vb:else />
										{vb:phrase follow}
									</vb:if>
								</span>
							</button>
						</vb:if>
					</vb:if>
				</div>

				<div class="channel-conversation-list-wrapper block widget-tabs ui-tabs h-clear">
					<vb:if condition="$showContent">
						{vb:data enableInlineMod, user, hasPermissions, moderatorpermissions, canmoderateposts, {vb:var page.channelid}}
						<vb:if condition="empty($enableInlineMod) AND $user['userid'] == $channelInfo['userid']">
							{vb:data enableInlineMod, user, hasPermissions, forumpermissions2, canmanageownchannels, {vb:var page.channelid}}
						</vb:if>

						<div class="blockhead widget-tabs-nav">
							<ul class="ui-tabs-nav b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive" data-allow-history="1">
								<vb:if condition="is_array($widgetConfig['display_tabs'])">
									{vb:set phrases.topic-tab, 'topic'}
									{vb:set phrases.activity-stream-tab, 'latest_activity'}
									{vb:set phrases.subscribed-tab, 'my_subscriptions'}
									{vb:set phrases.media-tab, 'photos'}
									{vb:set selectOptions, ''}
									<vb:each from="widgetConfig.tab_order" key="tabName" value="tabIndex">
										<vb:if condition="in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
											{vb:set tabPhrase, {vb:rawphrase {vb:raw phrases[$tabName]}}}
											{vb:strcat selectOptions, '<option value="#'}
											{vb:strcat selectOptions, {vb:raw tabName}}
											{vb:strcat selectOptions, '"'}
											<vb:if condition="$widgetConfig['default_tab'] == ('#' . $tabName)">
												{vb:set selectedClass, ' class="ui-tabs-active"'}
												{vb:strcat selectOptions, ' selected="selected"'}
											<vb:else />
												{vb:set selectedClass, ''}
											</vb:if>
											<li{vb:raw selectedClass}>
												<a href="#{vb:raw tabName}">{vb:raw tabPhrase}</a>
											</li>
											{vb:strcat selectOptions, '>'}
											{vb:strcat selectOptions, {vb:raw tabPhrase}}
											{vb:strcat selectOptions, '</option>'}
										</vb:if>
									</vb:each>
									<vb:comment><!-- Output hide tabs for config dialog --></vb:comment>
									<vb:each from="phrases" key="tabName" value="tabphraseid">
										<vb:if condition="!in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
											<li class="h-hide">
												<a href="#{vb:raw tabName}">{vb:rawphrase {vb:raw tabphraseid}}</a>
											</li>
										</vb:if>
									</vb:each>
								<vb:else />
									<vb:if condition="!empty($tabSpecified)">
										<li<vb:if condition="$widgetConfig['default_tab']=='#activity-stream-tab'"> class="ui-tabs-active"</vb:if>><a href="#activity-stream-tab">{vb:phrase latest_activity}</a></li>
										<li<vb:if condition="$widgetConfig['default_tab']=='#subscribed-tab'"> class="ui-tabs-active"</vb:if>><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
										<li<vb:if condition="$widgetConfig['default_tab']=='#topic-tab'"> class="ui-tabs-active"</vb:if>><a href="#topic-tab">{vb:phrase topic}</a></li>
										<li<vb:if condition="$widgetConfig['default_tab']=='#media-tab'"> class="ui-tabs-active"</vb:if>><a href="#media-tab">{vb:phrase photos}</a></li>
									<vb:else />
										<li class="ui-tabs-active"><a href="#activity-stream-tab">{vb:phrase latest_activity}</a></li>
										<li><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
										<li><a href="#topic-tab">{vb:phrase topic}</a></li>
										<li><a href="#media-tab">{vb:phrase photos}</a></li>
									</vb:if>
								</vb:if>
							</ul>
						</div>

						<div class="blockbody widget-tabs-panel h-clearfix">
							<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#activity-stream-tab', $widgetConfig['display_tabs'])">
							<div id="activity-stream-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#activity-stream-tab'">h-hide</vb:if>">
								{vb:set nodeCount, 0}
								{vb:set activityWidgetConfig {vb:raw widgetConfig}}
								{vb:set activityWidgetConfig.resultsPerPage, {vb:raw activityWidgetConfig.resultsperpage_activitystream}}
								{vb:set activityWidgetConfig.maxpages, {vb:raw activityWidgetConfig.maxpages_activitystream}}
								{vb:set activityWidgetConfig.filter_time, {vb:raw activityWidgetConfig.filtertime_activitystream}}

								<vb:if condition="$widgetConfig['default_tab'] == '#activity-stream-tab'">

									{vb:set options.channel, {vb:var page.channelid}}

									<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
										{vb:set activityWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
										{vb:set filterTime, {vb:raw page.filter_time}}
									<vb:else />
										{vb:set filterTime, {vb:raw activityWidgetConfig.filter_time}}
									</vb:if>

									<vb:if condition="$filterTime == 'time_today'">
										{vb:set timeOption.from, 'lastDay'}
										{vb:set options.date, {vb:raw timeOption}}
									<vb:elseif condition="$filterTime == 'time_lastweek'" />
										{vb:set timeOption.from, 'lastWeek'}
										{vb:set options.date, {vb:raw timeOption}}
									<vb:elseif condition="$filterTime == 'time_lastmonth'" />
										{vb:set timeOption.from, 'lastMonth'}
										{vb:set options.date, {vb:raw timeOption}}
									<vb:else />
										{vb:set options.date, 'all'}
									</vb:if>

									<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
										{vb:set activityWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
										{vb:set filterShow, {vb:raw page.filter_show}}
									<vb:else />
										{vb:set filterShow, {vb:raw activityWidgetConfig.filter_show}}
									</vb:if>

									<vb:if condition="$filterShow != 'show_all'">
										{vb:set options.type, {vb:raw filterShow}}
									</vb:if>

									<vb:if condition="isset($page['filter_new_topics'])">
										<vb:if condition="empty($page['filter_new_topics'])">
											{vb:set page.filter_new_topics, 0}
										<vb:else />
											{vb:set page.filter_new_topics, 1}
										</vb:if>
										{vb:set activityWidgetConfig.url_default_filters.filter_new_topics, {vb:raw page.filter_new_topics}}
										{vb:set filterNewTopics, {vb:raw page.filter_new_topics}}
									<vb:else />
										{vb:set filterNewTopics, {vb:raw activityWidgetConfig.filter_new_topics}}
									</vb:if>

									<vb:if condition="$filterNewTopics == 1">
										{vb:set options.starter_only, 1}
									<vb:else />
										{vb:set options.view, 'activity'}
									</vb:if>

									<vb:if condition="isset($page['filter_prefix'])">
										{vb:set activityWidgetConfig.url_default_filters.filter_prefix, {vb:raw page.filter_prefix}}
										{vb:set filterPrefix, {vb:raw page.filter_prefix}}
									<vb:else />
										{vb:set filterPrefix, {vb:raw activityWidgetConfig.filter_prefix}}
									</vb:if>
			
									<vb:if condition="!empty($filterPrefix)">
										<vb:if condition="$filterPrefix == -1">
											{vb:set options.no_prefix, 1}
										<vb:elseif condition="$filterPrefix == -2" />
											{vb:set options.has_prefix, 1}
										<vb:else />
											{vb:set options.prefix, {vb:raw filterPrefix}}
										</vb:if>
									</vb:if>

									<vb:comment> @TODO use this if we got the sort filter back
									<vb:if condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_popular')">
										{vb:set sortOption.votes, 'DESC'}
										{vb:set options.sort, {vb:raw sortOption}}
									<vb:elseif condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_featured')" />
										{vb:set options.featured, 1}
									<vb:elseif condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_oldest')" />
										<vb:if condition="$options['view'] == 'topic'">
											{vb:set sortOption.lastcontent, 'ASC'}
											{vb:set options.sort, {vb:raw sortOption}}
										<vb:else />
											{vb:set sortOption.created, 'ASC'}
											{vb:set options.sort, {vb:raw sortOption}}
										</vb:if>
									<vb:else />
										<vb:if condition="$options['view'] == 'topic'">
											{vb:set sortOption.lastcontent, 'DESC'}
											{vb:set options.sort, {vb:raw sortOption}}
										<vb:else />
											{vb:set sortOption.created, 'DESC'}
											{vb:set options.sort, {vb:raw sortOption}}
										</vb:if>
									</vb:if>
									</vb:comment>

									{vb:rawdata nodes, search, getInitialResults, {vb:raw options}, {vb:raw activityWidgetConfig.resultsPerPage}, {vb:raw page.pagenum}, 1}
									<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
										{vb:set nodeCount, {vb:raw nodes.totalRecords}}
									</vb:if>
								</vb:if>

								{vb:data pagingInfo, page, getPagingInfo, {vb:raw page.pagenum}, {vb:raw nodeCount}, {vb:raw activityWidgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
								{vb:rawdata canCreateDiscussion, user, hasPermissions, forumpermissions, canpostnew, {vb:var page.channelid}}
								<vb:if condition="!empty($canCreateDiscussion) AND empty($canCreateDiscussion['errors']) AND $canCreateDiscussion">
									{vb:set canCreateDiscussion, 1}
								<vb:else />
									{vb:set canCreateDiscussion, 0}
								</vb:if>

								{vb:template conversation_toolbar,
									nodeid={vb:var page.channelid},
									widgetConfig={vb:raw activityWidgetConfig},
									pagingInfo={vb:raw pagingInfo}, view=channel,
									showNewConversationBtn=sg,
									canCreateDiscussion={vb:raw $canCreateDiscussion},
									hasJoined={vb:raw hasJoined},
									showPageNav=1,
									showFilter=1,
									showTimeFilter=1,
									showShowFilter=1,
									showNewTopicsFilter=1,
									floating=1,
									channelInfo={vb:raw channelInfo},
									allowHistory=1}

								<ul class="conversation-list list-container stream-view stream-view-full-width activity-view h-clearfix<vb:if condition="$nodeCount == 0"> h-hide</vb:if>">
									<vb:if condition="$activityWidgetConfig['default_tab'] == '#activity-stream-tab'">
										<vb:each from="nodes.results" value="node">
											{vb:set inchannelTemplateName, 'display_contenttype_conversationreply_'}
											{vb:strcat inchannelTemplateName, {vb:raw node.content.contenttypeclass}}
											{vb:template {vb:raw inchannelTemplateName}, conversation={vb:raw node.content}, reportActivity=1}
										</vb:each>
									</vb:if>
								</ul>

								<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_conversations_in_channel}</div>

								{vb:template pagenav, pagenav={vb:raw pagingInfo}}

							</div>
							</vb:if>
							<vb:comment> not included for 5.0 launch
							<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#recommended-tab', $widgetConfig['display_tabs'])">
							<div id="recommended-tab">
								{vb:set widgetConfig.resultsPerPage, {vb:raw widgetConfig.resultsperpage_recommended}}
								{vb:set widgetConfig.maxpages, {vb:raw widgetConfig.maxpages_recommended}}
								<vb:if condition="$widgetConfig['default_tab'] == '#recommended-tab'">
									<vb:comment>Implement fetching of Recommended contents here when this tab gets implemented</vb:comment>
								</vb:if>
							</div>
							</vb:if>
							</vb:comment>
							<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#subscribed-tab', $widgetConfig['display_tabs'])">
								<div id="subscribed-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#subscribed-tab'">h-hide</vb:if>">
									{vb:set nodeCount, 0}
									{vb:set subscribedWidgetConfig {vb:raw widgetConfig}}
									{vb:set subscribedWidgetConfig.resultsPerPage, {vb:raw subscribedWidgetConfig.resultsperpage_subscribed}}
									{vb:set subscribedWidgetConfig.maxpages, {vb:raw subscribedWidgetConfig.maxpages_subscribed}}
									{vb:set subscribedWidgetConfig.filter_time, {vb:raw subscribedWidgetConfig.filtertime_subscribed}}
									{vb:set subscribedWidgetConfig.filter_show, {vb:raw subscribedWidgetConfig.subscriptions_filter_show}}
									{vb:set subscribedWidgetConfig.filter_follow, {vb:var subscribedWidgetConfig.subscriptions_filter_follow}}
									{vb:set options, {vb:php array}}

									<vb:if condition="$user['userid'] > 0 AND $subscribedWidgetConfig['default_tab'] == '#subscribed-tab'">
										{vb:set followingOptions.page, {vb:raw page.pagenum}}
										{vb:set followingOptions.perpage, {vb:raw subscribedWidgetConfig.resultsPerPage}}
										{vb:set followingOptions.parentid, {vb:var page.channelid}}

										<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
											{vb:set subscribedWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
											{vb:set filterTime, {vb:raw page.filter_time}}
										<vb:else />
											{vb:set filterTime, {vb:raw subscribedWidgetConfig.filter_time}}
										</vb:if>

										<vb:if condition="$filterTime == 'time_today'">
											{vb:set timeOption.from, 'lastDay'}
											{vb:set options.date, {vb:raw timeOption}}
										<vb:elseif condition="$filterTime == 'time_lastweek'" />
											{vb:set timeOption.from, 'lastWeek'}
											{vb:set options.date, {vb:raw timeOption}}
										<vb:elseif condition="$filterTime == 'time_lastmonth'" />
											{vb:set timeOption.from, 'lastMonth'}
											{vb:set options.date, {vb:raw timeOption}}
										<vb:else />
											{vb:set options.date, 'all'}
										</vb:if>

										<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
											{vb:set subscribedWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
											{vb:set filterShow, {vb:raw page.filter_show}}
										<vb:else />
											{vb:set filterShow, {vb:raw subscribedWidgetConfig.filter_show}}
										</vb:if>

										<vb:if condition="$filterShow != 'show_all'">
											{vb:set options.type, {vb:raw filterShow}}
										</vb:if>

										<vb:if condition="isset($page['filter_follow']) AND in_array($page['filter_follow'], array('follow_all_activity', 'follow_contents', 'follow_channel'))">
											{vb:set subscribedWidgetConfig.url_default_filters.filter_follow, {vb:raw page.filter_follow}}
											{vb:set filterFollow, {vb:raw page.filter_follow}}
										<vb:else />
											{vb:set filterFollow, {vb:raw subscribedWidgetConfig.filter_follow}}
										</vb:if>
										{vb:set options.filter_follow, {vb:raw filterFollow}}

										<vb:if condition="isset($page['filter_prefix'])">
											{vb:set subscribedWidgetConfig.url_default_filters.filter_prefix, {vb:raw page.filter_prefix}}
											{vb:set filterPrefix, {vb:raw page.filter_prefix}}
										<vb:else />
											{vb:set filterPrefix, {vb:raw subscribedWidgetConfig.filter_prefix}}
										</vb:if>
				
										<vb:if condition="!empty($filterPrefix)">
											<vb:if condition="$filterPrefix == -1">
												{vb:set options.no_prefix, 1}
											<vb:elseif condition="$filterPrefix == -2" />
												{vb:set options.has_prefix, 1}
											<vb:else />
												{vb:set options.prefix, {vb:raw filterPrefix}}
											</vb:if>
										</vb:if>

										{vb:data nodes, follow, getFollowingContentForTab, null, {vb:var options.filter_follow}, {vb:var options}, {vb:var options.type}, {vb:raw followingOptions}}

										<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
											{vb:set nodeCount, {vb:raw nodes.totalcount}}
										</vb:if>
									</vb:if>

									{vb:set filterFormAction, 'profile/ApplyFollowingFilter'}
									{vb:set filterFollowAllValue, 'follow_all_activity'}

									{vb:template conversation_toolbar,
										nodeid={vb:var page.channelid},
										widgetConfig={vb:raw subscribedWidgetConfig},
										view=subscribed,
										showFilter=1,
										showTimeFilter=1,
										showShowFilter=1,
										showFollowFilter=1,
										setFollowerId=1,
										hideFollowMembersFilter=1,
										floating=1,
										filterFormAction={vb:raw filterFormAction},
										filterFollowAllValue={vb:raw filterFollowAllValue},
										showChannelInfo=0,
										channelInfo={vb:raw channelInfo}}

									<vb:if condition="$user['userid'] > 0">
										<ul class="conversation-list list-container stream-view stream-view-full-width activity-view h-clearfix">
											<vb:if condition="$subscribedWidgetConfig['default_tab'] == '#subscribed-tab'">
												{vb:template profile_following, nodes = {vb:raw nodes.nodes}, userId = {vb:raw userInfo.userid}}
											</vb:if>
										</ul>
										<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_subscribed_posts_to_display}</div>
										<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="$nodeCount == 0 OR !$nodes['paginationInfo']['showseemore'] OR $subscribedWidgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
											<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
										</div>
									<vb:else />
										<div class="conversation-empty">{vb:phrase please_login_to_view_subscribed_posts}</div>
									</vb:if>
								</div>
							</vb:if>
							<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#topic-tab', $widgetConfig['display_tabs'])">
								{vb:set topicWidgetConfig {vb:raw widgetConfig}}
								{vb:set topicWidgetConfig.filter_time, {vb:raw widgetConfig.filtertime_topic}}
								{vb:set topicWidgetConfig.resultsPerPage, {vb:raw widgetConfig.resultsperpage_topic}}
								{vb:set topicWidgetConfig.maxpages, {vb:raw topicWidgetConfig.maxpages_topic}}
								{vb:set filterFormAction, ''}
								{vb:set nodeCount, 0}
								{vb:set options, {vb:php array}}
								{vb:set stickyoptions, {vb:php array}}

								<vb:if condition="$widgetConfig['default_tab'] == '#topic-tab'">
									<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
										{vb:set topicWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
										{vb:set filterTime, {vb:raw page.filter_time}}
									<vb:else />
										{vb:set filterTime, {vb:raw topicWidgetConfig.filter_time}}
									</vb:if>
		
									<vb:if condition="$filterTime == 'time_today'">
										{vb:set timeOption.from, 'lastDay'}
										{vb:set options.date, {vb:raw timeOption}}
									<vb:elseif condition="$filterTime == 'time_lastweek'" />
										{vb:set timeOption.from, 'lastWeek'}
										{vb:set options.date, {vb:raw timeOption}}
									<vb:elseif condition="$filterTime == 'time_lastmonth'" />
										{vb:set timeOption.from, 'lastMonth'}
										{vb:set options.date, {vb:raw timeOption}}
									<vb:else />
										{vb:set options.date, 'all'}
									</vb:if>
		
									<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
										{vb:set topicWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
										{vb:set filterShow, {vb:raw page.filter_show}}
									<vb:else />
										{vb:set filterShow, {vb:raw topicWidgetConfig.filter_show}}
									</vb:if>
		
									<vb:if condition="$filterShow != 'show_all'">
										{vb:set options.type, {vb:raw filterShow}}
									</vb:if>
		
									<vb:if condition="isset($page['filter_prefix'])">
										{vb:set topicWidgetConfig.url_default_filters.filter_prefix, {vb:raw page.filter_prefix}}
										{vb:set filterPrefix, {vb:raw page.filter_prefix}}
									<vb:else />
										{vb:set filterPrefix, {vb:raw topicWidgetConfig.filter_prefix}}
									</vb:if>
			
									<vb:if condition="!empty($filterPrefix)">
										<vb:if condition="$filterPrefix == -1">
											{vb:set options.no_prefix, 1}
										<vb:elseif condition="$filterPrefix == -2" />
											{vb:set options.has_prefix, 1}
										<vb:else />
											{vb:set options.prefix, {vb:raw filterPrefix}}
										</vb:if>
									</vb:if>

									<vb:comment>fetch non-sticky topics</vb:comment>
									{vb:set options.ignore_protected, 1}
									{vb:set options.channel, {vb:var page.channelid}}
									{vb:set options.exclude_sticky, 1}
									{vb:set options.depth, 1}
									{vb:set options.nolimit, 1}
									{vb:set options.view, 'topic'}
									{vb:set sortOption.lastcontent, 'DESC'}
									{vb:set options.sort, {vb:raw sortOption}}
									{vb:rawdata nodes, search, getInitialResults, {vb:raw options}, {vb:raw topicWidgetConfig.resultsPerPage}, {vb:raw page.pagenum}, 1}

									<vb:if condition="empty($nodes) OR !empty($nodes['errors'])">
										{vb:set hasTopicError, 1}
									<vb:elseif condition="empty($nodes['results'])" />
										{vb:set noTopic, 1}
									<vb:else />
										{vb:set nodeCount, {vb:raw nodes.totalRecords}}
										{vb:set topics, {vb:raw nodes.results}}
									</vb:if>
									
									{vb:set canmoderate, 0}
									<vb:each from="nodes.results" value="node">
										<vb:if condition="empty($canmoderate) AND $node['content']['permissions']['canmoderate']">
											{vb:set canmoderate, 1}
										</vb:if>
										{vb:set modPerms, {vb:raw node.content.moderatorperms}}
										<vb:each from="node.content.moderatorperms" key="permid" value="perm">
											<vb:if condition="!empty($perm) AND !isset($permTopicsArray[$permid])">
												{vb:set permTopicsArray[$permid], {vb:raw perm}}
											</vb:if>
											{vb:data enableInlineMod, user, hasPermissions, moderatorpermissions, canmoderateposts, {vb:var page.channelid}}
											<vb:if condition="empty($enableInlineMod) AND $user['userid'] == $channelInfo['userid']">
												{vb:data enableInlineMod, user, hasPermissions, forumpermissions2, canmanageownchannels, {vb:var page.channelid}}
											</vb:if>
											<vb:if condition="$perm > 0">
												{vb:set enableInlineMod, 1}
											</vb:if>
										</vb:each>
									</vb:each>

									<vb:if condition="$page['pagenum'] == 1 OR ($page['pagenum'] > 1 AND $vboptions['showstickies'])">
										<vb:comment>
											Sticky topics are fetched separately to group and style them differently with non-sticky topics.
											The same search options except 'exclude_sticky' should also be applied when fetching sticky topics.
										</vb:comment>
										{vb:set showStickies, 1}
										{vb:set stickyoptions, {vb:raw options}}
										{vb:set stickyoptions.sticky_only, 1}
										{vb:set stickyoptions.exclude_sticky, 0}
										{vb:rawdata stickynodes, search, getInitialResults, {vb:raw stickyoptions}}
			
										<vb:if condition="empty($stickynodes) OR !empty($stickynodes['errors'])">
											{vb:set hasStickyError, 1}
										<vb:elseif condition="empty($stickynodes['results'])" />
											{vb:set noStickyTopic, 1}
										</vb:if>
									</vb:if>
								</vb:if>

								<div id="topic-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#topic-tab'">h-hide</vb:if><vb:if condition="$enableInlineMod"> inlinemod-container</vb:if>">
									{vb:data pagingInfo, page, getPagingInfo, {vb:raw page.pagenum}, {vb:raw nodeCount}, {vb:raw topicWidgetConfig.resultsPerPage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}

									{vb:template conversation_toolbar,
										nodeid={vb:var page.channelid},
										widgetConfig={vb:raw topicWidgetConfig},
										pagingInfo={vb:raw pagingInfo},
										view=topic,
										showNewConversationBtn=sg,
										canCreateDiscussion={vb:raw $canCreateDiscussion},
										hasJoined={vb:var hasJoined},
										showPageNav=1,
										showFilter=1,
										showTimeFilter=1,
										showShowFilter=1,
										floating=1,
										showInlineMod={vb:raw enableInlineMod},
										filterFormAction={vb:raw filterFormAction},
										channelInfo={vb:raw channelInfo},
										modPerms={vb:raw channelInfo.moderatorperms},
										permTopics={vb:raw permTopicsArray},
										conversation={vb:raw channelInfo},
										noLimit=1}

									<table class="topic-list-container conversation-list">
										<vb:if condition="$widgetConfig['default_tab'] == '#topic-tab'">
											{vb:set no_header, 0}
											<vb:if condition="!empty($showStickies) AND empty($hasStickyError) AND empty($noStickyTopic)">
												<vb:if condition="!isset($canmoderate) AND ($firstTopic = reset($stickynodes['results'])) !== FALSE">
													{vb:set canmoderate, {vb:raw firstTopic.content.permissions.canmoderate}}
												</vb:if>
												{vb:template display_Topics, topics={vb:raw stickynodes.results}, canmoderate={vb:raw canmoderate}, topic_list_class='sticky-list'}
												{vb:set no_header, 1}
											</vb:if>
											<vb:if condition="empty($hasTopicError) AND empty($noTopic)">
												{vb:template display_Topics, topics={vb:raw topics}, canmoderate={vb:raw canmoderate}, no_header={vb:raw no_header}}
											</vb:if>
										</vb:if>
									</table>

									{vb:template pagenav, pagenav={vb:raw pagingInfo}}

									{vb:set emptyConversationCss, ' h-hide'}
									{vb:set topicResultMessage, {vb:rawphrase no_topics_found}}
									<vb:if condition="$topicWidgetConfig['default_tab'] == '#topic-tab'">
										<vb:comment>regular topics and sticky topics are fetched separately, both of them should contain either error or no topic nodes at the same time in order to display the error or no topic message</vb:comment>
										<vb:if condition="!empty($hasTopicError) AND !empty($hasStickyError)">
											{vb:set emptyConversationCss, ''}
											{vb:set topicResultMessage, {vb:rawphrase error_fetching_topics}}
										<vb:elseif condition="!empty($noTopic) AND !empty($noStickyTopic)" />
											{vb:set emptyConversationCss, ''}
										</vb:if>
									</vb:if>
									<div class="conversation-empty{vb:raw emptyConversationCss}">{vb:raw topicResultMessage}</div>

									<vb:comment>Always show the footer and mark read link, even if there are no topics, since it provides a visual "footer" and the link also marks sub-forums as "read"</vb:comment>
									{vb:js js/inlinemod.js}
									<div class="list-footer">
										<a href="#" class="js-markread" data-action="markRead">{vb:phrase mark_this_channel_read}</a>
									</div>

								</div>
							</vb:if>
							<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#media-tab', $widgetConfig['display_tabs'])">
							<div id="media-tab" class="media-tab<vb:if condition="$widgetConfig['default_tab'] != '#media-tab'"> h-hide</vb:if>">
								{vb:set photoWidgetConfig {vb:raw widgetConfig}}
								{vb:set photoWidgetConfig.filter_time, {vb:raw photoWidgetConfig.filtertime_photos}}
								<vb:if condition="$photoWidgetConfig['default_tab'] == '#media-tab'">
									{vb:set loadPhotoDetails, 1}
									<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
										{vb:set photoWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
									</vb:if>
								<vb:else />
									{vb:set loadPhotoDetails, 0}
								</vb:if>

								{vb:template profile_media, widgetConfig={vb:raw photoWidgetConfig}, source='socialGroup', channelid={vb:var page.channelid}, doNoFetchData=1, loadPhotoDetails={vb:raw loadPhotoDetails}, canCreateDiscussion={vb:raw canCreateDiscussion}, channelInfo={vb:raw channelInfo}, hasJoined={vb:var hasJoined}}
							</div>
							</vb:if>
						</div>
					<vb:else />
						<div class="conversation-empty">{vb:phrase cannot_display_content_join}</div>
					</vb:if>
				</div>
			</div>
		<vb:else />
			<div class="widget-header">
				<div class="module-title h-left">
					<ul class="ui-tabs-nav b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive">
						<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#activity-stream-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['activity-stream-tab'])">{vb:raw widgetConfig.tab_order.activity-stream-tab}<vb:else />-1</vb:if>"><a href="#activity-stream-tab">{vb:phrase latest_activity}</a></li>
						<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#subscribed-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['subscribed-tab'])">{vb:raw widgetConfig.tab_order.subscribed-tab}<vb:else />-1</vb:if>"><a href="#subscribed-tab">{vb:phrase my_subscriptions}</a></li>
						<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#topic-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['topic-tab'])">{vb:raw widgetConfig.tab_order.topic-tab}<vb:else />-1</vb:if>"><a href="#topic-tab">{vb:phrase topic}</a></li>
						<li<vb:if condition="is_array($widgetConfig['display_tabs']) AND !in_array('#media-tab', $widgetConfig['display_tabs'])"> class="h-hide"</vb:if> data-order="<vb:if condition="isset($widgetConfig['tab_order']['media-tab'])">{vb:raw widgetConfig.tab_order.media-tab}<vb:else />-1</vb:if>"><a href="#media-tab">{vb:phrase photos}</a></li>
					</ul>
				</div>
				<div class="module-buttons h-right">
					<span class="toggle-button module-button-item collapse" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
				</div>
				<div class="h-clear"></div>
			</div>

			{vb:template conversation_toolbar,
				position=top,
				showNewConversationBtn=sg,
				canCreateDiscussion={vb:raw $canCreateDiscussion},
				floating=1,
				channelInfo={vb:raw channelInfo}}

			<div class="widget-content">
				<div class="channel-conversation-list-wrapper block">

					{vb:template conversation_toolbar,
						position=top,
						showNewConversationBtn=sg,
						canCreateDiscussion={vb:raw $canCreateDiscussion},
						floating=1,
						channelInfo={vb:raw channelInfo}}

					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#activity-stream-tab', $widgetConfig['display_tabs'])">
						<div id="activity-stream-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_conversations_in_channel}</li></ul></div>
					</vb:if>
					<vb:comment> not included for 5.0 launch
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#recommended-tab', $widgetConfig['display_tabs'])">
						<div id="recommended-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_conversations_in_channel}</li></ul></div>
					</vb:if>
					</vb:comment>
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#subscribed-tab', $widgetConfig['display_tabs'])">
						<div id="subscribed-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_conversations_in_channel}</li></ul></div>
					</vb:if>
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#topic-tab', $widgetConfig['display_tabs'])">
						<div id="topic-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_topics_found}</li></ul></div>
					</vb:if>
					<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#media-tab', $widgetConfig['display_tabs'])">
						<div id="media-tab" class="media-tab"><ul class="conversation-list list-container stream-view"><li class="list-item no-entries">{vb:phrase no_topics_found}</li></ul></div>
					</vb:if>
				</div>
			</div>
		</vb:if>
	</div>
<vb:else />
	<div class="conversation-empty">{vb:phrase no_permission}</div>
</vb:if>

{vb:js js/channel-rollup.js}]]></template>
		<template name="widget_sghome" templatetype="template" date="1553297356" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!isset($widgetConfig['display_tabs'])">
	{vb:set widgetConfig.display_tabs, 0}
</vb:if>
<vb:if condition="empty($widgetConfig['default_tab'])">
	{vb:set widgetConfig.default_tab, '#activity-stream-tab'}
</vb:if>

{vb:set configDefaultTab, {vb:raw widgetConfig.default_tab}}

<vb:if condition="!empty($page['tab']) AND in_array($page['tab'], array('activity-stream-tab', 'groups-tab'))">
	{vb:set tabId, '#'}
	{vb:strcat tabId, {vb:var page.tab}}
	{vb:set widgetConfig.default_tab, {vb:raw tabId}}
	{vb:set tabSpecified, 1}
</vb:if>

<vb:if condition="empty($page['channelid'])">
	{vb:data channelid, socialgroup, getSGChannel}
<vb:else />
	{vb:set channelid, {vb:raw $page.channelid}}
</vb:if>

{vb:rawdata canViewSG, user, hasPermissions, forumpermissions, canview, {vb:raw $channelid}}
{vb:set showContent, 0}
<vb:if condition="!empty($canViewSG) AND empty($canViewSG['errors']) AND ($canViewSG == true)">
		{vb:set showContent, 1}
<vb:else />
	{vb:rawdata canAlwaysView, user, hasPermissions, forumpermissions2, canalwaysview, {vb:raw $channelid}}
	<vb:if condition="!empty($canAlwaysView) AND empty($canAlwaysView['errors']) AND $canAlwaysView">
		{vb:set showContent, 1}
	</vb:if>
</vb:if>

{vb:cssExtra blogs-groups.css}
<vb:if condition="$showContent > 0">
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget socialgroup-widget socialgroup-home-widget activity-stream-widget widget-tabs ui-tabs widget-no-border widget-no-header-buttons" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}" data-widget-default-tab="{vb:raw configDefaultTab}">

	<vb:comment>The .js-movable-toolbar-button-container div always needs to be present, as responsive moves toolbar buttons here</vb:comment>
	<div class="b-button-group h-margin-bottom-l h-hide-on-large h-block js-movable-toolbar-button-container"></div>

	<div class="widget-header widget-tabs-nav h-clearfix">
		<a id="sghome-module-top" class="anchor js-module-top-anchor"></a>
		<vb:if condition="!empty($widgeticon)">
			<div class="module-icon"><img src="images/sitebuilder/{vb:raw widgeticon}" height="60" width="60" alt="{vb:phrase module_icon}" /></div>
		</vb:if>
		<div class="module-title h-left">
			<ul class="ui-tabs-nav hide-on-editmode b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive" data-allow-history="1">
				<vb:if condition="is_array($widgetConfig['display_tabs'])">
					{vb:set phrases.groups-tab, 'searchtype_social_groups'}
					{vb:set phrases.activity-stream-tab, 'latest_activity'}
					{vb:set selectOptions, ''}
					<vb:each from="widgetConfig.tab_order" key="tabName" value="tabIndex">
						<vb:if condition="in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
							{vb:set tabPhrase, {vb:rawphrase {vb:raw phrases[$tabName]}}}
							{vb:strcat selectOptions, '<option value="#'}
							{vb:strcat selectOptions, {vb:raw tabName}}
							{vb:strcat selectOptions, '"'}
							<vb:if condition="$widgetConfig['default_tab'] == ('#' . $tabName)">
								{vb:set selectedClass, ' class="ui-tabs-active"'}
								{vb:strcat selectOptions, ' selected="selected"'}
							<vb:else />
								{vb:set selectedClass, ''}
							</vb:if>
							<li{vb:raw selectedClass}>
								<a href="#{vb:raw tabName}">{vb:raw tabPhrase}</a>
							</li>
							{vb:strcat selectOptions, '>'}
							{vb:strcat selectOptions, {vb:raw tabPhrase}}
							{vb:strcat selectOptions, '</option>'}
						</vb:if>
					</vb:each>
					<vb:comment><!-- Output hide tabs for config dialog --></vb:comment>
					<vb:each from="phrases" key="tabName" value="tabphraseid">
						<vb:if condition="!in_array(('#' . $tabName), $widgetConfig['display_tabs'])">
							<li class="h-hide">
								<a href="#{vb:raw tabName}">{vb:rawphrase {vb:raw tabphraseid}}</a>
							</li>
						</vb:if>
					</vb:each>
				<vb:else />
					<vb:if condition="!empty($tabSpecified)">
						<li<vb:if condition="$widgetConfig['default_tab']=='#activity-stream-tab'"> class="ui-tabs-active"</vb:if>><a href="#activity-stream-tab">{vb:phrase latest_activity}</a></li>
						<li<vb:if condition="$widgetConfig['default_tab']=='#groups-tab'"> class="ui-tabs-active"</vb:if>><a href="#groups-tab">{vb:phrase searchtype_social_groups}</a></li>
					<vb:else />
						<li class="ui-tabs-active"><a href="#activity-stream-tab">{vb:phrase latest_activity}</a></li>
						<li><a href="#groups-tab">{vb:phrase searchtype_social_groups}</a></li>
					</vb:if>
				</vb:if>
			</ul>
		</div>

		<div class="module-buttons">
			<span class="toggle-button module-button-item collapse" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
		</div>
	</div>
	<div class="widget-content widget-tabs-panel">
		{vb:set excludeTypes[0], 'vBForum_Channel'}
		{vb:set excludeTypes[1], 'vBForum_Attach'}
		<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#activity-stream-tab', $widgetConfig['display_tabs'])">
		<div id="activity-stream-tab" class="<vb:if condition="$widgetConfig['default_tab'] != '#activity-stream-tab'">h-hide</vb:if>">
			<vb:if condition="!empty($page['channelid'])">
				{vb:set sgChannel, {vb:var page.channelid}}
				{vb:data isGroupNode, socialgroup, isSGNode, {vb:raw sgChannel}}
				<vb:if condition="!$isGroupNode">
					{vb:set sgChannel, 0}
				</vb:if>
			</vb:if>

			{vb:set nodeCount, 0}
			{vb:set activityWidgetConfig {vb:raw widgetConfig}}
			{vb:set activityWidgetConfig.filter_time, {vb:raw activityWidgetConfig.filtertime_activitystream}}
			{vb:set activityWidgetConfig.resultsPerPage, {vb:raw activityWidgetConfig.resultsperpage_activitystream}}
			{vb:set activityWidgetConfig.maxpages, {vb:raw activityWidgetConfig.maxpages_activitystream}}

			<vb:if condition="empty($sgChannel)">
				{vb:data sgChannel, socialgroup, getSGChannel}
			</vb:if>

			<vb:if condition="$activityWidgetConfig['default_tab'] == '#activity-stream-tab'">
				<vb:if condition="isset($page['filter_time']) AND in_array($page['filter_time'], array('time_all', 'time_today', 'time_lastweek', 'time_lastmonth'))">
					{vb:set activityWidgetConfig.url_default_filters.filter_time, {vb:raw page.filter_time}}
					{vb:set filterTime, {vb:raw page.filter_time}}
				<vb:else />
					{vb:set filterTime, {vb:raw activityWidgetConfig.filter_time}}
				</vb:if>
				
				<vb:if condition="$filterTime == 'time_today'">
					{vb:set timeOption.from, 'lastDay'}
					{vb:set options.date, {vb:raw timeOption}}
				<vb:elseif condition="$filterTime == 'time_lastweek'" />
					{vb:set timeOption.from, 'lastWeek'}
					{vb:set options.date, {vb:raw timeOption}}
				<vb:elseif condition="$filterTime == 'time_lastmonth'" />
					{vb:set timeOption.from, 'lastMonth'}
					{vb:set options.date, {vb:raw timeOption}}
				<vb:else />
					{vb:set options.date, 'all'}
				</vb:if>
				
				<vb:if condition="isset($page['filter_show']) AND in_array($page['filter_show'], array('show_all', 'vBForum_Text', 'vBForum_Gallery', 'vBForum_Video','vBForum_Link', 'vBForum_Poll', 'vBForum_Event'))">
					{vb:set activityWidgetConfig.url_default_filters.filter_show, {vb:raw page.filter_show}}
					{vb:set filterShow, {vb:raw page.filter_show}}
				<vb:else />
					{vb:set filterShow, {vb:raw activityWidgetConfig.filter_show}}
				</vb:if>
				
				<vb:if condition="$filterShow != 'show_all'">
					{vb:set options.type, {vb:raw filterShow}}
				</vb:if>
	
				<vb:if condition="isset($page['filter_new_topics'])">
					<vb:if condition="empty($page['filter_new_topics'])">
						{vb:set page.filter_new_topics, 0}
					<vb:else />
						{vb:set page.filter_new_topics, 1}
					</vb:if>
					{vb:set activityWidgetConfig.url_default_filters.filter_new_topics, {vb:raw page.filter_new_topics}}
					{vb:set filterNewTopics, {vb:raw page.filter_new_topics}}
				<vb:else />
					{vb:set filterNewTopics, {vb:raw activityWidgetConfig.filter_new_topics}}
				</vb:if>
	
				<vb:if condition="isset($filterNewTopics) AND $filterNewTopics == 1">
					{vb:set options.starter_only, 1}
				</vb:if>
	
				<vb:if condition="isset($page['filter_prefix'])">
					{vb:set activityWidgetConfig.url_default_filters.filter_prefix, {vb:raw page.filter_prefix}}
					{vb:set filterPrefix, {vb:raw page.filter_prefix}}
				<vb:else />
					{vb:set filterPrefix, {vb:raw activityWidgetConfig.filter_prefix}}
				</vb:if>
				
				<vb:if condition="!empty($filterPrefix)">
					<vb:if condition="$filterPrefix == -1">
						{vb:set options.no_prefix, 1}
					<vb:elseif condition="$filterPrefix == -2" />
						{vb:set options.has_prefix, 1}
					<vb:else />
						{vb:set options.prefix, {vb:raw filterPrefix}}
					</vb:if>
				</vb:if>

				<vb:comment> @TODO use this if we got the sort filter back
				<vb:if condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_popular')">
					{vb:set sortOption.votes, 'DESC'}
					{vb:set options.sort, {vb:raw sortOption}}
				<vb:elseif condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_featured')" />
					{vb:set options.featured, 1}
				<vb:elseif condition="!empty($activityWidgetConfig['filter_sort']) AND ($activityWidgetConfig['filter_sort'] == 'sort_oldest')" />
					<vb:if condition="$options['view'] == 'topic'">
						{vb:set sortOption.lastcontent, 'ASC'}
						{vb:set options.sort, {vb:raw sortOption}}
					<vb:else />
						{vb:set sortOption.created, 'ASC'}
						{vb:set options.sort, {vb:raw sortOption}}
					</vb:if>
				<vb:else />
					<vb:if condition="$options['view'] == 'topic'">
						{vb:set sortOption.lastcontent, 'DESC'}
						{vb:set options.sort, {vb:raw sortOption}}
					<vb:else />
						{vb:set sortOption.created, 'DESC'}
						{vb:set options.sort, {vb:raw sortOption}}
					</vb:if>
				</vb:if>
				</vb:comment>

				{vb:set options.channel, {vb:raw sgChannel}}
				{vb:set options.exclude_type, {vb:raw excludeTypes}}
				{vb:set options.view, 'activity'}

				{vb:data nodes, search, getInitialResults, {vb:raw options}, {vb:raw activityWidgetConfig.resultsPerPage}, {vb:raw page.pagenum}, 1}
				<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
					{vb:set nodeCount, {vb:raw nodes.totalRecords}}
				</vb:if>
			</vb:if>

			{vb:template conversation_toolbar,
				nodeid={vb:raw sgChannel},
				widgetConfig={vb:raw activityWidgetConfig},
				view='activity',
				showFilter=1,
				showTimeFilter=1,
				showShowFilter=1,
				floating=1,
				showNewTopicsFilter=1,
				showNewConversationBtn=0,
				allowHistory=1}

			<ul class="conversation-list list-container stream-view stream-view-full-width activity-view full-activity-view h-clearfix<vb:if condition="$nodeCount == 0"> h-hide</vb:if>">
				<vb:if condition="$activityWidgetConfig['default_tab'] == '#activity-stream-tab'">
					<vb:each from="nodes.results" value="node">
						{vb:set activityStreamTemplateName, 'display_contenttype_conversationreply_'}
						{vb:strcat activityStreamTemplateName, {vb:raw node.content.contenttypeclass}}
						{vb:template {vb:raw activityStreamTemplateName},
							conversation={vb:raw node.content},
							reportActivity=1,
							showChannelInfo=1}
					</vb:each>
				</vb:if>
			</ul>
			<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_content_found}</div>
			<div class="js-conversation-showmore b-button-group h-margin-top-xl<vb:if condition="$nodeCount <= $activityWidgetConfig['resultsPerPage'] OR $activityWidgetConfig['maxpages'] <= 1"> h-hide</vb:if>">
				<div class="js-conversation-showmore-button b-button js-button" tabindex="0">{vb:phrase show_more}</div>
			</div>
		</div>
		</vb:if>

		<vb:if condition="!is_array($widgetConfig['display_tabs']) OR in_array('#groups-tab', $widgetConfig['display_tabs'])">
		<div id="groups-tab" class="groups-tab<vb:if condition="$widgetConfig['default_tab'] != '#groups-tab'"> h-hide</vb:if>">
			{vb:set nodeCount, 0}
			{vb:set nodes, 0}
			{vb:set groupsWidgetConfig {vb:raw widgetConfig}}
			{vb:set groupsWidgetConfig.filter_groups, 'show_all'}
			<vb:if condition="empty($groupsWidgetConfig['display_groups'])">
				{vb:set groupsWidgetConfig.display_groups, 'display_grid'}
			</vb:if>

			<vb:if condition="$groupsWidgetConfig['default_tab'] == '#groups-tab'">
				<vb:if condition="empty($page['pagenum'])">
					{vb:set page.pagenum, 1}
				</vb:if>
				{vb:set options.perpage, {vb:raw groupsWidgetConfig.resultsperpage_groups}}
				{vb:set options.page, {vb:raw page.pagenum}}
				{vb:set options.contributors, 1}

				<vb:if condition="isset($page['filter_groups']) AND in_array($page['filter_groups'], array('show_all', 'show_my')) AND $user['userid']">
					{vb:set groupsWidgetConfig.url_default_filters.filter_groups, {vb:raw page.filter_groups}}
					{vb:set filterGroups, {vb:raw page.filter_groups}}
				<vb:else />
					{vb:set filterGroups, {vb:raw groupsWidgetConfig.filter_groups}}
				</vb:if>

				<vb:if condition="$filterGroups == 'show_my'">
					{vb:set options.userid, {vb:raw user.userid}}
				</vb:if>

				{vb:rawdata nodes, socialgroup, getSGInfo, {vb:raw options}, {vb:raw page.routeInfo}}

				<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
					{vb:set nodeCount, {vb:raw nodes.totalcount}}
					{vb:set pagingInfo, {vb:raw nodes.pageInfo}}
				</vb:if>
			</vb:if>

			{vb:set createSG, 0}
			<vb:if condition="$user['userid']">
				{vb:set showSgAll, 1}
				<vb:if condition="empty($sgChannel)">
					{vb:data sgChannel, socialgroup, getSGChannel}
				</vb:if>
				{vb:rawdata createPerm, content_channel, canAddChannel, {vb:var sgChannel}}
				<vb:if condition="$createPerm['can']">
					{vb:set createSG, 1}
				</vb:if>
			</vb:if>

			<vb:if condition="$nodeCount == 0 AND empty($pagingInfo)">
				{vb:set pagingInfo.currentpage, 1}
				{vb:set pagingInfo.perpage, {vb:raw groupsWidgetConfig.resultsperpage_groups}}
				{vb:set pagingInfo.totalpages, 1}
				{vb:set pagingInfo.prevpage, ''}
				{vb:set pagingInfo.nextpage, ''}
				{vb:set pagingInfo.sgparent, {vb:raw sgChannel}}
			</vb:if>

			{vb:template conversation_toolbar,
				widgetConfig={vb:raw groupsWidgetConfig},
				createSG={vb:raw createSG},
				showSgAll={vb:raw showSgAll},
				showPageNav=1,
				pagingInfo={vb:raw pagingInfo},
				allowHistory=1,
				accessibleHiddenDefaultFilter=1,
				selectedGroupFilter={vb:raw filterGroups}}

			{vb:template socialgroup_nodes,
				display_groups={vb:raw groupsWidgetConfig.display_groups},
				nodes={vb:raw nodes},
				routeInfo={vb:raw page.routeInfo},
				fromTemplate=1,
				my={vb:raw filterGroups},
				pageInfo={vb:raw pagingInfo}}

		</div>
		</vb:if>
	</div>
</div>
<vb:else />
	<div class="conversation-empty">{vb:phrase no_permission}</div>
</vb:if>
{vb:js js/group-home-rollup.js}]]></template>
		<template name="widget_statichtml" templatetype="template" date="1452807873" username="vBulletin" version="5.2.1 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget custom-html-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content restore">
		<vb:if condition="!empty($widgetConfig['html']) AND !$vboptions['disable_php_rendering']">
			{vb:raw widgetConfig.html}
		<vb:else />
			<vb:if condition="$user['can_use_sitebuilder']">
				<span class="note">{vb:phrase click_edit_to_config_module}</span>
			</vb:if>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_statistics" templatetype="template" date="1463580332" username="vBulletin" version="5.2.3 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget custom-html-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	<vb:comment>Set default title</vb:comment>
	<vb:if condition="empty($widgetConfig['title'])">
		{vb:set widgetConfig.title, {vb:phrase x_statistics, {vb:var vboptions.bbtitle}}}
	</vb:if>

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content">

		<div class="h-margin-bottom-s">
			{vb:data statistics, site, getSiteStatistics}
			{vb:set statistics, {vb:raw statistics.statistics}}
			{vb:rawphrase topics_x, {vb:number {vb:var statistics.topics}}} &nbsp;
			{vb:rawphrase posts_x, {vb:number {vb:var statistics.posts}}} &nbsp;
			{vb:rawphrase members_x, {vb:number {vb:var statistics.members}}} &nbsp;
			{vb:rawphrase active_members_x, {vb:number {vb:var statistics.activeMembers}}}
		</div>

		<div>
			{vb:phrase welcome_to_our_newest_member_x, {vb:url 'profile', {vb:raw statistics.newuser}}, {vb:raw statistics.newuser.username}}
		</div>

	</div>
</div>]]></template>
		<template name="widget_subchannelsdisplay" templatetype="template" date="1438634227" username="vBulletin" version="5.1.9 Alpha 6"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="isset($page) AND $page AND isset($page['channelid']) AND $page['channelid'] > 0">
	{vb:rawdata forumTree, node, fetchChannelNodeTree, {vb:var page.channelid}, 3, 1, 100}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget subchannel-widget widget-no-border widget-no-header<vb:if condition="(empty($forumTree) OR empty($forumTree['channels'])) AND empty($forumTree['errors'])"> admin-only</vb:if>" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase subforums}}
	<div class="widget-content">

		<vb:if condition="!empty($forumTree) AND empty($forumTree['errors'])">
			{vb:set channels, {vb:raw forumTree.channels}}
			<vb:if condition="($firstForum = reset($channels)) AND isset($firstForum['parents']) AND count($firstForum['parents']) >= 5">
				{vb:set forumHeaderPhrase, 'subforums'}
			<vb:else />
				{vb:set forumHeaderPhrase, 'forums'}
			</vb:if>

			{vb:template display_Forums, channels={vb:raw channels}, root={vb:raw forumTree.root}, forumHeaderPhrase={vb:raw forumHeaderPhrase}}

		<vb:elseif condition="!empty($forumTree) AND !empty($forumTree['errors'])" />
			<div class="conversation-empty">{vb:rawphrase error_fetching_forums}</div>
		</vb:if>				
	</div>
</div>]]></template>
		<template name="widget_subscription" templatetype="template" date="1545869589" username="vBulletin" version="5.5.1 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="$page['userid'] == $user['userid']">
	{vb:set showOwner, 1}
<vb:else />
	{vb:set showOwner, 0}
</vb:if>

<vb:if condition="$page['pagenum']">
	{vb:set currentPage, {vb:raw page.pagenum}}
<vb:else />
	{vb:set currentPage, 1}
</vb:if>

{vb:data userInfo, user, fetchProfileInfo, {vb:raw page.userid}}
{vb:set totalCount, {vb:raw followers.paginationInfo}}

<vb:comment>The .js-movable-toolbar-button-container div always needs to be present, as responsive moves toolbar buttons here</vb:comment>
<div class="b-button-group h-margin-bottom-l h-hide-on-large h-block js-movable-toolbar-button-container"></div>

<div class="b-module b-module--contiguous{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget subscriptions-widget widget-no-border widget-no-header widget-no-header-buttons" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase subscriptions}}
	<div class="widget-content">
		<div class="subscriptionsContainer h-clearfix">
			<div class="tabs subscribeTabs widget-tabs ui-tabs">
				<a id="profile-subscriptions-module-top" class="anchor js-module-top-anchor"></a>
				<ul class="widget-tabs-nav js-subscribe-tabs-nav ui-tabs-nav b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive" data-allow-history="1">
					<vb:if condition="(!empty($userInfo['canusefriends']) OR $showOwner) AND $userInfo['showSubscriptions']">
						<li <vb:if condition="$page['tab'] == 'subscriptions'">class="ui-tabs-active"</vb:if>><a href="#subscriptionsTab" data-url-path="subscriptions">{vb:phrase subscriptions}</a></li>
					</vb:if>
					<vb:if condition="$userInfo['showSubscribers']">
						<li <vb:if condition="$page['tab'] == 'subscribers'">class="ui-tabs-active"</vb:if>><a href="#subscribersTab" data-url-path="subscribers">{vb:phrase subscribers}</a></li>
					</vb:if>
					<vb:comment><!-- Group tab marked for future (VBV-1874) -->
					<li <vb:if condition="$page['tab'] == 'groups'">class="ui-tabs-active"</vb:if>><a href="#groupsTab" data-url-path="groups">{vb:phrase groups}</a></li>
					</vb:comment>
				</ul>

				<vb:if condition="(!empty($userInfo['canusefriends']) OR $showOwner) AND $userInfo['showSubscriptions']">
					<div id="subscriptionsTab" class="tab subscriptions-tab widget-tabs-panel h-clearfix<vb:if condition="$page['tab'] != 'subscriptions'"> h-hide</vb:if>" data-url-path="subscriptions">
						{vb:set nodeCount, 0}
						{vb:set subscriptionsWidgetConfig, {vb:raw widgetConfig}}
						{vb:set subscriptionsWidgetConfig.type, 'follow_all'}
						{vb:set subscriptionsWidgetConfig.filter_sort, 'all'}
						{vb:set filterFormAction, 'profile/following-filter'}
						{vb:set defaultFilterSort, {vb:raw subscriptionsWidgetConfig.filter_sort}}

						<vb:if condition="$page['tab'] == 'subscriptions'">
							{vb:set page.perpage, {vb:raw subscriptionsWidgetConfig.resultsPerPage}}
							{vb:set page.page, {vb:raw currentPage}}

							<vb:if condition="isset($page['type']) AND in_array($page['type'], array('follow_all', 'follow_members'))">
								{vb:set subscriptionsWidgetConfig.url_default_filters.type, {vb:raw page.type}}
							<vb:else />
								{vb:set page.type, {vb:raw subscriptionsWidgetConfig.type}}
							</vb:if>

							{vb:data followingInfo, follow, getFollowingInfo, {vb:raw page}}

							<vb:if condition="isset($page['filter_sort']) AND in_array($page['filter_sort'], array('mostactive', 'leastactive', 'all'))">
								{vb:set subscriptionsWidgetConfig.url_default_filters_profile_subscription.filter_sort, {vb:raw page.filter_sort}}
								{vb:set followingInfo.options.filter_sort, {vb:raw page.filter_sort}}
								{vb:set defaultFilterSort, {vb:raw page.filter_sort}}
							<vb:else />
								{vb:set followingInfo.options.filter_sort, {vb:raw subscriptionsWidgetConfig.filter_sort}}
							</vb:if>

							<vb:if condition="$showOwner == 1">
								{vb:data following, follow, getFollowingForCurrentUser, {vb:raw followingInfo.type}, {vb:raw followingInfo.options}}
							<vb:else />
								{vb:data following, follow, getFollowing, {vb:raw page.userid}, {vb:raw followingInfo.type}, {vb:raw followingInfo.options}, false, {vb:raw page}}
							</vb:if>

							{vb:set nodeCount, {vb:raw following.totalcount}}
							{vb:set pagingInfo, {vb:raw following.paginationInfo}}
						</vb:if>

						{vb:template conversation_toolbar,
							widgetConfig={vb:raw subscriptionsWidgetConfig},
							view=subscriptions,
							showFilter=1,
							showSubscribedFilter=1,
							userInfo={vb:raw userInfo},
							filterFormAction={vb:raw filterFormAction},
							showSubscriptionCount=1,
							pagingInfo={vb:raw pagingInfo},
							showPageNav=1,
							setFollowerId=1,
							showBackToProfileButton=1,
							allowHistory=1,
							resultsPerPage={vb:raw subscriptionsWidgetConfig.resultsPerPage}}

						<div class="subscriptionsContent">
							<div class="following subscription-list-container">
								<div class="subscription-list-header table h-hide-on-xsmall js-subtoolbar-list-header">
									<div class="first_column subscription-name td"><label>{vb:phrase name}</label><span class="arrow vb-icon-wrapper"><span class="vb-icon vb-icon-triangle-up-wide"></span></span></div>
<div class="second_column last-activity td"><label>{vb:phrase last_activity}</label><span class="arrow vb-icon-wrapper"><span class="vb-icon vb-icon-triangle-{vb:if "$defaultFilterSort == 'mostactive'", "down", "up"}-wide"></span></span></div>
									<div class="third_column td"></div>
								</div>
								<div class="content subscription-list conversation-list table">
									<vb:if condition="$page['tab'] == 'subscriptions'">
										{vb:template 'subscriptions_one', followings={vb:raw following.results}, showOwner = {vb:raw showOwner}, userInfo={vb:raw userInfo}}
									</vb:if>
								</div>

								{vb:data pagingInfo, page, getPagingInfo, {vb:var currentPage}, {vb:var following.paginationInfo.totalcount}, {vb:var page.perpage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
								<div class="h-margin-right-xl">
									{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
								</div>

								<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_following}</div>
							</div>
						</div>
					</div>
				</vb:if>
				
				{vb:set pagingInfo, {vb:php array}}
				<vb:if condition="$userInfo['showSubscribers']">
					<div id="subscribersTab" class="tab subscribers-tab widget-tabs-panel h-clearfix<vb:if condition="$page['tab'] != 'subscribers'"> h-hide</vb:if>" data-url-path="subscribers">
						{vb:set nodeCount, 0}
						{vb:set subscribersWidgetConfig, {vb:raw widgetConfig}}
						{vb:set subscribersWidgetConfig.filter_sort, 'all'}
						{vb:set filterFormAction, 'profile/followersPagination'}
						{vb:set defaultFilterSort, {vb:raw subscribersWidgetConfig.filter_sort}}
						{vb:set filterOptions, {vb:php array}}

						<vb:if condition="$page['tab'] == 'subscribers'">
							{vb:set options.perpage, {vb:raw subscribersWidgetConfig.resultsPerPage}}
							{vb:set options.page, {vb:raw currentPage}}
							{vb:set filterOptions, {vb:raw options}}

							<vb:if condition="isset($page['filter_sort']) AND in_array($page['filter_sort'], array('mostactive', 'leastactive', 'all'))">
								{vb:set subscribersWidgetConfig.url_default_filters_profile_subscription.filter_sort, {vb:raw page.filter_sort}}
								{vb:set options.filter_sort, {vb:raw page.filter_sort}}
								{vb:set defaultFilterSort, {vb:raw page.filter_sort}}
							<vb:else />
								{vb:set options.filter_sort, {vb:raw subscribersWidgetConfig.filter_sort}}
							</vb:if>

							<vb:if condition="$showOwner == 1">
								{vb:data followers, follow, getFollowersForCurrentUser, {vb:raw options}}
							<vb:else />
								{vb:data followers, follow, getFollowers, {vb:raw page.userid}, {vb:raw options}}
							</vb:if>

							{vb:set nodeCount, {vb:raw followers.totalcount}}
							{vb:set pagingInfo, {vb:raw followers.paginationInfo}}
						</vb:if>

						<vb:if condition="!empty($page['userid'])">
							{vb:set filterOptions.follower, {vb:raw page.userid}}
						</vb:if>

						{vb:template conversation_toolbar,
							widgetConfig={vb:raw subscribersWidgetConfig},
							view=subscribers,
							userInfo={vb:raw userInfo},
							showSubscriberCount=1,
							pagingInfo={vb:raw pagingInfo},
							showPageNav=1,
							showGotoIgnoreList=1,
							showBackToProfileButton=1,
							allowHistory=1,
							resultsPerPage={vb:raw subscribersWidgetConfig.resultsPerPage},
							showSubscriberFilter=1,
							filterOptions={vb:raw filterOptions},
							filterFormAction={vb:raw filterFormAction}}

						<div class="subscribersContent">
							<div class="followers subscription-list-container">
								<div class="subscription-list-header table h-hide-on-xsmall js-subtoolbar-list-header">
									<div class="first_column subscription-name td"><label>{vb:phrase name}</label><span class="arrow vb-icon-wrapper"><span class="vb-icon vb-icon-triangle-up-wide"></span></span></div>
									<div class="second_column last-activity td"><label>{vb:phrase last_activity}</label><span class="arrow vb-icon-wrapper"><span class="vb-icon vb-icon-triangle-{vb:if "$defaultFilterSort == 'mostactive'", "down", "up"}-wide subscribers_sortBy sortDesc"></span></span></div>
									<div class="third_column td"></div>
								</div>
								<div class="content subscription-list conversation-list table js-subscribers-list">
									<vb:if condition="$page['tab'] == 'subscribers'">
										{vb:template 'subscriptions_two', followers = {vb:raw followers.results}, showOwner = {vb:raw showOwner}, userInfo={vb:raw userInfo}}
									</vb:if>
								</div>

								{vb:data pagingInfo, page, getPagingInfo, {vb:var currentPage}, {vb:var followers.paginationInfo.totalcount}, {vb:var options.perpage}, {vb:raw page.routeInfo}, {vb:raw baseurl}}
								<div class="h-margin-right-xl">
									{vb:template pagenav, pagenav={vb:raw pagingInfo}, addHref=1}
								</div>

								<div class="conversation-empty<vb:if condition="$nodeCount > 0"> h-hide</vb:if>">{vb:phrase no_followers}</div>
							</div>
						</div>
					</div>
				</vb:if>
				<vb:comment><!-- Group tab marked for future (VBV-1874) -->
				<div id="groupsTab" class="tab groups-tab widget-tabs-panel h-clearfix<vb:if condition="$page['tab'] != 'groups'"> h-hide</vb:if>">
					<div class="conversation-toolbar-wrapper">
						Groups not yet implemented.
					</div>
				</div>
				</vb:comment>
			</div>
		</div>
	</div>
</div>
{vb:js js/subscription.js}]]></template>
		<template name="widget_tabbedcontainer" templatetype="template" date="1525284283" username="vBulletin" version="5.4.3 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>


<vb:if condition="isset($widgetConfig['tab_data'])">
	{vb:set tab_data, {vb:raw widgetConfig.tab_data}}
<vb:else />
	{vb:set tab_data, {vb:php array}}
</vb:if>

<vb:if condition="!empty($widgetConfig['display_tabs']) AND is_array($widgetConfig['display_tabs'])">
	{vb:set display_tabs, {vb:raw widgetConfig.display_tabs}}
<vb:else />
	{vb:set display_tabs, {vb:php array}}
	<vb:each from="tab_data" key="tab_num" value="tab">
		{vb:set display_tabs.$tab_num, "1"}
	</vb:each>
</vb:if>

<vb:if condition="isset($widgetConfig['default_tab']) AND count($tab_data) > $widgetConfig['default_tab']">
	{vb:set default_tab, {vb:raw widgetConfig.default_tab}}
<vb:else />
	{vb:set default_tab, 0}
</vb:if>


<vb:comment>
We'll be using jquery ui tabs for tabifying this, which requires us to separate the tab headers & tab panels in their own blocks. Thus we have to roll through the tab_data array twice.
Also, we have to "agree on" the tab ID between the header & panel. 
To try to make it unique, we'll set it to be vb_tabbedcontainer_p{pagetemplateid}_w{widgetinstanceid}_t{tab_num}
</vb:comment>

{vb:set id_prefix, 
	{vb:concat 
		'vb_tabbedcontainer_p', {vb:raw page.pagetemplateid}, 
		'_w', {vb:raw widgetinstanceid}, 
		'_t'
	}
}


{vb:data subWidgetData, widget, fetchTabbedSubWidgetConfigs, {vb:raw widgetinstanceid}, {vb:raw tabbedContainerSubModules}}

<vb:comment>
	.b-module's data-widget-default-tab is used by sitebuilder config editor (sb_page.js)
	.widget-tabs's data-default-tab is used by tabs init (module-tabbedcontainer.js)
</vb:comment>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget widget-no-border" 
	id="widget_{vb:var widgetinstanceid}" 
	data-widget-id="{vb:var widgetid}" 
	data-widget-instance-id="{vb:var widgetinstanceid}"
	data-widget-default-tab="{vb:var default_tab}"
>

	<div class="widget-content">
		<vb:comment>ui-tabs & ui-tabs-nav classes (on .widget-tabs & .widget-tabs-nav ul) are also added by tabs init, but pre-placed here to avoid/reduce style "flickering" while tabs initializes</vb:comment>
		<div class="widget-tabs widget-tabs--no-border ui-tabs js-tabbedcontainer-widget-tab-wrapper"
			data-default-tab="{vb:var default_tab}"
		>
			<div class="widget-tabs-nav">
				<ul class="ui-tabs-nav {vb:if "empty($widgetConfig['tab_align'])", 'h-left', {vb:var widgetConfig.tab_align}} b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive">
					<vb:each from="tab_data" key="tab_num" value="tab">
						<vb:if condition="!empty($display_tabs[$tab_num])">
							{vb:template widget_tabbedcontainer_tab_header, 
								tab={vb:raw tab}, 
								tab_num={vb:raw tab_num}, 
								id_prefix={vb:raw id_prefix}
							}
						</vb:if>
					</vb:each>
				</ul>
			</div>

			<div class="widget-tabs-panel widget-tabs-panel--border">
				<div class="js-tabs-loading-placeholder h-align-center h-margin-xxl">
					<div class="h-margin-bottom-l">{vb:phrase initializing_tabs}</div>
					<img src="images/loader-box-blue.gif" alt="{vb:phrase initializing_tabs}" />
				</div>
				<vb:each from="tab_data" key="tab_num" value="tab">
					<vb:if condition="!empty($display_tabs[$tab_num])">
						{vb:template widget_tabbedcontainer_tab_panel, 
							tab={vb:raw tab}, 
							tab_num={vb:raw tab_num}, 
							default_tab={vb:raw default_tab},
							id_prefix={vb:raw id_prefix}, 
							subWidgets={vb:raw subWidgetData.$tab_num}
						}
					</vb:if>
				</vb:each>
			</div>
		</div> 
		<vb:comment>end div.widget-tabs</vb:comment>

	</div>
	<vb:comment>end div.widget-content</vb:comment>

</div>]]></template>
		<template name="widget_tabbedcontainer_tab_header" templatetype="template" date="1487977896" username="vBulletin" version="5.3.0 Alpha 1"><![CDATA[<li>
	<a href="#{vb:concat {vb:var id_prefix}, {vb:var tab_num}}">
		{vb:var tab.title}
	</a>
</li>]]></template>
		<template name="widget_tabbedcontainer_tab_panel" templatetype="template" date="1532130449" username="vBulletin" version="5.4.4 Alpha 2"><![CDATA[{vb:set panel_id, {vb:concat {vb:var id_prefix}, {vb:var tab_num}}}
<div id="{vb:var panel_id}" class="h-clearfix js-show-on-tabs-create h-hide">
	<vb:comment>
	- {vb:var panel_id} 
	<vb:each from="subWidgets" value="subWidget">
	&nbsp;&nbsp;-- {vb:raw subWidget.template}
	</vb:each>
	</vb:comment>
	
	<vb:each from="subWidgets" value="subWidget">
		{vb:template {vb:raw subWidget.template}, 
			widgetConfig={vb:raw subWidget.config}, 
			widgetinstanceid={vb:raw subWidget.widgetinstanceid},
			widgettitle={vb:raw subWidget.title}, 
			tabbedContainerSubModules={vb:raw subWidget.tabbedContainerSubModules},
			product={vb:raw subWidget.product}
		}
	</vb:each>


</div>]]></template>
		<template name="widget_tagcloud" templatetype="template" date="1477598906" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<vb:if condition="!empty($page['tagCloudTitle'])">
	{vb:set tagCloudTitle, {vb:var page.tagCloudTitle}}
<vb:elseif condition="!empty($widgetConfig['title'])" />
	{vb:set tagCloudTitle, {vb:raw widgetConfig.title}}
<vb:else />
	{vb:set tagCloudTitle, {vb:phrase tag_cloud}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget tagcloud-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		title={vb:raw tagCloudTitle},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content">
		<vb:if condition="!empty($widgetinstanceid)">
			{vb:data tags, tags, fetchTagsforcloud}
			<vb:if condition="$tags">
				<vb:each from="tags" value="tag">
					<span class="tagcloudlink level{vb:raw tag.level}">
					{vb:set searchStr, '{"tag":["'}
					{vb:strcat searchStr, {vb:var tag.tagtext}, '"]}'}
					<a href="{vb:url 'search'}?searchJSON={vb:urlencode {vb:raw searchStr}}">{vb:raw tag.tagtext}</a></span>&nbsp;
				</vb:each>
			<vb:else />
				<p><em>{vb:phrase no_tags_yet}</em></p>
			</vb:if>
		<vb:else />
			<vb:if condition="true">
				<vb:comment>@TODO: Change condition to check for Edit permission</vb:comment>
				<span class="note">{vb:phrase click_edit_to_config_module}</span>
			</vb:if>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_tagnavigation" templatetype="template" date="1511981293" username="vBulletin" version="5.3.5 Alpha 3"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget custom-html-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content">

		{vb:set displayAsCloud, 0}
		<vb:if condition="$widgetConfig['display_as'] == 'cloud'">
			{vb:set displayAsCloud, 1}
		</vb:if>

		<vb:if condition="$widgetConfig['root_channel'] == -1">
			{vb:set widgetConfig.root_channel, {vb:var page.channelid}}
		</vb:if>

		{vb:data tags, tags, fetchTagsForTagNavigation, {vb:raw widgetConfig.root_channel}, {vb:raw widgetConfig.limit}, {vb:raw displayAsCloud}}

		{vb:set searchParams, {vb:php array}}
		<vb:if condition="$widgetConfig['root_channel'] > 1">
			<vb:comment>If root channel is the overall root channel (1) or not set, we don't need to add the channel limit to the search</vb:comment>
			{vb:set searchParams.channel, {vb:raw widgetConfig.root_channel}}
		</vb:if>

		<vb:if condition="$tags">
			<vb:if condition="$displayAsCloud">
				<vb:each from="tags" value="tag">
					{vb:set searchParams.tag, {vb:var tag.tagtext}}
					<span class="tagcloudlink level{vb:var tag.level}">
						{vb:set queryString.searchJSON, {vb:php 'vB5_String::jsonEncodeLocalCharset', {vb:raw searchParams}}}
						<a href="{vb:url 'search', '', {vb:raw queryString}}">{vb:var tag.tagtext}</a><vb:if condition="!empty($widgetConfig['show_counts'])"> ({vb:var tag.count})</vb:if></span>
				</vb:each>
			<vb:else />
				<ul class="b-channel-nav">
					<vb:each from="tags" value="tag">
						{vb:set searchParams.tag, {vb:var tag.tagtext}}
						<li class="b-channel-nav__item">
							{vb:set queryString.searchJSON, {vb:php 'vB5_String::jsonEncodeLocalCharset', {vb:raw searchParams}}}
							<a href="{vb:url 'search', '', {vb:raw queryString}}">{vb:var tag.tagtext}</a>
							<vb:if condition="!empty($widgetConfig['show_counts'])">
								({vb:var tag.count})
							</vb:if>
						</li>
					</vb:each>
				</ul>
			</vb:if>
		<vb:else />
			<p><em>{vb:phrase no_tags_yet}</em></p>
		</vb:if>

	</div>
</div>]]></template>
		<template name="widget_top_active_users" templatetype="template" date="1477598906" username="vBulletin" version="5.2.6 Alpha 1"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
	<vb:if condition="$widgetConfig['showAll']">
		{vb:data onlineUsers, wol, fetchAll, '', 'members', 1, {vb:raw widgetConfig.maxUsers}, 'posts', 'desc'}
	<vb:else />
		{vb:data onlineUsers, wol, fetchAll, {vb:raw page.pageKey}, 'members', 1, {vb:raw widgetConfig.maxUsers}, 'posts', 'desc'}
	</vb:if>
</vb:if>

<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget topactiveusers-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		title={vb:phrase top_active_users},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content">
		<vb:if condition="!empty($widgetinstanceid)">
			<vb:if condition="isset($onlineUsers['errors'])">
				{vb:phrase no_permission}
			<vb:elseif condition="$onlineUsers" />
				<ul class="b-list{vb:if "$widgetConfig['list_type'] == 0", ' b-list--commas'}">
				<vb:each from="onlineUsers" value="onlineUser">
					<li>{vb:stylevar dirmark}<a href="{vb:url 'profile', {vb:raw onlineUser}}">{vb:raw onlineUser.username}</a> {vb:stylevar dirmark}({vb:rawphrase x_posts, {vb:number {vb:raw onlineUser.posts}}})</li>
				</vb:each>
				</ul>
			<vb:else />
				{vb:phrase no_top_active_user}
			</vb:if>
		<vb:else />
			<vb:if condition="$user['can_use_sitebuilder']">
				<span class="note">{vb:phrase click_edit_to_config_module}</span>
			</vb:if>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_video" templatetype="template" date="1499803414" username="vBulletin" version="5.3.3 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

{vb:data item, content_video, getVideoFromUrl, {vb:raw widgetConfig.url}}
<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget youtube-widget" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:set title, {vb:if "empty($widgetConfig['title'])", {vb:phrase video}, {vb:var widgetConfig.title}}}

	{vb:template module_title,
		widgetConfig={vb:raw widgetConfig},
		title={vb:raw title},
		show_title_divider=1,
		can_use_sitebuilder={vb:raw user.can_use_sitebuilder}}

	<div class="widget-content">
		<vb:if condition="!empty($widgetinstanceid)">
			<vb:if condition="!empty($item['provider'])">
				{vb:template video_frame, url={vb:raw widgetConfig.url}, code={vb:raw item.code}, provider={vb:raw item.provider}, height="260"}
			<vb:else />
				<span class="note">{vb:phrase invalid_video_url}</span>
			</vb:if>
		<vb:else />
			<vb:if condition="$user['can_use_sitebuilder']">
				<span class="note">{vb:phrase click_edit_to_config_module}</span>
			</vb:if>
		</vb:if>
	</div>
</div>]]></template>
		<template name="widget_visitormessage_display" templatetype="template" date="1460651331" username="vBulletin" version="5.2.2 Alpha 4"><![CDATA[{vb:data viewPermission, user, hasPermissions, 'genericpermissions', 'canviewmembers'}
<vb:if condition="empty($widgetConfig) AND !empty($widgetinstanceid)">
	{vb:data widgetConfig, widget, fetchConfig, {vb:raw widgetinstanceid}}
</vb:if>
<vb:if condition="!empty($widgetConfig)">
	{vb:set widgetid, {vb:raw widgetConfig.widgetid}}
	{vb:set widgetinstanceid, {vb:raw widgetConfig.widgetinstanceid}}
</vb:if>

<div class="b-module{vb:var widgetConfig.show_at_breakpoints_css_classes} canvas-widget default-widget visitormessage-widget widget-no-border widget-no-header widget-no-header-buttons" id="widget_{vb:raw widgetinstanceid}" data-widget-id="{vb:raw widgetid}" data-widget-instance-id="{vb:raw widgetinstanceid}">
	{vb:template module_title, widgetConfig={vb:raw widgetConfig}, title={vb:phrase visitor_message}}
	<div class="widget-content">
	<vb:if condition="!empty($page['nodeid']) AND $viewPermission">
		{vb:set nodeid, {vb:var page.nodeid}}
		{vb:set options.showVM, 1}
		{vb:data vmStarter, node, getNodeContent, {vb:var nodeid}, null, {vb:var options}}
		{vb:set vmStarter, {vb:raw vmStarter[$nodeid]}}
		{vb:set sortOption.created, 'DESC'}
		{vb:set options.sort, {vb:raw sortOption}}
		{vb:set options.includeProtected, 1}
		{vb:set options.showChannel, 1}
		{vb:set options.nolimit, 1}
		{vb:data nodes, node, listNodeFullContent, {vb:raw nodeid}, 1, null, 2, null, {vb:raw options}, 1}

		<div class="conversation-content">
			<ul class="conversation-list list-container h-clearfix stream-view">
				{vb:set templateName, 'display_contenttype_conversationreply_'}
				{vb:strcat templateName, {vb:raw vmStarter.contenttypeclass}}
				
				<vb:if condition="!empty($vmStarter['setfor'])">
					{vb:data forUsername, user, fetchUsername, {vb:raw vmStarter.setfor}}
					{vb:set postfor.userid, {vb:raw vmStarter.setfor}}
					{vb:set postfor.username, {vb:raw forUsername}}
				<vb:else />
					{vb:set postfor, 0}
				</vb:if>
				
				{vb:template {vb:raw templateName}, conversation={vb:raw vmStarter}, reportActivity = 1, vmDetail = 1, postfor = {vb:raw postfor}}

				<vb:each from="nodes" value="node">
					{vb:template 'display_contenttype_conversationreply_Text', conversation = {vb:raw node.content}}
				</vb:each>
				<li class="js-comment-entry__parent list-item comment-entry-box-container h-left h-clear" data-node-id="{vb:raw nodeid}">
					<div class="js-comment-entry h-padding-xxl h-padding-top-xl comment-entry-box">
						<h3 class="h-margin-bottom-xl comment-entry-box-header">{vb:phrase leave_a_comment}:</h3>
						<textarea class="b-comment-entry__textbox js-comment-entry__textbox" placeholder="{vb:phrase type_your_comment_here}"></textarea>
						<div class="b-button-group h-margin-top-xl">
							<button type="button" id="btnPostComment-{vb:raw conversation.nodeid}" class="b-button b-button--primary js-comment-entry__post">{vb:phrase post_comment}</button>
							<button type="button" id="btnPostCommentCancel-{vb:raw conversation.nodeid}" class="b-button js-comment-entry__cancel">{vb:phrase cancel}</button>
						</div>
					</div>
				</li>
			</ul>
		</div>

		{vb:action inlinemod, permission, showInlinemodMenu, {vb:raw vmStarter}}
	<vb:else />
		<div class="conversation-content">{vb:phrase no_permission}</div>
		{vb:set inlinemod, 0}
	</vb:if>
	</div>
</div>
<vb:if condition="$viewPermission">
	{vb:js js/visitormessage.js}

	<vb:if condition="$inlinemod">
		{vb:js js/inlinemod.js}
	</vb:if>
</vb:if>]]></template>
	</templategroup>
	<templategroup name="Ungrouped Templates 1">
		<template name="b_vbscroller_close" templatetype="template" date="1474068552" username="vBulletin" version="5.2.5 Alpha 2"><![CDATA[<vb:comment>closing div.b-vbscroller__content</vb:comment>
		</div>
	<vb:comment> closing div.b-vbscroller__viewport</vb:comment>
	</div>
<vb:comment>closing div.b-vbscroller</vb:comment>
</div>]]></template>
		<template name="ckeditor_javascript" templatetype="template" date="1487977896" username="vBulletin" version="5.3.0 Alpha 1"><![CDATA[{vb:js js/file-upload-rollup.js}
	{vb:js js/ckeditor-rollup.js}
	{vb:js js/content-entry-rollup.js}]]></template>
		<template name="header" templatetype="template" date="1553912366" username="vBulletin" version="5.5.2 Alpha 3"><![CDATA[<vb:if condition="$page['noindex'] AND $page['nofollow']">
		<meta name="robots" content="noindex, nofollow" />
	<vb:elseif condition="$page['noindex']" />
		<meta name="robots" content="noindex" />
	<vb:elseif condition="$page['nofollow']" />
		<meta name="robots" content="nofollow" />
	</vb:if>
	<vb:if condition="$vboptions['facebookactive']"><meta property="fb:app_id" content="{vb:var vboptions.facebookappid}" /></vb:if>

	<vb:if condition="$vboptions['show_opengraph_tags']">
		<meta property="og:site_name" content="{vb:var vboptions.bbtitle}" />
		<meta property="og:description" content="{vb:var page.metadescription}" />
		<meta property="og:url" content="{vb:raw baseurl}{vb:var page.url}" />
		<vb:if condition="$vboptions['facebookfeedimageurl']"><meta property="og:image" content="{vb:var vboptions.facebookfeedimageurl}" /></vb:if>
		<meta property="og:type" content="website" />
	</vb:if>

	<vb:if condition="!empty($vboptions['google_ownership_verification_enable']) AND !empty($vboptions['google_ownership_verification_tag'])">
		{vb:raw vboptions.google_ownership_verification_tag}
	</vb:if>
	<vb:if condition="!empty($vboptions['bing_ownership_verification_enable']) AND !empty($vboptions['bing_ownership_verification_tag'])">
		{vb:raw vboptions.bing_ownership_verification_tag}
	</vb:if>
	<link rel="canonical" href="{vb:raw baseurl}{vb:var page.url}" />

	<vb:comment>Keep the viewport meta tag in sync with the viewport CSS in css_global.css</vb:comment>
	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />

	{vb:set nodeid, 0}
	{vb:set conversationStarter, 0}
	<vb:if condition="!empty($page['nodeid']) AND !empty($page['channelid'])">
		{vb:set nodeid, {vb:var page.nodeid}}
		{vb:rawdata conversation, node, getNodeContent, {vb:var nodeid}}
		<vb:if condition="!isset($conversation['errors']) AND !empty($conversation[$nodeid]['starter'])">
			{vb:rawdata conversationStarter, node, getNode, {vb:var conversation.$nodeid.starter}}
			<vb:if condition="isset($conversationStarter['errors'])">
				{vb:set conversationStarter, 0}
			</vb:if>
		</vb:if>
		{vb:data conversationRoute, route, getChannelConversationRoute, {vb:var page.channelid}}
	</vb:if>

	{vb:set sb_state_cookie, {vb:raw cookie_prefix}}
	{vb:strcat sb_state_cookie, 'sitebuilder_active'}
	
	<vb:if condition="empty($skipSitebuilder) AND $user['can_use_sitebuilder']">
		{vb:set useSitebuilder, 1}
	</vb:if>	

	<title>
		<vb:if condition="$page['channelid'] != $nodeid AND !empty($conversationStarter) AND isset($conversationStarter['htmltitle']) AND !empty($conversationStarter['htmltitle'])">
			{vb:raw conversationStarter.htmltitle} - 
		<vb:elseif condition="isset($page['title'])" />
			<vb:if condition="!empty($page['titleprefix'])"> {vb:raw page.titleprefix} -  </vb:if>
			{vb:var page.title} - <vb:comment>We have a page, not a channel. We don't allow html in page titles at the moment.</vb:comment>
		</vb:if>
		{vb:var vboptions.bbtitle}
	</title>

	<meta name="description" content="{vb:var page.metadescription}" /><vb:comment>We don't want any html in the description to break the metadescription</vb:comment>
	<meta name="generator" content="vBulletin {vb:raw vboptions.templateversion}" />

	<script type="text/javascript">
		if (location.hash) {
			document.write('<style type="text/css"> a.anchor { display:none;} <\/style>');
		}

		var uploadUrlTarget = "{vb:raw baseurl}/uploader/url";
		var pageData = {
			"baseurl": "{vb:raw baseurl}",
			"baseurl_path": "{vb:raw baseurl_path}",
			"baseurl_login": "{vb:raw baseurl_login}",
			"baseurl_core": "{vb:raw baseurl_core}",
			"baseurl_pmchat": "{vb:url 'pmchat'}",
			"pageid": "{vb:var page.pageid}",
			"pagetemplateid": "{vb:var page.pagetemplateid}",
			"channelid": "{vb:var page.channelid}",
			"nodeid": "{vb:var nodeid}",
			"userid": "{vb:var user.userid}",
			"username": "{vb:escapeJS {vb:raw user.username}}",
			"musername": "{vb:escapeJS {vb:raw user.musername}}",
			"user_startofweek": "{vb:var user.startofweek}",
			<vb:comment>json_encode escapes and quotes the string, since it can contain arbitrary user input</vb:comment>
			"user_lang_pickerdateformatoverride": {vb:php json_encode, {vb:var user.lang_pickerdateformatoverride}},
			"user_editorstate": "{vb:var user.editorstate}",
			"textDirLeft": "{vb:stylevar left}",
			"textDirRight": "{vb:stylevar right}",
			"textdirection": "{vb:stylevar textdirection}",
			"can_use_sitebuilder": "{vb:raw user.can_use_sitebuilder}",
			"cookie_prefix": "{vb:raw cookie_prefix}",
			"cookie_path": "{vb:raw vboptions.cookiepath}",
			"cookie_domain": "{vb:raw vboptions.cookiedomain}",
			"sb_state_cookie": "{vb:raw sb_state_cookie}",
			"inlinemod_cookie_name": "inlinemod_nodes",
			<vb:if condition="isset($page['pagenum']) AND $page['pagenum']">
				"pagenum": "{vb:var page.pagenum}",
			<vb:else />
				"pagenum": "1",
			</vb:if>
			"languageid": "{vb:if "!empty($user['languageid'])", {vb:raw user.languageid}, {vb:raw vboptions.languageid}}",
			"threadmarking": "{vb:raw vboptions.threadmarking}",
			"lastvisit": "{vb:raw user.lastvisit}",
			"phrasedate": "{vb:var page.phrasedate}",
			"optionsdate": "{vb:var page.optionsdate}",
			{vb:data current_server_datetime, content_text, getTimeNow}
			"current_server_datetime": "{vb:raw current_server_datetime}",
			"simpleversion": "v={vb:var vboptions.simpleversion}",
			{vb:data showhv_post, hv, fetchRequireHvcheck, 'post'}
			"showhv_post": "{vb:raw showhv_post}",
			<vb:if condition="!empty($page['routeInfo']['queryParameters']['adminAction'])">
				adminAction: "{vb:var page.routeInfo.queryParameters.adminAction}",
			</vb:if>
			{vb:data nextcron, cron, nextRun}"nextcron": "{vb:raw nextcron}",
			"securitytoken": "{vb:raw user.securitytoken}",
			"eustatus": "{vb:if "$vboptions['enable_privacy_guest'] OR $vboptions['enable_privacy_registered'] OR $vboptions['block_eu_visitors']", {vb:raw user.eustatus}, -1}",
			"flash_message": "{vb:escapeJS {vb:phrase {vb:var flash_message}}}",
			"registerurl": "{vb:escapeJS {vb:url "register"}}",
			"activationurl": "{vb:escapeJS {vb:url "activateuser"}}",
			"helpurl": "{vb:escapeJS {vb:url "help"}}",
			"contacturl": "{vb:escapeJS {vb:url "contact-us"}}",
			{vb:set date_now, {vb:date timenow, '', 0}}"datenow": "{vb:escapeJS {vb:raw date_now}}"
		};
		<vb:comment>if present tzOffset will trigger the TZ auto update logic.</vb:comment>
		<vb:if condition="$vboptions['bbactive'] AND $user['dstauto'] == 1 AND $user['userid'] > 0">
			var tzOffset = {vb:raw user.timezoneoffset} + {vb:raw user.dstonoff};
		</vb:if>

	</script>
	{vb:template head_include}
	{vb:hook 'header_head'}
</head>
<vb:if condition="!$user OR $user['userid'] < 1">
	{vb:set isLoggedout, ' logged-out'}
<vb:else />
	{vb:set isLoggedout, ''}
</vb:if>
<vb:comment>page.state appears to be set and only used in the vB5_ApplicationAbstract::showMsgPage function based on the results of the state api
	checkBeforeView function.  It's not clear what purpose adding this class serves, but none of the values should contain anything that would be harmed
	by escaping html</vb:comment>
<vb:if condition="!empty($page['state'])">{vb:set state, ' '}{vb:strcat state, {vb:var page.state}}<vb:else />{vb:set state, ''}</vb:if>
{vb:set bodySchema.itemscope, 1}
{vb:set bodySchema.itemtype, {vb:var page.pageSchema}}
{vb:set group_data_attr, ''}
<vb:if condition="!empty($user['displaygroupid'])">
	{vb:strcat group_data_attr, 'data-usergroupid="', {vb:var user.displaygroupid}, '"'}
<vb:elseif condition="!empty($user['usergroupid'])" />
	{vb:strcat group_data_attr, 'data-usergroupid="', {vb:var user.usergroupid}, '"'}
</vb:if>
<!--[if gte IE 9]>
<body id="vb-page-body" class="l-desktop page{vb:var page.pageid} vb-page ie ie9 view-mode{vb:raw isLoggedout}{vb:var state}" {vb:schema {vb:raw bodySchema}} {vb:raw group_data_attr} data-styleid="{vb:var preferred_styleid}>
<![endif]-->
<!--[if !IE]><!-->
<body id="vb-page-body" class="l-desktop page{vb:var page.pageid} vb-page view-mode{vb:raw isLoggedout}{vb:var state}" {vb:schema {vb:raw bodySchema}} {vb:raw group_data_attr} data-styleid="{vb:var preferred_styleid}">
<!--<![endif]-->
<script type="text/javascript">
	vBulletin.Responsive.Debounce.checkBrowserSize();
</script>

{vb:hook 'header_after_body_begin'}

<vb:if condition="!empty($useSitebuilder) AND (isset($_COOKIE[$sb_state_cookie]) AND $_COOKIE[$sb_state_cookie] == '1')">
	{vb:set sitebuilderEnabled, 1}
<vb:else />
	{vb:set sitebuilderEnabled, 0}
</vb:if>

<div class="b-top-menu__background b-top-menu__background--sitebuilder js-top-menu-sitebuilder{vb:if !$sitebuilderEnabled, ' h-hide'}">
	<div class="b-top-menu__container">
		<ul class="b-top-menu b-top-menu--sitebuilder js-top-menu-sitebuilder--list">
			{vb:template top_menu_sitebuilder,
				page={vb:raw page},
				state=' h-disabled'
			}
		</ul>
	</div>
</div>

<div class="b-top-menu__background js-top-menu-user">
	<div class="b-top-menu__container">
		<ul class="b-top-menu b-top-menu--user js-top-menu-user--list js-shrink-event-parent">
			{vb:template top_menu_user,
				useSitebuilder={vb:raw useSitebuilder},
				sb_state_cookie={vb:raw sb_state_cookie}
			}
		</ul>
	</div>
</div>

<div id="sitebuilder-wrapper" class="noselect h-clearfix">
	<vb:if condition="!empty($useSitebuilder)">
		{vb:template admin_configuresite}
		{vb:js js/file-upload-rollup.js}
		<vb:if condition="empty($_COOKIE[$sb_state_cookie]) OR $_COOKIE[$sb_state_cookie] != '1'">
			<vb:comment>We need these files for the quick setup panel when sitebuilder is NOT activated</vb:comment>
			{vb:js js/admin-sbpanel-style.js}
		</vb:if>
		{vb:js js/config-site.js}
		{vb:cssExtra sitebuilder-after.css}
	</vb:if>
</div>

<div class="main-navbar-bottom-line"></div>

<div id="outer-wrapper">
<div id="wrapper">

	<vb:comment><!-- ***** HEADER AD ***** --></vb:comment>
	<div id="header-axd" class="header-edit-box axdnum_{vb:raw vboptions.headeradnum} h-clearfix">
		<vb:if condition="$user['can_admin_ads']">
			<div class="admin-only">
				<div>
					{vb:phrase display}:
					<label><input type="radio" name="adnum" class="axdnum" value="1"<vb:if condition="$vboptions['headeradnum'] == 1"> checked="checked"</vb:if> /> {vb:phrase one_header_ad}</label>
					<label><input type="radio" name="adnum" class="axdnum" value="2"<vb:if condition="$vboptions['headeradnum'] == 2"> checked="checked"</vb:if> /> {vb:phrase two_header_ads}</label>
				</div>
			</div>
		</vb:if>
		<div class="axd-container axd-container_header">
			<div class="admin-only">
				<vb:if condition="$user['can_admin_ads']">
					<div>{vb:phrase header_ad_html_module} <div class="axd-edit-button b-button b-button--primary b-button--sitebuilder" data-location="header" tabindex="0">{vb:phrase edit}</div></div>
				</vb:if>
			</div>
			<div class="axd axd_header">
				{vb:template ad_header}
			</div>
		</div>
		<div class="axd-container axd-container_header2">
			<div class="admin-only">
				<vb:if condition="$user['can_admin_ads']">
					<div>{vb:phrase header_ad_html_module} 2 <div class="axd-edit-button b-button b-button--primary b-button--sitebuilder" data-location="header2" tabindex="0">{vb:phrase edit}</div></div>
				</vb:if>
			</div>
			<div class="axd axd_header2">
				{vb:template ad_header2}
			</div>
		</div>
	</div>
	
	
	<vb:comment><!-- ===== TOP BACKGROUND HOOK: HEADER-MAINNAV-SUBNAV ===== --></vb:comment>
	<div class="b-top-background__header-mainnav-subnav">

		<vb:comment><!-- ===== TOP BACKGROUND HOOK: HEADER-MAINNAV ===== --></vb:comment>
		<div class="b-top-background__header-mainnav">

			<vb:comment><!-- ***** HEADER (LOGO AREA) ***** --></vb:comment>
			<div id="header" class="noselect">
				<div class="header-cell">
					<vb:if condition="!empty($useSitebuilder)">
						<div class="admin-only">
							{vb:phrase site_logo} <div class="b-button b-button--primary b-button--sitebuilder js-edit-logo" tabindex="0">{vb:phrase edit}</div>
						</div>
					</vb:if>
					<div class="site-logo header-edit-box">
						<a href="<vb:if condition="$vboptions['titleimageurl']">{vb:raw vboptions.titleimageurl}<vb:else />{vb:raw baseurl}/</vb:if>"><img src="{vb:stylevar titleimage}" data-orig-src="{vb:stylevar titleimage}" alt="{vb:phrase logo}" title="{vb:phrase powered_by_vbulletin_title}" /></a>
					</div>
				</div>
				<div class="toolbar">
					<ul class="h-right">
						{vb:hook 'header_toolbar'}
						{vb:data searchperm, user, hasPermissions, forumpermissions, cansearch}
						<vb:if condition="$searchperm AND $vboptions['enablesearches']">
						<li class="search-container">
							<form id="searchForm" action="{vb:url 'search'}" class="h-left" method="GET">
								<div class="h-left">

									<vb:comment>Keep this in sync with the search form in css_b_comp_menu_horizontal.js menuChangeFilterMainMenu()</vb:comment>
									<div class="search-box h-clearfix">

										<div class="search-term-container">

											<input type="text" name="q" id="q" placeholder="{vb:phrase search}" class="search-term b-form-input__input b-form-input__input--shadow" autocomplete="off" />

											<div class="search-menu-container h-clearfix">
												<div class="vertical-divider-left"></div>
												<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover b-comp-menu-dropdown--header-search">
													<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow js-button" tabindex="0"></div>
													{vb:template search_popup, page={vb:raw page}, user={vb:raw user}}
												</div>
											</div>

										</div>

										<button type="submit" id="btnSearch" class="search-btn" title="{vb:phrase search}"><span class="b-icon b-icon__search"></span></button>

									</div>

								</div>
							</form>
						</li>
						</vb:if>
					</ul>
				</div>
				<vb:if condition="!empty($useSitebuilder)">
					<div class="disable-overlay"></div>
				</vb:if>
			</div>

			<vb:comment><!-- ***** MAIN NAVIGATION TABS ***** --></vb:comment>
			<div id="channel-tabbar" class="h-clearfix noselect">
				<ul class="channel-tabbar-list h-left b-comp-menu-horizontal js-comp-menu-horizontal js-comp-menu--dropdown-on-small b-comp-menu-dropdown--inactive js-comp-menu-dropdown__content--main-menu h-hide-on-small js-shrink-event-parent">

					<vb:if condition="!empty($page['channelid'])">
						{vb:set navbarCurrentChannelId, {vb:var page.channelid}}
					<vb:elseif condition="!empty($page['nodeid'])" />
						{vb:set navbarCurrentChannelId, {vb:var page.nodeid}}
					<vb:else />
						{vb:set navbarCurrentChannelId, 0}
					</vb:if>

					{vb:data navbarItems, 'site', 'loadHeaderNavbar', '1', {vb:raw _SERVER.REQUEST_URI}, 0, {vb:var navbarCurrentChannelId}}
					{vb:set navbarItemCount, {vb:php count, {vb:raw navbarItems}}}
					<vb:each from="navbarItems" key="idx" value="navbarItem">
						{vb:set navbarTitle, {vb:raw navbarItem.title}}
						{vb:set normalizedUrl, {vb:raw navbarItem.normalizedUrl}}
						<vb:if condition="!empty($navbarItem['current'])">{vb:set subnavItems, {vb:raw navbarItem.subnav}}</vb:if>
						<li class="{vb:if "!empty($navbarItem['current'])", "current"} section-item js-shrink-event-child">
							<a {vb:if "!empty($navbarItem['newWindow'])", "target='_blank'"} {vb:raw navbarItem.attr} href="{vb:var normalizedUrl}" class="h-left {vb:var navbarTitle}">{vb:phrase {vb:raw navbarTitle}}</a>
							<vb:if condition="$idx < ($navbarItemCount - 1)">
								<span class="channel-tabbar-divider"></span>
							</vb:if>
							<span class="mobile dropdown-icon"><span class="icon h-right"></span></span>
						</li>
					</vb:each>
					{vb:hook 'header_tabbar'}
				</ul>
			</div>


		</div><vb:comment><!-- ===== TOP BACKGROUND HOOK: HEADER-MAINNAV ===== --></vb:comment>


		<vb:comment><!-- ***** SECONDARY NAVIGATION TABS ***** --></vb:comment>
		<div id="channel-subtabbar" class="h-clearfix {vb:if empty($subnavItems), h-hide} h-hide-on-small h-block js-channel-subtabbar">
			<ul class="h-left channel-subtabbar-list js-channel-subtabbar-list js-shrink-event-parent">
				<vb:each from="subnavItems" value="navbarItem">
					{vb:set navbarTitle, {vb:raw navbarItem.title}}
					{vb:set normalizedUrl, {vb:raw navbarItem.normalizedUrl}}
					<li class="{vb:if "!empty($navbarItem['current'])", "current"} js-shrink-event-child">
						<a {vb:if "!empty($navbarItem['newWindow'])", "target='_blank'"} {vb:raw navbarItem.attr} href="{vb:var normalizedUrl}" class="{vb:var navbarTitle}">{vb:phrase {vb:raw navbarTitle}}</a>
					</li>
				</vb:each>
			</ul>
		</div>


	</div><vb:comment><!-- ===== END: TOP BACKGROUND HOOK: HEADER-MAINNAV-SUBNAV ===== --></vb:comment>


	<vb:if condition="$page['channelid'] != $nodeid AND !empty($conversationStarter) AND !empty($conversationStarter['title'])">
		{vb:set conversation_detail_page, 1}
	</vb:if>

	<vb:comment><!-- ***** BREADCRUMBS ***** --></vb:comment>
	<vb:if condition="$page['crumbs']">
		{vb:set breadcrumbSchema.itemprop, breadcrumb}
		<ul id="breadcrumbs" class="h-clearfix" {vb:schema {vb:raw breadcrumbSchema}}>
			<li class="crumb ellipsis"><a class="crumb-link" href="{vb:raw baseurl}/">{vb:phrase home}</a></li>
			<vb:each from="page.crumbs" value="crumb">
				<vb:if condition="isset($crumb['phrase']) AND !empty($crumb['phrase'])">
					{vb:set crumbTitle, {vb:rawphrase {vb:raw crumb.phrase}}}
				<vb:elseif condition="isset($crumb['title'])" />
					<vb:comment><!-- Since we don't want phrase placeholders to be escaped, we escape user titles here. --></vb:comment>
					{vb:set crumbTitle, {vb:raw crumb.title}}
				<vb:else />
					<vb:comment>
						Home page gets a breadcrumb item with no title. Keeping old behavior for now
						while getting rid of template notice. See VBV-17080 & VBV-17079
					</vb:comment>
					{vb:set crumbTitle, ''}
				</vb:if>
				<li class="vb-icon separator"></li>
				<li class="crumb ellipsis"><vb:if condition="$crumb['url']"><a class="crumb-link" href="{vb:raw baseurl}/{vb:php ltrim, {vb:raw crumb.url}, '/'}">{vb:raw crumbTitle}</a><vb:else />{vb:raw crumbTitle}</vb:if></li>
			</vb:each>
		</ul>
	<vb:else />
		<vb:comment>
			We still need the #breadcrumbs element (even though empty) to avoid having multiple CSS rules to deal with different scenarios
			where adjacent elements - breadcrumbs, channel-subtabbar, notices, announcements are available, visible, hidden or empty.
			Used div instead of ul to prevent having an empty ul which is invalid in XHTML 1.0 Strict (though valid in HTML5).
			Though we are currently using HTML5 doctype, using an emtpy div will ensure that this will validate even if we change the doctype in the future.
		</vb:comment>
		<div id="breadcrumbs"></div>
	</vb:if>

	{vb:hook 'header_before_notices'}

	<vb:comment><!-- ***** HEADLINKS & NOTICES ***** --></vb:comment>
	<vb:if condition="$page['headlinks']">
		<vb:each from="page.headlinks" value="link">
			<vb:comment>
				Ideally we should be able to extend this logic to any kind of headlinks on every page but limitting to display only the
				ones declared as rss link
			</vb:comment>
			<vb:if condition="$link['rsslink'] == 1">
				{vb:set linkurl, {vb:raw baseurl}}
				{vb:strcat linkurl, {vb:raw link.href}}
				{vb:headlink rel={vb:var link.rel}, title={vb:var link.title}, type={vb:var link.type}, href={vb:raw linkurl}}
			</vb:if>
		</vb:each>
	</vb:if>

	<vb:if condition="$user['is_admin'] AND !$vboptions['bbactive']">
		<div class="forum_disabled_wrapper">
			<div class="forum_disabled warning">{vb:rawphrase alert_board_off}</div>
		</div>
	</vb:if>

	{vb:template notices, page={vb:raw page}}

	{vb:hook 'header_before_content'}


	<vb:comment><!-- ***** CONTENT START ***** --></vb:comment>
	<div id="content">
		<div class="canvas-layout-container js-canvas-layout-container">]]></template>
		<template name="module_title" templatetype="template" date="1552097919" username="vBulletin" version="5.5.2 Alpha 2"><![CDATA[<vb:if condition="empty($widgetConfig['hide_title'])">
	<div class="widget-header h-clearfix">
		<vb:if condition="empty($title) AND !empty($widgetConfig['title'])">
			{vb:set title, {vb:raw widgetConfig.title}}
		</vb:if>
		<vb:if condition="empty($admin_title)">
			{vb:set admin_title, {vb:raw title}}
		</vb:if>

		<div class="module-title h-left">
			<vb:if condition="empty($widgetConfig['hide_title'])">
				<h1 class="main-title js-main-title hide-on-editmode<vb:if condition="!empty($showRssIcon)"> h-inline-block</vb:if>">{vb:raw title}</h1>
				<vb:comment>	BEGIN RSS Icon for Channels	</vb:comment>
				<vb:if condition="!empty($showRssIcon)">
					{vb:set url, {vb:raw baseurl}}
					{vb:strcat url, {vb:raw page.rss_route}}
					<a 	rel="alternate"
						type="application/rss+xml"
						href="{vb:var url}"
						title="{vb:phrase external_view_this_channel_rss_feed}"
						class="hide-on-editmode">
						<span class="b-icon b-icon__rss"></span>
					</a>
				</vb:if>
				<vb:comment>	END RSS Icon for Channels	</vb:comment>
			</vb:if>
		</div>
		<vb:if condition="empty($hide_buttons)">
			<div class="module-buttons">
				<vb:if condition="empty($hide_collapse)">
					<span class="toggle-button module-button-item collapse" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
				</vb:if>
			</div>
		</vb:if>
	</div>
	<vb:if condition="!empty($show_title_divider)">
		<hr class="widget-header-divider" />
	</vb:if>
</vb:if>]]></template>
		<template name="no_permission_page" templatetype="template" date="1435170780" username="vBulletin" version="5.1.9 Alpha 3"><![CDATA[{vb:template header, page={vb:raw page}}
<div id="canvas-layout-full" class="canvas-layout" data-layout-id="{vb:var page.screenlayoutid}">
	<div class="canvas-widget-list section-0">
		<div class="alert-message h-clearfix">
			<vb:if condition="$message">
				{vb:raw message}
			<vb:else />
				{vb:data adminId, user, fetchAdminUser}
				<vb:if condition="empty($user['userid'])">
					{vb:set contactUrl, {vb:url 'contact-us'}}
				<vb:else />
					{vb:set pmRoute.action, 'new'}
					{vb:set pmRoute.userid, {vb:var adminId}}
					{vb:set contactUrl, {vb:url 'privatemessage', {vb:var pmRoute}}}
				</vb:if>
				{vb:set loginUrl, {vb:var baseurl}}
				{vb:strcat loginUrl, '/auth/login-form'}
				{vb:rawphrase no_permission_page_href_x_y_href_z, {vb:var loginUrl}, {vb:rawphrase login}, {vb:var contactUrl}}
			</vb:if>
		</div>
	</div>
</div>
{vb:template footer, page={vb:raw page}}]]></template>
		<template name="privacy_consent_banner" templatetype="template" date="1544825844" username="vBulletin" version="5.5.0 Alpha 2"><![CDATA[<div class="b-modal-banner__banner js-privacy-consent-banner__banner h-hide-imp b-modal-banner__banner--center">
	<vb:if condition="$vboptions['block_eu_visitors']">
		<p class="b-modal-banner__paragraph">
			{vb:phrase access_from_region_not_allowed}
		</p>
	<vb:elseif condition="$vboptions['enable_privacy_guest']" />
		{vb:phrase privacy_consent_banner_guest, {vb:raw vboptions.privacyurl}}
		<p class="b-modal-banner__paragraph">
			<a href="#" class="b-button b-button--primary b-modal-banner__clickable js-privacy-consent-banner__button">{vb:phrase i_agree}</a>
		</p>
	</vb:if>
</div>
<div class="b-modal-banner__overlay js-privacy-consent-banner__overlay h-hide-imp"></div>]]></template>
		<template name="STANDARD_REDIRECT" templatetype="template" date="1460487635" username="vBulletin" version="5.2.2 Alpha 4"><![CDATA[{vb:template header, page={vb:raw page}}

<div id="canvas-layout-full" class="canvas-layout row-fluid" data-layout-id="{vb:var page.screenlayoutid}">
  <div class="standard_error">
	  <form class="block vbform" method="post" action="{vb:raw formfile}" name="postvarform">
		  <h2 class="blockhead">{vb:rawphrase redirecting}</h2>
		  <div class="blockbody formcontrols">
			  <p class="blockrow restore">{vb:raw errormessage}</p>
			  <vb:if condition="$postvars">
				  {vb:raw postvars}
				  <p class="blockrow" id="click_here_p">{vb:rawphrase click_the_following_button}</p>
			  </vb:if>
		  </div>
		  <div class="blockfoot actionbuttons redirect_button">
			  <div class="group" id="redirect_button">
				  <vb:if condition="$postvars">
					  <input type="submit" class="b-button" id="proceed_button" value="{vb:rawphrase proceed}" onclick="proceed_click()" accesskey="s" tabindex="1" />
				  <vb:else />
					  <a href="{vb:raw url}" class="textcontrol">{vb:rawphrase click_if_browser_does_not_redirect}</a>
				  </vb:if>
			  </div>
		  </div>
	  </form>
  </div>
</div>

<vb:if condition="$postvars">

<!-- redirect with POST -->

<script type="text/javascript">
<!--
fetch_object('click_here_p').style.display = 'none';

myvar = "";
timeout = 18;
timerID = 0;

function proceed_click()
{
	clearTimeout(timerID);
	return true;
}

function submit_form()
{
	window.status = "Redirecting" + myvar;
	myvar = myvar + " .";
	timerID = setTimeout("submit_form();", 100);
	if (timeout > 0)
	{
		timeout -= 1;
	}
	else
	{
		clearTimeout(timerID);
		window.status = "";
		document.forms.postvarform.submit();
		fetch_object('proceed_button').disabled = true;
	}
}

submit_form();
//-->
</script>

<!-- / redirect with POST -->

<vb:else />

<noscript>
<meta http-equiv="Refresh" content="2; URL={vb:raw url}" />
</noscript>

<script type="text/javascript">
<!--
function exec_refresh()
{
	window.status = "{vb:rawphrase redirecting}" + myvar;
	myvar = myvar + " .";
	var timerID = setTimeout("exec_refresh();", 100);
	if (timeout > 0)
	{
		timeout -= 1;
	}
	else
	{
		clearTimeout(timerID);
		window.status = "";
		window.location = "{vb:raw js_url}";
	}
}

var myvar = "";
var timeout = 20;
exec_refresh();
//-->
</script>

</vb:if>

{vb:template footer, page={vb:raw page}}]]></template>
		<template name="stylesheet_block" templatetype="template" date="1359778930" username="vBulletin" version="5.0.0 Release Candidate 1"><![CDATA[<vb:comment>
Fetch css links. For use with AJAX calls that need to supply css <link> tags.
Takes advantage of the stylesheet runtime to determine if we're using css stored as files or if we need to break down rollups into individual templates. Use with rollups for less links.
</vb:comment>
<vb:if condition="!empty($cssFiles)">
	<vb:if condition="is_array($cssFiles)">
		<vb:each from="cssFiles" key="key" value="file">
			{vb:cssExtra {vb:raw file}}
		</vb:each>
	<vb:else />
		{vb:cssExtra {vb:raw cssFiles}}
	</vb:if>
</vb:if>]]></template>
		<template name="toggle_slider" templatetype="template" date="1484092882" username="vBulletin" version="5.2.6 Alpha 6"><![CDATA[<vb:comment>
	// Template parameters:
	name      string          The name for the form element to be submitted
	checked   string(yes|no)  Default to 'Yes' or 'No'
	yesLabel  string          The label for the 'Yes' state
	noLabel   string          The label for the 'No' state
	yesValue  string          The value for the 'Yes' state
	noValue   string          The value for the 'No' state
</vb:comment>

<vb:if condition="$checked == 'no' OR $checked == 'false' OR $checked == 'f' OR $checked == '0' OR $checked == false">
	{vb:set checked, 'no'}
<vb:else />
	{vb:set checked, 'yes'}
</vb:if>
<vb:if condition="empty($yesLabel)">
	{vb:set yesLabel, {vb:phrase yes}}
</vb:if>
<vb:if condition="empty($noLabel)">
	{vb:set noLabel, {vb:phrase no}}
</vb:if>
<vb:if condition="!isset($yesValue)">
	{vb:set yesValue, 1}
</vb:if>
<vb:if condition="!isset($noValue)">
	{vb:set noValue, 0}
</vb:if>

<div class="b-toggle-slider__wrapper js-toggle-slider__wrapper">
	<a href="#" class="b-toggle-slider js-toggle-slider <vb:if condition="$checked == 'yes'">b-toggle-slider--yes<vb:else />b-toggle-slider--no</vb:if>" tabindex="0" data-value="<vb:if condition="$checked == 'yes'">1<vb:else />0</vb:if>" data-name="{vb:raw name}">
		<span class="b-toggle-slider__label b-toggle-slider__label--no">{vb:raw noLabel}<span class="b-toggle-slider__handle b-toggle-slider__handle--no"></span></span>
		<span class="b-toggle-slider__label b-toggle-slider__label--yes">{vb:raw yesLabel}<span class="b-toggle-slider__handle b-toggle-slider__handle--yes"></span></span>
		<input type="radio" name="{vb:raw name}" value="{vb:raw yesValue}" class="b-toggle-slider__radio b-toggle-slider__radio--yes"<vb:if condition="$checked == 'yes'"> checked="checked"</vb:if> />
		<input type="radio" name="{vb:raw name}" value="{vb:raw noValue}" class="b-toggle-slider__radio b-toggle-slider__radio--no"<vb:if condition="$checked == 'no'"> checked="checked"</vb:if> />
	</a>
</div>]]></template>
		<template name="topnavbar" templatetype="template" date="1345856303" username="vBulletin" version="5.0.0 Alpha 37"><![CDATA[<div class="sbHeaderFooter">
TOP NAVIGATION BAR
</div>]]></template>
	</templategroup>
	<templategroup name="Ungrouped Templates 2">
		<template name="avatar" templatetype="template" date="1518230932" username="vBulletin" version="5.4.1 Alpha 3"><![CDATA[<vb:comment>
// Template parameters:
// @param array avataruser
//	userid  -- id of the user to show the avatar of
//	username -- name of the user to show the avatar of
//	authorname -- alias of username, will be used if given and username isn't avoids unpacking
//		and repacking arrays we get from the API.
// @param array avatar
//	avatarpath -- path portion of the avatar url, if empty will use default avatar gif
//	isfullurl -- determines if the avatarpath is is the complete url.  Otherwise will attempt
//		to prepend the baseurl and/or the cdn base to the given path. This parameter is primarily intended
//		for addon attempting to fake topic/post entries where the "avatar" image is not loaded from via
//		our system.  The combination of isfullurl true and an empty avatar path is not supported and will
//		probably not work correctly.
// @param string avatarsize -- presently understands default (empty string), "xx-small", and "medium"
</vb:comment>
{vb:set avataruser.username, {vb:if "empty($avataruser['username']) AND !empty($avataruser['authorname']) ", {vb:raw avataruser.authorname}, {vb:raw avataruser.username}}}
{vb:set avatarsize, {vb:if "!empty($avatarsize) AND in_array($avatarsize, array('medium', 'xx-small'))", {vb:raw avatarsize}}}
{vb:set avatarUrl, {vb:if "empty($avatar['isfullurl'])", {vb:raw baseurl_corecdn}}}
{vb:set avatarTitle, {vb:if "!empty($avataruser['username'])", {vb:raw avataruser.username}}}
{vb:strcat avatarUrl, {vb:if "empty($avatar['isfullurl'])", "/"}, {vb:if "!empty($avatar['avatarpath'])", {vb:raw avatar.avatarpath}, "images/default/default_avatar_thumb.png"}}
<vb:if condition="$avataruser['userid'] > 0">
	{vb:set profileUrl, {vb:url 'profile', {vb:raw avataruser}}}
	<a href="{vb:var profileUrl}" class="avatar {vb:raw avatarsize} h-left">
		<img src="{vb:raw avatarUrl}" alt="{vb:raw avatarTitle}" title="{vb:raw avatarTitle}" />
	</a>
<vb:else />
	<span class="avatar {vb:raw avatarsize} h-left">
		<img src="{vb:raw avatarUrl}" alt="{vb:if "!empty($avatarTitle)", {vb:raw avatarTitle}, {vb:phrase guest_avatar}}" title="{vb:raw avatarTitle}"/>
	</span>
</vb:if>]]></template>
		<template name="banned_page" templatetype="template" date="1406314039" username="vBulletin" version="5.1.4 Alpha 2"><![CDATA[{vb:template header, page={vb:raw page}}
<div id="canvas-layout-full" class="canvas-layout" data-layout-id="{vb:var page.screenlayoutid}">
	<div class="canvas-widget-list section-0">
		<div class="h-left">
			<vb:if condition="$bannedInfo['liftdate'] AND $bannedInfo['reason']">
				{vb:phrase banuser_x_full_y_z, {vb:var bannedInfo.admin}, {vb:var bannedInfo.reason}, {vb:date {vb:var bannedInfo.liftdate}}}
			<vb:elseif condition="$bannedInfo['liftdate']" />
				{vb:phrase banuser_x_liftdate_y, {vb:var bannedInfo.admin}, {vb:date {vb:var bannedInfo.liftdate}}}
			<vb:elseif condition="$bannedInfo['reason']" />
				{vb:phrase banuser_x_permanently_reason_y, {vb:var bannedInfo.admin}, {vb:var bannedInfo.reason}}
			<vb:else />
				{vb:phrase banuser_x_permanently_no_reason_y, {vb:var bannedInfo.admin}}
			</vb:if>
		</div>
	</div>
</div>
{vb:template footer, page={vb:raw page}}]]></template>
		<template name="bare_footer" templatetype="template" date="1535059231" username="vBulletin" version="5.4.4 Beta 1"><![CDATA[</div>
	<div class="h-clear"></div>
</div>

	<div id="footer">
		{vb:hook 'footer_start'}
		{vb:hook 'footer_end'}
	</div>
</div>
</div>

<div id="loading-indicator" class="js-loading-indicator b-ajax-loading-indicator h-hide">
	<span>{vb:phrase working_ellipsis}</span>
</div>
<div class="js-flash-message b-ajax-loading-indicator b-ajax-loading-indicator--medium h-hide">
	<span class="js-flash-message-content"></span>
</div>
<div id="confirm-dialog" class="sb-dialog">
	<div class="dialog-content h-clearfix">
		<div class="icon h-left"></div>
		<div class="message"></div>
	</div>
	<div class="b-button-group">
		<button id="btnConfirmDialogYes" type="button" class="b-button b-button--primary js-button">{vb:phrase yes}</button>
		<button id="btnConfirmDialogNo" type="button" class="b-button b-button--secondary js-button">{vb:phrase no}</button>
	</div>
</div>
<div id="alert-dialog" class="sb-dialog">
	<div class="dialog-content h-clearfix">
		<div class="icon h-left"></div>
		<div class="message"></div>
	</div>
	<div class="b-button-group">
		<button id="btnAlertDialogOK" type="button" class="b-button b-button--primary js-button">{vb:phrase ok}</button>
	</div>
</div>
<div id="prompt-dialog" class="sb-dialog">
	<div class="dialog-content table h-clearfix">
		<div class="message td"></div>
		<div class="input-box-container td">
			<input type="text" class="input-box textbox" />
			<textarea class="input-box textbox h-hide" rows="3"></textarea>
		</div>
	</div>
	<div class="b-button-group">
		<button id="btnPromptDialogOK" type="button" class="b-button b-button--primary js-button">{vb:phrase ok}</button>
		<button id="btnPromptDialogCancel" type="button" class="b-button b-button--secondary js-button">{vb:phrase cancel}</button>
	</div>
</div>
<div id="slideshow-dialog" class="sb-dialog slideshow">
	<div class="slideshow-wrapper"><div class="b-icon b-icon__x-square--gray close-btn">X</div></div>
	<div class="caption"></div>
	<div class="thumbnails"></div>

</div>
<vb:comment>Unsubscribe overlay container</vb:comment>
<div class="unsubscribe-overlay-container"></div>

<div id="fb-root" data-facebook-language="{vb:rawphrase facebook_language}"></div>

<vb:if condition="$config->debug">
	{vb:action debuginfo, bbcode, debugInfo, 1}
	{vb:raw debuginfo}
</vb:if>
{vb:cssExtra css_additional.css}
<script type="text/javascript" src="{vb:raw jqueryurl}"></script>

<vb:if condition="!empty($vboptions['ga_enabled']) AND !empty($vboptions['ga_code'])">
{vb:raw vboptions.ga_code}
</vb:if>

<script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="js/jquery/jquery-{vb:raw jqueryversion}.min.js"><\/script>');</script>
<vb:comment>The footer rollup will be inserted here instead of being deferred to the end of the page.</vb:comment>
{vb:js insert_here, js/footer-rollup.js}

<vb:if condition="$vboptions['facebookactive']">
	{vb:js js/facebook.js}
</vb:if>
<script type="text/javascript">
	<vb:literal>
		window.vBulletin = window.vBulletin || {};
	</vb:literal>
		vBulletin.version = '{vb:raw vboptions.templateversion}';
</script>
{vb:hook footer_before_body_end}
</body>
</html>]]></template>
		<template name="b_vbscroller_open" templatetype="template" date="1479414490" username="vBulletin" version="5.2.6 Alpha 3"><![CDATA[{vb:js js/vbscroller.js}

<vb:if condition="empty($content_class_extra)">
	{vb:set content_class_extra, ''}
</vb:if>
<vb:if condition="empty($child_selector)">
	{vb:set child_selector, ''}
</vb:if>
<vb:if condition="empty($manual_init)">
	{vb:set manual_init, ''}
</vb:if>

<div class="b-vbscroller js-vbscroller-wrapper" data-manual-init="{vb:var manual_init}">

	<div class="b-vbscroller__navigation-controls">
		<div class="b-vbscroller__navigation-control-button b-vbscroller__navigation-control-button--left js-vbscroller-scroll-left">
			<span class="b-icon b-icon__arrow-block-left--transparent-bg"></span>
		</div>
		<div class="b-vbscroller__navigation-control-button b-vbscroller__navigation-control-button--right js-vbscroller-scroll-right">
			<span class="b-icon b-icon__arrow-block-right--transparent-bg"></span>
		</div>
	</div>

	<div class="b-vbscroller__viewport js-vbscroller-viewport">
		<div class="b-vbscroller__content js-vbscroller-content {vb:var content_class_extra}" data-child-selector="{vb:var child_selector}">]]></template>
		<template name="delete_post_form" templatetype="template" date="1445551529" username="vBulletin" version="5.1.11 Alpha 2"><![CDATA[<form action="ajax/api/node/deleteNodes" method="post" name="deletePostsForm" class="delete-posts-form" data-node-id="{vb:raw nodeid}">
	<h3 class="blockhead delete-posts-header">{vb:phrase delete_options}</h3>
	<div class="blockbody delete-posts-body">
		<div class="blockrow">
			{vb:set hardDeletePhraseId, 'physically_remove_'}
			{vb:strcat hardDeletePhraseId, {vb:raw postType}}
			{vb:set hardDeletePhrase, {vb:phrase {vb:raw hardDeletePhraseId}}}

			{vb:set softDeletePhraseId, 'soft_delete_'}
			{vb:strcat softDeletePhraseId, {vb:raw postType}}
			{vb:set softDeletePhrase, {vb:phrase {vb:raw softDeletePhraseId}}}

			{vb:set clickDeletePhraseId, 'select_option_and_click_delete_button_'}
			{vb:strcat clickDeletePhraseId, {vb:raw postType}}
			{vb:set clickDeletePhrase, {vb:phrase {vb:raw clickDeletePhraseId}}}

			{vb:data canPhysicallyDeletePost, user, canRemovePost, {vb:raw nodeid}}
			<vb:if condition="$user['userid'] == $authorid">
				{vb:set ownPost, 1}
			</vb:if>

			<vb:if condition="!$canPhysicallyDeletePost AND $ownPost">
				<div class="soft-delete-option">{vb:raw softDeletePhrase}</div>
			<vb:elseif condition="$canPhysicallyDeletePost" />
				<ul class="delete-posts-options">
					<li><label><input type="radio" name="deletetype" value="2" /> {vb:raw hardDeletePhrase}</label></li>
					<vb:if condition="!empty($showBan)">
						<li><label class="ban_user"><input type="checkbox" name="ban" value="1" /> {vb:phrase block_user}</label></li>
						<li><label class="ban_user">{vb:phrase ban_reason} <input type="text" name="ban_reason" value="{vb:phrase spam}" class="textbox" /></label></li>
					</vb:if>
					<li><label><input type="radio" name="deletetype" value="1" checked="checked" /> {vb:raw softDeletePhrase}</label></li>
				</ul>
			</vb:if>
			<div class="blockrow">
				<input type="text" class="textbox delete-posts-reason" name="deletereason" placeholder="{vb:phrase enter_reason_for_deleting}" />
			</div>

			<p class="description">
				<vb:if condition="$canPhysicallyDeletePost">
					{vb:raw clickDeletePhrase}<br />
					<vb:if condition="!in_array($postType, array('comment', 'visitorMessage'))">
						{vb:set deleteNotesPhraseId, 'delete_notes_'}
						{vb:strcat deleteNotesPhraseId, {vb:raw postType}}
						{vb:phrase {vb:raw deleteNotesPhraseId}}
					</vb:if>
				<vb:elseif condition="$ownPost" />
					{vb:set softDeleteNotesPhraseId, 'soft_delete_notes_'}
					{vb:strcat softDeleteNotesPhraseId, {vb:raw postType}}
					{vb:phrase {vb:raw softDeleteNotesPhraseId}}
				</vb:if>
			</p>
		</div>
	</div>
</form>]]></template>
		<template name="footer" templatetype="template" date="1543345214" username="vBulletin" version="5.5.0 Alpha 1"><![CDATA[</div>
	<div class="h-clear"></div>
</div>

	<div id="footer">
		{vb:hook 'footer_start'}
		{vb:data navbarItems, 'site', 'loadFooterNavbar', '1', {vb:raw _SERVER.REQUEST_URI}}
		<div id="footer-tabbar" class="h-clearfix js-shrink-event-parent">
			<vb:comment>
				The reason the admin check is here instead of inside the style API's fetchStyles() is because
				we might want admins to still be able to use fetchStyles() and specifically set the userselect
				param and skip un-selectable styles.
			</vb:comment>
			{vb:set userselect, 1}
			{vb:data canAdminStyles, user, hasPermissions, adminpermissions, canadminstyles}
			<vb:if condition="$canAdminStyles">
				{vb:set userselect, 0}
			</vb:if>
			<vb:if condition="$canAdminStyles OR $vboptions['allowchangestyles']">
				{vb:data styles, style, fetchStyles, 1, {vb:raw userselect}}
			<vb:else />
				{vb:set styles, 0}
			</vb:if>
			{vb:data languages, language, fetchLanguageSelector}
			<ul class="h-left js-footer-chooser-list h-margin-left-xxl js-shrink-event-child">
				<vb:if condition="$styles AND (count($styles) > 1) AND (empty($page['routeInfo']['arguments']) OR empty($page['routeInfo']['arguments']['forceStyleId']))">
					<li>

						<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover b-comp-menu-dropdown--direction-up js-stylechooser js-select-on-xsmall h-margin-right-l">
							<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow">
								<vb:each from="styles" value="style">
									<vb:if condition="$style['styleid'] == $preferred_styleid">
										{vb:var style.title_plain}
									</vb:if>
								</vb:each>
							</div>
							<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--left">
								<vb:each from="styles" value="style">
									<li class="b-comp-menu-dropdown__content-item<vb:if condition="$style['styleid'] == $preferred_styleid"> b-comp-menu-dropdown__content-item--current</vb:if>">
										<a href="#" data-styleid="{vb:var style.styleid}">{vb:var style.title}</a>
									</li>
								</vb:each>
							</ul>
						</div>

					</li>
				</vb:if>
				<vb:if condition="count($languages) > 1">
					<li>

						<div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover b-comp-menu-dropdown--direction-up js-languagechooser js-select-on-xsmall h-margin-right-l">
							<div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow">
								<vb:each from="languages" value="language">
									<vb:if condition="$language['languageid'] == $preferred_languageid">
										{vb:var language.title}
									</vb:if>
								</vb:each>
							</div>
							<ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--left">
								<vb:each from="languages" value="language">
									<li class="b-comp-menu-dropdown__content-item<vb:if condition="$language['languageid'] == $preferred_languageid"> b-comp-menu-dropdown__content-item--current</vb:if>">
										<a href="#" data-languageid="{vb:var language.languageid}">{vb:var language.title}</a>
									</li>
								</vb:each>
							</ul>
						</div>

					</li>
				</vb:if>
				{vb:hook 'footer_left'}
			</ul>

			<ul class="nav-list h-right js-footer-nav-list h-margin-right-xxl b-comp-menu-horizontal js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive js-shrink-event-child" data-dropdown-trigger-phrase="go_to_ellipsis" data-dropdown-menu-classes="h-margin-vert-l b-comp-menu-dropdown--direction-up" data-dropdown-trigger-classes="b-comp-menu-dropdown__trigger--arrow">
				{vb:hook 'footer_right'}
				<vb:each from="navbarItems" value="navbarItem">
					{vb:set navbarTitle, {vb:raw navbarItem.title}}
					<vb:if condition="$targetAttr = $navbarItem['newWindow'] == '1' ? ' target=\'_blank\'' : ''"></vb:if>
					<vb:if condition="!empty($navbarItem['attr'])">
						{vb:strcat targetAttr, ' '}
						{vb:strcat targetAttr, {vb:raw navbarItem.attr}}
					</vb:if>
					{vb:set normalizedUrl, {vb:raw navbarItem.normalizedUrl}}
					<vb:if condition="$itemUrl = $navbarItem['isAbsoluteUrl'] ? $normalizedUrl : ($baseurl . '/' . $normalizedUrl)"></vb:if>
					<vb:if condition="$requestUri = explode('?', $_SERVER['REQUEST_URI'], 2)"></vb:if>
					<vb:if condition="$requestUri = array_shift($requestUri)"></vb:if>
					<vb:if condition="$atCurrentItem = ($requestUri == substr($itemUrl, -strlen($requestUri)))"></vb:if>
					<vb:if condition="$currentClass = $atCurrentItem ? 'current' : ''"></vb:if>
					<vb:if condition="$atCurrentItem">{vb:set subnavItems, {vb:raw navbarItem.subnav}}</vb:if>

					<li class="{vb:raw currentClass}">
						<a{vb:raw targetAttr} href="{vb:var itemUrl}">{vb:phrase {vb:raw navbarTitle}}</a>
					</li>

				</vb:each>
				<li><a href="#" class="js-footer-go-to-top">{vb:phrase go_to_top}</a></li>
			</ul>
		</div>
		{vb:hook 'footer_end'}
	</div>
</div>
<div id="footer-copyright">
	<div id="footer-user-copyright">{vb:raw vboptions.copyrighttext}{vb:hook 'footer_copyright'}</div>
	<div id="footer-vb-copyright">{vb:phrase powered_by_vbulletin, {vb:raw vboptions.templateversion}, {vb:date timenow, Y}}</div>
	<div id="footer-current-datetime">{vb:phrase footer_current_time, {vb:if "$user['timezoneoffset']", {vb:php sprintf, "%+d", {vb:raw user.timezoneoffset}}}, {vb:datetime 'timenow', 'time'}}</div>
</div>
</div>

<div id="loading-indicator" class="js-loading-indicator b-ajax-loading-indicator h-hide">
	<span>{vb:phrase working_ellipsis}</span>
</div>
<div class="js-flash-message b-ajax-loading-indicator b-ajax-loading-indicator--medium h-hide">
	<span class="js-flash-message-content"></span>
</div>
<div id="confirm-dialog" class="sb-dialog">
	<div class="dialog-content h-clearfix">
		<div class="icon h-left"></div>
		<div class="message"></div>
	</div>
	<div class="b-button-group">
		<button id="btnConfirmDialogYes" type="button" class="b-button b-button--primary js-button">{vb:phrase yes}</button>
		<button id="btnConfirmDialogNo" type="button" class="b-button b-button--secondary js-button">{vb:phrase no}</button>
	</div>
</div>
<div id="alert-dialog" class="sb-dialog">
	<div class="dialog-content h-clearfix">
		<div class="icon h-left"></div>
		<div class="message"></div>
	</div>
	<div class="b-button-group">
		<button id="btnAlertDialogOK" type="button" class="b-button b-button--primary js-button">{vb:phrase ok}</button>
	</div>
</div>
<div id="prompt-dialog" class="sb-dialog">
	<div class="dialog-content table h-clearfix">
		<div class="message td"></div>
		<div class="input-box-container td">
			<input type="text" class="input-box textbox" />
			<textarea class="input-box textbox h-hide" rows="3"></textarea>
		</div>
	</div>
	<div class="js-prompt-error h-hide"></div>
	<div class="b-button-group">
		<button id="btnPromptDialogOK" type="button" class="b-button b-button--primary js-button">{vb:phrase ok}</button>
		<button id="btnPromptDialogCancel" type="button" class="b-button b-button--secondary js-button">{vb:phrase cancel}</button>
	</div>
</div>
<div id="slideshow-dialog" class="sb-dialog slideshow">
	<div class="slideshow-wrapper"><div class="b-icon b-icon__x-square--gray close-btn">X</div></div>
	<div class="caption"></div>
	<div class="thumbnails"></div>

</div>
<vb:comment>Unsubscribe overlay container</vb:comment>
<div class="unsubscribe-overlay-container"></div>

<div id="fb-root" data-facebook-language="{vb:rawphrase facebook_language}"></div>

<vb:if condition="$config->debug">
	{vb:action debuginfo, bbcode, debugInfo, 1}
	{vb:raw debuginfo}
</vb:if>
{vb:cssExtra css_additional.css}

<script type="text/javascript" src="{vb:raw jqueryurl}"></script>

<vb:if condition="!empty($vboptions['ga_enabled']) AND !empty($vboptions['ga_code'])">
{vb:raw vboptions.ga_code}
</vb:if>

<script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="js/jquery/jquery-{vb:raw jqueryversion}.min.js"><\/script>');</script>
<vb:comment>The footer rollup will be inserted here instead of being deferred to the end of the page.</vb:comment>
{vb:js insert_here, js/footer-rollup.js}

<vb:if condition="$vboptions['facebookactive']">
	{vb:js js/facebook.js}
</vb:if>
<script type="text/javascript">
	<vb:literal>
		window.vBulletin = window.vBulletin || {};
	</vb:literal>
		vBulletin.version = '{vb:raw vboptions.templateversion}';
</script>

<vb:if condition="($vboptions['enable_privacy_guest'] AND $user->userid < 1) OR $vboptions['block_eu_visitors']">
	{vb:template privacy_consent_banner}
	{vb:js js/privacy-consent-banner.js}
</vb:if>

{vb:hook footer_before_body_end}
</body>
</html>]]></template>
		<template name="post_history_form" templatetype="template" date="1359148449" username="vBulletin" version="5.0.0 Beta 28"><![CDATA[<form action="" method="post" name="postHistoryComparisonForm" class="post-history-form" data-node-id="{vb:raw nodeid}">
	<h3 class="blockhead post-history-comparison-header">{vb:rawphrase compare_versions}</h3>
	<div class="blockbody post-history-comparison-body">
		<div class="blockrow">
			{vb:data nodes, posthistory, fetchHistory, {vb:raw nodeid}, {vb:raw oldpost}, {vb:raw newpost}}
			<table class="posthistory-data">
			<thead>
				<td>{vb:rawphrase old}</td>
				<td>{vb:rawphrase new}</td>
				<td>{vb:rawphrase reason_for_editing}</td>
				<td>{vb:rawphrase username} </td>
				<td>{vb:rawphrase time_of_edit}</td>
			</thead>
			{vb:set count, 1}
			<vb:each from="nodes" value="history">
				<tr>
					<td><input type="radio" name="old" value="{vb:raw history.postedithistoryid}" {vb:if "$count == 2", checked="checked"} /></td>
					<td><input type="radio" name="new" value="{vb:raw history.postedithistoryid}" {vb:if "$count == 1", checked="checked"} /></td>
					<td><vb:if condition="empty($history['reason'])">{vb:rawphrase n_a}<vb:else />{vb:raw history.reason}</vb:if></td>
					<td>{vb:raw history.username}</td>
					<td>{vb:datetime {vb:raw history.dateline}}</td>
				</tr>
				{vb:set count, {vb:math {vb:raw count} + 1}}
			</vb:each>
			</table>
		</div>
	</div>
	
	<vb:if condition="$oldpost AND $newpost">
	<h3 class="blockhead post-history-comparison-header">{vb:rawphrase post_comparison}</h3>
	<div class="blockbody post-history-comparison-body">
		<div class="blockrow post-history-comparison-blockrow">
			{vb:data diffbits, posthistory, fetchHistoryComparison, {vb:raw nodeid}, {vb:raw oldpost}, {vb:raw newpost}}
			<ul>
			<vb:each from="diffbits" value="bit">
				<vb:if condition="$bit['changed_olddata']">
				<li class="remove">
					<div class="remove">-</div>
					<blockquote class="restore">{vb:raw bit.changed_olddata}</blockquote>
				</li>
				</vb:if>

				<vb:if condition="$bit['changed_newdata']">
				<li class="add">
					<div class="add">+</div>
					<blockquote class="restore">{vb:raw bit.changed_newdata}</blockquote>
				</li>
				</vb:if>

				<vb:if condition="$bit['unchanged_olddata']">
				<li>
					<blockquote class="restore">{vb:raw bit.unchanged_olddata}</blockquote>
				</li>
				</vb:if>
			</vb:each>
			</ul>
		</div>
	</div>
	</vb:if>
</form>]]></template>
		<template name="privacy_policy_page" templatetype="template" date="1527113824" username="vBulletin" version="5.4.3 Alpha 2"><![CDATA[<div class="privacy-policy">
	{vb:phrase privacy_policy_page_text}
</div>]]></template>
		<template name="received_infraction_form" templatetype="template" date="1516231438" username="vBulletin" version="5.4.1 Alpha 1"><![CDATA[<vb:if condition="empty($nodeid)">
	{vb:set error, 'invalid_data'}
</vb:if>

<vb:if condition="empty($error)">
	<vb:if condition="!empty($userInfraction)">
		{vb:data canViewUserInfraction, content_infraction, canViewInfraction, {vb:raw nodeid}}
		<vb:if condition="empty($canViewUserInfraction)">
			{vb:set error, 'no_permission_to_view_infraction'}
		<vb:else />
			{vb:data nodeInfraction, content_infraction, getInfraction, {vb:raw nodeid}}
			<vb:if condition="empty($nodeInfraction)">
				{vb:set error, 'this_user_has_no_infraction'}
			</vb:if>
		</vb:if>
	<vb:else />
		{vb:data canViewNodeInfraction, content_infraction, canViewNodeInfraction, {vb:raw nodeid}}
		<vb:if condition="empty($canViewNodeInfraction)">
			{vb:set error, 'no_permission_to_view_infraction'}
		<vb:else />
			{vb:data nodeInfraction, content_infraction, getNodeInfraction, {vb:raw nodeid}}
			<vb:if condition="empty($nodeInfraction)">
				{vb:set error, 'this_post_has_no_active_infraction'}
			</vb:if>
		</vb:if>
	</vb:if>
</vb:if>

<vb:if condition="empty($error)">
	<div class="receive-infraction-dialog sb-dialog">
		<div class="dialog-content">
			<div class="infraction-container h-clearfix blockbody">
				<div class="infraction-points blockrow">
					<h3 class="blockrow-head">
						<vb:if condition="$nodeInfraction['action'] == 2">
							{vb:set head_phrase, reversed_infraction_x_points}
						<vb:elseif condition="$nodeInfraction['action'] == 1" />
							{vb:set head_phrase, expired_infraction_x_points}
						<vb:elseif condition="$nodeInfraction['points'] > 0" />
							{vb:set head_phrase, active_infraction_x_points}
						<vb:else />
							{vb:set head_phrase, active_warning}
						</vb:if>

						<vb:if condition="($nodeInfraction['reputation_penalty'] > 0) AND ($nodeInfraction['points'] > 0)">
							{vb:strcat head_phrase, '_y_penalty'}
						</vb:if>
						{vb:phrase {vb:raw head_phrase}, {vb:number {vb:raw nodeInfraction.points}}, {vb:number {vb:raw nodeInfraction.reputation_penalty}}}
					</h3>
					<div class="blockrow-body">
						<vb:if condition="!empty($nodeInfraction['customreason'])">
							{vb:var nodeInfraction.customreason}
						<vb:else />
							{vb:var nodeInfraction.infractionlevel.title}
						</vb:if>
					</div>
				</div>

				<div class="infraction-leftby blockrow">
					<h3 class="blockrow-head">{vb:phrase left_by}</h3>
					<div class="blockrow-body">
						<a href="{vb:url 'profile', {vb:raw nodeInfraction}}">{vb:var nodeInfraction.authorname}</a>
						<div>{vb:datetime {vb:raw nodeInfraction.publishdate}}</div>
					</div>
				</div>

				<vb:if condition="$nodeInfraction['note']">
					{vb:data canViewAdminNote, content_infraction, canViewAdminNote}
					<vb:if condition="$canViewAdminNote">
						<div class="infraction-admin-note blockrow">
							<h3 class="blockrow-head">{vb:phrase administrative_note}</h3>
							<div class="blockrow-body">
								{vb:var nodeInfraction.note}
							</div>
						</div>
					</vb:if>
				</vb:if>

				<div class="infraction-expires blockrow">
					<vb:if condition="$nodeInfraction['action'] == 2">
						<h3 class="blockrow-head">{vb:phrase reversed_ginfraction}</h3>
						<div class="blockrow-body">
							{vb:set userinfo.userid, {vb:raw nodeInfraction.actionuserid}}
							{vb:data username, user, fetchUsername, {vb:raw nodeInfraction.actionuserid}}
							<a href="{vb:url 'profile', {vb:raw userinfo}}">{vb:var username}</a>
							<div>{vb:raw nodeInfraction.actionreason}</div>
							<div>{vb:datetime {vb:raw nodeInfraction.actiondateline}}</div>
						</div>
					<vb:elseif condition="$nodeInfraction['action'] == 2" />
						<h3 class="blockrow-head">{vb:phrase expired_ginfraction}</h3>
						<div class="blockrow-body">{vb:datetime {vb:raw nodeInfraction.expires}}</div>
					<vb:else />
						<h3 class="blockrow-head">{vb:phrase expires_ginfraction}</h3>
						<div class="blockrow-body"><vb:if condition="empty($nodeInfraction['expires'])">{vb:phrase never}<vb:else />{vb:datetime {vb:raw nodeInfraction.expires}}</vb:if></div>
					</vb:if>
				</div>

				<vb:if condition="$nodeInfraction['action'] == 0">
					{vb:data canReverseInfraction, content_infraction, canReverseInfraction}
					<vb:if condition="$canReverseInfraction">
						<form action="infraction/reverse" method="post" class="infraction-reverse-form blockrow">
							<h3 class="blockrow-head">{vb:phrase reverse_this_infraction}</h3>
							<div class="blockrow-body">
								<p>{vb:phrase to_reverse_this_infraction}</p>
								<label><input type="checkbox" name="nodeid" value="{vb:raw nodeid}" class="infraction-nodeid" /><span>{vb:phrase reversal_reason}:</span></label>
								<input type="text" name="reason" class="infraction-reason textbox stretch" />
								<div class="field-desc">{vb:phrase removal_of_this_infraction}</div>
								<vb:if condition="!empty($userInfraction)"><input type="hidden" name="userinfraction" value="1" /></vb:if>
							</div>
						</form>
					</vb:if>
				</vb:if>
			</div>
		</div>
		<div class="b-button-group">
			<button type="button" class="close-infraction b-button b-button--primary">{vb:phrase close}</button>
			<vb:if condition="!empty($canReverseInfraction)">
				<button type="button" class="reverse-infraction b-button b-button--secondary">{vb:phrase reverse_this_infraction}</button>
			</vb:if>
		</div>
	</div>
<vb:else />
	<div class="error-infraction-dialog sb-dialog">
		<div class="dialog-content h-clearfix">
			<div class="icon b-icon b-icon__warning-l--red h-margin-right-xl h-left"></div>
			<div class="message">{vb:phrase {vb:raw error}}</div>
		</div>
		<div class="b-button-group">
			<button type="button" class="close-infraction b-button b-button--primary">{vb:phrase ok}</button>
		</div>
	</div>
</vb:if>]]></template>
		<template name="socialgroup_nodes" templatetype="template" date="1555116740" username="vBulletin" version="5.5.2 Alpha 4"><![CDATA[<vb:if condition="!empty($my) AND $my == 'show_my' AND $user['userid']">
	{vb:set my_channels, {vb:raw user.userid}}
<vb:else />
	{vb:set my_channels, 0}
</vb:if>

<vb:if condition="empty($nodes) AND empty($fromTemplate)">
	<vb:if condition="$my_channels">
		{vb:set options.my_channels, {vb:raw my_channels}}
	</vb:if>
	<vb:if condition="isset($page) AND intval($page)">
		{vb:set options.page, {vb:raw page}}
	</vb:if>
	<vb:if condition="isset($perpage) AND intval($perpage)">
		{vb:set options.perpage, {vb:raw perpage}}
	</vb:if>
	<vb:if condition="isset($sgparent) AND intval($sgparent)">
		{vb:set options.sgparent, {vb:raw sgparent}}
	</vb:if>

	{vb:set options.contributors, 1}

	{vb:data nodes, socialgroup, getSGInfo, {vb:raw options}, {vb:raw routeInfo}}

</vb:if>

<vb:if condition="!empty($nodes) AND empty($nodes['errors'])">
	{vb:set nodeCount, {vb:raw nodes.totalcount}}
<vb:else />
	{vb:set nodeCount, 0}
</vb:if>

{vb:set groupDisplayClass, ' group-display-grid h-clear'}
<vb:if condition="$display_groups == 'display_list'">
	{vb:set groupDisplayClass, ' group-display-list'}
</vb:if>

<vb:if condition="empty($noHeader)">
	<ul class="conversation-list list-container stream-view stream-view-full-width activity-view h-clearfix js-group-list-container js-flexgrid{vb:var groupDisplayClass}">
		<li class="list-header sg-header h-hide-on-xsmall js-subtoolbar-list-header">
			<div class="table stretch">
				<div class="tr">
					<div class="sg-groups td">{vb:phrase groups} (<vb:if condition="$my_channels">{vb:phrase your_groups}<vb:else />{vb:phrase all}</vb:if>)</div>
					<div class="sg-statistics td">{vb:phrase blog_statsLabel}</div>
					<div class="sg-last-topics td">{vb:phrase latest_topics}</div>
				</div>
			</div>
		</li>
		<li class="sg-groups-list">
</vb:if>

		<vb:if condition="!empty($nodes) AND !empty($nodes['pageInfo'])">
			{vb:set pageInfo, {vb:raw nodes.pageInfo}}
		</vb:if>

		<div class="sg-groups-pagination h-hide">
			<input type="hidden" name="pagenum" class="js-pagenum" value="{vb:raw pageInfo.currentpage}" />
			<input type="hidden" name="per-page" class="js-perpage" value="{vb:raw pageInfo.perpage}" />
			<input type="hidden" name="totalpages" class="js-totalpages" value="{vb:raw pageInfo.totalpages}" />
			<input type="hidden" name="nextpage" class="js-nextpage" value="{vb:raw pageInfo.nexturl}" />
			<input type="hidden" name="prevpage" class="js-prevpage" value="{vb:raw pageInfo.prevurl}" />
			<input type="hidden" name="category" class="js-category" value="{vb:raw pageInfo.sgparent}" />
		</div>

		<vb:comment>We don't need the arguments array. So let's reset it to prevent it from bloating the AJAX call data</vb:comment>
		{vb:set routeInfo.arguments, {vb:php array}}
		{vb:set routeJSON, {vb:php json_encode, {vb:raw routeInfo}}}

		{vb:set groupDisplayContainerClass, ' group-display-grid-container b-flexgrid b-groupgrid'}
		<vb:if condition="$display_groups == 'display_list'">
			{vb:set groupDisplayContainerClass, ' group-display-list-container'}
		</vb:if>

		<ul class="sg-groups-list-container h-clearfix<vb:if condition="$nodeCount > 0"> dataLoaded</vb:if>{vb:var groupDisplayContainerClass}" data-route="{vb:var routeJSON}">
		  <vb:each from="nodes.results" value="node">

				{vb:set urlInfo.nodeid, {vb:raw node.nodeid}}

				<vb:if condition="$display_groups == 'display_list'">
					{vb:template display_contenttype_conversationreply_SGChannel,
						conversation={vb:raw node},
						urlInfo={vb:raw urlInfo}}
				<vb:else />
					{vb:template display_contenttype_conversationreply_SGChannel_grid,
						conversation={vb:raw node},
						urlInfo={vb:raw urlInfo}}
				</vb:if>

		  </vb:each>
		</ul>

		<vb:if condition="!empty($nodes) AND !empty($nodes['errors'])">
			<div class="conversation-empty">{vb:phrase error_fetching_groups}</div>
		<vb:elseif condition="$nodeCount == 0" />
			<div class="conversation-empty">{vb:phrase no_groups_found}</div>
		</vb:if>

		{vb:template pagenav, pagenav={vb:raw pageInfo}}

<vb:if condition="empty($noHeader)">
		</li>
	</ul>
</vb:if>]]></template>
	</templategroup>
	<templategroup name="Ungrouped Templates 3">
		<template name="construct_select_options" templatetype="template" date="1352091476" username="vBulletin" version="5.0.0 Beta 19"><![CDATA[{vb:set ctr, 0}
<vb:each from="selectOptions" value="option" key="index">
    <vb:if condition="is_array($option)">
        <optgroup label="<vb:if condition="isset($escapeHTML) AND $escapeHTML">{vb:var index}<vb:else />{vb:raw index}</vb:if>">{vb:template construct_select_options, {vb:raw option}, {vb:raw selectedOption}, {vb:raw escapeHTML}}</optgroup>
    <vb:else />
        {vb:set selected, ''}
        <vb:if condition="isset($selectedOption)">        
	        <vb:if condition="is_array($selectedOption)">
	        	<vb:if condition="in_array($index, $selectedOption)">
	            	{vb:set selected, ' selected="selected"'}
	            </vb:if>
	        <vb:else />
	        	<vb:if condition="$index == $selectedOption">
	            	{vb:set selected, ' selected="selected"'}
	            </vb:if>
	        </vb:if>
	    <vb:elseif condition="isset($selectedIndex)" />
	    	<vb:if condition="$ctr == $selectedIndex">
            	{vb:set selected, ' selected="selected"'}
            </vb:if>
	    </vb:if>
        <option value="<vb:if condition="$index !== 'no_value'">{vb:raw index}</vb:if>"{vb:raw selected}><vb:if condition="isset($escapeHTML) AND $escapeHTML">{vb:var option}<vb:else />{vb:raw option}</vb:if></option>
    </vb:if>
    {vb:set ctr, {vb:math {vb:raw ctr} + 1}}
</vb:each>]]></template>
		<template name="debug_info" templatetype="template" date="1543630169" username="vBulletin" version="5.5.0 Alpha 1"><![CDATA[<div id="debug-information" class="round-corner5">
	<h3>{vb:phrase debug_information}</h3>
	<ul>
		<li>{vb:phrase page_id}: <b>{vb:var page.pageid}</b></li>
		<li>{vb:phrase page_parent_id}: <b>{vb:var page.parentid}</b></li>
		<li>{vb:phrase page_template_id}: <b>{vb:var page.pagetemplateid}</b></li>
		<li>{vb:phrase route_id}: <b>{vb:var page.routeid}</b></li>
		<li>{vb:phrase page_type}: <b>{vb:var page.pagetype}</b></li>
		<li>{vb:phrase screen_layout_id}: <b>{vb:var page.screenlayoutid}</b></li>
		<li>{vb:phrase screen_layout_template}: <b>{vb:var page.screenlayouttemplate}</b></li>
		<li>{vb:phrase channel_id}: <b>{vb:var page.channelid}</b></li>
		<li>{vb:phrase node_id}: <b>{vb:var page.nodeid}</b></li>
		{vb:data qryCount, page, getQryCount, null}
		<li>{vb:phrase database_asserts}: 
			{vb:set urlChar, {vb:if "empty($_SERVER['QUERY_STRING'])", '?', '&'}}
			<vb:if condition="!strpos($_SERVER['REQUEST_URI'], 'querylist=1')">
				<b><a href="{vb:var _SERVER.REQUEST_URI}{vb:var urlChar}querylist=1">{vb:raw qryCount.queryCount}</a></b>
			<vb:else />
				<b>{vb:raw qryCount.queryCount}</b>
			</vb:if>
			(<b><a href="{vb:var _SERVER.REQUEST_URI}{vb:var urlChar}explain=1">?</a></b>)
			<vb:if condition="$qryCount['showQueries'] > 0">
				<ol>
				<vb:each from="qryCount.queries" key="key" value="queryId">
					<li>{vb:raw key}- {vb:var queryId}</li>
				</vb:each>
				</ol>
			</vb:if>
		</li>
		<li>{vb:phrase ajax_requests}: <b id="debug-ajax-request-count" class="b-link js-link" tabindex="0">0</b></li>
		<li>{vb:phrase facebook_active}: <vb:if condition="$vboptions['facebookactive']"><b>{vb:phrase yes}</b><vb:else /><b>{vb:phrase no}</b> <span style="font-size:x-small;">({vb:phrase not_enabled_or_no_appid_secret_set})</span></vb:if>
			<vb:if condition="!empty($facebookDebugLog)">
			<ol>
				<vb:each from="facebookDebugLog" value="facebookDebugLogItem">
					<li>{vb:var facebookDebugLogItem}</li>
				</vb:each>
			</ol>
			</vb:if>
		</li>
		<li>{vb:phrase style_id}: <b>{vb:var renderedTemplates.styleid}</b></li>
		<li>
			{vb:phrase templates_renders}: <b class="js-debug-collapse-list js-link b-link" tabindex="0">{vb:var renderedTemplates.countUnique}/{vb:var renderedTemplates.count}</b>
			<ol>
				<vb:each from="renderedTemplates.templates" value="templateInfo">
					<li>{vb:raw templateInfo.indent}{vb:var templateInfo.templateName}<vb:if condition="$templateInfo['isParentTemplate']"> <b>({vb:phrase parent})</b></vb:if></li>
				</vb:each>
			</ol>
		</li>
		<li>
			{vb:phrase css_templates}: <b class="js-debug-collapse-list js-link b-link" tabindex="0">{vb:var cssDebugLog.count}</b>
			<ol class="js-debug-css-template-list">
				<vb:each from="cssDebugLog.templates" key="rollupName" value="templateList">
					<li>{vb:var rollupName}
						<vb:if condition="is_array($templateList)">
							({vb:phrase rollup})
							<ol>
							<vb:each from="templateList" value="templateName">
								<li>{vb:var templateName}</li>
							</vb:each>
							</ol>
						</vb:if>
					</li>
				</vb:each>

			</ol>
		</li>
		<li>
			{vb:phrase js_files}: <b class="js-debug-collapse-list js-link b-link" tabindex="0">{vb:var jsDebugLog.count}</b>
			<ol>
				<vb:each from="jsDebugLog.files" key="rollupName" value="fileList">
					<li>{vb:var rollupName}
						<vb:if condition="is_array($fileList)">
							({vb:phrase rollup})
							<ol>
								<vb:each from="fileList" value="fileName">
									<li>{vb:var fileName}</li>
								</vb:each>
							</ol>
						</vb:if>
					</li>
				</vb:each>
			</ol>
		</li>
		<li>
			{vb:phrase included_files}: <b class="js-debug-collapse-list js-link b-link" tabindex="0">{vb:var includedFileInfo.count}</b>
			<ol>
				<vb:each from="includedFileInfo.files" value="filename">
					<li>{vb:var filename}</li>
				</vb:each>
			</ol>
		</li>
		<li>
			{vb:phrase autoloaded_classes}: <b class="js-debug-collapse-list js-link b-link" tabindex="0">{vb:var autoloadInfo.count}</b>
			<ol>
				<vb:each from="autoloadInfo.classes" key="className" value="classInfo">
					<li>
						{vb:var className}
						<span style="font-size:x-small">
							<vb:if condition="!empty($classInfo['filename'])">
								<span class="grayed-out">{vb:var classInfo.filename}</span>
							</vb:if>
							<vb:if condition="empty($classInfo['loaded'])">
								<span class="h-warning">{vb:phrase not_loaded}</span>
							<vb:else />
								{vb:var classInfo.loader}
							</vb:if>
						</span>
					</li>
				</vb:each>
			</ol>
		</li>
		<li>
			{vb:phrase current_time}: <b>{vb:date timenow, r}</b>
		</li>
		<li>
			{vb:phrase page_time}: <b><!-- VB-DEBUG-PAGE-TIME-PLACEHOLDER --></b>
		</li>
	</ul>
</div>]]></template>
		<template name="give_infraction_form" templatetype="template" date="1516231438" username="vBulletin" version="5.4.1 Alpha 1"><![CDATA[<vb:if condition="empty($userid)">
	{vb:set error, 'no_user_specified'}
</vb:if>

<vb:if condition="empty($error)">
	<vb:if condition="!empty($nodeid)">
		{vb:data canInfractNode, content_infraction, canInfractNode, {vb:raw nodeid}}
		<vb:if condition="!$canInfractNode">
			{vb:set error, 'cannot_give_node_infraction_error'}
		</vb:if>
	<vb:else />
		{vb:data canInfractUser, content_infraction, canInfractUser, {vb:raw userid}}
		<vb:if condition="!$canInfractUser">
			{vb:set error, 'cannot_give_user_infraction_error'}
		</vb:if>
	</vb:if>
</vb:if>

{vb:cssExtra css_message_center.css}
<vb:if condition="empty($error)">
	<form class="give-infraction-dialog sb-dialog" method="post" action="infraction/add">
		<div class="dialog-content">
			<input type="hidden" name="infracteduserid" value="{vb:raw userid}" />
			<vb:if condition="!empty($nodeid)">
				<input type="hidden" name="infractednodeid" value="{vb:raw nodeid}" />
			</vb:if>

			<div class="infraction-container h-clearfix blockbody">
				{vb:data userInfractions, content_infraction, getUserInfractions, {vb:raw userid}}
				<vb:if condition="!$userInfractions">
					{vb:set userInfractions.statistics.active, 0}
					{vb:set userInfractions.statistics.total, 0}
					{vb:set userInfractions.statistics.points, 0}
					{vb:set userInfractions.statistics.warnings, 0}
					{vb:set userInfractions.statistics.total_penalty, 0}
				</vb:if>
				<div class="infraction-dashboard blockrow">
					{vb:data username, user, fetchUserName, {vb:raw userid}}
					<h3 class="blockrow-head">
						{vb:phrase infraction_dashboard_for_x, {vb:raw username}}
						<span class="toggle-button collapse h-right" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
					</h3>

					<div class="blockrow-body">
						<div class="infraction-dashboard-stats table" data-infractions="{vb:raw userInfractions.statistics.active}" data-points="{vb:raw userInfractions.statistics.points}">
							<div class="tr"><span class="td">{vb:phrase infractions_active_total}:</span><span class="td">{vb:raw userInfractions.statistics.active} / {vb:raw userInfractions.statistics.total}</span></div>
							<div class="tr"><span class="td">{vb:phrase points_ginfraction}:</span><span class="td">{vb:number {vb:raw userInfractions.statistics.points}}</span></div>
							<div class="tr"><span class="td">{vb:phrase warnings_ginfraction}:</span><span class="td">{vb:raw userInfractions.statistics.warnings}</span></div>
							<div class="tr"><span class="td">{vb:phrase penalties}:</span><span class="td">{vb:raw userInfractions.statistics.total_penalty}</span></div>
							{vb:data infractionGroups, content_infraction, getInfractionGroups}
							<vb:if condition="!empty($infractionGroups)">
								<div class="tr"><span class="td">{vb:phrase possible_infraction_groups}:</span>
									<span class="td">
										<vb:each from="infractionGroups" value="infractionGroup">
											<div>
												<vb:if condition="empty($infractionGroup['usergroup'])">
													{vb:phrase all_user_groups_x_points, {vb:var infractionGroup.pointlevel}}
												<vb:else />
													{vb:phrase infraction_group_x_y_points, {vb:if "$infractionGroup['usergroup']['usertitle']", {vb:var infractionGroup.usergroup.usertitle},{vb:var infractionGroup.usergroup.title}}, {vb:var infractionGroup.pointlevel}}
										  		</vb:if>
										  </div>
										</vb:each>
									</span>
								</div>
							</vb:if>
						</div>
					</div>
				</div>

				<div class="infraction-level blockrow">
					<h3 class="blockrow-head">
						{vb:phrase assign_infraction_level}
						<span class="toggle-button collapse h-right" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
					</h3>
					<div class="blockrow-body">
						{vb:data infractionLevels, content_infraction, getInfractionLevels}
						{vb:data canGiveCustomInfraction, content_infraction, canGiveCustomInfraction}
						<select name="infractionlevelid" class="infraction-level-control custom-dropdown">
							<vb:each from="infractionLevels" value="level">
								<vb:if condition="!isset($defaultSelectedLevel)">
									{vb:set defaultSelectedLevel, {vb:raw level}}
								</vb:if>
								{vb:set points, {vb:number {vb:raw level.points}}}
								<vb:if condition="$level['expires']">
									<vb:if condition="$level['period'] == 'H'">
										{vb:set phraseId, 'infraction_level_title_x_points_expires_in_y_hours'}
									<vb:elseif condition="$level['period'] == 'M'" />
										{vb:set phraseId, 'infraction_level_title_x_points_expires_in_y_months'}
									<vb:else />
										{vb:set phraseId, 'infraction_level_title_x_points_expires_in_y_days'}
									</vb:if>

									{vb:set optionText, {vb:rawphrase {vb:raw phraseId}, {vb:raw level.title}, {vb:raw points}, {vb:raw level.expires}}}

								<vb:else />
									{vb:set optionText ,{vb:rawphrase infraction_level_title_x_points_never_expires, {vb:raw level.title}, {vb:raw points}}}
								</vb:if>

								<vb:if condition="!empty($level['reputation_penalty'])">
									{vb:strcat optionText, {vb:phrase and_x_reputation_penalty, {vb:raw level.reputation_penalty}}}
								</vb:if>

								<option value="{vb:raw level.infractionlevelid}" data-points="{vb:raw level.points}"<vb:if condition="$level['warning']"> data-allow-warning="1"</vb:if>>{vb:raw optionText}</option>

							</vb:each>
							<vb:if condition="$canGiveCustomInfraction">
								<option value="0">{vb:phrase custom_infraction}</option>
							</vb:if>
						</select>

						<label class="infraction-warning-control<vb:if condition="!isset($defaultSelectedLevel) OR !$defaultSelectedLevel['warning']"> h-hide</vb:if>"><input type="checkbox" name="warning" value="<vb:if condition="isset($defaultSelectedLevel)">{vb:raw defaultSelectedLevel.infractionlevelid}<vb:else />0</vb:if>"<vb:if condition="!isset($defaultSelectedLevel) OR !$defaultSelectedLevel['warning']"> disabled="disabled"</vb:if> /><span>{vb:phrase make_this_infraction_as_warning}</span></label>

						<vb:if condition="$canGiveCustomInfraction">
						<ul class="custom-infraction-info table<vb:if condition="isset($defaultSelectedLevel)"> h-hide</vb:if>">
							<li class="tr">
								<label class="td">{vb:phrase reason}:</label>
								<span class="td"><input type="text" name="customreason" class="custom-reason textbox" size="30"<vb:if condition="!empty($defaultSelectedLevel)"> disabled="disabled"</vb:if> tabindex="0" /></span>
							</li>
							<li class="tr">
								<label class="td">{vb:phrase points_ginfraction}:</label>
								<span class="td"><input type="text" name="points" class="custom-points textbox" size="2"<vb:if condition="!empty($defaultSelectedLevel)"> disabled="disabled"</vb:if> tabindex="0" /></span>
							</li>
							<li class="tr">
								<label class="td">{vb:phrase reputation_penalty}:</label>
								<span class="td"><input type="text" name="reputation_penalty" class="custom-reputation_penalty textbox" size="2"<vb:if condition="!empty($defaultSelectedLevel)"> disabled="disabled"</vb:if> tabindex="0" /></span>
							</li>
							<li class="tr">
								<label class="td">{vb:phrase expires_ginfraction}:</label>
								<span class="td">
									<input type="text" name="expires" class="custom-expires textbox" size="2"<vb:if condition="!empty($defaultSelectedLevel)"> disabled="disabled"</vb:if> tabindex="0" />
									<select name="period" class="custom-period custom-dropdown"<vb:if condition="!empty($defaultSelectedLevel)"> disabled="disabled"</vb:if> tabindex="0">
										<option value="H">{vb:phrase hours}</option>
										<option value="D">{vb:phrase days}</option>
										<option value="M">{vb:phrase months}</option>
										<option value="N">{vb:phrase never}</option>
									</select>
								</span>
							</li>
						</ul>
						</vb:if>
					</div>
				</div>

				{vb:data banList, content_infraction, getAutomaticBanList}
				<vb:if condition="!empty($banList)">
					<div class="infraction-ban blockrow">
						<h3 class="blockrow-head collapsed">
							{vb:phrase automatic_ban}
							<span class="toggle-button expand h-right" title="{vb:phrase expand}" data-toggle-title="{vb:phrase collapse}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase expand}</span></span>
						</h3>
						<div class="blockrow-body h-hide">
							<table class="infraction-ban-list stretch">
								<thead>
									<tr>
										<th>{vb:phrase ban_usergroup}</th>
										<th>{vb:phrase points_ginfraction}</th>
										<th>{vb:phrase infractions}</th>
										<th>{vb:phrase ban_period}</th>
									</tr>
								</thead>
								<tbody>
									<vb:each from="banList" value="ban">
										{vb:rawdata usergroup, usergroup, fetchUsergroupByID, {vb:raw ban.banusergroupid}}
										<tr data-{vb:raw ban.method}="{vb:raw ban.amount}">
											<td>{vb:var usergroup.title}</td>
											<vb:if condition="$ban['method'] == 'points'">
												<td class="h-align-center">{vb:number {vb:raw ban.amount}}</td>
												<td class="h-align-center">&nbsp;</td>
											<vb:else />
												<td class="h-align-center">&nbsp;</td>
												<td class="h-align-center">{vb:number {vb:raw ban.amount}}</td>
											</vb:if>
											<td class="h-align-center">{vb:raw ban.period_phrase}</td>
										</tr>
									</vb:each>
								</tbody>
							</table>
							<div class="infraction-ban-reason h-hide">
								<h4>{vb:phrase ban_reason}:</h4>
								<p class="ban-reason-desc h-hide">{vb:phrase invalid_banreason}</p>
								<textarea name="banreason" class="ban-reason textbox stretch" placeholder="{vb:phrase enter_the_ban_reason_here}"></textarea>
							</div>
						</div>
					</div>
				</vb:if>

				<div class="infraction-send-pm h-clear h-clearfix blockrow" data-required="{vb:raw vboptions.uimessage}">
					<h3 class="blockrow-head{vb:if "!$vboptions['uimessage']", ' collapsed'}">
						{vb:phrase send_an_infraction_note}
						<vb:if condition="$vboptions['uimessage']">
							<span class="toggle-button collapse h-right" title="{vb:phrase collapse}" data-toggle-title="{vb:phrase expand}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase collapse}</span></span>
						<vb:else />
							<span class="toggle-button expand h-right" title="{vb:phrase expand}" data-toggle-title="{vb:phrase collapse}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase expand}</span></span>
						</vb:if>
					</h3>
					<div class="blockrow-body{vb:if "!$vboptions['uimessage']", ' h-hide'}">
						{vb:template contententry_basic,
							showToggleEditor=1,
							showSmiley=1,
							showAttachment=0,
							initOnPageLoad=1,
							focusOnPageLoad=0,
							showToolbar=1,
							uploadFrom=infraction,
							noBorders=1,
							roundedCornersBottom=1}
					</div>
				</div>
				<div class="infraction-admin-note h-clear h-clearfix blockrow">
					<h3 class="blockrow-head collapsed">
						{vb:phrase administrative_note}
						<span class="toggle-button expand h-right" title="{vb:phrase expand}" data-toggle-title="{vb:phrase collapse}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase expand}</span></span>
					</h3>
					<div class="blockrow-body h-hide">
						<input type="text" name="note" class="infraction-note textbox stretch" placeholder="{vb:phrase optional}" />
					</div>
				</div>
			</div>
		</div>
		<div class="b-button-group">
			<button type="submit" class="give-infraction b-button b-button--primary">{vb:phrase give_infraction_ginfraction}</button>
			<button type="button" class="close-infraction b-button b-button--secondary">{vb:phrase cancel}</button>
		</div>
	</form>
<vb:else />
	<div class="error-infraction-dialog sb-dialog">
		<div class="dialog-content h-clearfix">
			<div class="icon b-icon b-icon__warning-l--red h-margin-right-xl h-left"></div>
			<div class="message">{vb:phrase {vb:raw error}}</div>
		</div>
		<div class="b-button-group">
			<button type="button" class="close-infraction b-button b-button--primary">{vb:phrase ok}</button>
		</div>
	</div>
</vb:if>]]></template>
		<template name="head_include" templatetype="template" date="1402677090" username="vBulletin" version="5.1.2 Alpha 6" />
		<template name="message_page" templatetype="template" date="1406314039" username="vBulletin" version="5.1.4 Alpha 2"><![CDATA[{vb:template header, page={vb:raw page}, skipSitebuilder=1}
<div id="canvas-layout-full" class="canvas-layout" data-layout-id="{vb:var page.screenlayoutid}">
	<div class="canvas-widget-list section-0">
		<h1>{vb:var page.title}</h1>
		<br />
		<div class="notice">{vb:raw message}</div>
	</div>
</div>
{vb:template footer, page={vb:raw page}}]]></template>
		<template name="notices" templatetype="template" date="1511294621" username="vBulletin" version="5.3.5 Alpha 3"><![CDATA[{vb:rawdata notices, notice, fetch, {vb:var page.channelid}, {vb:raw page.ignore_np_notices}}
<vb:if condition="!isset($notices['errors']) AND !empty($notices)">
<ul id="notices" class="notices">
	{vb:set noticeCount, {vb:php count, {vb:raw notices}}}
	{vb:set noticeNum, 0}
	<vb:each from="notices" key="noticeid" value="notice">
		{vb:set noticeNum, {vb:math {vb:raw noticeNum} + 1}}
		{vb:set notice_phrase_varname, {vb:raw notice.notice_phrase_varname}}
		<li class="notice restore" data-notice-id="{vb:raw noticeid}" data-notice-persistent="{vb:raw notice.persistent}"><vb:if condition="$user['userid'] AND $notice['dismissible']"><div class="close b-icon b-icon__x-1bit--gray">X</div></vb:if>{vb:rawphrase {vb:raw notice_phrase_varname}}</li>
	</vb:each>
</ul>
</vb:if>]]></template>
		<template name="onlineuser_details" templatetype="template" date="1516142778" username="vBulletin" version="5.4.1 Alpha 1"><![CDATA[<vb:if condition="!empty($showIP)">
	<vb:comment>5 columns: 3, 2, 3, 2, 2 = 12</vb:comment>
	{vb:set columnSizePrimary, 3}
	{vb:set columnSizeSecondary, 2}
<vb:else />
	<vb:comment>4 columns: 3, 3, 3, 3 = 12</vb:comment>
	{vb:set columnSizePrimary, 3}
	{vb:set columnSizeSecondary, 3}
</vb:if>

<vb:each from="onlineUsers" value="onlineUser">
<div class="l-row b-table__row h-hide-on-small h-block">

	<div class="l-col__large-{vb:var columnSizePrimary} b-table__cell">

		<vb:comment>Avatar</vb:comment>
		<vb:if condition="$user['showavatars']">
			<vb:if condition="$onlineUser['userid'] > 0">
				<a href="{vb:url 'profile', {vb:raw onlineUser}}" class="avatar xx-small h-left<vb:if condition="!empty($onlineUser['invisible'])"> onlineuserlist-invisible</vb:if>">
					<vb:if condition="!empty($onlineUser['avatarpath'])">
						<img title="{vb:raw onlineUser.username}{vb:var onlineUser.invisibleMarker}" alt="{vb:raw onlineUser.username}{vb:var onlineUser.invisibleMarker}" src="{vb:raw baseurl_corecdn}/{vb:raw onlineUser.avatarpath}" />
					<vb:else />
						<img title="{vb:raw onlineUser.username}{vb:var onlineUser.invisibleMarker}" alt="{vb:raw onlineUser.username}{vb:var onlineUser.invisibleMarker}" src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" />
					</vb:if>
				</a>
			<vb:else />
				<img title="{vb:phrase guest}" alt="{vb:phrase guest}" class="avatar xx-small h-left" src="{vb:raw baseurl_corecdn}/images/default/default_avatar_thumb.png" />
			</vb:if>
		</vb:if>

		<vb:comment>User name</vb:comment>
		<vb:if condition="$onlineUser['userid'] > 0">
			<a href="{vb:url 'profile', {vb:raw onlineUser}}" class="js-wol-username<vb:if condition="$onlineUser['invisible']"> username-invisible-user</vb:if><vb:if condition="$user['showavatars']"> has-avatar-xx-small</vb:if>"><vb:if condition="!empty($onlineUser['musername'])">{vb:raw onlineUser.musername}<vb:else />{vb:raw onlineUser.username}</vb:if></a>
			<div class="userinfo h-hide js-wol-userinfo-tooltip">
				<div>{vb:phrase joined}: {vb:date {vb:raw onlineUser.joindate}, 'registered'}</div>
				<div>{vb:phrase posts}: {vb:raw onlineUser.posts}</div>
				<div>
					{vb:set repimg, {vb:raw onlineUser.reputationimg}}
					{vb:phrase reputation}: 
					<div class="b-meter {vb:raw repimg.type}" title="{vb:rawphrase {vb:raw repimg.level}}">
						{vb:set counter, {vb:php range, 1, 5}}
						<vb:each from="counter" value="nr">
							<div class="b-meter__bar b-meter__bar--small<vb:if condition="$repimg['bars'] >= $nr"> b-meter__bar--selected</vb:if>"></div>
							<div class="b-meter__bar b-meter__bar--small<vb:if condition="$repimg['bars'] >= $nr"> b-meter__bar--selected</vb:if>"></div>
						</vb:each>
					</div>
				</div>
			</div>
		<vb:else />
			<span class="<vb:if condition="$user['showavatars']"> has-avatar-xx-small</vb:if>">{vb:phrase guest}</span>
		</vb:if>


	</div>

	<div class="l-col__large-{vb:var columnSizeSecondary} b-table__cell<vb:if condition="$user['showavatars']"> has-avatar-xx-small</vb:if>">
		{vb:datetime {vb:raw onlineUser.lastactivity}}
	</div>

	<div class="l-col__large-{vb:var columnSizePrimary} b-table__cell<vb:if condition="$user['showavatars']"> has-avatar-xx-small</vb:if>">
		{vb:set userAction, {vb:raw onlineUser.wol.action}}
		{vb:rawphrase {vb:raw userAction}, {vb:raw onlineUser.wol.params}}
		<vb:if condition="isset($onlineUser['location'])">
			<div title="{vb:raw onlineUser.location}" class="wol-location h-right b-icon b-icon__question-circle--blue"></div>
		<vb:else />
			&nbsp;<vb:comment>VBV-7685 div collapses when empty</vb:comment>
		</vb:if>
	</div>

	<vb:if condition="!empty($showIP)">
		<div class="l-col__large-{vb:var columnSizeSecondary} b-table__cell<vb:if condition="$user['showavatars']"> has-avatar-xx-small</vb:if>">
			<vb:if condition="empty($widgetConfig['WOLresolve']) AND !empty($onlineUser['host'])">
				<a href="#" class="resolveIpLink">{vb:var onlineUser.host}</a>
			<vb:else />
				{vb:var onlineUser.host}
			</vb:if>
		</div>
	</vb:if>

	<div class="l-col__large-{vb:var columnSizeSecondary} b-table__cell<vb:if condition="$user['showavatars']"> has-avatar-xx-small</vb:if>">
		<vb:if condition="$onlineUser['userid'] > 0">
			<a href="{vb:raw baseurl}/privatemessage/new/{vb:raw onlineUser.userid}">{vb:phrase group_private_message}</a>
			<vb:if condition="$vboptions['showimicons']">
				<vb:comment>TODO: ADD IM ICONS HERE</vb:comment>
			</vb:if>
		</vb:if>
	</div>

</div>
<div class="l-row b-table__row h-hide-on-large">

	<div>
		{vb:phrase user}:
		<vb:if condition="$onlineUser['userid'] > 0">
			<a href="{vb:url 'profile', {vb:raw onlineUser}}" class="<vb:if condition="$onlineUser['invisible']"> username-invisible-user</vb:if>"><vb:if condition="!empty($onlineUser['musername'])">{vb:raw onlineUser.musername}<vb:else />{vb:raw onlineUser.username}</vb:if></a>
		<vb:else />
			{vb:phrase guest}
		</vb:if>
	</div>

	<div>
		{vb:phrase last_activity}: {vb:datetime {vb:raw onlineUser.lastactivity}}
	</div>

	<div>
		{vb:phrase location}:
		{vb:set userAction, {vb:raw onlineUser.wol.action}}
		{vb:rawphrase {vb:raw userAction}, {vb:raw onlineUser.wol.params}}
	</div>

	<vb:if condition="!empty($showIP)">
		<div>
		{vb:phrase ip_address}:
			<vb:if condition="empty($widgetConfig['WOLresolve']) AND !empty($onlineUser['host'])">
				<a href="#" class="resolveIpLink">{vb:var onlineUser.host}</a>
			<vb:else />
				{vb:var onlineUser.host}
			</vb:if>
		</div>
	</vb:if>

	<vb:if condition="$onlineUser['userid'] > 0">
	<div>
		{vb:phrase messaging}:
		<a href="{vb:raw baseurl}/privatemessage/new/{vb:raw onlineUser.userid}">{vb:phrase group_private_message}</a>
		<vb:if condition="$vboptions['showimicons']">
			<vb:comment>TODO: ADD IM ICONS HERE</vb:comment>
		</vb:if>
	</div>
	</vb:if>

</div>
</vb:each>

<vb:if condition="empty($pagingInfo) AND !empty($pageRouteInfo)">
	{vb:data pagingInfo, page, getPagingInfo, {vb:raw pagenumber}, {vb:raw totalMembers}, {vb:raw perpage}, {vb:raw pageRouteInfo}, {vb:raw baseurl}}
</vb:if>

{vb:template pagenav, pagenav={vb:raw pagingInfo}}]]></template>
		<template name="preheader" templatetype="template" date="1495754852" username="vBulletin" version="5.3.2 Alpha 2"><![CDATA[<!DOCTYPE html>
<html id="htmlTag" xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['facebookactive']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> xml:lang="{vb:var user.lang_code}" lang="{vb:var user.lang_code}" dir="{vb:stylevar textdirection}">
<head>
	<vb:if condition="isset($charset) AND ($charset !== false)">
		<meta http-equiv="content-type" content="text/html; charset={vb:var charset}" />
	</vb:if>
	
	<base href="{vb:raw baseurl}/" />
	<vb:if condition="$stylevar['favicon']">
		<link rel="Shortcut Icon" href="{vb:stylevar favicon}" type="image/x-icon" />
	</vb:if>

	{vb:set sb_state_cookie, {vb:raw cookie_prefix}}
	{vb:strcat sb_state_cookie, 'sitebuilder_active'}
	<vb:if condition="$user['can_use_sitebuilder'] AND isset($_COOKIE[$sb_state_cookie]) AND $_COOKIE[$sb_state_cookie] == '1'">
		<vb:comment>jQuery DataTable plugin CSS needs to be included before css_global.css</vb:comment>
		{vb:set siteBuilderBeforeGlobalCss, 'sitebuilder-before.css'}
		{vb:set siteBuilderAfterGlobalCss, 'sitebuilder-after.css'}
	<vb:else />
		{vb:set siteBuilderBeforeGlobalCss, ''}
		{vb:set siteBuilderAfterGlobalCss, ''}
	</vb:if>

	{vb:cssExtra
		main-cssnormalization.css,
		{vb:raw siteBuilderBeforeGlobalCss},
		main.css,
		{vb:raw siteBuilderAfterGlobalCss}
	}

	<vb:comment>if "insert_here" is specified as the first argument, it means to insert the script tag right where it is. if not specified, it will be inserted at the bottom of the body tag</vb:comment>
	{vb:js insert_here, js/header-rollup.js}]]></template>
		<template name="style_generator" templatetype="template" date="1504914629" username="vBulletin" version="5.3.4 Alpha 2"><![CDATA[
<div class="panel h-clearfix">
	<div class="panel-header-text h-left">
		<h1 class="header main-header">{vb:phrase color_style}</h1>
		<p>{vb:phrase color_style_desc}</p>
		<div id="savestyle">
			<h3><span id="save-style" class="save-style help">{vb:phrase save_style}</span></h3>
			<div id="styleform" class="h-clearfix">
				<vb:comment><form id="form" class="h-clearfix"></vb:comment>
					<input type="hidden" name="data" id="form-data" />
					<div class="styledetails">
						<div class="help title-generated-style" id="title-generated-style">
							<div class="field_label">{vb:phrase title_generated_style}</div>
							<div id="ctrl_name" class="field_value">
								<input type="text" dir="ltr" value="" id="form-name" name="name" class="bginput textbox" />
							</div>
						</div>
						<div class="help parent-id" id="parent-id">
							<div class="field_label">{vb:phrase parent_style}</div>
							<div id="ctrl_parentid" class="field_value">
								<select class="bginput custom-dropdown stretch" id="sel_parentid_1" name="parentid" data-indent="&nbsp;&nbsp;&nbsp;">
									<option selected="selected" value="-1" data-depth="0">{vb:phrase no_parent_style}</option>															
									{vb:data stylecache, style, fetchStyles}
									<vb:each from="stylecache" value="styleval">
										{vb:set indent, "&nbsp;&nbsp;&nbsp;"}
										{vb:strrepeat indent, {vb:raw styleval.depth}}
										<option value="{vb:raw styleval.styleid}" data-depth="{vb:raw styleval.depth}">{vb:raw $indent}{vb:raw styleval.title}</option>
									</vb:each>															
								</select>
							</div>
						</div>
						<div class="help display-order" id="display-order">
							<label class="field_label">{vb:phrase display_order}</label> 
							<span class="field_value">
								<input type="text" dir="ltr" value="1" id="form-displayorder" name="displayorder" class="bginput textbox" />
							</span>
						</div>
						<div class="help allow-user-selection smallfont" id="allow-user-selection">
							<label class="field_label">{vb:phrase allow_user_selection}</label>
							<span class="field_value">
								<label for="rb_1_userselect_2"><input type="radio" checked="checked" title="name=&quot;userselect&quot; value=&quot;1&quot;" value="1" id="rb_1_userselect_2" name="userselect" /><span>{vb:phrase yes}</span></label>
								<label for="rb_0_userselect_2"><input type="radio" title="name=&quot;userselect&quot; value=&quot;0&quot;" value="0" id="rb_0_userselect_2" name="userselect" /><span>{vb:phrase no}</span></label>
							</span>
						</div>
						<div class="save" id="save-type">
							<button id="save-color-style" class="b-button b-button--primary b-button--sitebuilder" type="button">{vb:phrase save}</button>
						</div>
					</div>
					<div class="styleoptions">
					</div>
				<vb:comment></form></vb:comment>
			</div>
		</div>
	</div>
	<div class="layout-list-container panel-main-content h-left">
		{vb:template color_style}
	</div>
</div>
<div class="form-gutter-right"></div>]]></template>
		<template name="subscribers_list" templatetype="template" date="1459370043" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[{vb:data subscribers, follow, getContentFollowers, {vb:raw nodeid}, {vb:raw page}, {vb:raw perpage},1}
				<ul data-page="{vb:raw page}" id="blog-subscribers-list" data-total="{vb:raw subscribers.totalcount}">
					<vb:each from="subscribers.results" value="subscriber">
							<li class="subscriber bluebox">
								<a href="{vb:url 'profile', {vb:raw subscriber}}" class="avatar h-left">
									<img src="{vb:raw baseurl_core}/image.php?userid={vb:raw subscriber.userid}&type=thumb" width="32" height="32" alt="{vb:raw subscriber.username}" title="{vb:raw subscriber.username}" />
								</a>
								<span class="author h-left">
									<a href="{vb:url 'profile', {vb:raw subscriber}}">{vb:raw subscriber.username}</a>
								</span>
								<vb:if condition="!empty($subscribers['current_userid'])">
									{vb:set buttonCSS, 'b-button--special'}
									{vb:set buttonState, ''}
									<vb:if condition="!empty($subscriber['follow_status']) AND $subscriber['follow_status'] == 2">
										{vb:set buttonType, 'subscribepending'}
										{vb:set buttonLabel, 'following_pending'}
										{vb:set buttonCSS, 'b-button--secondary'}
										{vb:set buttonState, ' disabled="disabled"'}
									<vb:elseif condition="!empty($subscriber['follow_status']) AND $subscriber['follow_status'] == 1" />
										{vb:set buttonType, 'subscribed'}
										{vb:set buttonLabel, 'following'}
										{vb:set buttonState, ' disabled="disabled"'}
									<vb:else />
										{vb:set buttonType, 'subscribe'}
										{vb:set buttonLabel, 'follow'}
									</vb:if>
									<button class="action_button {vb:raw buttonType}_button subscribe-btn b-button {vb:raw buttonCSS} h-right" data-userid="{vb:raw subscriber.userid}" id="add_{vb:raw subscriber.userid}"{vb:raw buttonState}>{vb:phrase {vb:raw buttonLabel}}</button>
								</vb:if>
								<div class="h-clear"></div>
							</li>
					</vb:each>
				</ul>]]></template>
	</templategroup>
	<templategroup name="Ungrouped Templates 4">
		<template name="bare_header" templatetype="template" date="1550887286" username="vBulletin" version="5.5.2 Alpha 1"><![CDATA[<vb:if condition="$page['noindex'] AND $page['nofollow']">
		<meta name="robots" content="noindex, nofollow" />
	<vb:elseif condition="$page['noindex']" />
		<meta name="robots" content="noindex" />
	<vb:elseif condition="$page['nofollow']" />
		<meta name="robots" content="nofollow" />
	</vb:if>
	<vb:if condition="!empty($vboptions['google_ownership_verification_enable']) AND !empty($vboptions['google_ownership_verification_tag'])">
		{vb:raw vboptions.google_ownership_verification_tag}
	</vb:if>
	<vb:if condition="!empty($vboptions['bing_ownership_verification_enable']) AND !empty($vboptions['bing_ownership_verification_tag'])">
		{vb:raw vboptions.bing_ownership_verification_tag}
	</vb:if>
	<link rel="canonical" href="{vb:raw baseurl}{vb:var page.url}" />

	<vb:comment>Keep the viewport meta tag in sync with the viewport CSS in css_global.css</vb:comment>
	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />

	<vb:if condition="!empty($page['nodeid']) AND !empty($page['channelid'])">
		{vb:set nodeid, {vb:var page.nodeid}}
		{vb:rawdata conversation, node, getNodeContent, {vb:var nodeid}}
		<vb:if condition="!isset($conversation['errors']) AND !empty($conversation[$nodeid]['starter'])">
			{vb:rawdata conversationStarter, node, getNode, {vb:var conversation.$nodeid.starter}}
			<vb:if condition="isset($conversationStarter['errors'])">
				{vb:set conversationStarter, 0}
			</vb:if>
		<vb:else />
			{vb:set conversationStarter, 0}
		</vb:if>
		{vb:data conversationRoute, route, getChannelConversationRoute, {vb:var page.channelid}}
	<vb:else />
		{vb:set nodeid, 0}
		{vb:set conversationStarter, 0}
	</vb:if>

	<title>
		<vb:if condition="$page['channelid'] != $nodeid AND !empty($conversationStarter) AND isset($conversationStarter['htmltitle']) AND !empty($conversationStarter['htmltitle'])">
			{vb:raw conversationStarter.htmltitle} -
		<vb:elseif condition="isset($page['title'])" />
			<vb:if condition="!empty($page['titleprefix'])"> {vb:raw page.titleprefix} -  </vb:if>
			{vb:var page.title} - <vb:comment>We have a page, not a channel. We don't allow html in page titles at the moment.</vb:comment>
		</vb:if>
		{vb:var vboptions.bbtitle}
	</title>

	<meta name="description" content="{vb:var page.metadescription}" /><vb:comment>We don't want any html in the description to break the metadescription</vb:comment>
	<meta name="generator" content="vBulletin {vb:raw vboptions.templateversion}" />

	<script type="text/javascript">
		if (location.hash) {
			document.write('<style type="text/css"> a.anchor { display:none;} <\/style>');
		}

		var uploadUrlTarget = "{vb:raw baseurl}/uploader/url";
		var pageData = {
			"baseurl": "{vb:raw baseurl}",
			"baseurl_path": "{vb:raw baseurl_path}",
			"baseurl_login": "{vb:raw baseurl_login}",
			"baseurl_core": "{vb:raw baseurl_core}",
			"baseurl_pmchat": "{vb:url 'pmchat'}",
			"pageid": "{vb:var page.pageid}",
			"pagetemplateid": "{vb:var page.pagetemplateid}",
			"channelid": "{vb:var page.channelid}",
			"nodeid": "{vb:var nodeid}",
			"userid": "{vb:var user.userid}",
			"username": "{vb:escapeJS {vb:raw user.username}}",
			"musername": "{vb:escapeJS {vb:raw user.musername}}",
			"user_startofweek": "{vb:var user.startofweek}",
			<vb:comment>json_encode escapes and quotes the string, since it can contain arbitrary user input</vb:comment>
			"user_lang_pickerdateformatoverride": {vb:php json_encode, {vb:var user.lang_pickerdateformatoverride}},
			"user_editorstate": "{vb:var user.editorstate}",
			"textDirLeft": "{vb:stylevar left}",
			"textDirRight": "{vb:stylevar right}",
			"textdirection": "{vb:stylevar textdirection}",
			"cookie_prefix": "{vb:raw cookie_prefix}",
			"cookie_path": "{vb:raw vboptions.cookiepath}",
			"cookie_domain": "{vb:raw vboptions.cookiedomain}",
			"sb_state_cookie": "{vb:raw sb_state_cookie}",
			"inlinemod_cookie_name": "inlinemod_nodes",
			<vb:if condition="isset($page['pagenum']) AND $page['pagenum']">
				"pagenum": "{vb:var page.pagenum}",
			<vb:else />
				"pagenum": "1",
			</vb:if>
			"languageid": "{vb:if "!empty($user['languageid'])", {vb:raw user.languageid}, {vb:raw vboptions.languageid}}",
			"threadmarking": "{vb:raw vboptions.threadmarking}",
			"lastvisit": "{vb:raw user.lastvisit}",
			"phrasedate": "{vb:var page.phrasedate}",
			"optionsdate": "{vb:var page.optionsdate}",
			{vb:data current_server_datetime, content_text, getTimeNow}
			"current_server_datetime": "{vb:raw current_server_datetime}",
			"simpleversion": "v={vb:var vboptions.simpleversion}",
			{vb:data showhv_post, hv, fetchRequireHvcheck, 'post'}
			"showhv_post": "{vb:raw showhv_post}",
			<vb:if condition="!empty($page['routeInfo']['queryParameters']['adminAction'])">
				adminAction: "{vb:var page.routeInfo.queryParameters.adminAction}",
			</vb:if>
			{vb:data nextcron, cron, nextRun}"nextcron": "{vb:raw nextcron}",
			"securitytoken": "{vb:raw user.securitytoken}",
			"eustatus": "{vb:if "$vboptions['enable_privacy_guest'] OR $vboptions['enable_privacy_registered'] OR $vboptions['block_eu_visitors']", {vb:raw user.eustatus}, -1}",
			"flash_message": "{vb:escapeJS {vb:phrase {vb:var flash_message}}}",
			"registerurl": "{vb:escapeJS {vb:url "register|fullurl"}}",
			"activationurl": "{vb:escapeJS {vb:url "activateuser|fullurl"}}",
			"helpurl": "{vb:escapeJS {vb:url "help|fullurl"}}",
			"contacturl": "{vb:escapeJS {vb:url "contact-us|fullurl"}}",
			{vb:set date_now, {vb:date timenow, '', 0}}"datenow": "{vb:escapeJS {vb:raw date_now}}"
		};
	</script>
	{vb:template head_include}
	{vb:hook 'header_head'}
</head>
<vb:if condition="!$user OR $user['userid'] < 1">
	{vb:set isLoggedout, ' logged-out'}
<vb:else />
	{vb:set isLoggedout, ''}
</vb:if>
<vb:comment>page.state appears to be set and only used in the vB5_ApplicationAbstract::showMsgPage function based on the results of the state api
	checkBeforeView function.  It's not clear what purpose adding this class serves, but none of the values should contain anything that would be harmed
	by escaping html</vb:comment>
<vb:if condition="!empty($page['state'])">{vb:set state, ' '}{vb:strcat state, {vb:var page.state}}<vb:else />{vb:set state, ''}</vb:if>
{vb:set bodySchema.itemscope, 1}
{vb:set bodySchema.itemtype, {vb:var page.pageSchema}}
{vb:set group_data_attr, ''}
<vb:if condition="!empty($user['displaygroupid'])">
	{vb:strcat group_data_attr, 'data-usergroupid="', {vb:var user.displaygroupid}, '"'}
<vb:elseif condition="!empty($user['usergroupid'])" />
	{vb:strcat group_data_attr, 'data-usergroupid="', {vb:var user.usergroupid}, '"'}
</vb:if>
<!--[if gte IE 9]>
<body id="vb-page-body" class="l-desktop page{vb:var page.pageid} vb-page ie ie9 view-mode{vb:raw isLoggedout}{vb:var state}" {vb:schema {vb:raw bodySchema}} {vb:raw group_data_attr} data-styleid="{vb:var preferred_styleid}">
<![endif]-->
<!--[if !IE]><!-->
<body id="vb-page-body" class="l-desktop page{vb:var page.pageid} vb-page view-mode{vb:raw isLoggedout}{vb:var state}" {vb:schema {vb:raw bodySchema}} {vb:raw group_data_attr} data-styleid="{vb:var preferred_styleid}">
<!--<![endif]-->
<script type="text/javascript">
	vBulletin.Responsive.Debounce.checkBrowserSize();
</script>
{vb:hook 'header_after_body_begin'}
<div id="outer-wrapper-no-margin-hack" class="h-margin-none">
<div id="wrapper">


	<vb:comment><!-- ***** HEADLINKS & NOTICES ***** --></vb:comment>
	{vb:hook 'header_before_content'}


	<vb:comment><!-- ***** CONTENT START ***** --></vb:comment>
	<div id="content" class="bare">
		<div class="canvas-layout-container js-canvas-layout-container">]]></template>
		<template name="channel_radio_item" templatetype="template" date="1458863949" username="vBulletin" version="5.2.2 Alpha 3"><![CDATA[<li class="b-channel-nav__item">
	<label>
		<input type="radio" name="parentid" value="{vb:raw nodeid}"<vb:if condition="$nodeid == $selectednodeid"> checked="checked"</vb:if> />
		{vb:raw node.title}
	</label>
	<vb:if condition="!empty($node['channels'])">
		<ul class="b-channel-nav b-channel-nav--radio-buttons">
		<vb:each from="node.channels" key="childnodeid" value="childnode">
			{vb:template channel_radio_item, 
				nodeid={vb:raw childnodeid}, 
				node={vb:raw childnode},
				selectednodeid={vb:raw selectednodeid}}
		</vb:each>
		</ul>
	</vb:if>
</li>]]></template>
		<template name="defaultavatars" templatetype="template" date="1363379568" username="vBulletin" version="5.0.2 Alpha 1"><![CDATA[<div class="default-avatar-container h-clearfix">
	<vb:each from="avatars" value="avatar">
		<div class="avatarHolder h-left">
			<img src="{vb:raw baseurl_corecdn}/{vb:raw avatar.avatarpath}" data-avatarid="{vb:raw avatar.avatarid}" class="defaultAvatarSet" />
			<div class="avatar-title">{vb:raw avatar.title}</div>
		</div>
	</vb:each>
</div>]]></template>
		<template name="help_item" templatetype="template" date="1518834762" username="vBulletin" version="5.4.1 Alpha 3"><![CDATA[<li class="faq-group {vb:raw class}">
					<vb:if condition="empty($groupTitle)">
						{vb:set groupTitle, {vb:raw faqItem.title_phrase}}
					</vb:if>
					<a class="faq-group-title {vb:raw faqItem.faqname}{vb:if "empty($faqItem['children'])", ' faq-link'}" href="{vb:url help}#{vb:raw faqItem.path}"  data-group="{vb:raw faqItem.faqparent}" data-item="{vb:raw faqItem.faqname}" data-path="{vb:raw faqItem.path}">{vb:rawphrase {vb:raw groupTitle}}</a>
					<vb:if condition="!empty($faqItem['children'])">
						<div class="sub-faqs">
							<ul class="faq-group-body acc">
								<vb:each from="faqItem.children" value="faqItem" key="itemPhrase">
										<vb:if condition="!empty($faqItem['children'])">
											{vb:template help_item, faqItem={vb:raw faqItem}, depth={vb:math ({vb:raw depth} + 1)}, class={vb:raw class}, selected={vb:raw selected}}
										<vb:else />
											<li><a class="faq-link{vb:if $selected == $itemPhrase, ' selected'} {vb:raw itemPhrase}" href="{vb:url help}#{vb:raw faqItem.path}" data-group="{vb:raw faqItem.faqparent}" data-item="{vb:raw itemPhrase}" data-path="{vb:raw faqItem.path}">{vb:raw faqItem.title}</a></li>
										</vb:if>
								</vb:each>
							</ul>
						</div>
					</vb:if>
				</li>]]></template>
		<template name="message_page_bare" templatetype="template" date="1535168188" username="vBulletin" version="5.4.4 Beta 1"><![CDATA[{vb:template bare_header, page={vb:raw page}, skipSitebuilder=1}
<div id="canvas-layout-full" class="canvas-layout" data-layout-id="{vb:var page.screenlayoutid}">
	<div class="canvas-widget-list section-0">
		<vb:if condition="!empty($page['title'])">
			<h1>{vb:var page.title}</h1>
			<br />
		</vb:if>
		<div class="notice">{vb:raw message}</div>
	</div>
</div>
{vb:template bare_footer, page={vb:raw page}}]]></template>
		<template name="pseudowidget_warnings" templatetype="template" date="1516142778" username="vBulletin" version="5.4.1 Alpha 1"><![CDATA[<vb:if condition="$config->debug AND ($user['is_admin'] OR !empty($enable_all_users))">
	<div class="b-pseudowidget canvas-widget warnings-widget collapsed">

		<div class="widget-header h-clearfix">
			<div class="module-title h-left">
				<h1 class="main-title js-main-title">{vb:phrase pseudowidget_warnings_title}</h1>
			</div>
			<div class="module-buttons">
				<span class="module-button-item b-icon b-icon__question-circle--blue" title="{vb:phrase pseudowidget_warnings_desc}"></span>
				<span class="toggle-button module-button-item expand" title="{vb:phrase expand}" data-toggle-title="{vb:phrase collapse}"><span class="b-icon b-icon__toggle-collapse">{vb:phrase expand}</span></span>
			</div>
		</div>


		<div class="widget-content h-hide">
			<vb:each from="warnings" value="warning">
				<hr class="b-divider">
				{vb:var warning}
			</vb:each>	
		</div>


	</div>
</vb:if>]]></template>
		<template name="user_infractions" templatetype="template" date="1461016373" username="vBulletin" version="5.2.3 Alpha 1"><![CDATA[<vb:if condition="empty($userid)">
	{vb:set error, 'no_user_specified'}
</vb:if>

<vb:if condition="empty($error)">
	{vb:data canViewUserInfractions, content_infraction, canViewUserInfractions, {vb:raw userid}}
	<vb:if condition="empty($canViewUserInfractions)">
		{vb:set error, 'no_permission_to_view_user_infractions'}
	<vb:else />
		{vb:set perpage, 30}
		<vb:if condition="empty($pagenum) OR intval($pagenum ) < 0">
			{vb:set pagenum, 1}
		</vb:if>
		{vb:set offset, {vb:math ({vb:raw pagenum} - 1) * {vb:raw perpage}}}

		{vb:data userInfractions, content_infraction, getUserInfractions, {vb:raw userid}, {vb:raw offset}, {vb:raw perpage}}
		<vb:if condition="empty($userInfractions)">
			{vb:set error, 'this_user_has_no_infraction'}
		</vb:if>
	</vb:if>
</vb:if>

<vb:if condition="empty($error)">
	{vb:set userInfo.userid, {vb:raw userid}}
	{vb:template conversation_toolbar, userInfo={vb:raw userInfo}, showInfractionBtn=1, showPageNavClient=1, pagingInfo={vb:raw userInfractions.pagination}, allowHistory=1}

	<div class="infraction-container">
		{vb:set points, {vb:number {vb:raw userInfractions.statistics.points}}}
		<h3>{vb:phrase total_infraction_points}: {vb:raw points}</h3>
		<table class="infraction-list stretch">
			<thead>
				<th class="infraction-reason-col">{vb:phrase reason}</th>
				<th class="infraction-date-col">{vb:phrase date}</th>
				<th class="infraction-expires-col">{vb:phrase expires_ginfraction}</th>
				<th class="infraction-view-col">{vb:phrase view}</th>
				<th class="infraction-points-col">{vb:phrase points_ginfraction}</th>
				<th class="infraction-reputation_penalty-col">{vb:phrase reputation_penalty}</th>
			</thead>
			<tbody>
			<vb:each from="userInfractions.infractions" value="infraction">
				{vb:set infractedNode, {vb:raw infraction.infracted_node}}
				<tr>
					<vb:if condition="$infraction['points'] == 0">
						{vb:set isWarning, 1}
					<vb:else />
						{vb:set isWarning, 0}
					</vb:if>
					<td class="infraction-reason-col">
						<vb:if condition="$isWarning">
							{vb:set warningClass, ' infraction-warning'}
						<vb:else />
							{vb:set warningClass, ''}
						</vb:if>
						<vb:if condition="$infractedNode">
							<vb:if condition="$infractedNode['nodeid'] == $infractedNode['starter']">
								{vb:set infractedNode.innerPost, {vb:raw infractedNode.nodeid}}
								{vb:set topicUrl, {vb:url {vb:raw infractedNode.routeid}, {vb:raw infractedNode}}}
								{vb:set topicTitle, {vb:raw infractedNode.title}}
							<vb:else />
								{vb:set starter.nodeid, {vb:raw infractedNode.starter}}
								{vb:set starter.title, {vb:raw infractedNode.startertitle}}
								{vb:set starter.innerPost, {vb:raw infractedNode.nodeid}}
								{vb:set starter.innerPostParent, {vb:raw infractedNode.parentid}}
								{vb:set topicUrl, {vb:url {vb:raw infractedNode.starterroute}, {vb:raw starter}}}
								{vb:set topicTitle, {vb:raw infractedNode.startertitle}}
							</vb:if>
							<a href="{vb:raw topicUrl}" class="infraction-received js-infraction-received{vb:raw warningClass}"><span class="vb-icon vb-icon-ctrl-infract"></span>{vb:var topicTitle}</a>
						<vb:else />
							<span class="infraction-received js-infraction-received{vb:raw warningClass}"><span class="vb-icon vb-icon-ctrl-infract"></span><vb:if condition="$isWarning">{vb:phrase profile_warning}<vb:else />{vb:phrase profile_infraction}</vb:if></span>
						</vb:if>

						<div class="infraction-reason">
							{vb:phrase reason}:
							<vb:if condition="!empty($infraction['customreason'])">
								{vb:var infraction.customreason}
							<vb:else />
								{vb:var infraction.infractionlevel.title}
							</vb:if>
						</div>
					</td>
					<td class="infraction-date-col">
						<div>{vb:datetime {vb:raw infraction.publishdate}}</div>
						{vb:set url, {vb:url 'profile', {vb:raw infraction}}}
						{vb:phrase by_x, {vb:raw url}, {vb:var infraction.authorname}}
					</td>
					<td class="infraction-expires-col h-align-center">
						<vb:if condition="$infraction['action'] == 2">
							{vb:phrase reversed_ginfraction}
						<vb:elseif condition="$infraction['action'] == 1" />
							{vb:phrase expired_ginfraction}
						<vb:else />
							<vb:if condition="empty($infraction['expires'])">{vb:phrase never}<vb:else />{vb:datetime {vb:raw infraction.expires}}</vb:if>
						</vb:if>
					</td>
					<td class="infraction-view-col h-align-center">
						<span class="view-infraction b-link js-link infraction-received js-infraction-received"<vb:if condition="$infraction['infractednodeid']"> data-nodeid="{vb:raw infraction.infractednodeid}"<vb:else /> data-nodeid="{vb:raw infraction.nodeid}" data-userinfraction="1"</vb:if> data-userid="{vb:raw userid}" tabindex="0">{vb:phrase view}</span>
					</td>
					<td class="infraction-points-col h-align-center">
						{vb:number {vb:raw infraction.points}}
					</td>
					<td class="infraction-reputation_penalty-col h-align-center">
						{vb:number {vb:raw infraction.reputation_penalty}}
					</td>
				</tr>
			</vb:each>
			</tbody>
		</table>
	</div>
<vb:else />
	<vb:if condition="$error == 'this_user_has_no_infraction'">
		{vb:set userInfo.userid, {vb:raw userid}}
		{vb:template conversation_toolbar, userInfo={vb:raw userInfo}, showInfractionBtn=1, allowHistory=1}
	</vb:if>
	<div class="conversation-empty">{vb:phrase {vb:raw error}}</div>
</vb:if>]]></template>
	</templategroup>
	<stylevardfns>
		<stylevargroup name="Bbcode">
			<stylevar name="bbcode_code_background" datatype="background" validation="" failsafe="" />
			<stylevar name="bbcode_code_border" datatype="border" validation="" failsafe="" />
			<stylevar name="bbcode_code_fontsize" datatype="size" validation="" failsafe="" />
			<stylevar name="bbcode_code_line_height" datatype="size" validation="" failsafe="" />
			<stylevar name="bbcode_quote_background" datatype="background" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Breadcrumbs">
			<stylevar name="breadcrumb_background" datatype="background" validation="" failsafe="" />
			<stylevar name="breadcrumb_font" datatype="font" validation="" failsafe="" />
			<stylevar name="breadcrumb_link_color" datatype="color" validation="" failsafe="" />
			<stylevar name="breadcrumb_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="breadcrumb_text_transform" datatype="texttransform" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Buttons">
			<stylevar name="button_arrow_background" datatype="background" validation="" failsafe="" />
			<stylevar name="button_arrow_border" datatype="border" validation="" failsafe="" />
			<stylevar name="button_disabled_background" datatype="background" validation="" failsafe="" />
			<stylevar name="button_disabled_border" datatype="border" validation="" failsafe="" />
			<stylevar name="button_disabled_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="button_font" datatype="font" validation="" failsafe="" />
			<stylevar name="button_primary_background" datatype="background" validation="" failsafe="" />
			<stylevar name="button_primary_background_hover" datatype="background" validation="" failsafe="" />
			<stylevar name="button_primary_border" datatype="border" validation="" failsafe="" />
			<stylevar name="button_primary_border_hover" datatype="border" validation="" failsafe="" />
			<stylevar name="button_primary_light_background" datatype="background" validation="" failsafe="" />
			<stylevar name="button_primary_light_border" datatype="border" validation="" failsafe="" />
			<stylevar name="button_primary_light_border_hover" datatype="border" validation="" failsafe="" />
			<stylevar name="button_primary_light_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="button_primary_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="button_primary_text_color_hover" datatype="color" validation="" failsafe="" />
			<stylevar name="button_secondary_background" datatype="background" validation="" failsafe="" />
			<stylevar name="button_secondary_border" datatype="border" validation="" failsafe="" />
			<stylevar name="button_secondary_border_hover" datatype="border" validation="" failsafe="" />
			<stylevar name="button_secondary_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="button_special_background" datatype="background" validation="" failsafe="" />
			<stylevar name="button_special_border" datatype="border" validation="" failsafe="" />
			<stylevar name="button_special_border_hover" datatype="border" validation="" failsafe="" />
			<stylevar name="button_special_text_color" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Calendar">
			<stylevar name="calendar_event_background" datatype="background" validation="" failsafe="" />
			<stylevar name="calendar_event_background_hover" datatype="background" validation="" failsafe="" />
			<stylevar name="calendar_event_border" datatype="border" validation="" failsafe="" />
			<stylevar name="calendar_event_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="calendar_event_text_color_hover" datatype="color" validation="" failsafe="" />
			<stylevar name="calendar_event_text_decoration" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="calendar_event_text_decoration_hover" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="calendar_more_link_color" datatype="color" validation="" failsafe="" />
			<stylevar name="calendar_more_link_color_hover" datatype="color" validation="" failsafe="" />
			<stylevar name="calendar_more_link_decoration" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="calendar_more_link_decoration_hover" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="event_label_background" datatype="background" validation="" failsafe="" />
			<stylevar name="event_label_text_color" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="ContentEntry">
			<stylevar name="ckeditor_image_path" datatype="imagedir" validation="" failsafe="" />
			<stylevar name="ckeditor_toolbar_button_background" datatype="background" validation="" failsafe="" />
			<stylevar name="ckeditor_toolbar_button_background_hover" datatype="background" validation="" failsafe="" />
			<stylevar name="ckeditor_toolbar_button_background_pressed" datatype="background" validation="" failsafe="" />
			<stylevar name="ckeditor_toolbar_button_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="contententry_autosave_background" datatype="background" validation="" failsafe="" />
			<stylevar name="contententry_autosave_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="contententry_panel_background" datatype="background" validation="" failsafe="" />
			<stylevar name="contententry_panel_section_background" datatype="background" validation="" failsafe="" />
			<stylevar name="contententry_panel_section_title_background" datatype="background" validation="" failsafe="" />
			<stylevar name="contententry_toolbar_background" datatype="background" validation="" failsafe="" />
			<stylevar name="contententry_toolbar_button_secondary_background" datatype="background" validation="" failsafe="" />
			<stylevar name="contententry_toolbar_button_secondary_background_active" datatype="background" validation="" failsafe="" />
			<stylevar name="contententry_toolbar_button_secondary_border" datatype="border" validation="" failsafe="" />
			<stylevar name="content_entry_box_header_text_color" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Footer">
			<stylevar name="footer_background" datatype="background" validation="" failsafe="" />
			<stylevar name="footer_border" datatype="border" validation="" failsafe="" />
			<stylevar name="footer_copyright_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="footer_font_style" datatype="font" validation="" failsafe="" />
			<stylevar name="footer_height" datatype="size" validation="" failsafe="" />
			<stylevar name="footer_list_item_color" datatype="color" validation="" failsafe="" />
			<stylevar name="footer_list_item_color_hover" datatype="color" validation="" failsafe="" />
			<stylevar name="footer_list_item_divider_color" datatype="color" validation="" failsafe="" />
			<stylevar name="footer_list_item_spacing" datatype="size" validation="" failsafe="" />
			<stylevar name="footer_list_item_text_decoration" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="footer_list_item_text_decoration_hover" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="footer_text_transform" datatype="texttransform" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="FormElements">
			<stylevar name="form_background" datatype="background" validation="" failsafe="" />
			<stylevar name="form_border" datatype="border" validation="" failsafe="" />
			<stylevar name="form_dropdown_background" datatype="background" validation="" failsafe="" />
			<stylevar name="form_dropdown_background_hover" datatype="background" validation="" failsafe="" />
			<stylevar name="form_dropdown_border" datatype="border" validation="" failsafe="" />
			<stylevar name="form_dropdown_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="form_dropdown_text_color_hover" datatype="color" validation="" failsafe="" />
			<stylevar name="form_field_background" datatype="background" validation="" failsafe="" />
			<stylevar name="form_field_border" datatype="border" validation="" failsafe="" />
			<stylevar name="form_field_inside_button_background" datatype="background" validation="" failsafe="" />
			<stylevar name="form_field_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="placeholder_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="toggle_slider_handle_background" datatype="background" validation="" failsafe="" />
			<stylevar name="toggle_slider_no_background" datatype="background" validation="" failsafe="" />
			<stylevar name="toggle_slider_no_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="toggle_slider_yes_background" datatype="background" validation="" failsafe="" />
			<stylevar name="toggle_slider_yes_text_color" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Global">
			<stylevar name="global_header_font" datatype="font" validation="" failsafe="" />
			<stylevar name="global_text_font" datatype="font" validation="" failsafe="" />
			<stylevar name="root_font_size" datatype="size" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="GlobalPalette">
			<stylevar name="global_palette_accent_01" datatype="color" validation="" failsafe="" />
			<stylevar name="global_palette_accent_02" datatype="color" validation="" failsafe="" />
			<stylevar name="global_palette_accent_03" datatype="color" validation="" failsafe="" />
			<stylevar name="global_palette_contrast_01" datatype="color" validation="" failsafe="" />
			<stylevar name="global_palette_contrast_02" datatype="color" validation="" failsafe="" />
			<stylevar name="global_palette_contrast_03" datatype="color" validation="" failsafe="" />
			<stylevar name="global_palette_fill_01" datatype="color" validation="" failsafe="" />
			<stylevar name="global_palette_fill_02" datatype="color" validation="" failsafe="" />
			<stylevar name="global_palette_text_01" datatype="color" validation="" failsafe="" />
			<stylevar name="global_palette_text_02" datatype="color" validation="" failsafe="" />
			<stylevar name="global_palette_text_03" datatype="color" validation="" failsafe="" />
			<stylevar name="global_palette_text_04" datatype="color" validation="" failsafe="" />
			<stylevar name="global_palette_warning_01" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Header">
			<stylevar name="header_background" datatype="background" validation="" failsafe="" />
			<stylevar name="header_height" datatype="size" validation="" failsafe="" />
			<stylevar name="header_search_button_background" datatype="background" validation="" failsafe="" />
			<stylevar name="header_search_button_border" datatype="border" validation="" failsafe="" />
			<stylevar name="header_search_button_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="header_search_input_background" datatype="background" validation="" failsafe="" />
			<stylevar name="header_search_input_border" datatype="border" validation="" failsafe="" />
			<stylevar name="header_search_input_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="header_search_placeholder_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="header_subtabbar_background" datatype="background" validation="" failsafe="" />
			<stylevar name="header_subtabbar_border" datatype="border" validation="" failsafe="" />
			<stylevar name="header_subtabbar_font" datatype="font" validation="" failsafe="" />
			<stylevar name="header_subtabbar_height" datatype="size" validation="" failsafe="" />
			<stylevar name="header_subtabbar_link_margin" datatype="margin" validation="" failsafe="" />
			<stylevar name="header_subtabbar_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="header_subtabbar_text_color_hover" datatype="color" validation="" failsafe="" />
			<stylevar name="header_subtabbar_text_decoration" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="header_subtabbar_text_decoration_hover" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="header_subtabbar_text_transform" datatype="texttransform" validation="" failsafe="" />
			<stylevar name="header_tabbar_background" datatype="background" validation="" failsafe="" />
			<stylevar name="header_tabbar_border" datatype="border" validation="" failsafe="" />
			<stylevar name="header_tabbar_divider_border" datatype="border" validation="" failsafe="" />
			<stylevar name="header_tabbar_height" datatype="size" validation="" failsafe="" />
			<stylevar name="header_tabbar_top_border" datatype="border" validation="" failsafe="" />
			<stylevar name="header_tab_background" datatype="background" validation="" failsafe="" />
			<stylevar name="header_tab_background_active" datatype="background" validation="" failsafe="" />
			<stylevar name="header_tab_background_hover" datatype="background" validation="" failsafe="" />
			<stylevar name="header_tab_border_active" datatype="border" validation="" failsafe="" />
			<stylevar name="header_tab_border_radius_size" datatype="size" validation="" failsafe="" />
			<stylevar name="header_tab_bottom_border_active" datatype="border" validation="" failsafe="" />
			<stylevar name="header_tab_bottom_border_radius_size" datatype="size" validation="" failsafe="" />
			<stylevar name="header_tab_font" datatype="font" validation="" failsafe="" />
			<stylevar name="header_tab_font_active" datatype="font" validation="" failsafe="" />
			<stylevar name="header_tab_height" datatype="size" validation="" failsafe="" />
			<stylevar name="header_tab_line_height" datatype="size" validation="" failsafe="" />
			<stylevar name="header_tab_margin" datatype="margin" validation="" failsafe="" />
			<stylevar name="header_tab_padding" datatype="padding" validation="" failsafe="" />
			<stylevar name="header_tab_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="header_tab_text_color_active" datatype="color" validation="" failsafe="" />
			<stylevar name="header_tab_text_color_hover" datatype="color" validation="" failsafe="" />
			<stylevar name="header_tab_text_decoration" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="header_tab_text_decoration_active" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="header_tab_text_decoration_hover" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="header_tab_text_transform" datatype="texttransform" validation="" failsafe="" />
			<stylevar name="header_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="notification_count_background" datatype="background" validation="" failsafe="" />
			<stylevar name="notification_count_border" datatype="border" validation="" failsafe="" />
			<stylevar name="notification_count_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="topbg_header_mainnav_background" datatype="background" validation="" failsafe="" />
			<stylevar name="topbg_header_mainnav_bottom_border" datatype="border" validation="" failsafe="" />
			<stylevar name="topbg_header_mainnav_subnav_background" datatype="background" validation="" failsafe="" />
			<stylevar name="topbg_header_mainnav_subnav_max_width" datatype="size" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Icons">
			<stylevar name="icon_color_blue_01" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_blue_02" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_blue_03" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_blue_04" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_blue_05" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_gray_01" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_gray_02" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_gray_03" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_gray_04" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_gray_05" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_gray_06" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_gray_07" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_gray_08" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_gray_09" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_gray_10" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_gray_11" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_gray_12" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_green" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_orange" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_red_01" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_red_02" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_steel_01" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_steel_02" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_white" datatype="color" validation="" failsafe="" />
			<stylevar name="icon_color_yellow" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="ImagePaths">
			<stylevar name="favicon" datatype="url" validation="" failsafe="" />
			<stylevar name="imgdir_attach" datatype="imagedir" validation="" failsafe="" />
			<stylevar name="imgdir_misc" datatype="imagedir" validation="" failsafe="" />
			<stylevar name="imgdir_spriteiconsvb" datatype="path" validation="" failsafe="" />
			<stylevar name="imgdir_statusicon" datatype="imagedir" validation="" failsafe="" />
			<stylevar name="titleimage" datatype="url" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Images">
			<stylevar name="photo_background" datatype="background" validation="" failsafe="" />
			<stylevar name="photo_border" datatype="border" validation="" failsafe="" />
			<stylevar name="photo_border_hover" datatype="border" validation="" failsafe="" />
			<stylevar name="photo_preview_background" datatype="background" validation="" failsafe="" />
			<stylevar name="photo_preview_border" datatype="border" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Miscellaneous">
			<stylevar name="ajax_loading_background" datatype="background" validation="" failsafe="" />
			<stylevar name="ajax_loading_border" datatype="border" validation="" failsafe="" />
			<stylevar name="ajax_loading_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="autosuggest_background" datatype="background" validation="" failsafe="" />
			<stylevar name="autosuggest_background_active" datatype="background" validation="" failsafe="" />
			<stylevar name="content_background" datatype="background" validation="" failsafe="" />
			<stylevar name="content_divider_color" datatype="color" validation="" failsafe="" />
			<stylevar name="count_bubble_background" datatype="background" validation="" failsafe="" />
			<stylevar name="count_bubble_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="diff_add_background" datatype="background" validation="" failsafe="" />
			<stylevar name="diff_add_color" datatype="color" validation="" failsafe="" />
			<stylevar name="diff_remove_background" datatype="background" validation="" failsafe="" />
			<stylevar name="diff_remove_color" datatype="color" validation="" failsafe="" />
			<stylevar name="forum_list_category_font" datatype="font" validation="" failsafe="" />
			<stylevar name="forum_list_forum_font" datatype="font" validation="" failsafe="" />
			<stylevar name="forum_list_header_font" datatype="font" validation="" failsafe="" />
			<stylevar name="list_item_background" datatype="background" validation="" failsafe="" />
			<stylevar name="notification_detail_unread_background" datatype="color" validation="I0ZGRkZFNw==" failsafe="" />
			<stylevar name="private_messages_mark_as_unread_background" datatype="background" validation="" failsafe="" />
			<stylevar name="search_result_highlight_color" datatype="color" validation="" failsafe="" />
			<stylevar name="section_divider_color" datatype="color" validation="" failsafe="" />
			<stylevar name="text_tertiary_color" datatype="color" validation="" failsafe="" />
			<stylevar name="time_stamp_color" datatype="color" validation="" failsafe="" />
			<stylevar name="tooltip_signature_background" datatype="background" validation="" failsafe="" />
			<stylevar name="tooltip_signature_border" datatype="border" validation="" failsafe="" />
			<stylevar name="topic_title_color" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Modules">
			<stylevar name="content_list_background" datatype="background" validation="" failsafe="" />
			<stylevar name="content_list_link_color" datatype="color" validation="" failsafe="" />
			<stylevar name="content_list_link_color_hover" datatype="color" validation="" failsafe="" />
			<stylevar name="content_list_link_decoration" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="content_list_link_decoration_hover" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="content_list_secondary_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="content_list_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="module_border_radius_size" datatype="size" validation="" failsafe="" />
			<stylevar name="module_content_background" datatype="background" validation="" failsafe="" />
			<stylevar name="module_content_border" datatype="border" validation="" failsafe="" />
			<stylevar name="module_header_background" datatype="background" validation="" failsafe="" />
			<stylevar name="module_header_border" datatype="border" validation="" failsafe="" />
			<stylevar name="module_header_divider_margin" datatype="margin" validation="" failsafe="" />
			<stylevar name="module_header_font" datatype="font" validation="" failsafe="" />
			<stylevar name="module_header_text_align" datatype="textalign" validation="" failsafe="" />
			<stylevar name="module_header_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="module_header_text_transform" datatype="texttransform" validation="" failsafe="" />
			<stylevar name="module_search_list_item_border" datatype="border" validation="" failsafe="" />
			<stylevar name="no_content_background" datatype="background" validation="" failsafe="" />
			<stylevar name="primary_module_background" datatype="background" validation="" failsafe="" />
			<stylevar name="primary_module_border" datatype="border" validation="" failsafe="" />
			<stylevar name="primary_module_header_background" datatype="background" validation="" failsafe="" />
			<stylevar name="primary_module_header_font" datatype="font" validation="" failsafe="" />
			<stylevar name="primary_module_header_text_align" datatype="textalign" validation="" failsafe="" />
			<stylevar name="primary_module_header_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="primary_module_header_text_transform" datatype="texttransform" validation="" failsafe="" />
			<stylevar name="primary_module_subheader_background" datatype="background" validation="" failsafe="" />
			<stylevar name="primary_module_subheader_border" datatype="border" validation="" failsafe="" />
			<stylevar name="primary_module_subheader_font" datatype="font" validation="" failsafe="" />
			<stylevar name="primary_module_subheader_text_color" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="ModuleTabs">
			<stylevar name="module_tabbar_border_radius_size" datatype="size" validation="" failsafe="" />
			<stylevar name="module_tab_background" datatype="background" validation="" failsafe="" />
			<stylevar name="module_tab_background_active" datatype="background" validation="" failsafe="" />
			<stylevar name="module_tab_border" datatype="border" validation="" failsafe="" />
			<stylevar name="module_tab_border_active" datatype="border" validation="" failsafe="" />
			<stylevar name="module_tab_border_radius_size" datatype="size" validation="" failsafe="" />
			<stylevar name="module_tab_font" datatype="font" validation="" failsafe="" />
			<stylevar name="module_tab_font_active" datatype="font" validation="" failsafe="" />
			<stylevar name="module_tab_height" datatype="size" validation="" failsafe="" />
			<stylevar name="module_tab_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="module_tab_text_color_active" datatype="color" validation="" failsafe="" />
			<stylevar name="module_tab_text_color_hover" datatype="color" validation="" failsafe="" />
			<stylevar name="module_tab_text_decoration" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="module_tab_text_decoration_active" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="module_tab_text_decoration_hover" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="module_tab_text_transform" datatype="texttransform" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Module_ContentSlider">
			<stylevar name="module_contentslider_background" datatype="background" validation="" failsafe="" />
			<stylevar name="module_contentslider_border" datatype="border" validation="" failsafe="" />
			<stylevar name="module_contentslider_caption_background" datatype="background" validation="" failsafe="" />
			<stylevar name="module_contentslider_caption_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="module_contentslider_height" datatype="size" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="NoticesAndAnnouncements">
			<stylevar name="announcement_background" datatype="background" validation="" failsafe="" />
			<stylevar name="announcement_border" datatype="border" validation="" failsafe="" />
			<stylevar name="announcement_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="notice_background" datatype="background" validation="" failsafe="" />
			<stylevar name="notice_border" datatype="border" validation="" failsafe="" />
			<stylevar name="notice_text_color" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Page">
			<stylevar name="body_background" datatype="background" validation="" failsafe="" />
			<stylevar name="body_line_height" datatype="size" validation="" failsafe="" />
			<stylevar name="body_link_color" datatype="color" validation="" failsafe="" />
			<stylevar name="body_link_color_hover" datatype="color" validation="" failsafe="" />
			<stylevar name="body_link_decoration" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="body_link_decoration_hover" datatype="textdecoration" validation="" failsafe="" />
			<stylevar name="body_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="wrapper_background" datatype="background" validation="" failsafe="" />
			<stylevar name="wrapper_margin" datatype="margin" validation="" failsafe="" />
			<stylevar name="wrapper_max_width" datatype="size" validation="" failsafe="" />
			<stylevar name="wrapper_min_width" datatype="size" validation="" failsafe="" />
			<stylevar name="wrapper_width" datatype="size" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Polls">
			<stylevar name="poll_result_border" datatype="border" validation="" failsafe="" />
			<stylevar name="poll_result_color_01" datatype="color" validation="" failsafe="" />
			<stylevar name="poll_result_color_02" datatype="color" validation="" failsafe="" />
			<stylevar name="poll_result_color_03" datatype="color" validation="" failsafe="" />
			<stylevar name="poll_result_color_04" datatype="color" validation="" failsafe="" />
			<stylevar name="poll_result_color_05" datatype="color" validation="" failsafe="" />
			<stylevar name="poll_result_color_06" datatype="color" validation="" failsafe="" />
			<stylevar name="poll_result_color_07" datatype="color" validation="" failsafe="" />
			<stylevar name="poll_result_color_08" datatype="color" validation="" failsafe="" />
			<stylevar name="poll_result_color_09" datatype="color" validation="" failsafe="" />
			<stylevar name="poll_result_color_10" datatype="color" validation="" failsafe="" />
			<stylevar name="poll_result_color_11" datatype="color" validation="" failsafe="" />
			<stylevar name="poll_result_color_12" datatype="color" validation="" failsafe="" />
			<stylevar name="poll_result_percentage_background" datatype="background" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Popups">
			<stylevar name="popup_background" datatype="background" validation="" failsafe="" />
			<stylevar name="popup_border" datatype="border" validation="" failsafe="" />
			<stylevar name="popup_header_background" datatype="background" validation="" failsafe="" />
			<stylevar name="popup_header_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="popup_overlay_background" datatype="background" validation="" failsafe="" />
			<stylevar name="popup_text_color" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="PostsRepliesAndComments">
			<stylevar name="activity_stream_avatar_border" datatype="border" validation="" failsafe="" />
			<stylevar name="activity_stream_content_padding" datatype="padding" validation="" failsafe="" />
			<stylevar name="comment_background" datatype="background" validation="" failsafe="" />
			<stylevar name="comment_divider_color" datatype="color" validation="" failsafe="" />
			<stylevar name="postbit_background" datatype="background" validation="" failsafe="" />
			<stylevar name="postbit_deleted_background" datatype="background" validation="" failsafe="" />
			<stylevar name="postbit_unapproved_background" datatype="background" validation="" failsafe="" />
			<stylevar name="post_border" datatype="border" validation="" failsafe="" />
			<stylevar name="post_content_font" datatype="font" validation="" failsafe="" />
			<stylevar name="post_controls_divider_color" datatype="color" validation="" failsafe="" />
			<stylevar name="post_controls_quote_active_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="post_controls_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="post_controls_votes_border" datatype="border" validation="" failsafe="" />
			<stylevar name="post_deleted_border" datatype="border" validation="" failsafe="" />
			<stylevar name="post_username_color" datatype="color" validation="" failsafe="" />
			<stylevar name="post_user_info_color" datatype="color" validation="" failsafe="" />
			<stylevar name="reputation_bar_active_background" datatype="background" validation="" failsafe="" />
			<stylevar name="sticky_topic_background_color" datatype="color" validation="" failsafe="" />
			<stylevar name="thread_reply_background" datatype="background" validation="" failsafe="" />
			<stylevar name="thread_starter_background" datatype="background" validation="" failsafe="" />
			<stylevar name="thread_view_avatar_border" datatype="border" validation="" failsafe="" />
			<stylevar name="topic_featured_background" datatype="background" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Profiles">
			<stylevar name="profcustom_navbarbuttonsecondary_background" datatype="background" validation="" failsafe="" />
			<stylevar name="profcustom_navbarbuttonsecondary_border" datatype="color" validation="" failsafe="" />
			<stylevar name="profcustom_navbarbuttonsecondary_color" datatype="color" validation="" failsafe="" />
			<stylevar name="profcustom_navbarbutton_background" datatype="background" validation="" failsafe="" />
			<stylevar name="profcustom_navbarbutton_border" datatype="color" validation="" failsafe="" />
			<stylevar name="profcustom_navbarbutton_color" datatype="color" validation="" failsafe="" />
			<stylevar name="profcustom_navbar_background" datatype="background" validation="" failsafe="" />
			<stylevar name="profcustom_navbar_background_active" datatype="background" validation="" failsafe="" />
			<stylevar name="profcustom_navbar_border" datatype="border" validation="" failsafe="" />
			<stylevar name="profcustom_navbar_border_active" datatype="border" validation="" failsafe="" />
			<stylevar name="profcustom_navbar_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="profcustom_navbar_text_color_active" datatype="color" validation="" failsafe="" />
			<stylevar name="profcustom_navbar_toolbar_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="profilesidebar_button_background" datatype="background" validation="" failsafe="" />
			<stylevar name="profilesidebar_button_border" datatype="border" validation="" failsafe="" />
			<stylevar name="profilesidebar_button_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="profilesidebar_count_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="profile_button_primary_background" datatype="background" validation="" failsafe="" />
			<stylevar name="profile_button_secondary_background" datatype="background" validation="" failsafe="" />
			<stylevar name="profile_content_background" datatype="background" validation="" failsafe="" />
			<stylevar name="profile_content_border" datatype="color" validation="" failsafe="" />
			<stylevar name="profile_content_divider_border" datatype="color" validation="" failsafe="" />
			<stylevar name="profile_content_font" datatype="font" validation="" failsafe="" />
			<stylevar name="profile_content_linktext" datatype="color" validation="" failsafe="" />
			<stylevar name="profile_content_primarytext" datatype="color" validation="" failsafe="" />
			<stylevar name="profile_content_secondarytext" datatype="color" validation="" failsafe="" />
			<stylevar name="profile_section_background" datatype="background" validation="" failsafe="" />
			<stylevar name="profile_section_border" datatype="border" validation="" failsafe="" />
			<stylevar name="profile_section_font" datatype="font" validation="" failsafe="" />
			<stylevar name="profile_section_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="profile_settings_tab_highlight" datatype="border" validation="" failsafe="" />
			<stylevar name="profile_userpanel_font" datatype="font" validation="" failsafe="" />
			<stylevar name="profile_userpanel_linkcolor" datatype="color" validation="" failsafe="" />
			<stylevar name="profile_userpanel_textcolor" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="SidebarNavigation">
			<stylevar name="side_nav_avatar_border" datatype="color" validation="" failsafe="" />
			<stylevar name="side_nav_background" datatype="background" validation="" failsafe="" />
			<stylevar name="side_nav_background_active" datatype="background" validation="" failsafe="" />
			<stylevar name="side_nav_background_hover" datatype="background" validation="" failsafe="" />
			<stylevar name="side_nav_border" datatype="border" validation="" failsafe="" />
			<stylevar name="side_nav_item_border_bottom" datatype="border" validation="" failsafe="" />
			<stylevar name="side_nav_item_border_top" datatype="border" validation="" failsafe="" />
			<stylevar name="side_nav_number_messages_color" datatype="color" validation="" failsafe="" />
			<stylevar name="side_nav_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="side_nav_text_color_active" datatype="color" validation="" failsafe="" />
			<stylevar name="side_nav_text_color_hover" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Sitebuilder">
			<stylevar name="inline_edit_background" datatype="background" validation="" failsafe="" />
			<stylevar name="inline_edit_button_border" datatype="border" validation="" failsafe="" />
			<stylevar name="inline_edit_button_disabled_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_button_divider_left_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_button_divider_right_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_button_flat_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_button_primary_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_button_secondary_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_field_border" datatype="border" validation="" failsafe="" />
			<stylevar name="inline_edit_folder_active_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_folder_inner_highlight_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_folder_text_color_active_hover" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_form_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_header_body_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_header_line_bottom_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_header_line_top_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_module_title_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_popup_comment_line_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_search_bar_background" datatype="background" validation="" failsafe="" />
			<stylevar name="inline_edit_search_bar_background_active" datatype="background" validation="" failsafe="" />
			<stylevar name="inline_edit_search_bar_background_hover" datatype="background" validation="" failsafe="" />
			<stylevar name="inline_edit_search_bar_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_search_text_active_color" datatype="color" validation="" failsafe="" />
			<stylevar name="inline_edit_subheader_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="sitebuilder_tabbar_background" datatype="background" validation="" failsafe="" />
			<stylevar name="sitebuilder_tabbar_button_background" datatype="background" validation="" failsafe="" />
			<stylevar name="sitebuilder_tabbar_tab_background" datatype="background" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="SitebuilderNavigation">
			<stylevar name="main_nav_admincp_button_background" datatype="background" validation="" failsafe="" />
			<stylevar name="main_nav_admin_bar_background" datatype="background" validation="" failsafe="" />
			<stylevar name="main_nav_admin_bar_bottom_line_background" datatype="background" validation="" failsafe="" />
			<stylevar name="main_nav_admin_bar_bottom_line_height" datatype="size" validation="" failsafe="" />
			<stylevar name="main_nav_admin_bar_divider_left_color" datatype="color" validation="" failsafe="" />
			<stylevar name="main_nav_admin_bar_divider_right_color" datatype="color" validation="" failsafe="" />
			<stylevar name="main_nav_admin_bar_font" datatype="font" validation="" failsafe="" />
			<stylevar name="main_nav_admin_bar_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="main_nav_admin_bar_text_color_hover" datatype="color" validation="" failsafe="" />
			<stylevar name="main_nav_admin_bar_text_disabled_color" datatype="color" validation="" failsafe="" />
			<stylevar name="main_nav_button_border" datatype="border" validation="" failsafe="" />
			<stylevar name="main_nav_login_error_field_background" datatype="background" validation="" failsafe="" />
			<stylevar name="main_nav_login_error_text_color" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Slideshow">
			<stylevar name="slideshow_border" datatype="border" validation="" failsafe="" />
			<stylevar name="slideshow_border_radius_size" datatype="size" validation="" failsafe="" />
			<stylevar name="slideshow_close_button_border" datatype="border" validation="" failsafe="" />
			<stylevar name="slideshow_close_button_border_radius_size" datatype="size" validation="" failsafe="" />
			<stylevar name="slideshow_image_background" datatype="background" validation="" failsafe="" />
			<stylevar name="slideshow_image_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="slideshow_thumbnail_background" datatype="background" validation="" failsafe="" />
			<stylevar name="slideshow_thumbnail_carousel_background" datatype="background" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Spacing">
			<stylevar name="spacing_margin_l" datatype="margin" validation="" failsafe="" />
			<stylevar name="spacing_margin_m" datatype="margin" validation="" failsafe="" />
			<stylevar name="spacing_margin_s" datatype="margin" validation="" failsafe="" />
			<stylevar name="spacing_margin_xl" datatype="margin" validation="" failsafe="" />
			<stylevar name="spacing_margin_xs" datatype="margin" validation="" failsafe="" />
			<stylevar name="spacing_margin_xxl" datatype="margin" validation="" failsafe="" />
			<stylevar name="spacing_padding_l" datatype="padding" validation="" failsafe="" />
			<stylevar name="spacing_padding_m" datatype="padding" validation="" failsafe="" />
			<stylevar name="spacing_padding_s" datatype="padding" validation="" failsafe="" />
			<stylevar name="spacing_padding_xl" datatype="padding" validation="" failsafe="" />
			<stylevar name="spacing_padding_xs" datatype="padding" validation="" failsafe="" />
			<stylevar name="spacing_padding_xxl" datatype="padding" validation="" failsafe="" />
			<stylevar name="titleimage_padding" datatype="padding" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="Toolbar">
			<stylevar name="pagination_nextprev_divider_left_color" datatype="color" validation="" failsafe="" />
			<stylevar name="pagination_nextprev_divider_right_color" datatype="color" validation="" failsafe="" />
			<stylevar name="toolbar_background" datatype="background" validation="" failsafe="" />
			<stylevar name="toolbar_border" datatype="border" validation="" failsafe="" />
			<stylevar name="toolbar_button_border" datatype="border" validation="" failsafe="" />
			<stylevar name="toolbar_dropdown_background_gradient_end" datatype="background" validation="" failsafe="" />
			<stylevar name="toolbar_dropdown_background_gradient_start" datatype="background" validation="" failsafe="" />
			<stylevar name="toolbar_dropdown_border" datatype="border" validation="" failsafe="" />
			<stylevar name="toolbar_dropdown_divider_color" datatype="color" validation="" failsafe="" />
			<stylevar name="toolbar_dropdown_item_background_active" datatype="background" validation="" failsafe="" />
			<stylevar name="toolbar_dropdown_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="toolbar_dropdown_text_color_active" datatype="color" validation="" failsafe="" />
			<stylevar name="toolbar_font" datatype="font" validation="" failsafe="" />
			<stylevar name="toolbar_form_field_background" datatype="background" validation="" failsafe="" />
			<stylevar name="toolbar_form_field_border" datatype="border" validation="" failsafe="" />
			<stylevar name="toolbar_form_field_placeholder_text_color" datatype="color" validation="" failsafe="" />
			<stylevar name="toolbar_text_color" datatype="color" validation="" failsafe="" />
		</stylevargroup>
		<stylevargroup name="vBMessenger">
			<stylevar name="vbmessenger_chatwindow_content_background" datatype="background" validation="" failsafe="" />
			<stylevar name="vbmessenger_chatwindow_message_mine_background" datatype="background" validation="" failsafe="" />
			<stylevar name="vbmessenger_chatwindow_message_theirs_background" datatype="background" validation="" failsafe="" />
			<stylevar name="vbmessenger_chatwindow_participants_background" datatype="background" validation="" failsafe="" />
			<stylevar name="vbmessenger_chatwindow_widget_background" datatype="background" validation="" failsafe="" />
		</stylevargroup>
	</stylevardfns>
	<stylevars>
		<stylevar name="activity_stream_avatar_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtMjUsIC0yNSwgLTI1Ijt9" />
		<stylevar name="activity_stream_content_padding" value="YToxMjp7czo1OiJ1bml0cyI7czoyOiJweCI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjM6InRvcCI7czoyOiIxNSI7czoxMjoic3R5bGV2YXJfdG9wIjtzOjA6IiI7czo1OiJyaWdodCI7czoxOiIwIjtzOjE0OiJzdHlsZXZhcl9yaWdodCI7czowOiIiO3M6NjoiYm90dG9tIjtzOjE6IjAiO3M6MTU6InN0eWxldmFyX2JvdHRvbSI7czowOiIiO3M6NDoibGVmdCI7czoxOiIwIjtzOjEzOiJzdHlsZXZhcl9sZWZ0IjtzOjA6IiI7czo0OiJzYW1lIjtzOjE6IjAiO3M6MTM6InN0eWxldmFyX3NhbWUiO3M6MDoiIjt9" />
		<stylevar name="ajax_loading_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMyOiJnbG9iYWxfcGFsZXR0ZV9jb250cmFzdF8wMS5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoxODoiI0ZGRTlDN3wtMywgOCwgLTI1IjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czowOiIiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="ajax_loading_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNjYsIC02NiwgLTY2Ijt9" />
		<stylevar name="ajax_loading_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MzcsIDQ0LCA0NyI7fQ==" />
		<stylevar name="announcement_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMyOiJnbG9iYWxfcGFsZXR0ZV9jb250cmFzdF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoxNzoiI0UyRjBDRXwyMSwgOSwgMjkiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="announcement_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czozMjoiZ2xvYmFsX3BhbGV0dGVfY29udHJhc3RfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNFMkYwQ0V8LTI4LCAtMzUsIC00NyI7fQ==" />
		<stylevar name="announcement_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="autosuggest_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0xMCwgLTEwLCAtMTAiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="autosuggest_background_active" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC00NCwgLTQ0LCAtNDQiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="bbcode_code_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0xMCwgLTEwLCAtMTAiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="bbcode_code_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDcsIC00MiwgLTM4Ijt9" />
		<stylevar name="bbcode_code_fontsize" value="YTo0OntzOjU6InVuaXRzIjtzOjM6InJlbSI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjQ6InNpemUiO3M6MzoiMS4yIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="bbcode_code_line_height" value="YTo0OntzOjU6InVuaXRzIjtzOjM6InJlbSI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjQ6InNpemUiO3M6MzoiMS40IjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="bbcode_quote_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0xMCwgLTEwLCAtMTAiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="body_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0xNCwgLTEzLCAtMTIiO3M6NToiaW1hZ2UiO3M6MzU6InVybCgiaW1hZ2VzL2Nzcy9iY2tnX3BhZ2UucG5nP3Y9MyIpIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjY6InJlcGVhdCI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="body_line_height" value="YToyOntzOjU6InVuaXRzIjtzOjA6IiI7czo0OiJzaXplIjtzOjU6IjEuMjMxIjt9" />
		<stylevar name="body_link_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="body_link_color_hover" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyMzc5QjV8NywgMjQsIC0zNiI7fQ==" />
		<stylevar name="body_link_decoration" value="YToxMDp7czo0OiJub25lIjtzOjE6IjEiO3M6MTM6InN0eWxldmFyX25vbmUiO3M6MDoiIjtzOjk6InVuZGVybGluZSI7czoxOiIwIjtzOjE4OiJzdHlsZXZhcl91bmRlcmxpbmUiO3M6MDoiIjtzOjg6Im92ZXJsaW5lIjtzOjE6IjAiO3M6MTc6InN0eWxldmFyX292ZXJsaW5lIjtzOjA6IiI7czoxMjoibGluZS10aHJvdWdoIjtzOjE6IjAiO3M6MjE6InN0eWxldmFyX2xpbmUtdGhyb3VnaCI7czowOiIiO3M6NToiYmxpbmsiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfYmxpbmsiO3M6MDoiIjt9" />
		<stylevar name="body_link_decoration_hover" value="YToxMDp7czo0OiJub25lIjtzOjE6IjEiO3M6MTM6InN0eWxldmFyX25vbmUiO3M6MDoiIjtzOjk6InVuZGVybGluZSI7czoxOiIwIjtzOjE4OiJzdHlsZXZhcl91bmRlcmxpbmUiO3M6MDoiIjtzOjg6Im92ZXJsaW5lIjtzOjE6IjAiO3M6MTc6InN0eWxldmFyX292ZXJsaW5lIjtzOjA6IiI7czoxMjoibGluZS10aHJvdWdoIjtzOjE6IjAiO3M6MjE6InN0eWxldmFyX2xpbmUtdGhyb3VnaCI7czowOiIiO3M6NToiYmxpbmsiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfYmxpbmsiO3M6MDoiIjt9" />
		<stylevar name="body_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="breadcrumb_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjI0OiJ3cmFwcGVyX2JhY2tncm91bmQudW5pdHMiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyNDoid3JhcHBlcl9iYWNrZ3JvdW5kLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjI0OiJ3cmFwcGVyX2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjI1OiJ3cmFwcGVyX2JhY2tncm91bmQucmVwZWF0IjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjIwOiJ3cmFwcGVyX2JhY2tncm91bmQueCI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czoyMDoid3JhcHBlcl9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjMyOiJ3cmFwcGVyX2JhY2tncm91bmQuZ3JhZGllbnRfdHlwZSI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjM3OiJ3cmFwcGVyX2JhY2tncm91bmQuZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjM5OiJ3cmFwcGVyX2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6Mzc6IndyYXBwZXJfYmFja2dyb3VuZC5ncmFkaWVudF9lbmRfY29sb3IiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="breadcrumb_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MzoiMS4xIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl93ZWlnaHQiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQud2VpZ2h0IjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MjI6Imdsb2JhbF90ZXh0X2ZvbnQuc3R5bGUiO3M6NzoidmFyaWFudCI7czowOiIiO3M6MTY6InN0eWxldmFyX3ZhcmlhbnQiO3M6MjQ6Imdsb2JhbF90ZXh0X2ZvbnQudmFyaWFudCI7fQ==" />
		<stylevar name="breadcrumb_link_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="breadcrumb_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiM2NTZBNkR8LTU3LCAtNTEsIC00OCI7fQ==" />
		<stylevar name="breadcrumb_text_transform" value="YToyOntzOjEzOiJ0ZXh0dHJhbnNmb3JtIjtzOjQ6Im5vbmUiO3M6MjI6InN0eWxldmFyX3RleHR0cmFuc2Zvcm0iO3M6MDoiIjt9" />
		<stylevar name="button_arrow_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV90ZXh0XzAzLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="button_arrow_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDgsIC00NCwgLTQyIjt9" />
		<stylevar name="button_disabled_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE1OiIjRjhGOEY4fDMsIDMsIDMiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="button_disabled_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDgsIC00NCwgLTQyIjt9" />
		<stylevar name="button_disabled_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiM2NTZBNkR8LTcyLCAtNjcsIC02NCI7fQ==" />
		<stylevar name="button_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MzoiMS4yIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6NDoiYm9sZCI7czoxNToic3R5bGV2YXJfd2VpZ2h0IjtzOjA6IiI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIyOiJnbG9iYWxfdGV4dF9mb250LnN0eWxlIjtzOjc6InZhcmlhbnQiO3M6MDoiIjtzOjE2OiJzdHlsZXZhcl92YXJpYW50IjtzOjI0OiJnbG9iYWxfdGV4dF9mb250LnZhcmlhbnQiO30=" />
		<stylevar name="button_primary_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czowOiIiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="button_primary_background_hover" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjMxOiJidXR0b25fcHJpbWFyeV9iYWNrZ3JvdW5kLnVuaXRzIjtzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzE6ImJ1dHRvbl9wcmltYXJ5X2JhY2tncm91bmQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MzE6ImJ1dHRvbl9wcmltYXJ5X2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjMyOiJidXR0b25fcHJpbWFyeV9iYWNrZ3JvdW5kLnJlcGVhdCI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czoyNzoiYnV0dG9uX3ByaW1hcnlfYmFja2dyb3VuZC54IjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjI3OiJidXR0b25fcHJpbWFyeV9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjM5OiJidXR0b25fcHJpbWFyeV9iYWNrZ3JvdW5kLmdyYWRpZW50X3R5cGUiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czo0NDoiYnV0dG9uX3ByaW1hcnlfYmFja2dyb3VuZC5ncmFkaWVudF9kaXJlY3Rpb24iO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6NDY6ImJ1dHRvbl9wcmltYXJ5X2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6NDQ6ImJ1dHRvbl9wcmltYXJ5X2JhY2tncm91bmQuZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="button_primary_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czozMDoiZ2xvYmFsX3BhbGV0dGVfYWNjZW50XzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjMEY5M0ZGfC0yNiwgLTEwLCAtNTEiO30=" />
		<stylevar name="button_primary_border_hover" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czozMDoiZ2xvYmFsX3BhbGV0dGVfYWNjZW50XzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE4OiIjMDUyNzMzfDUsIC04LCAtMjkiO30=" />
		<stylevar name="button_primary_light_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czowOiIiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="button_primary_light_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNzQsIC02OSwgLTY2Ijt9" />
		<stylevar name="button_primary_light_border_hover" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyNDoiI0Y4RjhGOHwtMTE1LCAtMTA4LCAtMTA0Ijt9" />
		<stylevar name="button_primary_light_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="button_primary_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="button_primary_text_color_hover" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="button_secondary_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="button_secondary_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNTcsIC01MSwgLTQ3Ijt9" />
		<stylevar name="button_secondary_border_hover" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyNDoiI0Y4RjhGOHwtMTE1LCAtMTA4LCAtMTA0Ijt9" />
		<stylevar name="button_secondary_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="button_special_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMyOiJnbG9iYWxfcGFsZXR0ZV9jb250cmFzdF8wMS5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="button_special_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNTcsIC01MSwgLTQ3Ijt9" />
		<stylevar name="button_special_border_hover" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyNDoiI0Y4RjhGOHwtMTE1LCAtMTA4LCAtMTA0Ijt9" />
		<stylevar name="button_special_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="calendar_event_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTk6IiMwNTI3MzN8MiwgLTEwLCAtMTgiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDEuY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MTk6IiMwNTI3MzN8NCwgLTE5LCAtMzMiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czozMDoiZ2xvYmFsX3BhbGV0dGVfYWNjZW50XzAxLmNvbG9yIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="calendar_event_background_hover" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiMwRjkzRkZ8LTIwLCAtMjYsIC03NCI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="calendar_event_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNTIsIC00OSwgLTQ4Ijt9" />
		<stylevar name="calendar_event_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="calendar_event_text_color_hover" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="calendar_event_text_decoration" value="YTo4OntzOjQ6Im5vbmUiO3M6MToiMSI7czoxMzoic3R5bGV2YXJfbm9uZSI7czowOiIiO3M6OToidW5kZXJsaW5lIjtzOjE6IjAiO3M6MTg6InN0eWxldmFyX3VuZGVybGluZSI7czowOiIiO3M6ODoib3ZlcmxpbmUiO3M6MToiMCI7czoxNzoic3R5bGV2YXJfb3ZlcmxpbmUiO3M6MDoiIjtzOjEyOiJsaW5lLXRocm91Z2giO3M6MToiMCI7czoyMToic3R5bGV2YXJfbGluZS10aHJvdWdoIjtzOjA6IiI7fQ==" />
		<stylevar name="calendar_event_text_decoration_hover" value="YTo4OntzOjQ6Im5vbmUiO3M6MToiMSI7czoxMzoic3R5bGV2YXJfbm9uZSI7czowOiIiO3M6OToidW5kZXJsaW5lIjtzOjE6IjAiO3M6MTg6InN0eWxldmFyX3VuZGVybGluZSI7czowOiIiO3M6ODoib3ZlcmxpbmUiO3M6MToiMCI7czoxNzoic3R5bGV2YXJfb3ZlcmxpbmUiO3M6MDoiIjtzOjEyOiJsaW5lLXRocm91Z2giO3M6MToiMCI7czoyMToic3R5bGV2YXJfbGluZS10aHJvdWdoIjtzOjA6IiI7fQ==" />
		<stylevar name="calendar_more_link_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="calendar_more_link_color_hover" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyMzc5QjV8NywgMjQsIC0zNiI7fQ==" />
		<stylevar name="calendar_more_link_decoration" value="YTo4OntzOjQ6Im5vbmUiO3M6MToiMSI7czoxMzoic3R5bGV2YXJfbm9uZSI7czowOiIiO3M6OToidW5kZXJsaW5lIjtzOjE6IjAiO3M6MTg6InN0eWxldmFyX3VuZGVybGluZSI7czowOiIiO3M6ODoib3ZlcmxpbmUiO3M6MToiMCI7czoxNzoic3R5bGV2YXJfb3ZlcmxpbmUiO3M6MDoiIjtzOjEyOiJsaW5lLXRocm91Z2giO3M6MToiMCI7czoyMToic3R5bGV2YXJfbGluZS10aHJvdWdoIjtzOjA6IiI7fQ==" />
		<stylevar name="calendar_more_link_decoration_hover" value="YTo4OntzOjQ6Im5vbmUiO3M6MToiMSI7czoxMzoic3R5bGV2YXJfbm9uZSI7czowOiIiO3M6OToidW5kZXJsaW5lIjtzOjE6IjAiO3M6MTg6InN0eWxldmFyX3VuZGVybGluZSI7czowOiIiO3M6ODoib3ZlcmxpbmUiO3M6MToiMCI7czoxNzoic3R5bGV2YXJfb3ZlcmxpbmUiO3M6MDoiIjtzOjEyOiJsaW5lLXRocm91Z2giO3M6MToiMCI7czoyMToic3R5bGV2YXJfbGluZS10aHJvdWdoIjtzOjA6IiI7fQ==" />
		<stylevar name="ckeditor_image_path" value="YToyOntzOjg6ImltYWdlZGlyIjtzOjc6ImRlZmF1bHQiO3M6MTc6InN0eWxldmFyX2ltYWdlZGlyIjtzOjA6IiI7fQ==" />
		<stylevar name="ckeditor_toolbar_button_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjE1OiIjRjhGOEY4fDcsIDcsIDciO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTIwLCAtMjAsIC0yMCI7fQ==" />
		<stylevar name="ckeditor_toolbar_button_background_hover" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC00NCwgLTQ0LCAtNDQiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjE4OiIjRjhGOEY4fC02LCAtNiwgLTYiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTQ0LCAtNDQsIC00NCI7fQ==" />
		<stylevar name="ckeditor_toolbar_button_background_pressed" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC02NywgLTY3LCAtNjciO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjIxOiIjRjhGOEY4fC03OCwgLTc4LCAtNzgiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTQ2LCAtNDYsIC00NiI7fQ==" />
		<stylevar name="ckeditor_toolbar_button_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiMyNTJDMkZ8LTM0LCAtMjcsIC0yNCI7fQ==" />
		<stylevar name="comment_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE4OiIjRjhGOEY4fC04LCAtOCwgLTgiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="comment_divider_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTM1LCAtMzIsIC0zMCI7fQ==" />
		<stylevar name="content_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjI0OiJ3cmFwcGVyX2JhY2tncm91bmQudW5pdHMiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyNDoid3JhcHBlcl9iYWNrZ3JvdW5kLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjI0OiJ3cmFwcGVyX2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjI1OiJ3cmFwcGVyX2JhY2tncm91bmQucmVwZWF0IjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjIwOiJ3cmFwcGVyX2JhY2tncm91bmQueCI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czoyMDoid3JhcHBlcl9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjMyOiJ3cmFwcGVyX2JhY2tncm91bmQuZ3JhZGllbnRfdHlwZSI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjM3OiJ3cmFwcGVyX2JhY2tncm91bmQuZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjM5OiJ3cmFwcGVyX2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6Mzc6IndyYXBwZXJfYmFja2dyb3VuZC5ncmFkaWVudF9lbmRfY29sb3IiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="content_divider_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTY1LCAtNjAsIC01OCI7fQ==" />
		<stylevar name="content_entry_box_header_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="content_list_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjI0OiJ3cmFwcGVyX2JhY2tncm91bmQudW5pdHMiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyNDoid3JhcHBlcl9iYWNrZ3JvdW5kLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjI0OiJ3cmFwcGVyX2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjI1OiJ3cmFwcGVyX2JhY2tncm91bmQucmVwZWF0IjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjIwOiJ3cmFwcGVyX2JhY2tncm91bmQueCI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czoyMDoid3JhcHBlcl9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjMyOiJ3cmFwcGVyX2JhY2tncm91bmQuZ3JhZGllbnRfdHlwZSI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjM3OiJ3cmFwcGVyX2JhY2tncm91bmQuZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjM5OiJ3cmFwcGVyX2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6Mzc6IndyYXBwZXJfYmFja2dyb3VuZC5ncmFkaWVudF9lbmRfY29sb3IiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="content_list_link_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MjE6ImJvZHlfbGlua19jb2xvci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="content_list_link_color_hover" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjc6ImJvZHlfbGlua19jb2xvcl9ob3Zlci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="content_list_link_decoration" value="YTo4OntzOjQ6Im5vbmUiO3M6MToiMCI7czoxMzoic3R5bGV2YXJfbm9uZSI7czoyNToiYm9keV9saW5rX2RlY29yYXRpb24ubm9uZSI7czo5OiJ1bmRlcmxpbmUiO3M6MToiMCI7czoxODoic3R5bGV2YXJfdW5kZXJsaW5lIjtzOjMwOiJib2R5X2xpbmtfZGVjb3JhdGlvbi51bmRlcmxpbmUiO3M6ODoib3ZlcmxpbmUiO3M6MToiMCI7czoxNzoic3R5bGV2YXJfb3ZlcmxpbmUiO3M6Mjk6ImJvZHlfbGlua19kZWNvcmF0aW9uLm92ZXJsaW5lIjtzOjEyOiJsaW5lLXRocm91Z2giO3M6MToiMCI7czoyMToic3R5bGV2YXJfbGluZS10aHJvdWdoIjtzOjMzOiJib2R5X2xpbmtfZGVjb3JhdGlvbi5saW5lLXRocm91Z2giO30=" />
		<stylevar name="content_list_link_decoration_hover" value="YTo4OntzOjQ6Im5vbmUiO3M6MToiMCI7czoxMzoic3R5bGV2YXJfbm9uZSI7czozMToiYm9keV9saW5rX2RlY29yYXRpb25faG92ZXIubm9uZSI7czo5OiJ1bmRlcmxpbmUiO3M6MToiMCI7czoxODoic3R5bGV2YXJfdW5kZXJsaW5lIjtzOjM2OiJib2R5X2xpbmtfZGVjb3JhdGlvbl9ob3Zlci51bmRlcmxpbmUiO3M6ODoib3ZlcmxpbmUiO3M6MToiMCI7czoxNzoic3R5bGV2YXJfb3ZlcmxpbmUiO3M6MzU6ImJvZHlfbGlua19kZWNvcmF0aW9uX2hvdmVyLm92ZXJsaW5lIjtzOjEyOiJsaW5lLXRocm91Z2giO3M6MToiMCI7czoyMToic3R5bGV2YXJfbGluZS10aHJvdWdoIjtzOjM5OiJib2R5X2xpbmtfZGVjb3JhdGlvbl9ob3Zlci5saW5lLXRocm91Z2giO30=" />
		<stylevar name="content_list_secondary_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MjI6InRpbWVfc3RhbXBfY29sb3IuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="content_list_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MjE6ImJvZHlfdGV4dF9jb2xvci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="contententry_autosave_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMyOiJnbG9iYWxfcGFsZXR0ZV9jb250cmFzdF8wMS5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoxODoiI0ZGRTlDN3wtMywgOCwgLTI1IjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="contententry_autosave_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MzcsIDQ0LCA0NyI7fQ==" />
		<stylevar name="contententry_panel_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="contententry_panel_section_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE1OiIjRjhGOEY4fDQsIDQsIDQiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="contententry_panel_section_title_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0xNSwgLTE1LCAtMTUiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="contententry_toolbar_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTc6IiNDNkVDRjh8NDUsIDEzLCAzIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czowOiIiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="contententry_toolbar_button_secondary_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0yMywgLTE4LCAtMTUiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czoyNToicmdiYSgyNTUsIDI1NSwgMjU1LCAwLjg1KSI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjI1OiJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjUpIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="contententry_toolbar_button_secondary_background_active" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjU0OiJjb250ZW50ZW50cnlfdG9vbGJhcl9idXR0b25fc2Vjb25kYXJ5X2JhY2tncm91bmQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czowOiIiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czoxNToibGluZWFyLWdyYWRpZW50IjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjk6InRvIGJvdHRvbSI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MjU6InJnYmEoMjU1LCAyNTUsIDI1NSwgMC4wNSkiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czoyNDoicmdiYSgyNTUsIDI1NSwgMjU1LCAwLjUpIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="contententry_toolbar_button_secondary_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtODEsIC03NywgLTc0Ijt9" />
		<stylevar name="count_bubble_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiMwRjkzRkZ8LTIwLCAtMjYsIC03NCI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="count_bubble_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="diff_add_background" value="YTo2OntzOjU6InVuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czo3OiIjQ0NGRkNDIjtzOjU6ImltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxOiJ5IjtzOjE6IjAiO30=" />
		<stylevar name="diff_add_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiMwMDk5MDAiO30=" />
		<stylevar name="diff_remove_background" value="YTo2OntzOjU6InVuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czo3OiIjRkZDQ0NDIjtzOjU6ImltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxOiJ5IjtzOjE6IjAiO30=" />
		<stylevar name="diff_remove_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiNDQzAwMDAiO30=" />
		<stylevar name="event_label_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC00OCwgLTQ0LCAtNDIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="event_label_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="favicon" value="YToxOntzOjM6InVybCI7czoxMToiZmF2aWNvbi5pY28iO30=" />
		<stylevar name="footer_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="footer_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNTQsIC01NCwgLTU0Ijt9" />
		<stylevar name="footer_copyright_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTY6IiMyNTJDMkZ8LTIsIDUsIDgiO30=" />
		<stylevar name="footer_font_style" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MzoiMS4xIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl93ZWlnaHQiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQud2VpZ2h0IjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MjI6Imdsb2JhbF90ZXh0X2ZvbnQuc3R5bGUiO3M6NzoidmFyaWFudCI7czowOiIiO3M6MTY6InN0eWxldmFyX3ZhcmlhbnQiO3M6MjQ6Imdsb2JhbF90ZXh0X2ZvbnQudmFyaWFudCI7fQ==" />
		<stylevar name="footer_height" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czoyOiI0NyI7czoxMzoic3R5bGV2YXJfc2l6ZSI7czowOiIiO30=" />
		<stylevar name="footer_list_item_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGRkZGRkZ8LTQ1LCAtNDUsIC00NSI7fQ==" />
		<stylevar name="footer_list_item_color_hover" value="YToyOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="footer_list_item_divider_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTU0LCAtNTQsIC01NCI7fQ==" />
		<stylevar name="footer_list_item_spacing" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czoyOiIxMCI7czoxMzoic3R5bGV2YXJfc2l6ZSI7czowOiIiO30=" />
		<stylevar name="footer_list_item_text_decoration" value="YToxMDp7czo0OiJub25lIjtzOjE6IjEiO3M6MTM6InN0eWxldmFyX25vbmUiO3M6MDoiIjtzOjk6InVuZGVybGluZSI7czoxOiIwIjtzOjE4OiJzdHlsZXZhcl91bmRlcmxpbmUiO3M6MDoiIjtzOjg6Im92ZXJsaW5lIjtzOjE6IjAiO3M6MTc6InN0eWxldmFyX292ZXJsaW5lIjtzOjA6IiI7czoxMjoibGluZS10aHJvdWdoIjtzOjE6IjAiO3M6MjE6InN0eWxldmFyX2xpbmUtdGhyb3VnaCI7czowOiIiO3M6NToiYmxpbmsiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfYmxpbmsiO3M6MDoiIjt9" />
		<stylevar name="footer_list_item_text_decoration_hover" value="YToxMDp7czo0OiJub25lIjtzOjE6IjAiO3M6MTM6InN0eWxldmFyX25vbmUiO3M6MDoiIjtzOjk6InVuZGVybGluZSI7czoxOiIxIjtzOjE4OiJzdHlsZXZhcl91bmRlcmxpbmUiO3M6MDoiIjtzOjg6Im92ZXJsaW5lIjtzOjE6IjAiO3M6MTc6InN0eWxldmFyX292ZXJsaW5lIjtzOjA6IiI7czoxMjoibGluZS10aHJvdWdoIjtzOjE6IjAiO3M6MjE6InN0eWxldmFyX2xpbmUtdGhyb3VnaCI7czowOiIiO3M6NToiYmxpbmsiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfYmxpbmsiO3M6MDoiIjt9" />
		<stylevar name="footer_text_transform" value="YToyOntzOjEzOiJ0ZXh0dHJhbnNmb3JtIjtzOjk6InVwcGVyY2FzZSI7czoyMjoic3R5bGV2YXJfdGV4dHRyYW5zZm9ybSI7czowOiIiO30=" />
		<stylevar name="form_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="form_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDgsIC00NCwgLTQyIjt9" />
		<stylevar name="form_dropdown_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="form_dropdown_background_hover" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0xMywgLTEzLCAtMTMiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="form_dropdown_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDgsIC00NCwgLTQyIjt9" />
		<stylevar name="form_dropdown_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="form_dropdown_text_color_hover" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MzcsIDQ0LCA0NyI7fQ==" />
		<stylevar name="form_field_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="form_field_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNzQsIC02OSwgLTY2Ijt9" />
		<stylevar name="form_field_inside_button_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiMwNTI3MzN8LTQ3LCAtMjYsIC0yNSI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MTU6ImxpbmVhci1ncmFkaWVudCI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czo5OiJ0byBib3R0b20iO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzA6Imdsb2JhbF9wYWxldHRlX2FjY2VudF8wMS5jb2xvciI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czoyMToiIzA1MjczM3wtNTksIC0zOCwgLTM5IjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MzA6Imdsb2JhbF9wYWxldHRlX2FjY2VudF8wMS5jb2xvciI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MTg6IiMwNTI3MzN8LTIzLCAtMiwgMiI7fQ==" />
		<stylevar name="form_field_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MzcsIDQ0LCA0NyI7fQ==" />
		<stylevar name="forum_list_category_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MzoiMS40IjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6NDoiYm9sZCI7czoxNToic3R5bGV2YXJfd2VpZ2h0IjtzOjA6IiI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIyOiJnbG9iYWxfdGV4dF9mb250LnN0eWxlIjtzOjc6InZhcmlhbnQiO3M6MDoiIjtzOjE2OiJzdHlsZXZhcl92YXJpYW50IjtzOjI0OiJnbG9iYWxfdGV4dF9mb250LnZhcmlhbnQiO30=" />
		<stylevar name="forum_list_forum_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MzoiMS40IjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6NDoiYm9sZCI7czoxNToic3R5bGV2YXJfd2VpZ2h0IjtzOjA6IiI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIyOiJnbG9iYWxfdGV4dF9mb250LnN0eWxlIjtzOjc6InZhcmlhbnQiO3M6MDoiIjtzOjE2OiJzdHlsZXZhcl92YXJpYW50IjtzOjI0OiJnbG9iYWxfdGV4dF9mb250LnZhcmlhbnQiO30=" />
		<stylevar name="forum_list_header_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MzoiMS4yIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6NDoiYm9sZCI7czoxNToic3R5bGV2YXJfd2VpZ2h0IjtzOjA6IiI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIyOiJnbG9iYWxfdGV4dF9mb250LnN0eWxlIjtzOjc6InZhcmlhbnQiO3M6MDoiIjtzOjE2OiJzdHlsZXZhcl92YXJpYW50IjtzOjI0OiJnbG9iYWxfdGV4dF9mb250LnZhcmlhbnQiO30=" />
		<stylevar name="global_header_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MzoiMS42IjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6NDoiYm9sZCI7czoxNToic3R5bGV2YXJfd2VpZ2h0IjtzOjA6IiI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIyOiJnbG9iYWxfdGV4dF9mb250LnN0eWxlIjtzOjc6InZhcmlhbnQiO3M6MDoiIjtzOjE2OiJzdHlsZXZhcl92YXJpYW50IjtzOjI0OiJnbG9iYWxfdGV4dF9mb250LnZhcmlhbnQiO30=" />
		<stylevar name="global_palette_accent_01" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiMwNTI3MzMiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_palette_accent_02" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiMwRjkzRkYiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_palette_accent_03" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiNDNkVDRjgiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_palette_contrast_01" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiNGRkU5QzciO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_palette_contrast_02" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiNFMkYwQ0UiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_palette_contrast_03" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiNGRUY1NUEiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_palette_fill_01" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiNGRkZGRkYiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_palette_fill_02" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiNGOEY4RjgiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_palette_text_01" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiMyNTJDMkYiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_palette_text_02" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiM2NTZBNkQiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_palette_text_03" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiNGRkZGRkYiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_palette_text_04" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiMyMzc5QjUiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_palette_warning_01" value="YTozOntzOjU6ImNvbG9yIjtzOjc6IiNDODE5MTkiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="global_text_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MzQ6IkhlbHZldGljYSxBcmlhbCxWZXJkYW5hLHNhbnMtc2VyaWYiO3M6MTU6InN0eWxldmFyX2ZhbWlseSI7czowOiIiO3M6NDoic2l6ZSI7czozOiIxLjMiO3M6MTM6InN0eWxldmFyX3NpemUiO3M6MDoiIjtzOjEwOiJsaW5laGVpZ2h0IjtzOjA6IiI7czoxOToic3R5bGV2YXJfbGluZWhlaWdodCI7czowOiIiO3M6Njoid2VpZ2h0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfd2VpZ2h0IjtzOjA6IiI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjA6IiI7czo3OiJ2YXJpYW50IjtzOjA6IiI7czoxNjoic3R5bGV2YXJfdmFyaWFudCI7czowOiIiO30=" />
		<stylevar name="header_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjIxOiJib2R5X2JhY2tncm91bmQudW5pdHMiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyMToiYm9keV9iYWNrZ3JvdW5kLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjIxOiJib2R5X2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjIyOiJib2R5X2JhY2tncm91bmQucmVwZWF0IjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjE3OiJib2R5X2JhY2tncm91bmQueCI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czoxNzoiYm9keV9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjI5OiJib2R5X2JhY2tncm91bmQuZ3JhZGllbnRfdHlwZSI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjM0OiJib2R5X2JhY2tncm91bmQuZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjM2OiJib2R5X2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MzQ6ImJvZHlfYmFja2dyb3VuZC5ncmFkaWVudF9lbmRfY29sb3IiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="header_height" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czozOiIxMDQiO3M6MTM6InN0eWxldmFyX3NpemUiO3M6MDoiIjt9" />
		<stylevar name="header_search_button_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE1OiIjRjhGOEY4fDMsIDMsIDMiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czoyNToicmdiYSgyNTUsIDI1NSwgMjU1LCAwLjAxKSI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjE5OiJyZ2JhKDAsIDAsIDAsIDAuMTApIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="header_search_button_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDgsIC00NCwgLTQyIjt9" />
		<stylevar name="header_search_button_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiMyNTJDMkZ8LTQwLCAtMzksIC0zOCI7fQ==" />
		<stylevar name="header_search_input_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjI3OiJmb3JtX2ZpZWxkX2JhY2tncm91bmQudW5pdHMiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyNzoiZm9ybV9maWVsZF9iYWNrZ3JvdW5kLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjI3OiJmb3JtX2ZpZWxkX2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjI4OiJmb3JtX2ZpZWxkX2JhY2tncm91bmQucmVwZWF0IjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjIzOiJmb3JtX2ZpZWxkX2JhY2tncm91bmQueCI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czoyMzoiZm9ybV9maWVsZF9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjM1OiJmb3JtX2ZpZWxkX2JhY2tncm91bmQuZ3JhZGllbnRfdHlwZSI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjQwOiJmb3JtX2ZpZWxkX2JhY2tncm91bmQuZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjQyOiJmb3JtX2ZpZWxkX2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6NDA6ImZvcm1fZmllbGRfYmFja2dyb3VuZC5ncmFkaWVudF9lbmRfY29sb3IiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="header_search_input_border" value="YTo5OntzOjU6InVuaXRzIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MjM6ImZvcm1fZmllbGRfYm9yZGVyLnVuaXRzIjtzOjU6IndpZHRoIjtzOjE6IjAiO3M6MTQ6InN0eWxldmFyX3dpZHRoIjtzOjIzOiJmb3JtX2ZpZWxkX2JvcmRlci53aWR0aCI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIzOiJmb3JtX2ZpZWxkX2JvcmRlci5zdHlsZSI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjIzOiJmb3JtX2ZpZWxkX2JvcmRlci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="header_search_input_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjc6ImZvcm1fZmllbGRfdGV4dF9jb2xvci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="header_search_placeholder_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6InBsYWNlaG9sZGVyX3RleHRfY29sb3IuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="header_subtabbar_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjI0OiJ3cmFwcGVyX2JhY2tncm91bmQudW5pdHMiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyNDoid3JhcHBlcl9iYWNrZ3JvdW5kLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjI0OiJ3cmFwcGVyX2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjI1OiJ3cmFwcGVyX2JhY2tncm91bmQucmVwZWF0IjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjIwOiJ3cmFwcGVyX2JhY2tncm91bmQueCI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czoyMDoid3JhcHBlcl9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjMyOiJ3cmFwcGVyX2JhY2tncm91bmQuZ3JhZGllbnRfdHlwZSI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjM3OiJ3cmFwcGVyX2JhY2tncm91bmQuZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjM5OiJ3cmFwcGVyX2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6Mzc6IndyYXBwZXJfYmFja2dyb3VuZC5ncmFkaWVudF9lbmRfY29sb3IiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="header_subtabbar_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtMzcsIC0zNSwgLTM0Ijt9" />
		<stylevar name="header_subtabbar_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MzoiMS4yIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6NDoiYm9sZCI7czoxNToic3R5bGV2YXJfd2VpZ2h0IjtzOjA6IiI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIyOiJnbG9iYWxfdGV4dF9mb250LnN0eWxlIjtzOjc6InZhcmlhbnQiO3M6MDoiIjtzOjE2OiJzdHlsZXZhcl92YXJpYW50IjtzOjI0OiJnbG9iYWxfdGV4dF9mb250LnZhcmlhbnQiO30=" />
		<stylevar name="header_subtabbar_height" value="YTo0OntzOjU6InVuaXRzIjtzOjM6InJlbSI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjQ6InNpemUiO3M6MzoiMi45IjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="header_subtabbar_link_margin" value="YToxMjp7czo1OiJ1bml0cyI7czoyOiJweCI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjM6InRvcCI7czoxOiIwIjtzOjEyOiJzdHlsZXZhcl90b3AiO3M6MDoiIjtzOjU6InJpZ2h0IjtzOjE6IjAiO3M6MTQ6InN0eWxldmFyX3JpZ2h0IjtzOjA6IiI7czo2OiJib3R0b20iO3M6MToiMCI7czoxNToic3R5bGV2YXJfYm90dG9tIjtzOjA6IiI7czo0OiJsZWZ0IjtzOjI6IjIwIjtzOjEzOiJzdHlsZXZhcl9sZWZ0IjtzOjA6IiI7czo0OiJzYW1lIjtzOjE6IjAiO3M6MTM6InN0eWxldmFyX3NhbWUiO3M6MDoiIjt9" />
		<stylevar name="header_subtabbar_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTY6IiMyNTJDMkZ8MTgsIDgsIDAiO30=" />
		<stylevar name="header_subtabbar_text_color_hover" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="header_subtabbar_text_decoration" value="YToxMDp7czo0OiJub25lIjtzOjE6IjEiO3M6MTM6InN0eWxldmFyX25vbmUiO3M6MDoiIjtzOjk6InVuZGVybGluZSI7czoxOiIwIjtzOjE4OiJzdHlsZXZhcl91bmRlcmxpbmUiO3M6MDoiIjtzOjg6Im92ZXJsaW5lIjtzOjE6IjAiO3M6MTc6InN0eWxldmFyX292ZXJsaW5lIjtzOjA6IiI7czoxMjoibGluZS10aHJvdWdoIjtzOjE6IjAiO3M6MjE6InN0eWxldmFyX2xpbmUtdGhyb3VnaCI7czowOiIiO3M6NToiYmxpbmsiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfYmxpbmsiO3M6MDoiIjt9" />
		<stylevar name="header_subtabbar_text_decoration_hover" value="YToxMDp7czo0OiJub25lIjtzOjE6IjEiO3M6MTM6InN0eWxldmFyX25vbmUiO3M6MDoiIjtzOjk6InVuZGVybGluZSI7czoxOiIwIjtzOjE4OiJzdHlsZXZhcl91bmRlcmxpbmUiO3M6MDoiIjtzOjg6Im92ZXJsaW5lIjtzOjE6IjAiO3M6MTc6InN0eWxldmFyX292ZXJsaW5lIjtzOjA6IiI7czoxMjoibGluZS10aHJvdWdoIjtzOjE6IjAiO3M6MjE6InN0eWxldmFyX2xpbmUtdGhyb3VnaCI7czowOiIiO3M6NToiYmxpbmsiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfYmxpbmsiO3M6MDoiIjt9" />
		<stylevar name="header_subtabbar_text_transform" value="YToyOntzOjEzOiJ0ZXh0dHJhbnNmb3JtIjtzOjQ6Im5vbmUiO3M6MjI6InN0eWxldmFyX3RleHR0cmFuc2Zvcm0iO3M6MDoiIjt9" />
		<stylevar name="header_tab_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjMwOiJoZWFkZXJfdGFiYmFyX2JhY2tncm91bmQudW5pdHMiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czozMDoiaGVhZGVyX3RhYmJhcl9iYWNrZ3JvdW5kLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjMwOiJoZWFkZXJfdGFiYmFyX2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjMxOiJoZWFkZXJfdGFiYmFyX2JhY2tncm91bmQucmVwZWF0IjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjI2OiJoZWFkZXJfdGFiYmFyX2JhY2tncm91bmQueCI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czoyNjoiaGVhZGVyX3RhYmJhcl9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjM4OiJoZWFkZXJfdGFiYmFyX2JhY2tncm91bmQuZ3JhZGllbnRfdHlwZSI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjQzOiJoZWFkZXJfdGFiYmFyX2JhY2tncm91bmQuZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjQ1OiJoZWFkZXJfdGFiYmFyX2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6NDM6ImhlYWRlcl90YWJiYXJfYmFja2dyb3VuZC5ncmFkaWVudF9lbmRfY29sb3IiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="header_tab_background_active" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MTU6ImxpbmVhci1ncmFkaWVudCI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czo5OiJ0byBib3R0b20iO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MTg6IiNGOEY4Rjh8LTEsIC0xLCAtMSI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="header_tab_background_hover" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiMwRjkzRkZ8LTIwLCAtMjYsIC03NCI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="header_tab_border_active" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNTIsIC00OSwgLTQ4Ijt9" />
		<stylevar name="header_tab_border_radius_size" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czoxOiIxIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="header_tab_bottom_border_active" value="YTo4OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MDoiIjtzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="header_tab_bottom_border_radius_size" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czoxOiIwIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="header_tab_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MzoiMS40IjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl93ZWlnaHQiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQud2VpZ2h0IjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MjI6Imdsb2JhbF90ZXh0X2ZvbnQuc3R5bGUiO3M6NzoidmFyaWFudCI7czowOiIiO3M6MTY6InN0eWxldmFyX3ZhcmlhbnQiO3M6MjQ6Imdsb2JhbF90ZXh0X2ZvbnQudmFyaWFudCI7fQ==" />
		<stylevar name="header_tab_font_active" value="YToxNDp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjIxOiJoZWFkZXJfdGFiX2ZvbnQudW5pdHMiO3M6NjoiZmFtaWx5IjtzOjA6IiI7czoxNToic3R5bGV2YXJfZmFtaWx5IjtzOjIyOiJoZWFkZXJfdGFiX2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MDoiIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjIwOiJoZWFkZXJfdGFiX2ZvbnQuc2l6ZSI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6MjY6ImhlYWRlcl90YWJfZm9udC5saW5laGVpZ2h0IjtzOjY6IndlaWdodCI7czo0OiJib2xkIjtzOjE1OiJzdHlsZXZhcl93ZWlnaHQiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MjE6ImhlYWRlcl90YWJfZm9udC5zdHlsZSI7czo3OiJ2YXJpYW50IjtzOjA6IiI7czoxNjoic3R5bGV2YXJfdmFyaWFudCI7czoyMzoiaGVhZGVyX3RhYl9mb250LnZhcmlhbnQiO30=" />
		<stylevar name="header_tab_height" value="YTo0OntzOjU6InVuaXRzIjtzOjM6InJlbSI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjQ6InNpemUiO3M6MzoiMy41IjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="header_tab_line_height" value="YTo0OntzOjU6InVuaXRzIjtzOjM6InJlbSI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjQ6InNpemUiO3M6MzoiMy42IjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="header_tab_margin" value="YToxMjp7czo1OiJ1bml0cyI7czoyOiJweCI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjM6InRvcCI7czoxOiIwIjtzOjEyOiJzdHlsZXZhcl90b3AiO3M6MDoiIjtzOjU6InJpZ2h0IjtzOjE6IjAiO3M6MTQ6InN0eWxldmFyX3JpZ2h0IjtzOjA6IiI7czo2OiJib3R0b20iO3M6MToiMCI7czoxNToic3R5bGV2YXJfYm90dG9tIjtzOjA6IiI7czo0OiJsZWZ0IjtzOjE6IjAiO3M6MTM6InN0eWxldmFyX2xlZnQiO3M6MDoiIjtzOjQ6InNhbWUiO3M6MToiMCI7czoxMzoic3R5bGV2YXJfc2FtZSI7czowOiIiO30=" />
		<stylevar name="header_tab_padding" value="YToxMjp7czo1OiJ1bml0cyI7czoyOiJweCI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjM6InRvcCI7czoxOiIwIjtzOjEyOiJzdHlsZXZhcl90b3AiO3M6MDoiIjtzOjU6InJpZ2h0IjtzOjI6IjE3IjtzOjE0OiJzdHlsZXZhcl9yaWdodCI7czowOiIiO3M6NjoiYm90dG9tIjtzOjE6IjAiO3M6MTU6InN0eWxldmFyX2JvdHRvbSI7czowOiIiO3M6NDoibGVmdCI7czoyOiIxNyI7czoxMzoic3R5bGV2YXJfbGVmdCI7czowOiIiO3M6NDoic2FtZSI7czoxOiIwIjtzOjEzOiJzdHlsZXZhcl9zYW1lIjtzOjA6IiI7fQ==" />
		<stylevar name="header_tab_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="header_tab_text_color_active" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTY6IiMyNTJDMkZ8MTgsIDgsIDAiO30=" />
		<stylevar name="header_tab_text_color_hover" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="header_tab_text_decoration" value="YToxMDp7czo0OiJub25lIjtzOjE6IjEiO3M6MTM6InN0eWxldmFyX25vbmUiO3M6MDoiIjtzOjk6InVuZGVybGluZSI7czoxOiIwIjtzOjE4OiJzdHlsZXZhcl91bmRlcmxpbmUiO3M6MDoiIjtzOjg6Im92ZXJsaW5lIjtzOjE6IjAiO3M6MTc6InN0eWxldmFyX292ZXJsaW5lIjtzOjA6IiI7czoxMjoibGluZS10aHJvdWdoIjtzOjE6IjAiO3M6MjE6InN0eWxldmFyX2xpbmUtdGhyb3VnaCI7czowOiIiO3M6NToiYmxpbmsiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfYmxpbmsiO3M6MDoiIjt9" />
		<stylevar name="header_tab_text_decoration_active" value="YToxMDp7czo0OiJub25lIjtzOjE6IjEiO3M6MTM6InN0eWxldmFyX25vbmUiO3M6MDoiIjtzOjk6InVuZGVybGluZSI7czoxOiIwIjtzOjE4OiJzdHlsZXZhcl91bmRlcmxpbmUiO3M6MDoiIjtzOjg6Im92ZXJsaW5lIjtzOjE6IjAiO3M6MTc6InN0eWxldmFyX292ZXJsaW5lIjtzOjA6IiI7czoxMjoibGluZS10aHJvdWdoIjtzOjE6IjAiO3M6MjE6InN0eWxldmFyX2xpbmUtdGhyb3VnaCI7czowOiIiO3M6NToiYmxpbmsiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfYmxpbmsiO3M6MDoiIjt9" />
		<stylevar name="header_tab_text_decoration_hover" value="YToxMDp7czo0OiJub25lIjtzOjE6IjEiO3M6MTM6InN0eWxldmFyX25vbmUiO3M6MDoiIjtzOjk6InVuZGVybGluZSI7czoxOiIwIjtzOjE4OiJzdHlsZXZhcl91bmRlcmxpbmUiO3M6MDoiIjtzOjg6Im92ZXJsaW5lIjtzOjE6IjAiO3M6MTc6InN0eWxldmFyX292ZXJsaW5lIjtzOjA6IiI7czoxMjoibGluZS10aHJvdWdoIjtzOjE6IjAiO3M6MjE6InN0eWxldmFyX2xpbmUtdGhyb3VnaCI7czowOiIiO3M6NToiYmxpbmsiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfYmxpbmsiO3M6MDoiIjt9" />
		<stylevar name="header_tab_text_transform" value="YToyOntzOjEzOiJ0ZXh0dHJhbnNmb3JtIjtzOjQ6Im5vbmUiO3M6MjI6InN0eWxldmFyX3RleHR0cmFuc2Zvcm0iO3M6MDoiIjt9" />
		<stylevar name="header_tabbar_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTk6IiMwNTI3MzN8MiwgLTEwLCAtMTgiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDEuY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MTk6IiMwNTI3MzN8NCwgLTE5LCAtMzMiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czozMDoiZ2xvYmFsX3BhbGV0dGVfYWNjZW50XzAxLmNvbG9yIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="header_tabbar_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNTIsIC00OSwgLTQ4Ijt9" />
		<stylevar name="header_tabbar_divider_border" value="YTo4OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MDoiIjtzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="header_tabbar_height" value="YTo0OntzOjU6InVuaXRzIjtzOjM6InJlbSI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjQ6InNpemUiO3M6MzoiMy41IjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="header_tabbar_top_border" value="YTo4OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MDoiIjtzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="header_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjQ6IiM2NTZBNkR8LTE0MCwgLTEzNSwgLTEzMiI7fQ==" />
		<stylevar name="icon_color_blue_01" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzA6Imdsb2JhbF9wYWxldHRlX2FjY2VudF8wMy5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoxNToiI0M2RUNGOHw1LCAwLCA3Ijt9" />
		<stylevar name="icon_color_blue_02" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzA6Imdsb2JhbF9wYWxldHRlX2FjY2VudF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMDoiIzBGOTNGRnwtNTMsIDI5LCAtMzMiO30=" />
		<stylevar name="icon_color_blue_03" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzA6Imdsb2JhbF9wYWxldHRlX2FjY2VudF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoxODoiIzBGOTNGRnwxNSwgMCwgLTQ1Ijt9" />
		<stylevar name="icon_color_blue_04" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzA6Imdsb2JhbF9wYWxldHRlX2FjY2VudF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoxOToiIzBGOTNGRnwzLCAtMzEsIC02NyI7fQ==" />
		<stylevar name="icon_color_blue_05" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzA6Imdsb2JhbF9wYWxldHRlX2FjY2VudF8wMS5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoxNzoiIzA1MjczM3wxLCAtMywgLTQiO30=" />
		<stylevar name="icon_color_gray_01" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiNGOEY4Rjh8LTIsIC0yLCAtMiI7fQ==" />
		<stylevar name="icon_color_gray_02" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTE1LCAtMTUsIC0xNCI7fQ==" />
		<stylevar name="icon_color_gray_03" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTM0LCAtMzIsIC0zMSI7fQ==" />
		<stylevar name="icon_color_gray_04" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTU1LCAtNTUsIC01MyI7fQ==" />
		<stylevar name="icon_color_gray_05" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTc5LCAtNzgsIC03NyI7fQ==" />
		<stylevar name="icon_color_gray_06" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTk4LCAtOTUsIC05MSI7fQ==" />
		<stylevar name="icon_color_gray_07" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjQ6IiNGOEY4Rjh8LTEyMCwgLTExNSwgLTExMCI7fQ==" />
		<stylevar name="icon_color_gray_08" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjQ6IiNGOEY4Rjh8LTE0OCwgLTE0MiwgLTEzOSI7fQ==" />
		<stylevar name="icon_color_gray_09" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjQ6IiNGOEY4Rjh8LTE3NywgLTE3MSwgLTE2OSI7fQ==" />
		<stylevar name="icon_color_gray_10" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjQ6IiNGOEY4Rjh8LTIwNCwgLTE5NywgLTE5NCI7fQ==" />
		<stylevar name="icon_color_gray_11" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjQ6IiNGOEY4Rjh8LTIxMSwgLTIwNCwgLTIwMSI7fQ==" />
		<stylevar name="icon_color_gray_12" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjQ6IiNGOEY4Rjh8LTIzNSwgLTIyNSwgLTIxNyI7fQ==" />
		<stylevar name="icon_color_green" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzI6Imdsb2JhbF9wYWxldHRlX2NvbnRyYXN0XzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIyOiIjRTJGMENFfC05OCwgLTU4LCAtMjA2Ijt9" />
		<stylevar name="icon_color_orange" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzI6Imdsb2JhbF9wYWxldHRlX2NvbnRyYXN0XzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRkZFOUM3fDAsIC0xMTMsIC0xOTkiO30=" />
		<stylevar name="icon_color_red_01" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzE6Imdsb2JhbF9wYWxldHRlX3dhcm5pbmdfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTc6IiNDODE5MTl8LTE5LCA0LCAxIjt9" />
		<stylevar name="icon_color_red_02" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzE6Imdsb2JhbF9wYWxldHRlX3dhcm5pbmdfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjA6IiNDODE5MTl8MjksIC0xOSwgLTE5Ijt9" />
		<stylevar name="icon_color_steel_01" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzA6Imdsb2JhbF9wYWxldHRlX2FjY2VudF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMDoiIzBGOTNGRnwtOTAsIC00LCAtOTAiO30=" />
		<stylevar name="icon_color_steel_02" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzA6Imdsb2JhbF9wYWxldHRlX2FjY2VudF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMDoiIzBGOTNGRnwtOTAsIC00LCAtOTAiO30=" />
		<stylevar name="icon_color_white" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="icon_color_yellow" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzI6Imdsb2JhbF9wYWxldHRlX2NvbnRyYXN0XzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIwOiIjRkZFOUM3fDAsIC00NywgLTE5OSI7fQ==" />
		<stylevar name="imgdir_attach" value="YToxOntzOjg6ImltYWdlZGlyIjtzOjEzOiJpbWFnZXMvYXR0YWNoIjt9" />
		<stylevar name="imgdir_misc" value="YToxOntzOjg6ImltYWdlZGlyIjtzOjExOiJpbWFnZXMvbWlzYyI7fQ==" />
		<stylevar name="imgdir_spriteiconsvb" value="YToyOntzOjQ6InBhdGgiO3M6MDoiIjtzOjEzOiJzdHlsZXZhcl9wYXRoIjtzOjA6IiI7fQ==" />
		<stylevar name="imgdir_statusicon" value="YToxOntzOjg6ImltYWdlZGlyIjtzOjE3OiJpbWFnZXMvc3RhdHVzaWNvbiI7fQ==" />
		<stylevar name="inline_edit_background" value="YTo2OntzOjU6InVuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czo3OiIjMkYzODQyIjtzOjU6ImltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjE6InkiO3M6MDoiIjt9" />
		<stylevar name="inline_edit_button_border" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjU6IndpZHRoIjtzOjE6IjEiO3M6NToic3R5bGUiO3M6NToic29saWQiO3M6NToiY29sb3IiO3M6NzoiIzk0QjM1NyI7fQ==" />
		<stylevar name="inline_edit_button_disabled_text_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiM3MTdCODIiO30=" />
		<stylevar name="inline_edit_button_divider_left_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiMyQTMzM0MiO30=" />
		<stylevar name="inline_edit_button_divider_right_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiMwRTEzMTciO30=" />
		<stylevar name="inline_edit_button_flat_text_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiNGNEY2RjgiO30=" />
		<stylevar name="inline_edit_button_primary_text_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiMyQzNDMTIiO30=" />
		<stylevar name="inline_edit_button_secondary_text_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiMzMjNCNDQiO30=" />
		<stylevar name="inline_edit_field_border" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjU6IndpZHRoIjtzOjE6IjEiO3M6NToic3R5bGUiO3M6NToic29saWQiO3M6NToiY29sb3IiO3M6NzoiIzFDMjQyQiI7fQ==" />
		<stylevar name="inline_edit_folder_active_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiNFMUU3RUUiO30=" />
		<stylevar name="inline_edit_folder_inner_highlight_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiMzOTNDNDAiO30=" />
		<stylevar name="inline_edit_folder_text_color_active_hover" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiM3QTgyOEIiO30=" />
		<stylevar name="inline_edit_form_text_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiMwMDAwMDAiO30=" />
		<stylevar name="inline_edit_header_body_text_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiNEM0Q4RTIiO30=" />
		<stylevar name="inline_edit_header_line_bottom_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiMyMTI4MkYiO30=" />
		<stylevar name="inline_edit_header_line_top_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiMzNTNFNDciO30=" />
		<stylevar name="inline_edit_module_title_text_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiM0RENERkYiO30=" />
		<stylevar name="inline_edit_popup_comment_line_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiMzQjQ0NEQiO30=" />
		<stylevar name="inline_edit_search_bar_background" value="YTo2OntzOjU6InVuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czo3OiIjNUM2MzZCIjtzOjU6ImltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjE6InkiO3M6MDoiIjt9" />
		<stylevar name="inline_edit_search_bar_background_active" value="YTo2OntzOjU6InVuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czo3OiIjRUNFQ0VDIjtzOjU6ImltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjE6InkiO3M6MDoiIjt9" />
		<stylevar name="inline_edit_search_bar_background_hover" value="YTo2OntzOjU6InVuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czo3OiIjOTc5QjlGIjtzOjU6ImltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjE6InkiO3M6MDoiIjt9" />
		<stylevar name="inline_edit_search_bar_text_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiNBQUFFQjIiO30=" />
		<stylevar name="inline_edit_search_text_active_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiMyMjJCMzQiO30=" />
		<stylevar name="inline_edit_subheader_text_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiNGMEZEQ0YiO30=" />
		<stylevar name="list_item_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="main_nav_admin_bar_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE4OiIjRjhGOEY4fC03LCAtOSwgLTgiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czoyMDoiI0Y4RjhGOHwtOSwgLTExLCAtMTAiO30=" />
		<stylevar name="main_nav_admin_bar_bottom_line_background" value="YToxMjp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7fQ==" />
		<stylevar name="main_nav_admin_bar_bottom_line_height" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czoxOiIwIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="main_nav_admin_bar_divider_left_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTQ5LCAtNDgsIC00NyI7fQ==" />
		<stylevar name="main_nav_admin_bar_divider_right_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTU6IiNGOEY4Rjh8MiwgMiwgMiI7fQ==" />
		<stylevar name="main_nav_admin_bar_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MzoiMS4yIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6NDoiYm9sZCI7czoxNToic3R5bGV2YXJfd2VpZ2h0IjtzOjA6IiI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIyOiJnbG9iYWxfdGV4dF9mb250LnN0eWxlIjtzOjc6InZhcmlhbnQiO3M6MDoiIjtzOjE2OiJzdHlsZXZhcl92YXJpYW50IjtzOjI0OiJnbG9iYWxfdGV4dF9mb250LnZhcmlhbnQiO30=" />
		<stylevar name="main_nav_admin_bar_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiMyNTJDMkZ8LTQwLCAtMzksIC0zOCI7fQ==" />
		<stylevar name="main_nav_admin_bar_text_color_hover" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MzcsIDQ0LCA0NyI7fQ==" />
		<stylevar name="main_nav_admin_bar_text_disabled_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiM2NTZBNkR8LTQxLCAtMzYsIC0zMyI7fQ==" />
		<stylevar name="main_nav_admincp_button_background" value="YToyMDp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czo3OiIjODc4RjkzIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czowOiIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czo3OiIjQUFCMUI2IjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czo3OiIjNjA2ODZCIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="main_nav_button_border" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjU6IndpZHRoIjtzOjE6IjEiO3M6NToic3R5bGUiO3M6NToic29saWQiO3M6NToiY29sb3IiO3M6NzoiI0FFQUVBRSI7fQ==" />
		<stylevar name="main_nav_login_error_field_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMxOiJnbG9iYWxfcGFsZXR0ZV93YXJuaW5nXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIyOiIjQzgxOTE5fDU1LCAtMTk5LCAtMTk5IjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czowOiIiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="main_nav_login_error_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzE6Imdsb2JhbF9wYWxldHRlX3dhcm5pbmdfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiNDODE5MTl8MTEsIDI1LCAyNSI7fQ==" />
		<stylevar name="module_border_radius_size" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czoxOiIzIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="module_content_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="module_content_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDQsIC0zOSwgLTM1Ijt9" />
		<stylevar name="module_contentslider_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czo0ODoidXJsKGltYWdlcy9jb250ZW50c2xpZGVyX2RlZmF1bHRfYmFja2dyb3VuZC5wbmcpIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="module_contentslider_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDQsIC0zOSwgLTM1Ijt9" />
		<stylevar name="module_contentslider_caption_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="module_contentslider_caption_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MzcsIDQ0LCA0NyI7fQ==" />
		<stylevar name="module_contentslider_height" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czozOiIyMDAiO3M6MTM6InN0eWxldmFyX3NpemUiO3M6MDoiIjt9" />
		<stylevar name="module_header_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="module_header_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMiI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtODYsIC03NCwgLTY5Ijt9" />
		<stylevar name="module_header_divider_margin" value="YToxMjp7czo1OiJ1bml0cyI7czoyOiJweCI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjM6InRvcCI7czoxOiIwIjtzOjEyOiJzdHlsZXZhcl90b3AiO3M6MDoiIjtzOjU6InJpZ2h0IjtzOjE6IjAiO3M6MTQ6InN0eWxldmFyX3JpZ2h0IjtzOjA6IiI7czo2OiJib3R0b20iO3M6MjoiMTUiO3M6MTU6InN0eWxldmFyX2JvdHRvbSI7czowOiIiO3M6NDoibGVmdCI7czoxOiIwIjtzOjEzOiJzdHlsZXZhcl9sZWZ0IjtzOjA6IiI7czo0OiJzYW1lIjtzOjE6IjAiO3M6MTM6InN0eWxldmFyX3NhbWUiO3M6MDoiIjt9" />
		<stylevar name="module_header_font" value="YToxNDp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjI0OiJnbG9iYWxfaGVhZGVyX2ZvbnQudW5pdHMiO3M6NjoiZmFtaWx5IjtzOjA6IiI7czoxNToic3R5bGV2YXJfZmFtaWx5IjtzOjI1OiJnbG9iYWxfaGVhZGVyX2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MDoiIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjIzOiJnbG9iYWxfaGVhZGVyX2ZvbnQuc2l6ZSI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjk6Imdsb2JhbF9oZWFkZXJfZm9udC5saW5laGVpZ2h0IjtzOjY6IndlaWdodCI7czowOiIiO3M6MTU6InN0eWxldmFyX3dlaWdodCI7czoyNToiZ2xvYmFsX2hlYWRlcl9mb250LndlaWdodCI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjI0OiJnbG9iYWxfaGVhZGVyX2ZvbnQuc3R5bGUiO3M6NzoidmFyaWFudCI7czowOiIiO3M6MTY6InN0eWxldmFyX3ZhcmlhbnQiO3M6MjY6Imdsb2JhbF9oZWFkZXJfZm9udC52YXJpYW50Ijt9" />
		<stylevar name="module_header_text_align" value="YToyOntzOjk6InRleHRhbGlnbiI7czo0OiJsZWZ0IjtzOjE4OiJzdHlsZXZhcl90ZXh0YWxpZ24iO3M6MDoiIjt9" />
		<stylevar name="module_header_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MzcsIDQ0LCA0NyI7fQ==" />
		<stylevar name="module_header_text_transform" value="YToyOntzOjEzOiJ0ZXh0dHJhbnNmb3JtIjtzOjQ6Im5vbmUiO3M6MjI6InN0eWxldmFyX3RleHR0cmFuc2Zvcm0iO3M6MDoiIjt9" />
		<stylevar name="module_search_list_item_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjY6ImRvdHRlZCI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MDoiIjtzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjM6IiNGOEY4Rjh8LTEwNywgLTEwMiwgLTk5Ijt9" />
		<stylevar name="module_tab_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="module_tab_background_active" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="module_tab_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDcsIC00MiwgLTM4Ijt9" />
		<stylevar name="module_tab_border_active" value="YTo5OntzOjU6InVuaXRzIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MjM6Im1vZHVsZV90YWJfYm9yZGVyLnVuaXRzIjtzOjU6IndpZHRoIjtzOjE6IjAiO3M6MTQ6InN0eWxldmFyX3dpZHRoIjtzOjIzOiJtb2R1bGVfdGFiX2JvcmRlci53aWR0aCI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIzOiJtb2R1bGVfdGFiX2JvcmRlci5zdHlsZSI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjIzOiJtb2R1bGVfdGFiX2JvcmRlci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="module_tab_border_radius_size" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czoxOiIzIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="module_tab_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MzoiMS4xIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6NDoiYm9sZCI7czoxNToic3R5bGV2YXJfd2VpZ2h0IjtzOjA6IiI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIyOiJnbG9iYWxfdGV4dF9mb250LnN0eWxlIjtzOjc6InZhcmlhbnQiO3M6MDoiIjtzOjE2OiJzdHlsZXZhcl92YXJpYW50IjtzOjI0OiJnbG9iYWxfdGV4dF9mb250LnZhcmlhbnQiO30=" />
		<stylevar name="module_tab_font_active" value="YToxNDp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjIxOiJtb2R1bGVfdGFiX2ZvbnQudW5pdHMiO3M6NjoiZmFtaWx5IjtzOjA6IiI7czoxNToic3R5bGV2YXJfZmFtaWx5IjtzOjIyOiJtb2R1bGVfdGFiX2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MDoiIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjIwOiJtb2R1bGVfdGFiX2ZvbnQuc2l6ZSI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6MjY6Im1vZHVsZV90YWJfZm9udC5saW5laGVpZ2h0IjtzOjY6IndlaWdodCI7czowOiIiO3M6MTU6InN0eWxldmFyX3dlaWdodCI7czoyMjoibW9kdWxlX3RhYl9mb250LndlaWdodCI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIxOiJtb2R1bGVfdGFiX2ZvbnQuc3R5bGUiO3M6NzoidmFyaWFudCI7czowOiIiO3M6MTY6InN0eWxldmFyX3ZhcmlhbnQiO3M6MjM6Im1vZHVsZV90YWJfZm9udC52YXJpYW50Ijt9" />
		<stylevar name="module_tab_height" value="YTo0OntzOjU6InVuaXRzIjtzOjM6InJlbSI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjQ6InNpemUiO3M6MzoiMi42IjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="module_tab_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiMyNTJDMkZ8LTk0LCAtOTEsIC05MCI7fQ==" />
		<stylevar name="module_tab_text_color_active" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiMyNTJDMkZ8LTE1LCAtMTQsIC0xNCI7fQ==" />
		<stylevar name="module_tab_text_color_hover" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiMyNTJDMkZ8LTE1LCAtMTQsIC0xNCI7fQ==" />
		<stylevar name="module_tab_text_decoration" value="YToxMDp7czo0OiJub25lIjtzOjE6IjEiO3M6MTM6InN0eWxldmFyX25vbmUiO3M6MDoiIjtzOjk6InVuZGVybGluZSI7czoxOiIwIjtzOjE4OiJzdHlsZXZhcl91bmRlcmxpbmUiO3M6MDoiIjtzOjg6Im92ZXJsaW5lIjtzOjE6IjAiO3M6MTc6InN0eWxldmFyX292ZXJsaW5lIjtzOjA6IiI7czoxMjoibGluZS10aHJvdWdoIjtzOjE6IjAiO3M6MjE6InN0eWxldmFyX2xpbmUtdGhyb3VnaCI7czowOiIiO3M6NToiYmxpbmsiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfYmxpbmsiO3M6MDoiIjt9" />
		<stylevar name="module_tab_text_decoration_active" value="YToxMDp7czo0OiJub25lIjtzOjE6IjEiO3M6MTM6InN0eWxldmFyX25vbmUiO3M6MDoiIjtzOjk6InVuZGVybGluZSI7czoxOiIwIjtzOjE4OiJzdHlsZXZhcl91bmRlcmxpbmUiO3M6MDoiIjtzOjg6Im92ZXJsaW5lIjtzOjE6IjAiO3M6MTc6InN0eWxldmFyX292ZXJsaW5lIjtzOjA6IiI7czoxMjoibGluZS10aHJvdWdoIjtzOjE6IjAiO3M6MjE6InN0eWxldmFyX2xpbmUtdGhyb3VnaCI7czowOiIiO3M6NToiYmxpbmsiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfYmxpbmsiO3M6MDoiIjt9" />
		<stylevar name="module_tab_text_decoration_hover" value="YToxMDp7czo0OiJub25lIjtzOjE6IjEiO3M6MTM6InN0eWxldmFyX25vbmUiO3M6MDoiIjtzOjk6InVuZGVybGluZSI7czoxOiIwIjtzOjE4OiJzdHlsZXZhcl91bmRlcmxpbmUiO3M6MDoiIjtzOjg6Im92ZXJsaW5lIjtzOjE6IjAiO3M6MTc6InN0eWxldmFyX292ZXJsaW5lIjtzOjA6IiI7czoxMjoibGluZS10aHJvdWdoIjtzOjE6IjAiO3M6MjE6InN0eWxldmFyX2xpbmUtdGhyb3VnaCI7czowOiIiO3M6NToiYmxpbmsiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfYmxpbmsiO3M6MDoiIjt9" />
		<stylevar name="module_tab_text_transform" value="YToyOntzOjEzOiJ0ZXh0dHJhbnNmb3JtIjtzOjk6InVwcGVyY2FzZSI7czoyMjoic3R5bGV2YXJfdGV4dHRyYW5zZm9ybSI7czowOiIiO30=" />
		<stylevar name="module_tabbar_border_radius_size" value="YTo0OntzOjU6InVuaXRzIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MzU6Im1vZHVsZV90YWJfYm9yZGVyX3JhZGl1c19zaXplLnVuaXRzIjtzOjQ6InNpemUiO3M6MDoiIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjM0OiJtb2R1bGVfdGFiX2JvcmRlcl9yYWRpdXNfc2l6ZS5zaXplIjt9" />
		<stylevar name="no_content_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="notice_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMyOiJnbG9iYWxfcGFsZXR0ZV9jb250cmFzdF8wMS5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoxODoiI0ZGRTlDN3wtMywgMTQsIDE2IjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czowOiIiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="notice_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czozMjoiZ2xvYmFsX3BhbGV0dGVfY29udHJhc3RfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGRkU5Qzd8LTMwLCAtMjEsIC03MyI7fQ==" />
		<stylevar name="notice_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="notification_count_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMxOiJnbG9iYWxfcGFsZXR0ZV93YXJuaW5nXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE4OiIjQzgxOTE5fDExLCAtNiwgLTYiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjMxOiJnbG9iYWxfcGFsZXR0ZV93YXJuaW5nXzAxLmNvbG9yIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjIwOiIjQzgxOTE5fDE3LCAtMjAsIC0yMCI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjMxOiJnbG9iYWxfcGFsZXR0ZV93YXJuaW5nXzAxLmNvbG9yIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czoxNjoiI0M4MTkxOXwtNSwgOCwgOCI7fQ==" />
		<stylevar name="notification_count_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czozMToiZ2xvYmFsX3BhbGV0dGVfd2FybmluZ18wMS5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoxOToiI0M4MTkxOXwtNTAsIC05LCAtOSI7fQ==" />
		<stylevar name="notification_count_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="notification_detail_unread_background" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzI6Imdsb2JhbF9wYWxldHRlX2NvbnRyYXN0XzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE3OiIjRkZFOUM3fDAsIDIyLCAzMiI7fQ==" />
		<stylevar name="pagination_nextprev_divider_left_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTQzLCAtMzksIC0zNiI7fQ==" />
		<stylevar name="pagination_nextprev_divider_right_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTQzLCAtMzksIC0zNiI7fQ==" />
		<stylevar name="photo_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMwNTI3MzN8LTI0LCAzLCAxMSI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="photo_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNTQsIC00OCwgLTQ0Ijt9" />
		<stylevar name="photo_border_hover" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyNDoiI0Y4RjhGOHwtMTE1LCAtMTA4LCAtMTA0Ijt9" />
		<stylevar name="photo_preview_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="photo_preview_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDgsIC00NCwgLTQyIjt9" />
		<stylevar name="placeholder_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTc6IiM2NTZBNkR8MTYsIDEwLCA4Ijt9" />
		<stylevar name="poll_result_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtMTUsIC0xNSwgLTE1Ijt9" />
		<stylevar name="poll_result_color_01" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiM5NkMxMDAiO30=" />
		<stylevar name="poll_result_color_02" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiNGN0FFMDAiO30=" />
		<stylevar name="poll_result_color_03" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiNENzI0MjQiO30=" />
		<stylevar name="poll_result_color_04" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiMzQThERTgiO30=" />
		<stylevar name="poll_result_color_05" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiM5NDUzQTQiO30=" />
		<stylevar name="poll_result_color_06" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiNFNzUwMUQiO30=" />
		<stylevar name="poll_result_color_07" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiM0N0Q2REMiO30=" />
		<stylevar name="poll_result_color_08" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiM0QkExMkEiO30=" />
		<stylevar name="poll_result_color_09" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiM5QTgyREYiO30=" />
		<stylevar name="poll_result_color_10" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiNGN0REMDAiO30=" />
		<stylevar name="poll_result_color_11" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiM0NUI3RkYiO30=" />
		<stylevar name="poll_result_color_12" value="YToxOntzOjU6ImNvbG9yIjtzOjc6IiNGNTQ1RkYiO30=" />
		<stylevar name="poll_result_percentage_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="popup_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="popup_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDYsIC00MiwgLTM4Ijt9" />
		<stylevar name="popup_header_background" value="YTo2OntzOjU6InVuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czoxMToidHJhbnNwYXJlbnQiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MToieCI7czoxOiIwIjtzOjE6InkiO3M6MToiMCI7fQ==" />
		<stylevar name="popup_header_text_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6ImluaGVyaXQiO30=" />
		<stylevar name="popup_overlay_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTc6IiMwNTI3MzN8NSwgMzksIDUxIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="popup_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MjE6ImJvZHlfdGV4dF9jb2xvci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="post_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDgsIC00NCwgLTQyIjt9" />
		<stylevar name="post_content_font" value="YToxNDp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjIyOiJnbG9iYWxfdGV4dF9mb250LnVuaXRzIjtzOjY6ImZhbWlseSI7czowOiIiO3M6MTU6InN0eWxldmFyX2ZhbWlseSI7czoyMzoiZ2xvYmFsX3RleHRfZm9udC5mYW1pbHkiO3M6NDoic2l6ZSI7czowOiIiO3M6MTM6InN0eWxldmFyX3NpemUiO3M6MjE6Imdsb2JhbF90ZXh0X2ZvbnQuc2l6ZSI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl93ZWlnaHQiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQud2VpZ2h0IjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MjI6Imdsb2JhbF90ZXh0X2ZvbnQuc3R5bGUiO3M6NzoidmFyaWFudCI7czowOiIiO3M6MTY6InN0eWxldmFyX3ZhcmlhbnQiO3M6MjQ6Imdsb2JhbF90ZXh0X2ZvbnQudmFyaWFudCI7fQ==" />
		<stylevar name="post_controls_divider_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTY1LCAtNjAsIC01OCI7fQ==" />
		<stylevar name="post_controls_quote_active_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzI6Imdsb2JhbF9wYWxldHRlX2NvbnRyYXN0XzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRkZFOUM3fDAsIC0xMTMsIC0xOTkiO30=" />
		<stylevar name="post_controls_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTY6IiM2NTZBNkR8LTQsIDEsIDQiO30=" />
		<stylevar name="post_controls_votes_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtMzksIC00NCwgLTQ0Ijt9" />
		<stylevar name="post_deleted_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czozMToiZ2xvYmFsX3BhbGV0dGVfd2FybmluZ18wMS5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMjoiI0M4MTkxOXwzMywgLTE4NCwgLTE4MyI7fQ==" />
		<stylevar name="post_user_info_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="post_username_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="postbit_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC00OCwgLTQ0LCAtNDIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="postbit_deleted_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMxOiJnbG9iYWxfcGFsZXR0ZV93YXJuaW5nXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIyOiIjQzgxOTE5fDMzLCAtMTg0LCAtMTgzIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czowOiIiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="postbit_unapproved_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMyOiJnbG9iYWxfcGFsZXR0ZV9jb250cmFzdF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="primary_module_background" value="YTo2OntzOjU6InVuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czoxMToidHJhbnNwYXJlbnQiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MToieCI7czoxOiIwIjtzOjE6InkiO3M6MToiMCI7fQ==" />
		<stylevar name="primary_module_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDgsIC00NCwgLTQyIjt9" />
		<stylevar name="primary_module_header_background" value="YTo2OntzOjU6InVuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czoxMToidHJhbnNwYXJlbnQiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MToieCI7czoxOiIwIjtzOjE6InkiO3M6MToiMCI7fQ==" />
		<stylevar name="primary_module_header_font" value="YToxNDp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjI0OiJnbG9iYWxfaGVhZGVyX2ZvbnQudW5pdHMiO3M6NjoiZmFtaWx5IjtzOjA6IiI7czoxNToic3R5bGV2YXJfZmFtaWx5IjtzOjI1OiJnbG9iYWxfaGVhZGVyX2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MDoiIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjIzOiJnbG9iYWxfaGVhZGVyX2ZvbnQuc2l6ZSI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjk6Imdsb2JhbF9oZWFkZXJfZm9udC5saW5laGVpZ2h0IjtzOjY6IndlaWdodCI7czowOiIiO3M6MTU6InN0eWxldmFyX3dlaWdodCI7czoyNToiZ2xvYmFsX2hlYWRlcl9mb250LndlaWdodCI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjI0OiJnbG9iYWxfaGVhZGVyX2ZvbnQuc3R5bGUiO3M6NzoidmFyaWFudCI7czowOiIiO3M6MTY6InN0eWxldmFyX3ZhcmlhbnQiO3M6MjY6Imdsb2JhbF9oZWFkZXJfZm9udC52YXJpYW50Ijt9" />
		<stylevar name="primary_module_header_text_align" value="YToyOntzOjk6InRleHRhbGlnbiI7czo0OiJsZWZ0IjtzOjE4OiJzdHlsZXZhcl90ZXh0YWxpZ24iO3M6MDoiIjt9" />
		<stylevar name="primary_module_header_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MzcsIDQ0LCA0NyI7fQ==" />
		<stylevar name="primary_module_header_text_transform" value="YToyOntzOjEzOiJ0ZXh0dHJhbnNmb3JtIjtzOjQ6Im5vbmUiO3M6MjI6InN0eWxldmFyX3RleHR0cmFuc2Zvcm0iO3M6MDoiIjt9" />
		<stylevar name="primary_module_subheader_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE4OiIjRjhGOEY4fC04LCAtOCwgLTgiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="primary_module_subheader_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDcsIC00MiwgLTM4Ijt9" />
		<stylevar name="primary_module_subheader_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjU6Imdsb2JhbF9oZWFkZXJfZm9udC5mYW1pbHkiO3M6NDoic2l6ZSI7czozOiIxLjIiO3M6MTM6InN0eWxldmFyX3NpemUiO3M6MDoiIjtzOjEwOiJsaW5laGVpZ2h0IjtzOjA6IiI7czoxOToic3R5bGV2YXJfbGluZWhlaWdodCI7czoyOToiZ2xvYmFsX2hlYWRlcl9mb250LmxpbmVoZWlnaHQiO3M6Njoid2VpZ2h0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfd2VpZ2h0IjtzOjI1OiJnbG9iYWxfaGVhZGVyX2ZvbnQud2VpZ2h0IjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MjQ6Imdsb2JhbF9oZWFkZXJfZm9udC5zdHlsZSI7czo3OiJ2YXJpYW50IjtzOjA6IiI7czoxNjoic3R5bGV2YXJfdmFyaWFudCI7czoyNjoiZ2xvYmFsX2hlYWRlcl9mb250LnZhcmlhbnQiO30=" />
		<stylevar name="primary_module_subheader_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MjgsIDIyLCAyMCI7fQ==" />
		<stylevar name="private_messages_mark_as_unread_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTc6IiNDNkVDRjh8MzgsIDExLCAyIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czowOiIiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="profcustom_navbar_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjI3OiJtb2R1bGVfdGFiX2JhY2tncm91bmQudW5pdHMiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyNzoibW9kdWxlX3RhYl9iYWNrZ3JvdW5kLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjI3OiJtb2R1bGVfdGFiX2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjI4OiJtb2R1bGVfdGFiX2JhY2tncm91bmQucmVwZWF0IjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjIzOiJtb2R1bGVfdGFiX2JhY2tncm91bmQueCI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czoyMzoibW9kdWxlX3RhYl9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjM1OiJtb2R1bGVfdGFiX2JhY2tncm91bmQuZ3JhZGllbnRfdHlwZSI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjQwOiJtb2R1bGVfdGFiX2JhY2tncm91bmQuZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjQyOiJtb2R1bGVfdGFiX2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6NDA6Im1vZHVsZV90YWJfYmFja2dyb3VuZC5ncmFkaWVudF9lbmRfY29sb3IiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="profcustom_navbar_background_active" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjM0OiJtb2R1bGVfdGFiX2JhY2tncm91bmRfYWN0aXZlLnVuaXRzIjtzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzQ6Im1vZHVsZV90YWJfYmFja2dyb3VuZF9hY3RpdmUuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MzQ6Im1vZHVsZV90YWJfYmFja2dyb3VuZF9hY3RpdmUuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjM1OiJtb2R1bGVfdGFiX2JhY2tncm91bmRfYWN0aXZlLnJlcGVhdCI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czozMDoibW9kdWxlX3RhYl9iYWNrZ3JvdW5kX2FjdGl2ZS54IjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjMwOiJtb2R1bGVfdGFiX2JhY2tncm91bmRfYWN0aXZlLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjQyOiJtb2R1bGVfdGFiX2JhY2tncm91bmRfYWN0aXZlLmdyYWRpZW50X3R5cGUiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czo0NzoibW9kdWxlX3RhYl9iYWNrZ3JvdW5kX2FjdGl2ZS5ncmFkaWVudF9kaXJlY3Rpb24iO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6NDk6Im1vZHVsZV90YWJfYmFja2dyb3VuZF9hY3RpdmUuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6NDc6Im1vZHVsZV90YWJfYmFja2dyb3VuZF9hY3RpdmUuZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="profcustom_navbar_border" value="YTo5OntzOjU6InVuaXRzIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MjM6Im1vZHVsZV90YWJfYm9yZGVyLnVuaXRzIjtzOjU6IndpZHRoIjtzOjE6IjAiO3M6MTQ6InN0eWxldmFyX3dpZHRoIjtzOjIzOiJtb2R1bGVfdGFiX2JvcmRlci53aWR0aCI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIzOiJtb2R1bGVfdGFiX2JvcmRlci5zdHlsZSI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjIzOiJtb2R1bGVfdGFiX2JvcmRlci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="profcustom_navbar_border_active" value="YTo5OntzOjU6InVuaXRzIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MzA6Im1vZHVsZV90YWJfYm9yZGVyX2FjdGl2ZS51bml0cyI7czo1OiJ3aWR0aCI7czoxOiIwIjtzOjE0OiJzdHlsZXZhcl93aWR0aCI7czozMDoibW9kdWxlX3RhYl9ib3JkZXJfYWN0aXZlLndpZHRoIjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MzA6Im1vZHVsZV90YWJfYm9yZGVyX2FjdGl2ZS5zdHlsZSI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJtb2R1bGVfdGFiX2JvcmRlcl9hY3RpdmUuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="profcustom_navbar_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjc6Im1vZHVsZV90YWJfdGV4dF9jb2xvci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="profcustom_navbar_text_color_active" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzQ6Im1vZHVsZV90YWJfdGV4dF9jb2xvcl9hY3RpdmUuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="profcustom_navbar_toolbar_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MjgsIDIyLCAyMCI7fQ==" />
		<stylevar name="profcustom_navbarbutton_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjMxOiJidXR0b25fcHJpbWFyeV9iYWNrZ3JvdW5kLnVuaXRzIjtzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzE6ImJ1dHRvbl9wcmltYXJ5X2JhY2tncm91bmQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MzE6ImJ1dHRvbl9wcmltYXJ5X2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjMyOiJidXR0b25fcHJpbWFyeV9iYWNrZ3JvdW5kLnJlcGVhdCI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czoyNzoiYnV0dG9uX3ByaW1hcnlfYmFja2dyb3VuZC54IjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjI3OiJidXR0b25fcHJpbWFyeV9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjM5OiJidXR0b25fcHJpbWFyeV9iYWNrZ3JvdW5kLmdyYWRpZW50X3R5cGUiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czo0NDoiYnV0dG9uX3ByaW1hcnlfYmFja2dyb3VuZC5ncmFkaWVudF9kaXJlY3Rpb24iO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6NDY6ImJ1dHRvbl9wcmltYXJ5X2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6NDQ6ImJ1dHRvbl9wcmltYXJ5X2JhY2tncm91bmQuZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="profcustom_navbarbutton_border" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjc6ImJ1dHRvbl9wcmltYXJ5X2JvcmRlci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="profcustom_navbarbutton_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzE6ImJ1dHRvbl9wcmltYXJ5X3RleHRfY29sb3IuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="profcustom_navbarbuttonsecondary_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjMzOiJidXR0b25fc2Vjb25kYXJ5X2JhY2tncm91bmQudW5pdHMiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czozMzoiYnV0dG9uX3NlY29uZGFyeV9iYWNrZ3JvdW5kLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjMzOiJidXR0b25fc2Vjb25kYXJ5X2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjM0OiJidXR0b25fc2Vjb25kYXJ5X2JhY2tncm91bmQucmVwZWF0IjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjI5OiJidXR0b25fc2Vjb25kYXJ5X2JhY2tncm91bmQueCI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czoyOToiYnV0dG9uX3NlY29uZGFyeV9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjQxOiJidXR0b25fc2Vjb25kYXJ5X2JhY2tncm91bmQuZ3JhZGllbnRfdHlwZSI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjQ2OiJidXR0b25fc2Vjb25kYXJ5X2JhY2tncm91bmQuZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjQ4OiJidXR0b25fc2Vjb25kYXJ5X2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6NDY6ImJ1dHRvbl9zZWNvbmRhcnlfYmFja2dyb3VuZC5ncmFkaWVudF9lbmRfY29sb3IiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="profcustom_navbarbuttonsecondary_border" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjk6ImJ1dHRvbl9zZWNvbmRhcnlfYm9yZGVyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="profcustom_navbarbuttonsecondary_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzM6ImJ1dHRvbl9zZWNvbmRhcnlfdGV4dF9jb2xvci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="profile_button_primary_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjQwOiJwcm9mY3VzdG9tX25hdmJhcmJ1dHRvbl9iYWNrZ3JvdW5kLnVuaXRzIjtzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6NDA6InByb2ZjdXN0b21fbmF2YmFyYnV0dG9uX2JhY2tncm91bmQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6NDA6InByb2ZjdXN0b21fbmF2YmFyYnV0dG9uX2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjQxOiJwcm9mY3VzdG9tX25hdmJhcmJ1dHRvbl9iYWNrZ3JvdW5kLnJlcGVhdCI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czozNjoicHJvZmN1c3RvbV9uYXZiYXJidXR0b25fYmFja2dyb3VuZC54IjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjM2OiJwcm9mY3VzdG9tX25hdmJhcmJ1dHRvbl9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjQ4OiJwcm9mY3VzdG9tX25hdmJhcmJ1dHRvbl9iYWNrZ3JvdW5kLmdyYWRpZW50X3R5cGUiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czo1MzoicHJvZmN1c3RvbV9uYXZiYXJidXR0b25fYmFja2dyb3VuZC5ncmFkaWVudF9kaXJlY3Rpb24iO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6NTU6InByb2ZjdXN0b21fbmF2YmFyYnV0dG9uX2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6NTM6InByb2ZjdXN0b21fbmF2YmFyYnV0dG9uX2JhY2tncm91bmQuZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="profile_button_secondary_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjQ5OiJwcm9mY3VzdG9tX25hdmJhcmJ1dHRvbnNlY29uZGFyeV9iYWNrZ3JvdW5kLnVuaXRzIjtzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6NDk6InByb2ZjdXN0b21fbmF2YmFyYnV0dG9uc2Vjb25kYXJ5X2JhY2tncm91bmQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6NDk6InByb2ZjdXN0b21fbmF2YmFyYnV0dG9uc2Vjb25kYXJ5X2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjUwOiJwcm9mY3VzdG9tX25hdmJhcmJ1dHRvbnNlY29uZGFyeV9iYWNrZ3JvdW5kLnJlcGVhdCI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czo0NToicHJvZmN1c3RvbV9uYXZiYXJidXR0b25zZWNvbmRhcnlfYmFja2dyb3VuZC54IjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjQ1OiJwcm9mY3VzdG9tX25hdmJhcmJ1dHRvbnNlY29uZGFyeV9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjU3OiJwcm9mY3VzdG9tX25hdmJhcmJ1dHRvbnNlY29uZGFyeV9iYWNrZ3JvdW5kLmdyYWRpZW50X3R5cGUiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czo2MjoicHJvZmN1c3RvbV9uYXZiYXJidXR0b25zZWNvbmRhcnlfYmFja2dyb3VuZC5ncmFkaWVudF9kaXJlY3Rpb24iO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6NjQ6InByb2ZjdXN0b21fbmF2YmFyYnV0dG9uc2Vjb25kYXJ5X2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6NjI6InByb2ZjdXN0b21fbmF2YmFyYnV0dG9uc2Vjb25kYXJ5X2JhY2tncm91bmQuZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="profile_content_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="profile_content_border" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTQ4LCAtNDQsIC00MiI7fQ==" />
		<stylevar name="profile_content_divider_border" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTY1LCAtNjAsIC01OCI7fQ==" />
		<stylevar name="profile_content_font" value="YTo2OntzOjU6InVuaXRzIjtzOjE6IiUiO3M6NjoiZmFtaWx5IjtzOjc6ImluaGVyaXQiO3M6NDoic2l6ZSI7czozOiIxMDAiO3M6Njoid2VpZ2h0IjtzOjA6IiI7czo1OiJzdHlsZSI7czowOiIiO3M6NzoidmFyaWFudCI7czowOiIiO30=" />
		<stylevar name="profile_content_linktext" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="profile_content_primarytext" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="profile_content_secondarytext" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="profile_section_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE4OiIjRjhGOEY4fC00LCAtNCwgLTQiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="profile_section_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDYsIC00MiwgLTM4Ijt9" />
		<stylevar name="profile_section_font" value="YTo2OntzOjU6InVuaXRzIjtzOjE6IiUiO3M6NjoiZmFtaWx5IjtzOjc6ImluaGVyaXQiO3M6NDoic2l6ZSI7czozOiIxMDAiO3M6Njoid2VpZ2h0IjtzOjA6IiI7czo1OiJzdHlsZSI7czowOiIiO3M6NzoidmFyaWFudCI7czowOiIiO30=" />
		<stylevar name="profile_section_text_color" value="YToxOntzOjU6ImNvbG9yIjtzOjc6ImluaGVyaXQiO30=" />
		<stylevar name="profile_settings_tab_highlight" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiNCI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfdGV4dF8wNC5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="profile_userpanel_font" value="YToxNDp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjIyOiJnbG9iYWxfdGV4dF9mb250LnVuaXRzIjtzOjY6ImZhbWlseSI7czowOiIiO3M6MTU6InN0eWxldmFyX2ZhbWlseSI7czoyMzoiZ2xvYmFsX3RleHRfZm9udC5mYW1pbHkiO3M6NDoic2l6ZSI7czowOiIiO3M6MTM6InN0eWxldmFyX3NpemUiO3M6MjE6Imdsb2JhbF90ZXh0X2ZvbnQuc2l6ZSI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl93ZWlnaHQiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQud2VpZ2h0IjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MjI6Imdsb2JhbF90ZXh0X2ZvbnQuc3R5bGUiO3M6NzoidmFyaWFudCI7czowOiIiO3M6MTY6InN0eWxldmFyX3ZhcmlhbnQiO3M6MjQ6Imdsb2JhbF90ZXh0X2ZvbnQudmFyaWFudCI7fQ==" />
		<stylevar name="profile_userpanel_linkcolor" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTk6IiMyMzc5QjV8LTYsIC0xNiwgMjMiO30=" />
		<stylevar name="profile_userpanel_textcolor" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MjU6InNpZGVfbmF2X3RleHRfY29sb3IuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="profilesidebar_button_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiMwRjkzRkZ8LTI2LCAtMTAsIC01MSI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MTU6ImxpbmVhci1ncmFkaWVudCI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czo5OiJ0byBib3R0b20iO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjIyOiJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6Mjc6InJnYmEoNDAsIDUwLCA2MCwgMC4zNSkgMjBweCI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="profilesidebar_button_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czozMDoiZ2xvYmFsX3BhbGV0dGVfYWNjZW50XzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjMEY5M0ZGfC0yNiwgLTEwLCAtNTEiO30=" />
		<stylevar name="profilesidebar_button_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="profilesidebar_count_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzY6InNpZGVfbmF2X251bWJlcl9tZXNzYWdlc19jb2xvci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="reputation_bar_active_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMyOiJnbG9iYWxfcGFsZXR0ZV9jb250cmFzdF8wMS5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMzoiI0ZGRTlDN3wtMTQsIC0xMzMsIC0xOTkiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjMyOiJnbG9iYWxfcGFsZXR0ZV9jb250cmFzdF8wMS5jb2xvciI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czoyMDoiI0ZGRTlDN3wwLCAtODAsIC0xOTkiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czozMjoiZ2xvYmFsX3BhbGV0dGVfY29udHJhc3RfMDEuY29sb3IiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjIzOiIjRkZFOUM3fC00OCwgLTE2OCwgLTE5NSI7fQ==" />
		<stylevar name="root_font_size" value="YTo0OntzOjU6InVuaXRzIjtzOjE6IiUiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo0OiJzaXplIjtzOjQ6IjYyLjUiO3M6MTM6InN0eWxldmFyX3NpemUiO3M6MDoiIjt9" />
		<stylevar name="search_result_highlight_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzI6Imdsb2JhbF9wYWxldHRlX2NvbnRyYXN0XzAzLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="section_divider_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTQ4LCAtNDQsIC00MiI7fQ==" />
		<stylevar name="side_nav_avatar_border" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTQ4LCAtNDQsIC00MiI7fQ==" />
		<stylevar name="side_nav_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE4OiIjRjhGOEY4fC00LCAtNCwgLTQiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="side_nav_background_active" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0zNywgLTMzLCAtMzAiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="side_nav_background_hover" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0yMCwgLTE4LCAtMTciO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="side_nav_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDgsIC00NCwgLTQyIjt9" />
		<stylevar name="side_nav_item_border_bottom" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDYsIC00MSwgLTM3Ijt9" />
		<stylevar name="side_nav_item_border_top" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMS5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="side_nav_number_messages_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTk6IiMyMzc5QjV8MzUsIC0yNiwgMjkiO30=" />
		<stylevar name="side_nav_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MjgsIDIyLCAyMCI7fQ==" />
		<stylevar name="side_nav_text_color_active" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MjgsIDIyLCAyMCI7fQ==" />
		<stylevar name="side_nav_text_color_hover" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MjgsIDIyLCAyMCI7fQ==" />
		<stylevar name="sitebuilder_tabbar_background" value="YToyMDp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czo3OiIjMjEyQTMzIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czowOiIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czo3OiIjMkQzNjNGIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czo3OiIjMTcxRDIzIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="sitebuilder_tabbar_button_background" value="YToyMDp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czo3OiIjMjEyQTMzIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czowOiIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="sitebuilder_tabbar_tab_background" value="YToyMDp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czo3OiIjMjEyQTMzIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czowOiIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czo3OiIjMkMzNTNFIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czo3OiIjMTcxRDIzIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="slideshow_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMyI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czozMDoiZ2xvYmFsX3BhbGV0dGVfYWNjZW50XzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE3OiIjMDUyNzMzfDUsIDM5LCA1MSI7fQ==" />
		<stylevar name="slideshow_border_radius_size" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czoyOiIxMCI7czoxMzoic3R5bGV2YXJfc2l6ZSI7czowOiIiO30=" />
		<stylevar name="slideshow_close_button_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtMTAsIC0xMCwgLTEwIjt9" />
		<stylevar name="slideshow_close_button_border_radius_size" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czoxOiIyIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="slideshow_image_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMwNTI3MzN8LTI0LCAzLCAxMSI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="slideshow_image_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="slideshow_thumbnail_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTk6IiMwNTI3MzN8LTEyLCAyMiwgMzQiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjE6IjAiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="slideshow_thumbnail_carousel_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMwNTI3MzN8LTI0LCAzLCAxMSI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="spacing_margin_l" value="YTozOntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjM6InRvcCI7czoyOiIxMCI7czo0OiJzYW1lIjtzOjE6IjEiO30=" />
		<stylevar name="spacing_margin_m" value="YTozOntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjM6InRvcCI7czoxOiI4IjtzOjQ6InNhbWUiO3M6MToiMSI7fQ==" />
		<stylevar name="spacing_margin_s" value="YTozOntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjM6InRvcCI7czoxOiI1IjtzOjQ6InNhbWUiO3M6MToiMSI7fQ==" />
		<stylevar name="spacing_margin_xl" value="YTozOntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjM6InRvcCI7czoyOiIxNSI7czo0OiJzYW1lIjtzOjE6IjEiO30=" />
		<stylevar name="spacing_margin_xs" value="YTozOntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjM6InRvcCI7czoxOiIzIjtzOjQ6InNhbWUiO3M6MToiMSI7fQ==" />
		<stylevar name="spacing_margin_xxl" value="YTozOntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjM6InRvcCI7czoyOiIyMCI7czo0OiJzYW1lIjtzOjE6IjEiO30=" />
		<stylevar name="spacing_padding_l" value="YTo2OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjM6InRvcCI7czoyOiIxMCI7czo1OiJyaWdodCI7czoxOiIwIjtzOjY6ImJvdHRvbSI7czoxOiIwIjtzOjQ6ImxlZnQiO3M6MToiMCI7czo0OiJzYW1lIjtzOjE6IjEiO30=" />
		<stylevar name="spacing_padding_m" value="YTo2OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjM6InRvcCI7czoxOiI4IjtzOjU6InJpZ2h0IjtzOjE6IjAiO3M6NjoiYm90dG9tIjtzOjE6IjAiO3M6NDoibGVmdCI7czoxOiIwIjtzOjQ6InNhbWUiO3M6MToiMSI7fQ==" />
		<stylevar name="spacing_padding_s" value="YTo2OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjM6InRvcCI7czoxOiI1IjtzOjU6InJpZ2h0IjtzOjE6IjAiO3M6NjoiYm90dG9tIjtzOjE6IjAiO3M6NDoibGVmdCI7czoxOiIwIjtzOjQ6InNhbWUiO3M6MToiMSI7fQ==" />
		<stylevar name="spacing_padding_xl" value="YTo2OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjM6InRvcCI7czoyOiIxNSI7czo1OiJyaWdodCI7czoxOiIwIjtzOjY6ImJvdHRvbSI7czoxOiIwIjtzOjQ6ImxlZnQiO3M6MToiMCI7czo0OiJzYW1lIjtzOjE6IjEiO30=" />
		<stylevar name="spacing_padding_xs" value="YTo2OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjM6InRvcCI7czoxOiIzIjtzOjU6InJpZ2h0IjtzOjE6IjAiO3M6NjoiYm90dG9tIjtzOjE6IjAiO3M6NDoibGVmdCI7czoxOiIwIjtzOjQ6InNhbWUiO3M6MToiMSI7fQ==" />
		<stylevar name="spacing_padding_xxl" value="YTo2OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjM6InRvcCI7czoyOiIyMCI7czo1OiJyaWdodCI7czoxOiIwIjtzOjY6ImJvdHRvbSI7czoxOiIwIjtzOjQ6ImxlZnQiO3M6MToiMCI7czo0OiJzYW1lIjtzOjE6IjEiO30=" />
		<stylevar name="sticky_topic_background_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MzI6Imdsb2JhbF9wYWxldHRlX2NvbnRyYXN0XzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE3OiIjRkZFOUM3fDAsIDIyLCAzMiI7fQ==" />
		<stylevar name="text_tertiary_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiM2NTZBNkR8LTczLCAtNzMsIC03MyI7fQ==" />
		<stylevar name="thread_reply_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="thread_starter_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTY6IiNDNkVDRjh8MzcsIDgsIDEiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="thread_view_avatar_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMS5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="time_stamp_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="titleimage" value="YToxOntzOjM6InVybCI7czozMToiaW1hZ2VzL21pc2MvdmJ1bGxldGluNV9sb2dvLnBuZyI7fQ==" />
		<stylevar name="titleimage_padding" value="YToxMjp7czo1OiJ1bml0cyI7czoyOiJweCI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjM6InRvcCI7czoyOiIyMiI7czoxMjoic3R5bGV2YXJfdG9wIjtzOjA6IiI7czo1OiJyaWdodCI7czoyOiIxMCI7czoxNDoic3R5bGV2YXJfcmlnaHQiO3M6MDoiIjtzOjY6ImJvdHRvbSI7czoyOiIyNiI7czoxNToic3R5bGV2YXJfYm90dG9tIjtzOjA6IiI7czo0OiJsZWZ0IjtzOjI6IjEwIjtzOjEzOiJzdHlsZXZhcl9sZWZ0IjtzOjA6IiI7czo0OiJzYW1lIjtzOjE6IjAiO3M6MTM6InN0eWxldmFyX3NhbWUiO3M6MDoiIjt9" />
		<stylevar name="toggle_slider_handle_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE1OiIjRjhGOEY4fDEsIDIsIDIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjE1OiIjRjhGOEY4fDcsIDcsIDciO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTIxLCAtMTcsIC0xNiI7fQ==" />
		<stylevar name="toggle_slider_no_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0yNCwgLTIwLCAtMTkiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0zNiwgLTMwLCAtMjkiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MTg6IiNGOEY4Rjh8LTgsIC02LCAtNiI7fQ==" />
		<stylevar name="toggle_slider_no_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTk6IiM2NTZBNkR8LTEzLCAtOCwgLTUiO30=" />
		<stylevar name="toggle_slider_yes_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiMwRjkzRkZ8LTE4LCAtMTYsIC02MCI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MTU6ImxpbmVhci1ncmFkaWVudCI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czo5OiJ0byBib3R0b20iO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzA6Imdsb2JhbF9wYWxldHRlX2FjY2VudF8wMi5jb2xvciI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czoyMToiIzBGOTNGRnwtMTUsIC0yNiwgLTc3IjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MzA6Imdsb2JhbF9wYWxldHRlX2FjY2VudF8wMi5jb2xvciI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MTk6IiMwRjkzRkZ8LTIyLCAwLCAtMzciO30=" />
		<stylevar name="toggle_slider_yes_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="toolbar_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0yMCwgLTE4LCAtMTciO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjE1OiJsaW5lYXItZ3JhZGllbnQiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6OToidG8gYm90dG9tIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjE1OiIjRjhGOEY4fDYsIDYsIDciO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTM1LCAtMzIsIC0zMCI7fQ==" />
		<stylevar name="toolbar_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDcsIC00MiwgLTM4Ijt9" />
		<stylevar name="toolbar_button_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNzQsIC02OSwgLTY2Ijt9" />
		<stylevar name="toolbar_dropdown_background_gradient_end" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjE4OiIjRjhGOEY4fC05LCAtNSwgLTQiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="toolbar_dropdown_background_gradient_start" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="toolbar_dropdown_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDcsIC00MiwgLTM4Ijt9" />
		<stylevar name="toolbar_dropdown_divider_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX2ZpbGxfMDIuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MjE6IiNGOEY4Rjh8LTkzLCAtODUsIC03OSI7fQ==" />
		<stylevar name="toolbar_dropdown_item_background_active" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0yNCwgLTE4LCAtMTMiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="toolbar_dropdown_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MjgsIDIyLCAyMCI7fQ==" />
		<stylevar name="toolbar_dropdown_text_color_active" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTk6IiMyMzc5QjV8MzUsIC0yNCwgMTIiO30=" />
		<stylevar name="toolbar_font" value="YToxNDp7czo1OiJ1bml0cyI7czozOiJyZW0iO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo2OiJmYW1pbHkiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9mYW1pbHkiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQuZmFtaWx5IjtzOjQ6InNpemUiO3M6MzoiMS4yIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7czoxMDoibGluZWhlaWdodCI7czowOiIiO3M6MTk6InN0eWxldmFyX2xpbmVoZWlnaHQiO3M6Mjc6Imdsb2JhbF90ZXh0X2ZvbnQubGluZWhlaWdodCI7czo2OiJ3ZWlnaHQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl93ZWlnaHQiO3M6MjM6Imdsb2JhbF90ZXh0X2ZvbnQud2VpZ2h0IjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MjI6Imdsb2JhbF90ZXh0X2ZvbnQuc3R5bGUiO3M6NzoidmFyaWFudCI7czowOiIiO3M6MTY6InN0eWxldmFyX3ZhcmlhbnQiO3M6MjQ6Imdsb2JhbF90ZXh0X2ZvbnQudmFyaWFudCI7fQ==" />
		<stylevar name="toolbar_form_field_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjI3OiJmb3JtX2ZpZWxkX2JhY2tncm91bmQudW5pdHMiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyNzoiZm9ybV9maWVsZF9iYWNrZ3JvdW5kLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjI3OiJmb3JtX2ZpZWxkX2JhY2tncm91bmQuaW1hZ2UiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjI4OiJmb3JtX2ZpZWxkX2JhY2tncm91bmQucmVwZWF0IjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjIzOiJmb3JtX2ZpZWxkX2JhY2tncm91bmQueCI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czoyMzoiZm9ybV9maWVsZF9iYWNrZ3JvdW5kLnkiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjM1OiJmb3JtX2ZpZWxkX2JhY2tncm91bmQuZ3JhZGllbnRfdHlwZSI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjQwOiJmb3JtX2ZpZWxkX2JhY2tncm91bmQuZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjQyOiJmb3JtX2ZpZWxkX2JhY2tncm91bmQuZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6NDA6ImZvcm1fZmllbGRfYmFja2dyb3VuZC5ncmFkaWVudF9lbmRfY29sb3IiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="toolbar_form_field_border" value="YTo5OntzOjU6InVuaXRzIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MjM6ImZvcm1fZmllbGRfYm9yZGVyLnVuaXRzIjtzOjU6IndpZHRoIjtzOjE6IjAiO3M6MTQ6InN0eWxldmFyX3dpZHRoIjtzOjIzOiJmb3JtX2ZpZWxkX2JvcmRlci53aWR0aCI7czo1OiJzdHlsZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX3N0eWxlIjtzOjIzOiJmb3JtX2ZpZWxkX2JvcmRlci5zdHlsZSI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjIzOiJmb3JtX2ZpZWxkX2JvcmRlci5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO30=" />
		<stylevar name="toolbar_form_field_placeholder_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6InBsYWNlaG9sZGVyX3RleHRfY29sb3IuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="toolbar_text_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDEuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MTg6IiMyNTJDMkZ8MjgsIDIyLCAyMCI7fQ==" />
		<stylevar name="tooltip_signature_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="tooltip_signature_border" value="YTo5OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMSI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjU6InNvbGlkIjtzOjE0OiJzdHlsZXZhcl9zdHlsZSI7czowOiIiO3M6NToiY29sb3IiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9jb2xvciI7czoyODoiZ2xvYmFsX3BhbGV0dGVfZmlsbF8wMi5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czoyMToiI0Y4RjhGOHwtNDgsIC00NCwgLTQyIjt9" />
		<stylevar name="topbg_header_mainnav_background" value="YToxMjp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czoxMToidHJhbnNwYXJlbnQiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7fQ==" />
		<stylevar name="topbg_header_mainnav_bottom_border" value="YTo4OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NToid2lkdGgiO3M6MToiMCI7czoxNDoic3R5bGV2YXJfd2lkdGgiO3M6MDoiIjtzOjU6InN0eWxlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfc3R5bGUiO3M6MDoiIjtzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="topbg_header_mainnav_subnav_background" value="YToxMjp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czoxMToidHJhbnNwYXJlbnQiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7fQ==" />
		<stylevar name="topbg_header_mainnav_subnav_max_width" value="YTo0OntzOjU6InVuaXRzIjtzOjE6IiUiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo0OiJzaXplIjtzOjM6IjEwMCI7czoxMzoic3R5bGV2YXJfc2l6ZSI7czowOiIiO30=" />
		<stylevar name="topic_featured_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMyOiJnbG9iYWxfcGFsZXR0ZV9jb250cmFzdF8wMS5jb2xvciI7czoxOToiaW5oZXJpdF9wYXJhbV9jb2xvciI7czowOiIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="topic_title_color" value="YTozOntzOjU6ImNvbG9yIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfY29sb3IiO3M6Mjg6Imdsb2JhbF9wYWxldHRlX3RleHRfMDQuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="vbmessenger_chatwindow_content_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="vbmessenger_chatwindow_message_mine_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjMwOiJnbG9iYWxfcGFsZXR0ZV9hY2NlbnRfMDMuY29sb3IiO3M6MTk6ImluaGVyaXRfcGFyYW1fY29sb3IiO3M6MDoiIjtzOjU6ImltYWdlIjtzOjA6IiI7czoxNDoic3R5bGV2YXJfaW1hZ2UiO3M6MDoiIjtzOjY6InJlcGVhdCI7czowOiIiO3M6MTU6InN0eWxldmFyX3JlcGVhdCI7czowOiIiO3M6MToieCI7czowOiIiO3M6MTA6InN0eWxldmFyX3giO3M6MDoiIjtzOjE6InkiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="vbmessenger_chatwindow_message_theirs_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0xMiwgLTEyLCAtMTIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="vbmessenger_chatwindow_participants_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MDoiIjtzOjEwOiJzdHlsZXZhcl94IjtzOjA6IiI7czoxOiJ5IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeSI7czowOiIiO3M6MTM6ImdyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjIyOiJzdHlsZXZhcl9ncmFkaWVudF90eXBlIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZGlyZWN0aW9uIjtzOjA6IiI7czoyMDoiZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjI5OiJzdHlsZXZhcl9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MzQ6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjtzOjMyOiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO30=" />
		<stylevar name="vbmessenger_chatwindow_widget_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAyLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjIxOiIjRjhGOEY4fC0xMiwgLTEyLCAtMTIiO3M6NToiaW1hZ2UiO3M6MDoiIjtzOjE0OiJzdHlsZXZhcl9pbWFnZSI7czowOiIiO3M6NjoicmVwZWF0IjtzOjA6IiI7czoxNToic3R5bGV2YXJfcmVwZWF0IjtzOjA6IiI7czoxOiJ4IjtzOjA6IiI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czowOiIiO3M6MTA6InN0eWxldmFyX3kiO3M6MDoiIjtzOjEzOiJncmFkaWVudF90eXBlIjtzOjA6IiI7czoyMjoic3R5bGV2YXJfZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MTg6ImdyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2RpcmVjdGlvbiI7czowOiIiO3M6MjA6ImdyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoyOToic3R5bGV2YXJfZ3JhZGllbnRfc3RhcnRfY29sb3IiO3M6MDoiIjtzOjM0OiJpbmhlcml0X3BhcmFtX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czoxODoiZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czoyNzoic3R5bGV2YXJfZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7czozMjoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9lbmRfY29sb3IiO3M6MDoiIjt9" />
		<stylevar name="wrapper_background" value="YToyMzp7czo1OiJ1bml0cyI7czowOiIiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo1OiJjb2xvciI7czowOiIiO3M6MTQ6InN0eWxldmFyX2NvbG9yIjtzOjI4OiJnbG9iYWxfcGFsZXR0ZV9maWxsXzAxLmNvbG9yIjtzOjE5OiJpbmhlcml0X3BhcmFtX2NvbG9yIjtzOjA6IiI7czo1OiJpbWFnZSI7czowOiIiO3M6MTQ6InN0eWxldmFyX2ltYWdlIjtzOjA6IiI7czo2OiJyZXBlYXQiO3M6MDoiIjtzOjE1OiJzdHlsZXZhcl9yZXBlYXQiO3M6MDoiIjtzOjE6IngiO3M6MToiMCI7czoxMDoic3R5bGV2YXJfeCI7czowOiIiO3M6MToieSI7czoxOiIwIjtzOjEwOiJzdHlsZXZhcl95IjtzOjA6IiI7czoxMzoiZ3JhZGllbnRfdHlwZSI7czowOiIiO3M6MjI6InN0eWxldmFyX2dyYWRpZW50X3R5cGUiO3M6MDoiIjtzOjE4OiJncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjI3OiJzdHlsZXZhcl9ncmFkaWVudF9kaXJlY3Rpb24iO3M6MDoiIjtzOjIwOiJncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6Mjk6InN0eWxldmFyX2dyYWRpZW50X3N0YXJ0X2NvbG9yIjtzOjA6IiI7czozNDoiaW5oZXJpdF9wYXJhbV9ncmFkaWVudF9zdGFydF9jb2xvciI7czowOiIiO3M6MTg6ImdyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6Mjc6InN0eWxldmFyX2dyYWRpZW50X2VuZF9jb2xvciI7czowOiIiO3M6MzI6ImluaGVyaXRfcGFyYW1fZ3JhZGllbnRfZW5kX2NvbG9yIjtzOjA6IiI7fQ==" />
		<stylevar name="wrapper_margin" value="YToxMjp7czo1OiJ1bml0cyI7czoyOiJweCI7czoxNDoic3R5bGV2YXJfdW5pdHMiO3M6MDoiIjtzOjM6InRvcCI7czoxOiIwIjtzOjEyOiJzdHlsZXZhcl90b3AiO3M6MDoiIjtzOjU6InJpZ2h0IjtzOjI6IjIwIjtzOjE0OiJzdHlsZXZhcl9yaWdodCI7czowOiIiO3M6NjoiYm90dG9tIjtzOjE6IjAiO3M6MTU6InN0eWxldmFyX2JvdHRvbSI7czowOiIiO3M6NDoibGVmdCI7czoyOiIyMCI7czoxMzoic3R5bGV2YXJfbGVmdCI7czowOiIiO3M6NDoic2FtZSI7czoxOiIwIjtzOjEzOiJzdHlsZXZhcl9zYW1lIjtzOjA6IiI7fQ==" />
		<stylevar name="wrapper_max_width" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czo0OiIxMjAwIjtzOjEzOiJzdHlsZXZhcl9zaXplIjtzOjA6IiI7fQ==" />
		<stylevar name="wrapper_min_width" value="YTo0OntzOjU6InVuaXRzIjtzOjI6InB4IjtzOjE0OiJzdHlsZXZhcl91bml0cyI7czowOiIiO3M6NDoic2l6ZSI7czozOiIzMjAiO3M6MTM6InN0eWxldmFyX3NpemUiO3M6MDoiIjt9" />
		<stylevar name="wrapper_width" value="YTo0OntzOjU6InVuaXRzIjtzOjE6IiUiO3M6MTQ6InN0eWxldmFyX3VuaXRzIjtzOjA6IiI7czo0OiJzaXplIjtzOjM6IjEwMCI7czoxMzoic3R5bGV2YXJfc2l6ZSI7czowOiIiO30=" />
	</stylevars>
</style>
