{extends file=$smarty.const.SMARTY_LAYOUT_IFRAME_GENERAL_PAGINATED_LISTING}

{block name="engine-head"}
	<title>{$pageTitle}</title>
{/block}

{block name="css" append}
<style type="text/css">
	table.engine-listing td.name {
		min-width: 30%;
	}

	table.engine-listing div.customer {
		position: relative;
	}

	table.engine-listing div.customer.type {
		position: absolute;
		right: 0;
		color: #888;
		font-style: italic;
		z-index: 1;
	}
	table.engine-listing div.customer.alias {
		font-weight: bold;
		white-space: nowrap;
		margin-right: 2.5em;
	}
	table.engine-listing div.alt.customer.name {
		color: #666;
		font-style: italic;
		padding-top: 0.5em;
	}

	table.engine-listing div.customer.corporate {
		margin-top: 0.5em;
	}

	table.engine-listing ul.table {
		display: table;
		list-style: none;
		text-align: left;
		margin: 0;
		padding: 0;
	}
	table.engine-listing ul.table >li {
		display: table-row;
		white-space: nowrap;
	}
	table.engine-listing ul.table >li >div.label {
		display: table-cell;
		color: #666;
		padding-right: 1em;
		font-weight: bold;
		min-width: 8em;
	}
	table.engine-listing ul.table >li >div.value {
		display: table-cell;
	}


	/* clones container */
	div.clonesContainer.clonedElementWithElements div.input-clonedElementWithElements td.inputContainer input, div.clonesContainer.clonedElementWithElements td.inputContainer select {
		width: 100%;
	}
	div.clonesContainer.clonedElementWithElements div.input-clonedElementWithElements td.inputContainer {
		padding-right: 5px;
	}
	div.clonesContainer.clonedElementWithElements div.input-clonedElementWithElements td.inputContainer.inputContainer-main {
		width: 75%;
	}
</style>
{/block}


{block name="js" append}
	<script type="text/javascript">
		MVC.scheduleOnLoad(function(){
			FormField_clone_textsearchFieldsearchMode.elements['container'].observe("cloneFactory:makeClone", function(evt) {
				MVC.listing.installedHandlers.listing.loadingMask.reposition();
			});

			FormField_clone_textsearchFieldsearchMode.elements['container'].observe("cloneFactory:removeClone", function(evt) {
				MVC.listing.installedHandlers.listing.loadingMask.reposition();
			});
		});
	</script>
{/block}
