##local.define(FrameContent)<contentof>
	<!-- *********** MOVE BAR *********** -->
	<TABLE style="background-color:darkorange;color:greenyellow" width="100%" cellpadding =3 cellspacing=0 ALSiClass = dragHandle ALSiType = move  >
		<TR >
			<TD width="100%" align=middle>
				<FONT face="##local.KidsZoneFont" size=+2>##leg.KidsZone.TimeOut.Title</FONT>
			</TD>
		</TR>
	</TABLE>

	<TABLE width=100% cellpadding=3 cellspacing= 2 onclick="doCancel()" class="portalInOne" style="border:0.5em greenyellow solid;color:yellow;background-color:##local.BackgroundColor">
		<TR>
			<TD align=middle valign=top style="font-size:120%">
				<FONT face="##local.KidsZoneFont">
				##leg.KidsZone.TimeOut.InactivePrompt
				</FONT>
			</TD>
		</TR>
		<TR>
			<TD align=middle valign=top>
				<FONT  face="##local.KidsZoneFont" size=+2>
					##leg.KidsZone.TimeOut.BeforeSeconds
					<SPAN ALSiClass=echo ALSiName=TimeOutDialogue ALSiPropertyName=secondsLeft></SPAN>
					&nbsp;
					##leg.KidsZone.TimeOut.AfterSeconds
				</FONT>
			</TD>
		</TR>
		<TR>
			<TD align=middle valign=top style="font-size:120%">
				<DIV style='background-color:red;padding:5'>
					<FONT face="##local.KidsZoneFont">
						##leg.KidsZone.TimeOut.CancelPrompt
					</FONT>
				</DIV>
			</TD>
		</TR>
	</TABLE>
	<SCRIPT>
		function doCancel () {
			var updates = new updateObject ();
			updates.write ( "TimeOutDialogue", "closed", true );
			documentManager.applyChanges ( updates );
		}
	</SCRIPT>
</contentof>
##include(FrameBody)