please see the attached to compare images using WebPanel (first image) and now WebExplorerBar (second image) :

Here is coding using WebPanel:

<div id="ScrollArea" runat="server">

<igmisc:WebPanel ID="ViewPanel" runat="server" CssClass="viewPanel" StyleSetName="Header"
Width="805px" Height="870px">
<ClientSideEvents ExpandedStateChanging="CancelXpand" />
<Template>
<div class="content" id="content">
<div id="navigation" class="navigation" style="height: 5px;">
</div>
<div id="findemp" class="findemp" style="margin-top: 0px">
<div id="personInfo" style="margin-top: 0px">
<table>
<tr>
<td>
<uc1:CFNList ID="CFNList1" runat="server"></uc1:CFNList>
</td>
<%--<td>
Location:<br />
<asp:TextBox ID="txtLocation" runat="server" CssClass="txtinput" Font-Size="X-Small"
Height="12px" Width="75px" MaxLength="6" ToolTip="Please Enter Six Char DBN (Dist, Boro, School"></asp:TextBox>
</td>--%>
<td>
EIS ID:<br />
<asp:TextBox ID="txtEISid" runat="server" CssClass="txtinput" Font-Size="X-Small"
Height="12px" Width="75px" MaxLength="7" ToolTip="Please Enter EIS ID."></asp:TextBox>
</td>
<td>
Status :<br />
<asp:DropDownList ID="ddlStatus" runat="server" Width="125" CssClass="txtinput" Font-Names="Verdana"
Font-Size="X-Small">
<asp:ListItem Text="All" Value="W"></asp:ListItem>
<asp:ListItem Text="Pending" Value="P"></asp:ListItem>
<asp:ListItem Text="Approved" Value="A"></asp:ListItem>
<asp:ListItem Text="Rejected" Value="R"></asp:ListItem>
<asp:ListItem Text="Saved" Value="S"></asp:ListItem>
</asp:DropDownList>
</td>
<td>
<br />
<asp:Button ID="btnSearch" runat="server" OnClientClick ="BLOCKED SCRIPT return ValidateData();" CssClass="selectitem" Text="Search" OnClick="btnSearch_Click" />
</td>
</tr>
<tr>
<td colspan="6">
<%--<asp:Label ID="lblError" runat ="server" Text ="Error Message" >Test Message</asp:Label>--%>
</td>
</tr>
<tr>
<td class="tbtxtbox" colspan="3" style="height:30px;">
<asp:Label ID="lblError" runat="server" Height="10px" Font-Size="Small" ForeColor="red" >
</asp:Label>
</td> 
</tr>
</table>
</div>
</div>

Here is coding using WebExplorerBar .aspx:

<ig:WebExplorerBar ID="WebExplorerBar1" runat="server" CssClass="viewPanel" 
StyleSetName="Header" Width="805px" Height="870px" > 


<Groups>
<ig:ExplorerBarGroup Expanded="true" >
<Items>
<ig:ExplorerBarItem TemplateId="viewPanel"> 

</ig:ExplorerBarItem>
</Items>

</ig:ExplorerBarGroup>

</Groups> 

<Templates> 

<ig:ItemTemplate ID="ItemTemplate1" TemplateID="viewPanel" runat="server" >
<Template>

<div class="content" id="content">
<div id="navigation" class="navigation" style="height: 5px;">
</div>
<div id="findemp" class="findemp" style="margin-top: 0px">
<div id="personInfo" style="margin-top: 0px">
<table>
<tr>
<td>
<uc1:CFNList ID="CFNList1" runat="server" ></uc1:CFNList>
</td>

<td>
EIS ID:<br />
<asp:TextBox ID="txtEISid" runat="server" CssClass="txtinput" Font-Size="X-Small"
Height="12px" Width="75px" MaxLength="7" ToolTip="Please Enter EIS ID."></asp:TextBox>
</td>
<td>
Status :<br />
<asp:DropDownList ID="ddlStatus" runat="server" Width="125" CssClass="txtinput" Font-Names="Verdana"
Font-Size="X-Small">
<asp:ListItem Text="All" Value="W"></asp:ListItem>
<asp:ListItem Text="Pending" Value="P"></asp:ListItem>
<asp:ListItem Text="Approved" Value="A"></asp:ListItem>
<asp:ListItem Text="Rejected" Value="R"></asp:ListItem>
<asp:ListItem Text="Saved" Value="S"></asp:ListItem>
</asp:DropDownList>
</td>
<td>
<br />
<asp:Button ID="btnSearch" runat="server" CssClass="selectitem" Text="Search" />
</td>
</tr>
<tr>
<td colspan="6">

</td>
</tr>
<tr>
<td class="tbtxtbox" colspan="3" style="height:30px;">
<asp:Label ID="lblError" runat="server" Height="10px" Font-Size="Small" ForeColor="red" >
</asp:Label>
</td> 
</tr>
</table>
</div>

We cannot achieve the same look.Please help me to resolve this issue.

Thanks so much