<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD>
  <!-- PAGE TITLE: DO NOT MODIFY -->
  <TITLE>out of box experience</TITLE>

  <!-- LINK TO EXTERNAL STYLE SHEET: DO NOT MODIFY -->
  <LINK REL="stylesheet" TYPE="text/css" HREF="../../setup/oobestyl.css">
  <SCRIPT>
  function ScreenResolutionInit() {
     // TODO: Place code for spacing on 1024x768 resolution here
     //
     if(window.top.screen.width > 800) {
       spanScreenResolution.style.visibility='hidden';
     }
  }
  </SCRIPT>

</HEAD>

<BODY TABINDEX=-1 
      ONLOAD="ScreenResolutionInit(); window.parent._MODULE_FirstPage_LoadMe();window.parent.Agent_Activate('MODULE');"
      ONUNLOAD="window.parent.Agent_Deactivate();"
      STYLE="background-image: url(../../images/watermrk.gif); 
             background-position: bottom center;  
             background-repeat: no-repeat; 
             background-color:white;"
>

  <TABLE ALIGN=center BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH="100%" HEIGHT="100%">
    <TR> 
      <TD ID=leftmargincell WIDTH=7%>
        <!-- This cell is empty by design -->
      </TD>
      <TD ID=maincell CLASS="text-primary">
        <BR><BR>

                              <!-- TITLE TEXT -->

        <SPAN CLASS="title">
          <ID ID=_MODULE__TitleText>
            <!-- TODO: modify page title text -->
            Title text
          </ID>
        </SPAN>

        <BR><BR>

                           <!-- EXPLANATORY TEXT -->

        <DIV CLASS="text-primary">
          <ID ID=_MODULE__Text1>
          <!-- TODO: Modify explanatory text -->
          Page text 1
          </ID>
        </DIV>
        <SPAN ID=spanScreenResolution>
          <!-- 
            This span is used to create the correct amount of vertical space in
            800x600 screen resolution.  
          -->
          <BR><BR>
        </SPAN>
        <DIV CLASS="text-primary">
          <ID ID=_MODULE__Text2>
            <!-- TODO: Modify explanatory text or remove if not required -->
            Page text 2
          </ID>
        </DIV>

        <!-- 
          Insert the string instructing the user to click the next button
          to continue
        -->
        <script>
         document.write(window.parent.g_ClickNextStr);
        </script>

                          <!-- NAVIGATION BUTTONS -->

        <!-- 
          TODO: 
            * Modify TABINDEX as necessary
            * Modify ACCESSKEY as necessary
            * Modify button text as necessary
        -->

        <TABLE BORDER=0 CLASS="buttonposition4">
          <TR>
            <TD WIDTH=99%>
            </TD>
            <TD>
              <BUTTON ID="btnSkip" CLASS="buttons" TABINDEX=-1 STYLE="visibility:hidden"> 
                <U>S</U>kip 
              </BUTTON>
            </TD>
            <TD>
              <BUTTON ID="btnBack" CLASS="buttons" TABINDEX=5 ACCESSKEY="B"> 
                <U>B</U>ack 
              </BUTTON>
            </TD>
            <TD>
              <BUTTON ID="btnNext" CLASS="buttons" TABINDEX=6 ACCESSKEY="N"> 
                <U>N</U>ext 
              </BUTTON>
            </TD>
          </TR>
        </TABLE>
      </TD>
       <TD ID=leftmargincell WIDTH=7%>
        <!-- This cell is empty by design -->
       </TD>
    </TR>
  </TABLE>

</BODY>
</HTML>