<div class="bis">

	<style type="text/css">

<cfoutput>	.bis { background-image: url( #request.portalConfiguration.portalResources#/graphics/SeaPakDisplayIncentiveBanner.gif ); }</cfoutput>

	.noshow {display: none;} 
	
	.bis { background-repeat:no-repeat; padding-top: 90px; }

	.bis h1 { margin-bottom:.5em; font-variant:small-caps;}
	.bis p {margin:0px 0px 0px 0px; }
	.bis h2 { margin-top:1em; margin-bottom:.5em; }
	.bis p span { font-size:.9em; white-space:nowrap;}

	.bis table.nominee { width:530px; margin-left:2em; margin-bottom:1em; }
	.bis table.nominee td.l { width:125px; }
	
	.bis table.nominee td.rf { width:405px; padding-right:10px; }
	.bis table.nominee td.rf input { width:100%; }
	.bis table.nominee td.rf select { width:100%; }
	
	.bis table.nominee td.c1 { width:275px; padding-right:10px; }
	.bis table.nominee td.c1 input { width:100%; }
	.bis table.nominee td.c2 { width:60px; }
	.bis table.nominee td.r { width:70px; padding-right:5px; }
	.bis table.nominee td r input { width:100%;}

	.bis table.tracking-info {width: 550px; margin-left:auto; margin-right:auto; margin-bottom:1em; }
	.bis table.tracking-info td div { border: 1px solid silver; padding:3px 5px; }
	.bis table.tracking-info td { padding-left: 5px; }
	.bis table.tracking-info td input { width:160px; }
	.bis table.tracking-info td.l { padding-left: 0px; }
	.bis table.tracking-info label { padding-right: 3px; display:block;}
	
	.bis table.performance {margin-top:.5em; width: 550px; margin-left:auto; margin-right:auto; margin-bottom:1em;}
	.bis table.performance table thead td { vertical-align:bottom; text-align:center; }

	.bis table.display-info { margin-right:5px; width:550px; float:left; clear:left; border:1px solid silver; }
	.bis table.display-info thead td { font-weight:bold; } 
	.bis table.display-info thead tr.t td { vertical-align:middle; text-align:center; height: 50px; border-width:1px; border-style:solid; border-bottom-width:2px; }
	.bis table.display-info thead tr.b td { vertical-align:middle; text-align:center; font-size:.9em; border-width:1px; border-style:solid;}
	.bis table.display-info thead td div { font-size: .8em; }
	.bis table.display-info thead tr.b td.c { font-size: .8em; }
	.bis table.display-info thead tr.b td.r { font-size: .8em; }
	.bis table.display-info tbody td { height: 40px; vertical-align:middle; text-align:center; border-width:1px; border-style:solid; }
	.bis table.display-info tbody td.l input { margin:0px 5px; width:80px; }

	.bis table.prize-info { width: 550px;  margin-left:1px;margin-bottom:10px; border:1px solid black;margin-top:.5em; }
	.bis table.prize-info td {  vertical-align:middle; text-align:center;  height: 25px; font-size:1em; font-weight: bold;}
	.bis table.prize-info td.bp {width:230px; border-right:1px solid black; background-color:#BFCBE3;}
	.bis table.prize-info tr.pdtr1 {background-color:#BFCBE3; }
	.bis table.prize-info td.pd1 { width:100px;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; }
	.bis table.prize-info td.pd2 { width:100px;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; }
	.bis table.prize-info td.pd3 { width:100px;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; }
	.bis table.prize-info td.pd1a { border-right-style: solid; border-right-width: 1px; border-right-color: black; }
	.bis table.prize-info td.pd2a { border-right-style: solid; border-right-width: 1px; border-right-color: black; }
	.bis table.prize-info td.pd3a { border-right-style: solid; border-right-width: 1px; border-right-color: black;  }
	
	.bis h1 { padding-bottom:0px; color: #ED1C24; }
	.bis h2 { color: #005A9C; }
	.bis table.tracking-info td div { border-color: #ED1C24; }
	.bis table.prize-schedule { border-color: #171717; }
	x.bis table.display-info thead td.c { background-color:#ED1C24; color:white; }
	.bis table.display-info { border-color:#171717; }
	.bis table.display-info tbody td.l1 { background-color:#BFCBE3; }	
	.bis table.prize-schedule thead tr td { background-color:#D3D4D6; }

	.bis div.upload p { margin-top:1em; margin-bottom:.5em; }	
	.bis div.upload input { margin-left:2em; }
	.bis div.buttons p { margin-top:1em; margin-bottom:.5em; }	
	.bis div.buttons input { margin-left:2em; }
	</style>

	<h1>Wave I: January 1st - February 15th, 2010</h1>
	<p>You will need to complete and submit this entry form for each display set up during Wave 1.</p>
	<p>Once you've submitted this form, you are AUTOMATICALLY entered into the "Best Display" contest.</p>
	<h2>Contact Information</h2>
	
	<div>
	
	<table class="nominee">
		<tr>
			<td class="l"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="label" for="brkinc_rep_name"/></td>
			<td class="rf" colspan="3"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_rep_name"/></td>
		</tr>
		<tr>
			<td class="l"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="label" for="BRKINC_BROKER_CITY_STATE"/></td>
 			<td class="rf" colspan="3"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="BRKINC_BROKER_CITY_STATE"/></td> 
		</tr> 
		<!--- Width=0 in next td is fix for ie 6 and 7 colspan bug. --->
		<tr id="bcsrow">
			<td style="width:0;" class="l" colspan="4"><br />*You are required to complete the <strong>Broker Company</strong> and <strong>Address</strong> fields only if you selected 'Other' for <strong>Brokerage</strong>.<br /><br /></td>
		</tr> 
		<tr id="bcsnamerow">
			<td class="l"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="label" for="brkinc_bro_name"/></td>
			<td class="rf" colspan="3"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_bro_name"/></td>
		</tr>
		<tr  id="bcsaddressrow">
			<td class="l"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="label" for="brkinc_rep_address"/></td>
			<td class="rf" colspan="3"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_rep_address"/></td>
		</tr>
		<tr>
			<td class="l"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="label" for="brkinc_rep_email"/></td>
			<td class="c1"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_rep_email"/></td>
			<td class="c2"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="label" for="brkinc_rep_phone"/></td>
			<td class="r"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_rep_phone"/></td>
		</tr>
		<tr>
			<td class="l"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="label" for="brkinc_supervisor_name"/></td>
			<td class="c1"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_supervisor_name"/></td>
			<td class="c2"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="label" for="brkinc_supervisor_phone"/></td>
			<td class="r"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_supervisor_phone"/></td>
		</tr>
		<tr>
			<td class="l"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="label" for="brkinc_ae_name"/></td>
			<td class="rf" colspan="3"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_ae_name"/></td>
		</tr>
	</table>
	 
	</div>
	
	<div>
	
	<table class="tracking-info">
		<tr>
		<td class="l" >
			<div>
			<cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="label" for="brkinc_store_name"/>
			<cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_store_name"/>
			</div>
		</td>
		<td>
			<div>
			<cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="label" for="brkinc_store_number"/>
			<cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_store_number"/>
			</div>
		</td>
		<td>
			<div>
			<cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="label" for="brkinc_broker_code"/>
			<cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_broker_code"/>
			</div>
		</td>
		</tr>
	</table>
	
	</div>
	
	<p>*Please fill out the display information on this chart.  Future wave start dates are: <span>Wave 2: February 16th, 2010</span></p>
	
	<table class="performance">
		<tr>
			<td>
				<table class="display-info">
					<thead>
						<tr class="t">
							<td class="l" colspan="3">Display Dates<div>01/01/2010 - 02/15/2010</div></td>
							<td class="c" colspan="2">Partial Display<div>8-19 facings</div><div>+POS</div></td>
							<td class="r" colspan="2">Full Display<div>20+ facings</div><div>+POS</div></td>
							<td class="r" colspan="2">Shipper Kicker<div>Inclusion of SeaPak</div><div>Display Unit</div><div>(Floor or Countertop)</div></td>
						</tr>
						<tr class="b">
							<td class="l l1"></td>
							<td class="l l2">Display Set up Date</td>
							<td class="l l3">Display End Date</td>
							<td class="c c1"></td>
							<td class="c c2">Retail Rep./ Supervisior</td>
							<td class="c c1"></td>
							<td class="c c2">Retail Rep./ Supervisior</td>
							<td class="c c1"></td>
							<td class="c c2">Retail Rep./ Supervisior</td>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="l l1">Wave 1</td>
							<td class="l l2"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_setup_date"/></td>
							<td class="l l3"><cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_end_date"/></td>
							<td class="c c1"><xsl:copy-of select="/form/input[@id='BRKINC_DISPLAY_TYPE_L1']"/></td>
							<td class="c c2">$15/$2</td>
							<td class="c c1"><xsl:copy-of select="/form/input[@id='BRKINC_DISPLAY_TYPE_L2']"/></td>
							<td class="c c2">$25/$2</td>
							<td class="c c1"><xsl:copy-of select="/form/input[@id='BRKINC_DISPLAY_TYPE_L3']"/></td>
							<td class="c c2">$10/$2</td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
	</table>

	<table class="prize-info">
		<tr class="pdtr1">
			<td class="bp" rowspan="2">Big Prizes <div>for this Wave:</div></td>
			<td class="pd1">1st</td>
			<td class="pd2">2nd</td>
			<td class="pd3">3rd</td>
		</tr>
		<tr class="pdtr2">
			<td class="pd1a">$500</td>
			<td class="pd2a">$300</td>
			<td class="pd3a">$100</td>
		</tr>
	</table>

	<div class="upload">
		<input type="hidden" name="resizeImages" value="200" /> 
		<p>Photographs are now mandatory for this contest</p>
		<cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="field" fieldName="brkinc_upload"/>
	</div>
	
	<div class="buttons">
		<p>All entries must be submitted by 03/01/2010</p>
		<cfmodule template="/mstrcfmod/CDA/cfmod_formXSLHelper.cfm" helper="button" class="submit"/>
	</div>
	
</div>
<script type="text/javascript">

var fnBCSChanged = function() {

	var bcs = document.getElementById( "BRKINC_BROKER_CITY_STATE" );
	
	if (bcs)
	{
		var bcsrow = document.getElementById( "bcsrow" );
		var bcsnamerow = document.getElementById( "bcsnamerow" );
		var bcsaddressrow =	document.getElementById( "bcsaddressrow" );

		if ( bcs.value.toLowerCase() == "other".toLowerCase() )
		{
			if (bcsrow) { bcsrow.className= ""; }
			if (bcsnamerow) { bcsnamerow.className = ""; }
			if (bcsaddressrow) { bcsaddressrow.className= ""; }
			document.getElementById( "BRKINC_BRO_NAME" ).setAttribute("fse:required","true");
			document.getElementById( "BRKINC_REP_ADDRESS" ).setAttribute("fse:required","true");
		}
		else
		{
			// Change display to empty string instead of none to accomodate IE 7. 
			if (bcsrow) { bcsrow.className = 'noshow'; }
			if (bcsnamerow) { bcsnamerow.className = 'noshow'; }
			if (bcsaddressrow) { bcsaddressrow.className = 'noshow'; }
			
			document.getElementById( "BRKINC_BRO_NAME" ).value = "";
			document.getElementById( "BRKINC_REP_ADDRESS" ).value = "";
			document.getElementById( "BRKINC_BRO_NAME" ).removeAttribute("fse:required");
			document.getElementById( "BRKINC_REP_ADDRESS" ).removeAttribute("fse:required");
		}
	}
};

var bindJavaScriptHandlers = function() {

	var obcs = document.getElementById( "BRKINC_BROKER_CITY_STATE" );
	if( obcs ) {	
		Fse.EventManager.addEventHandler( obcs, "change", fnBCSChanged );
	} else {
		alert( "Cannot find the BCS" );
	}
	
	// Initialize the visibility of the manually entered broker name and address
	// (when a person chooses 'other' in the dropdown). 
	// If the class is set on the tr the form emailed to the 
	// person does NOT include those fields. So we first let them show here 
	// so they show up on the email then hide them. 
	var bcsrow = document.getElementById( "bcsrow" );
	var bcsnamerow = document.getElementById( "bcsnamerow" );
	var bcsaddressrow =	document.getElementById( "bcsaddressrow" );
	
	if (bcsrow) { bcsrow.className = 'noshow'; }
	if (bcsnamerow) { bcsnamerow.className = 'noshow'; }
	if (bcsaddressrow) { bcsaddressrow.className = 'noshow'; }
	
	document.getElementById( "BRKINC_BRO_NAME" ).removeAttribute("fse:required");
	document.getElementById( "BRKINC_REP_ADDRESS" ).removeAttribute("fse:required");

};

Fse.EventManager.addOnLoadHandler( bindJavaScriptHandlers );
</script>

