Untitled Document

Layers on top of background images and z-index:

<html>
<head>
<title>Solutions Oasis </title>

<STYLE TYPE="text/css">
.bg {
BACKGROUND-IMAGE: url(http://esp.ibi.com/sos/images/soluationOasisBG9.jpg);
BACKGROUND-REPEAT: no-repeat;
}
.redtab {
BACKGROUND-IMAGE: url(images/redTab.gif);
BACKGROUND-REPEAT: no-repeat;
}
.whead {
FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Arial
}
.test {
background-color: #FFFFFF;
width: 100%;
}

.opaque {
filter: alpha(opacity=70);
-moz-opacity: .7;
}

select
{
background-color: #FFFF66;
}
.selectwhite
{
background-color: #ffffff;
}
</STYLE>
<script language="JavaScript" type="text/JavaScript">

</script>

<form method="get" action="http://eip.ibi.com/cgi-bin/ibi_cgi/ibiweb.exe" name="sossummary" target='outputwindow'>

</TD>
<TD COLSPAN="8">
<IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="1" HEIGHT="150" BORDER="0"><BR>
</TD>
</TR>
<TR>
<TD><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="100" HEIGHT="1" BORDER="0"></TD>
<TD COLSPAN="8" VALIGN="top"><BR>
<TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">

<TR>
<TD VALIGN="top">
<DIV CLASS="whead">Industry</DIV>
<select name="ZINDUSTRY2" size="1" style="font-weight:normal; width:175; font-size:9pt; font-family:Arial;">

<option value="ALL" selected class="selectwhite">All Industries
<option value="Agriculture">Agriculture
</select>
<BR><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="1" HEIGHT="10" BORDER="0"><BR>

<DIV CLASS="whead">Type of Application</DIV>
<select name="ZTYPEAPP" style="font-weight:normal; width:175; font-size:9pt; font-family:Arial;">
<option value="All" selected class="selectwhite">All Applications
<option value="Agent/Network Tracking">Agent/Network Tracking
</select><BR><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="1" HEIGHT="10" BORDER="0"><BR>
<DIV CLASS="whead">Deployment</DIV>
<select name="ZAPPTYPE" style="font-weight:normal; width:175; font-size:9pt; font-family:Arial;">

<OPTION VALUE='All' selected class="selectwhite">All Types
<OPTION VALUE='WebFOCUS'>All WebFOCUS
</select>

</TD>
<TD><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="10" HEIGHT="1" BORDER="0"></TD>
<TD VALIGN="top">
<DIV CLASS="whead">Product Feature</DIV>
<select name="PROD" style="font-weight:normal; width:175; font-size:9pt; font-family:Arial;">
<option value="" selected class="selectwhite">All Products
<option value="Parameterized/Self-Service">Parameterized/Self-Service
</select>
<BR><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="1" HEIGHT="10" BORDER="0"><BR>
<DIV CLASS="whead">Database</DIV>
<select name="DTBS2" style="font-weight:normal; width:175; font-size:9pt; font-family:Arial;">
<option value="" selected class="selectwhite">All Databases
<option value="ADABAS">Adabas
<option value="ALLBASE">Allbase
<option value="CICS">CICS
<option value="DATACOM">Datacom
</SELECT><BR><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="1" HEIGHT="10" BORDER="0"><BR>

<DIV CLASS="whead">Platform/OS</DIV>
<select name="PLAT2" style="font-weight:normal; width:175; font-size:9pt; font-family:Arial;">
<option value="" desc="" selected class="selectwhite">All Platforms
<option value="A" desc="AS/400">AS/400
<option value="B" desc="BULL">Bull
</select><BR><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="1" HEIGHT="10" BORDER="0"><BR>
</TD>
<TD><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="10" HEIGHT="1" BORDER="0"></TD>
<TD VALIGN="top"><DIV CLASS="whead">Who Built Application</DIV>

<select name="ZPARTNER" style="font-weight:normal; width:175; font-size:9pt; font-family:Arial;">
<option value="" desc="" selected class="selectwhite">All
<option value="IBI Consulting">IBI Consulting
<option value="Partners">Partners only
</select><BR><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="1" HEIGHT="10" BORDER="0"><BR>
<DIV CLASS="whead">Competitor Wins</DIV>

<OPTION VALUE='ALL' selected class="selectwhite">All Competitors
<OPTION VALUE='Accenture'>Accenture
<OPTION VALUE='Acta'>Acta

</select><BR><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="1" HEIGHT="10" BORDER="0"><BR>

</TD>
<TD><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="10" HEIGHT="1" BORDER="0"></TD>
<TD VALIGN="top">
<DIV CLASS="whead">Year</DIV>
<select name="ZINYR" size="1" style="font-weight:normal; width:175; font-size:9pt; font-family:Arial;">
<option value="" SELECTED class="selectwhite">All
<script language="JavaScript">
var initdate = new Date();
var inityear = initdate.getFullYear();
for(i = 0; i < 2 ; i++) {
if (i==0) optval=inityear;
else optval=inityear-i;
document.writeln("<option value='" + optval + "'>" + optval );
}
</script>
</select><BR><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="1" HEIGHT="10" BORDER="0"><BR>
<DIV CLASS="whead">Quarter/Month</DIV>

<select name="ZQMON" size="1" style="font-weight:normal; width:175; font-size:9pt; font-family:Arial;">
<option value="" selected class="selectwhite">All
<option value='13'>Quarter 1
<option value='46'>Quarter 2
</select><BR><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="1" HEIGHT="10" BORDER="0"><BR>
<DIV CLASS="whead">Location</DIV>
<select name="BRANCH2" size="1" style="font-weight:normal; width:175; font-size:9pt; font-family:Arial;">
<option value="ALL" class="selectwhite">All Locations
<option value="DOM">North America Only
<option value="INTL">International Only
<option value="ALL">

<TD VALIGN="top">
<DIV CLASS="whead"> <input type="radio" name="RPTNUM" value="1" checked>Summary</DIV>
<DIV CLASS="whead"> <input type="radio" name="RPTNUM" value="7">Detail</DIV><BR>
<INPUT TYPE="image" NAME="Submit" SRC="http://esp.ibi.com/sos/images/submit.gif" BORDER="0" alt="Submit" onclick="run();"><BR><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="1" HEIGHT="5" BORDER="0"><BR>
<A HREF="" onclick="doReset(); return false"><IMG SRC="http://esp.ibi.com/sos/images/reset.gif" ALT="" WIDTH="74" HEIGHT="16" BORDER="0"></a>
</TD>
</TR>

</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<P>

<div id="Layer3" style="position:absolute; left:133px; top:445px; width:534px; height:77px; z-index:2">
<TABLE WIDTH="557" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD WIDTH="555" VALIGN="top" BGCOLOR="#29B5CE"><DIV CLASS="whead">   Quick Reports</DIV></TD>
<TD WIDTH="2" BGCOLOR="#D42828"><IMG SRC="http://esp.ibi.com/sos/images/clear_dot.gif" ALT="" WIDTH="2" HEIGHT="1" BORDER="0"></TD>
</TR>
</TABLE>
</DIV>

document.write('