<com:TContent ID="body">

<h2>Wizard with Customized Styles</h2>

<com:TWizard ID="Wizard1"
		Width="400px"
		Height="100px"
        BackColor="#EFF3FB"
        BorderColor="#B5C7DE"
        BorderWidth="1px"
        BorderStyle="Solid"
        HeaderText="Please let us know your preference"
		StepStyle.HorizontalAlign="Center"
		NavigationStyle.HorizontalAlign="Center"
		SideBarButtonStyle.ForeColor="White"
		OnCompleteButtonClick="wizardCompleted" >

  <prop:SideBarStyle
		Width="100px"
		Height="100px"
		BackColor="#507CD1"
		HorizontalAlign="Center"
        />
  <prop:NavigationButtonStyle
		BackColor="White"
		BorderColor="#507CD1"
		BorderStyle="Solid"
		BorderWidth="1px"
		ForeColor="#284E98"
        />
  <prop:HeaderStyle
        BackColor="#284E98"
		Font.Bold="True"
		ForeColor="White"
		HorizontalAlign="Center"
        />

  <com:TWizardStep Title="Step 1">
    <p>
    Your favorite color:
    <com:TDropDownList ID="DropDownList1">
      <com:TListItem Value="Red" />
      <com:TListItem Value="Blue" />
      <com:TListItem Value="Green" />
      <com:TListItem Value="Purple" />
      <com:TListItem Value="Black" />
      <com:TListItem Value="Yellow" />
      <com:TListItem Value="Orange" />
      <com:TListItem Value="Pink" />
      <com:TListItem Value="Cyan" />
    </com:TDropDownList>
    </p>
  </com:TWizardStep>

  <com:TWizardStep Title="Step 2" StepType="Complete">
    <h3>Thank you for your answer!</h3>
    <p>
    <com:TLabel ID="Result" />
    </p>
  </com:TWizardStep>

</com:TWizard>

</com:TContent>