I would like to add a search box to the right side of the main horizontal menu.  (Basically do the same as this mojoPortal site http://www.metrotransit.org/)

When I add the search box portal object as explained at http://www.mojoportal.com/styling-the-search-input-box.aspx the search box appears below the menu.

Any ideas on how to do this?

Thanks in advance for any help -- Joe

Hi, here´s the markup. Hope it will help

<div id="ctl01_SearchInput2_pnlSearch" class="searchpanel" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl01_SearchInput2_btnSearch2')" style="display:inline;">

<input onfocus="javascript:watermarkEnter(this, 'enter search terms');" onblur="javascript:watermarkLeave(this, 'enter search terms');" name="ctl01$SearchInput2$txtSearch" type="text" id="ctl01_SearchInput2_txtSearch" class="searchbox">

<input type="image" name="ctl01$SearchInput2$btnSearch2" id="ctl01_SearchInput2_btnSearch2" class="searchbutton" src="Data/sites/1/skins/MetroTransitMain/SearchButton.png" alt="Search">

</div>

div.searchpanel {
position: absolute;
top: 9px;
right: 0;
/* display: inline; */
}

div.searchpanel .searchbox {
position: relative;
height: 22px;
width: 227px;
float: left;
margin: 1px 0;
}

div.searchpanel .searchbutton {
margin: 0;
}

Serno

Joseph,

Remove the HTML& javascript markup from the layout.master; in its place, add the following:

<portal:SearchInput id="SearchInput1" LinkOnly="false" RenderAsListItem="false" runat="server" ImageUrl="skinbase_magnifier.png" ButtonCssClass="searchbutton" TextboxCssClass="searchbox" />

The rendered HTML Totem shared with you refers to a specific client-side control as rendered by his site, and the ID will not work the same on your site. Your CSS should work fine with the control above.