<script src="includes/js/jquery.js"></script>
<script>
	$(function() {
		$('#PreviewEmail_CloseButton').click(function(event) {
			self.parent.closePopup();
		});
	});

	$(function() {
		var temp = '';
		if(!(temp = %%GLOBAL_JavaScriptParameters%%)) temp = '';
		$('#PreviewEmail_Message').load('%%GLOBAL_URLAction%%', temp);
	});
</script>
<style type="text/css" media="all">
	#PreviewEmail_Container {
		padding: 0px;
		margin: 0px;
		width: auto;
	}

	#PreviewEmail_Close {
		float: right;
		cursor: pointer;
	}

	#PreviewEmail_MessageContainer {
		height: 105px;
		overflow: auto;
	}

	* html div #PreviewEmail_MessageContainer {
		height: 115px;
		h\eight: 105px;
	}

	#PreviewEmail_Message {
		padding-left: 10px;
		padding-right: 10px;
	}


	#PreviewEmail_Loading {
		text-align: center;
	}
</style>
<div id="PreviewEmail_Container">
	<div id="PreviewEmail_Close">
		<a href="#" id="PreviewEmail_CloseButton">
			<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
			</svg>
		</a>
	</div>
	<div class="Heading1 text-2xl font-bold">%%LNG_TestEmailAddress%%</div>
	<br />
	<div id="PreviewEmail_MessageContainer" class="message">
		<div id="PreviewEmail_Message" class="message">
			<div id="PreviewEmail_Loading"><img src="images/loading.gif" alt="loading..." /></div>
			<br />
			<p class="text-base">%%LNG_Loading_SendingPreview%%</p>
		</div>
	</div>
	<br />
</div>
