Files
HotLunches/pp.test3.html
T
2026-10-19 15:22:52 -07:00

729 lines
28 KiB
HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hot Lunches - Central Valley Elementary</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:url" content="http://www.hotlunches.net">
<meta property="og:title" content="Hot Lunches Online ordering and payment processing for schools">
<meta property="og:image" content="http://www.hotlunches.net/admin/images/hotlunches-banner-large.jpg">
<meta property="og:description" content="HotLunches.net provides an easy to use yet powerful system for the placing and management of school hot lunch programs. No transaction fees, no limits on the number of menu dates, menu items, number of orders or frequency of order placement. If your school offers hot lunches twice a month, once a week, or every day our user-friendly software will work with you all the way.">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<style type="text/css">
<!--
body{
margin: 0 auto 20px auto;
text-align: center;
padding: 0;
font: 12px Arial, Helvetica, sans-serif;
width: 965px;
background: #D4563D url(/admin/backgrounds/weave-red.png);
}
-->
</style>
<link rel="stylesheet" type="text/css" href="css/master.css" media="all">
<link rel="stylesheet" type="text/css" href="css/layout.css" media="all">
<link rel="stylesheet" type="text/css" href="css/top-bar.css" media="all">
<link rel="stylesheet" type="text/css" href="css/primary-nav.css" media="all">
<link rel="stylesheet" type="text/css" href="css/secondary-nav.css" media="all">
<link rel="stylesheet" type="text/css" href="css/calendar.css">
<link rel="stylesheet" type="text/css" href="css/buttons.css" media="all">
<link rel="stylesheet" type="text/css" href="css/black-red.css" media="all">
<link rel="stylesheet" type="text/css" href="css/Calendar.black.css" media="all">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" media="all">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.css" media="all">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.css" media="all">
<link rel="stylesheet" type="text/css" href="css/jquery-ui-timepicker-addon.css" media="all">
<link rel="stylesheet" type="text/css" href="css/custom.css" media="all">
<script language="JavaScript" type="text/javascript" src="include/javascript.js"></script>
<script language="JavaScript" type="text/javascript" src="ckeditor430/ckeditor.js"></script>
<script language="JavaScript" type="text/javascript" src="include/jquery-1.11.1.js"></script>
<script language="JavaScript" type="text/javascript" src="include/jquery-ui-1.11.0.custom/jquery-ui.js"></script>
<script language="JavaScript" type="text/javascript" src="include/jquery.tablednd.js"></script>
<script language="JavaScript" type="text/javascript" src="include/jquery-ui-timepicker-addon.js"></script>
<script language="JavaScript" type="text/javascript" src="include/jquery.printElement.js"></script>
<script language="JavaScript" type="text/javascript">
var today = '2015-10-06';
var authCode = '13425';
</script>
<script>
$(document).ready(function() {
//
// File: jquery.hl.php
//
var authCode = '13425';
var schoolNum = '3';
var today = '2015-10-06';
var action = '';
$(document).on('focus', '.date-field', function() {
$(this).datepicker({ dateFormat: 'yy-mm-dd' });
});
$(document).on('focus', '.date-monthyear-field', function() {
$(this).datepicker({
dateFormat: 'yy-mm-dd',
yearRange: '1900:2015',
changeMonth: true,
changeYear: true
});
});
$(document).on('focus', '.time-field', function() {
$(this).datepicker({ timeFormat: 'HH:mm' });
});
$(document).on('focus', '.datetime-field', function() {
$(this).datetimepicker({
dateFormat: 'yy-mm-dd', timeFormat: 'HH:mm',
changeMonth: true,
changeYear: true
});
});
$("#receipt-dialog").dialog({
autoOpen: false,
minWidth: 750,
modal: true,
position: { my: 'center', at: 'center' }
});
$("#content-dialog").dialog({
autoOpen: false,
minWidth: 950,
modal: true,
position: { my: 'center', at: 'center' }
});
$("#unallocated-dialog").dialog({
autoOpen: false,
minWidth: 500,
modal: true,
position: { my: 'center', at: 'center' }
});
$("#payment-edit-dialog").dialog({
autoOpen: false,
minWidth: 300,
modal: true,
position: { my: 'center', at: 'center' }
});
$("#text-info-dialog").dialog({
autoOpen: false,
minWidth: 900,
minHeight: 500,
modal: true,
position: { my: 'center', at: 'center' }
});
// <>
$(".form-field").tooltip({
position: { my: "left+400 top-5", at: "left top", collision: "flipfit" },
show: { effect: "fade", delay: 200 },
hide: false,
content: function() { return $(this).prop('title'); }
});
$(".title-text").tooltip({
position: { my: "left+400 top-5", at: "left top", collision: "flipfit" },
show: { effect: "fade", delay: 200 },
hide: false,
content: function() { return $(this).prop('title'); }
});
CKEDITOR.replace( 'content_field', {
filebrowserBrowseUrl : '/admin/FileManager/index.html',
filebrowserImageBrowseUrl : '/admin/FileManager/index.html',
filebrowserFlashBrowseUrl : '/admin/FileManager/index.html'
}
);
$("#edit-description").click(function(e) {
e.preventDefault();
var content = $("#description").val();
CKEDITOR.instances['content_field'].resize('100%',400);
CKEDITOR.instances['content_field'].setData(content);
$("#content-dialog").dialog("open");
$("#content-dialog").dialog("close");
$("#content-dialog").dialog("open");
});
$("#save-content-btn").click(function(e) {
e.preventDefault();
var content = CKEDITOR.instances.content_field.getData();
$("#description").val(content);
$("#content-dialog").dialog("close");
});
$("#close-content-btn").click(function(e) {
e.preventDefault();
$("#content-dialog").dialog("close");
});
$(".btn-apply-credit").click(function(e) {
e.preventDefault();
var order_num = $(this).attr('onum');
var order_total = $(this).attr('ototal');
var payment_method = "Account Credit";
var data = "table_name=hotlunch_order_header&auth=" + authCode +
"&record_num=" + order_num +
"&amount_paid=" + order_total +
"&payment_method=" + payment_method +
"&paid_date=" + today +
"&status=Paid"+
"&UpdateAll=Yes";
$.getJSON("ajax.DataRecord.Update.php", data,
function(results) {
// Refresh page
alert("Credit Applied");
location.reload();
}
);
});
$(document).on("click", ".print-receipt", function(e) {
e.preventDefault();
var trxnum = $(this).attr('trx-num');
loadReceipt(trxnum);
});
function loadReceipt(trxnum) {
var data = "table_name=user_account"+
"&sequence_flag=N"+
"&action=trx-receipt"+
"&table_id="+
"&trxnum="+trxnum+
"&auth="+authCode;
// Get receipt text
$.getJSON( "ajax.DataTable.Fetch.php",data,
function(results) {
$("#receipt-content").html(results.content);
$("#receipt-dialog").dialog("open");
$("#receipt-content").printElement();
}
);
}
$("#print-receipt-btn").click(function(e) {
$("#receipt-content").printElement();
});
$("#close-receipt-btn").click(function(e) {
e.preventDefault();
$("#receipt-dialog").dialog("close");
});
$(".edit-payment-method").click(function(e) {
e.preventDefault();
var tableName = "user_account";
var rnum = $(this).attr('rnum');
$.getJSON("ajax.DataRecord.Fetch.php",
{
table_name: tableName,
record_num: rnum,
auth: authCode
},
function(results) {
// Check for errors
if (results.ajax_return_code == 0) {
alert("Error: record not found");
return;
}
// Display data
$("#pu_payment_method").val(results.payment_method);
$("#pu_note").val(results.note);
$("#pu_payment_reference").val(results.payment_reference);
$("#pu_record_num").val(results.record_num);
$("#payment-edit-dialog").dialog("open");
}
);
});
$("#save-payment-info-btn").click(function(e) {
e.preventDefault();
savePaymentEdit();
});
$("#payment-edit-form").submit(function(e) {
savePaymentEdit();
});
function savePaymentEdit() {
var payment_method = $("#pu_payment_method").val();
var note = $("#pu_note").val();
var payment_reference = $("#pu_payment_reference").val();
var record_num = $("#pu_record_num").val();
var data = "table_name=user_account&auth=" + authCode +
"&action=edit-payment-method" +
"&record_num=" + record_num +
"&note=" + note +
"&payment_method=" + payment_method +
"&payment_reference=" + payment_reference;
$.getJSON("ajax.DataRecord.Update.php", data,
function(results) {
$("#note-"+record_num).html(note);
$("#payment-reference-"+record_num).html(payment_reference);
$("#payment-method-"+record_num).html(payment_method);
$("#payment-edit-dialog").dialog("close");
}
);
}
$(".toggle-reporting").click(function(e) {
e.preventDefault();
var schoolNum = $(this).attr('school_num');
var data = "&school_num="+schoolNum+"&auth="+authCode;
$.ajax({
url: "ajax.ToggleReporting.php",
data: data
});
});
$(document).on('click','.update-staff-class',function() {
var fname = $(this).attr('fname');
var cnum = $(this).attr('cnum');
var tnum = $("#"+fname).val();
if (tnum > 0) {
var data = "table_name=people&auth=" + authCode +
"&record_num=" + tnum +
"&class_num=" + cnum;
$.getJSON("ajax.DataRecord.Update.php", data,
function(results) {
// Display message
alert("Record Has Been Updated");
}
);
}
});
$(document).on('click', '.trx-history', function(e) {
e.preventDefault();
var rnum = $(this).attr('rnum');
var data = "table_name=user_account"+
"&sequence_flag=N"+
"&action=trx-history"+
"&table_id="+
"&rnum="+rnum+
"&auth="+authCode;
// Get history text
$.getJSON( "ajax.DataTable.Fetch.php",data,
function(results) {
$("#info-content").html(results.content);
$("#text-info-dialog").dialog("open");
}
);
});
$("#close-info-dialog-btn").click(function(e) {
$("#text-info-dialog").dialog("close");
});
// alert("Warning: the application is going down for maintenance at 2:15pm PST\nPlease save any work and exit");
});
</script>
<style type="text/css">
<!--
input.button {
border: none;
background: none;
}
.data-odd {
background: #EEEEEE;
}
.data-even {
background: #DDDDDD;
}
.ui-widget-overlay {
background: #000000;
opacity: .70;
filter:Alpha(Opacity=70);
}
.item-title {
font-size: 14px;
color: #E67529;
}
#ui-datepicker-div { font-size: 10px; }
-->
</style>
<script language="JavaScript" type="text/javascript" src="include/utils.js"></script>
<script language="JavaScript" type="text/javascript">
<!--Break out of frames
if (window != top) top.location.href = location.href;
//-->
</script>
<script language="JavaScript" type="text/javascript">
// <!-- Begin
function waitPreloadPage() {
if (document.getElementById){ //DOM
document.getElementById('prepage').style.visibility='hidden';
}else{
if (document.layers){ //NS4
document.prepage.visibility = 'hidden';
}
else { //IE4
document.all.prepage.style.visibility = 'hidden';
}
}
}
// End -->
</script>
</head>
<body onload="waitPreloadPage();">
<script language="JavaScript" type="text/javascript" src="include/wz_tooltip.js"></script>
<div id="prepage" style="position:absolute; z-index: 10001; left:0px; top:0px; background-color:white; opacity: 0.8; layer-background-color:white; height:100%; width:100%;">
<table width='100%'>
<tr>
<td align='center' class='loading' height='200'>Page Loading...</td>
</tr>
</table>
</div>
<div id="wrapper">
<div id="header-hotlunches">
<div id="top-bar">
<table width='100%'>
<tr>
<td width='320' align='left'>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://www.hotlunches.net/'><img src='/admin/images/spacer.gif' width='300' height='36' border='0' alt=''></a></td>
<td align='right' valign='middle'> WELCOME: MFESTER&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td>
</tr>
</table>
</div>
</div>
<div id='body'>
<table width='100%' cellpadding="0" cellspacing="0" align="left">
<tr>
<td width='40' height='30'>&nbsp;</td>
<td width='75%' align='left' valign='top'>
<span class='large'>Welcome to the Hot Lunches Online Demo Website</span><br>
<span class='small'>Central City, BC</span>
</td>
<td align='right'>
<table cellspacing='0' cellpadding='0' border='0'>
<tr>
<td><a href='?selected_language=English' title='English'><img src='images/flags/English16.png' border='0' alt='English'></a></td>
<td>&nbsp;&nbsp;</td>
<td><a href='?selected_language=French' title='Francais'><img src='images/flags/French16.png' border='0' alt='Francais'></a></td>
</tr>
</table>
</td>
</tr>
</table>
<div id="nav-box">
<div id="primary-nav">
<ul>
<li id="home"><a href='/admin/?action=home'><span>HOME</span></a>
<ul>
<li><a href='#'>Community</a>
<ul>
<li><a href='?action=view-page&rnum=3528'>Our Community</a></li>
</ul>
</li>
<li><a href='http://demo.payschoolfees.net/?sid=go6orir6e5804fk0jbm6pebst5&un=696'>School Fees</a></li>
<li><a href='http://demo.fundraiserorders.com/?sid=go6orir6e5804fk0jbm6pebst5&un=696'>Central Valley Elementary Fund Raising</a></li>
</ul>
</li>
<li id="account"><a href='/admin/?action=account'><span>PROFILE</span></a>
<ul>
<li><a href='/admin/?action=account'>View Account Profile</a></li>
<li><a href='/admin/?action=account&naction=edit'>Edit Account Profile</a></li>
<li><a href='/admin/?action=contacts'>Manage Contact Info</a></li>
<li><a href='/admin/?action=students'>Students</a></li>
<li><a href='/admin/?action=students&naction=add'>Add Students</a></li>
<li><a href='/admin/?action=customers'>Customers</a></li>
</ul>
</li>
<li id="orders"><a href='/admin/?action=order-list'><span>ORDERS</span></a>
<ul>
<li><a href='/admin/?action=order-list'>Student Orders</a></li>
<li><a href='/admin/?action=user-account'>Account Transactions</a></li>
<li><a href='/admin/?action=account-deposit'>Account Deposit</a></li>
<li><a href='/admin/?action=print-remittance-form'>Print Payment Remittance Form</a></li>
<li><a href='/admin/?action=volunteer-signup'>Volunteer Sign Up</a></li>
</ul>
</li>
<li id="info"><a href='/admin/?action=lists'><span>INFORMATION</span></a>
<ul>
<li><a href='/admin/?action=class-list&student_num=258624'>Class List - Abigail</a></li>
<li><a href='/admin/?action=class-list&student_num=256478'>Class List - Andrew</a></li>
<li><a href='/admin/?action=class-list&student_num=257076'>Class List - LeAnn</a></li>
<li><a href='/admin/?action=class-list&student_num=670'>Class List - Lesley</a></li>
<li><a href='/admin/?action=class-list&student_num=26731'>Class List - Sandy</a></li>
<li><a href='/admin/?action=class-list&student_num=3684'>Class List - Terry</a></li>
<li><a href='/admin/?action=class-list&student_num=774'>Class List - Terry</a></li>
<li><a href='/admin/?action=contact-info'>Central Valley Elementary</a></li>
<li><a href='/admin/?action=staff-list'>Staff List</a></li>
<li><a href='/admin/?action=view-documents'>On-Line Documents</a></li>
<li><a href='/admin/?action=events-calendar'>View Event Calendar</a></li>
<li><a href='/admin/?action=math-worksheets'>Math Worksheets</a></li>
</ul>
</li>
<li id='additional'><a href='#'><span>Community</span></a>
<ul>
<li><a href='?action=view-page&rnum=3528'>Our Community</a></li>
</ul>
</li>
<li id="help"><a href='/admin/?action=view-faqs'><span>HELP</span></a>
<ul>
<li id="help"><a href='/admin/?action=view-faqs'>FAQ</a></li>
<li id="help"><a href='view-doc.php?dn=Parent_Guide.pdf'>Parent Instruction Guide</a></li>
<li><a href='/admin/?action=support-request'>Support Request</a></li>
<li><a href='/admin/?action=privacy-policy'>Privacy Policy</a></li>
</ul>
</li>
<li id="password"><a href='/admin/?action=change-password'><span>PASSWORD</span></a></li>
<li id="logout"><a href='/admin/?action=logout'><span>LOGOUT</span></a></li>
</ul>
</div>
</div>
<div id="secondary-nav">
<ul>
<li>&nbsp;</li>
</ul>
</div>
<table width='950' cellpadding='5' cellspacing='5' border='0' bgcolor='#eeeeee'>
<tr>
<td align='center' class='menu-item'>
<table width='750' cellpadding='3' cellspacing='1' border='0'>
<tr height='15'>
<td align='center' class='error'>Account Balance: $21.75</td>
</tr>
</table>
<br>
<div align='left'>
<p><strong>Welcome</strong></p>
<p><img alt="" src="/admin/files/demo/image/smallville-logo.jpg" style="float:right; height:150px; width:150px">Welcome to the hot lunch on-line system. This application is meant to facilitate the ordering and management of school hot lunch orders for both parents and the school Council. Please feel free to contact us with any suggestions or problems you have with the system.</p>
<p>Browse through the on-line event calendar and please add any events that you find that other parents may be interested in. Check out the classified ad system. It is free to place ads and all the ads in the system will have been entered by other parents.</p></div>
<br>
<table>
<tr>
<td align='center'>
<table width='500' cellpadding='5' cellspacing='2' border='0'>
<tr>
<td align='center'>
<form method='post' action='https://www.paypal.com/cgi-bin/webscr'>
<input type=hidden name="cmd" value="_xclick">
<input type=hidden name="business" value="mark@hotlunches.net">
<input type=hidden name="upload" value="1">
<input type=hidden name="bn" value="HotLunchesOnLine_SP">
<input type=hidden name="currency_code" value="CAD">
<input type=hidden name="no_shipping" value="1">
<input type=hidden name="custom" value="162">
<input type=hidden name="return" value="https://demo.hotlunches.net/admin/">
<input type=hidden name="cancel_return" value="https://demo.hotlunches.net/admin/">
<input type=hidden name="notify_url" value="https://demo.hotlunches.net/admin/ppPayment.php">
<input type=hidden name="host_url" value="https://demo.hotlunches.net">
<input type=hidden name="item_name" value="Central Valley Elementary Order Payment">
<input type=hidden name="amount" value="21.75">
<input type='submit' value='PayPal/Credit Card' class='formButton'>
</form>
<br>
<form method='post' action='/admin/'>
<input type='submit' value='Print Remittance Form' class='formButton'>
<input type='hidden' name='action' value='print-remittance-form'>
</form>
<br>
<p>When submitting payment please provide a single payment for all outstanding orders and please pay the full balance that is outstanding.<br>
<br>
Payment can be given to any teacher or handed in at the school office.</p>
</td>
</tr>
</table>
<p><br></p>
<center>
<table cellpadding='1' cellspacing='1' border='0'>
<tr>
<td align='center'><a href='?action=students' class='largeButton'>Students</a></td>
<td align='center'><a href='?action=order-list' class='largeButton'>Manage Orders</a></td>
</tr>
</table>
<table cellpadding='1' cellspacing='1' border='0'>
<tr>
<td align='center'><a href='?action=customers' class='largeButton'>Customers</a></td>
<td align='center'><a href='?action=volunteer-signup' class='largeButton'>Volunteer Registration</a></td>
</tr>
</table>
<table cellpadding='1' cellspacing='1' border='0'>
<tr>
<td align='center'><a href='?action=events-calendar' class='largeButton'>Event Calendar</a></td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<br>
<table width='500'>
<tr>
<td align='center'>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_donations">
<input type="hidden" name="business" value="mark@hotlunches.net">
<input type="hidden" name="bn" value="HotLunchesOnLine_SP">
<input type="hidden" name="lc" value="CAD">
<input type="hidden" name="item_name" value="Central Valley Elementary - Donation">
<input type="hidden" name="no_note" value="0">
<input type="hidden" name="currency_code" value="CAD">
<input type="hidden" name="return" value="http://demo.hotlunches.net/admin/">
<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHostedGuest">
<input type='submit' class='formButton' value='Donate '>
</form>
<img src='images/paypal-payments.jpg' height='50' width='181'>
</td>
</tr>
</table>
<br>
</td>
</tr>
</table>
<br clear="all">
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_sharing_toolbox"></div>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5147fac75d26bf83" async="async"></script>
<span class='footer-text'>Powered by Hot Lunches On-Line - <a href='http://www.hotlunches.net'>www.hotlunches.net</a> - 70.70.160.88<br>
October 6, 2015 12:39am</span>
<br>
<!-- https://demo.hotlunches.net demo.hotlunches.net -->
<!-- 3,259,211 -->
</div>
</div>
<div id="footer-bg"></div>
<p><br></p>
<p><br></p>
<p><br></p>
<p><br></p>
<!-- USER IP: 70.70.160.88 -->
<!-- markIP: 70.70.145.229 -->
<div id='receipt-dialog' title="Transaction Receipt">
<div class='dialog-buttons noPrint'>
<a href='#' id='print-receipt-btn'><span class='smallButton'>Print</span></a>
<a href='#' id='close-receipt-btn'><span class='smallButton'>Close</span></a>
</div>
<div id='receipt-content'></div>
</div>
<div id='content-dialog' title="Edit Content">
<p class='ltext'><label for='content'><b>Content:</b></label><br>
<textarea cols='150' rows='8' id='content_field' name='content_field'></textarea></p>
<div class='noPrint'>
<a href='#' id='save-content-btn'><span class='smallButton'>Save</span></a>
<a href='#' id='close-content-btn'><span class='smallButton'>Close</span></a>
</div>
</div>
<div id='unallocated-dialog' title="Apply Account Credit">
<p class='ltext'><b>Credit on Account: $0.00</b></p>
<p class='ltext'><label for='content'><b>Transaction:</b></label><br>
<select name='selected_trx' id='selected_trx' class='select-width400'>
</select></p>
<input type='hidden' name='unallocated_trx' id='unallocated_trx'>
<input type='hidden' name='unallocated_amt' id='unallocated_trx'>
<input type='hidden' name='user_num' id='user_num'>
<div class='dialog-buttons noPrint'>
<a href='#' id='apply-unallocated-btn'><span class='smallButton'>Apply Account Credit</span></a>
<br>
<br>
<br>
<br>
</div>
</div>
<div id='payment-edit-dialog' title="Edit Payment Information">
<form name='payment-edit-form' id='payment-edit-form' method='post'>
<p class='ltext'><label for='pu_payment_method'><b>Payment Method</b></label><br>
<select name='pu_payment_method' id='pu_payment_method' class='select-width200'>
<option value='Cash'>Cash</option>
<option value='Check'>Cheque</option>
<option value='Money Order'>Money Order</option>
<option value='PayPal'>PayPal</option>
<option value='Credit Card'>Credit Card</option>
<option value='Visa'>Visa</option>
<option value='Mastercard'>Mastercard</option>
<option value='Debit Card'>Debit Card</option>
<option value='School Cash'>School Cash</option>
<option value='School Account'>School Account</option>
<option value='Gift Card Credit'>Gift Card Credit</option>
</select></p>
<p class='ltext'><label for='pu_note'><b>Note</b></label><br>
<input type='text' name='pu_note' id='pu_note' size='30'>
<p class='ltext'><label for='pu_payment_reference'><b>Reference</b></label><br>
<input type='text' name='pu_payment_reference' id='pu_payment_reference' size='15'></p>
<p><a href='#' id='save-payment-info-btn'><span class='smallButton'>Save</span></a></p>
<br>
<input type='hidden' name='pu_record_num' id='pu_record_num'>
</form>
</div>
<div id='text-info-dialog' title="Information">
<div id='info-content'></div>
<div class='dialog-buttons'>
<a href='#' id='close-info-dialog-btn'><span class='smallButton'>Close</span></a>
</div>
</div>
</body>
</html>