<div style='height: 120px;float: left;'>
	<img src='images/upgradebg.png' style=' padding-left: 10px' />
</div>

<div style='float: left; width: 340px; padding: 0 0 0 20px; height: 90px;'>
	
	<div id="summary">
		{$lang.BackupDatabaseIntro}
		<ul style="padding-left: 30px;">
			<li>{$lang.BackupNumberOfTables} {$numTables}</li>
			<li>{$lang.BackupNumberOfRows} {$numRows}</li>
			<li>{$lang.BackupMaxRows} {$maxRows} ({$maxRowTableName})</li>
			<li>{$lang.BackupMinRows} {$minRows} ({$minRowTableName})</li>
		</ul>
	</div>

	<div id="createBackupStatus" style="display: none; ">
		<img src="images/loading.gif" /> {$lang.PleaseWaitForBackup} <span id="backupPercent">0</span>{$lang.PercentComplete}
	</div>

	<div id="createBackupFinished" style="display: none; ">
		<img src="images/info.gif" /> {$lang.DbBackupFinished} <a href="#" id="backupFileLink">{$lang.BackupDownload}</a>
	</div>
</div>
<div style="clear:both"></div>