<style>
.box{
width:120px;
height:120px;
}

.gold{ background-color: gold; }
.red{ background-color: red; }
.green { background-color: #ecffdc;}
.blue { background-color: #b6d0e2; }
.brown { background-color: #eaddca; }
.orange { background-color: #ffe5b4; }


.large{
	font-size: 30px;
}

.center{
	text-align: center;
}

.stretch{
	padding: 50px;
}
</style>

<table cellspacing="2" cellpadding="5" border="0">
<tr><td>Version: </td><td><strong id="version">0.0</strong></td></tr>
</table>


<div id="formDiv">
</div>

<div id="debugDiv" style="display:block">
	<h3>Debug notes</h3>
	<textarea cols="95" rows="5" id="formStatus">
	</textarea>
</div>

<script type "text/javascript">
window.onload=loadScripts;

function loadScripts(){
  LABKEY.requiresScript(["crfTecant/formPortal.js","crfTecant/debug.js"],init);
}

function init(){
   let config=formPortal.config;
	config.document=document;
	//config.reviewMode="APPROVED";
	config.role="crfSponsor";
	config.div="formDiv";
	config.debugArea="formStatus";
	formPortal.clear();
	formPortal.print("XStarting");
	formPortal.generateFormArray();
}
</script>