<a:application xmlns:a="http://ajax.org/2005/aml">
    <a:skin id="quicksearch" 
      src       = "{require('ext/quicksearch/quicksearch').skin}" 
      icon-path = "/static/ext/quicksearch/icons/" />

    <a:bar id="winQuickSearch"
      skinset = "quicksearch"
      visible = "false"
      width   = "350"
      kbclose = "true"
      top     = "-30"
      right   = "30">
        <a:hbox edge="0 5 5 5">
            <a:textbox id="txtQuickSearch" flex="1" focusselect="true" skin="searchbox_textbox" skinset="default" onkeyup="require('ext/quicksearch/quicksearch').handleQuicksearchEscape(event)" />
            <a:button onclick="require('ext/quicksearch/quicksearch').findprevious()" skin="btnquicksearchnav" class="btnquicksearchnavLeft withDivider" icon="arrow_left_search.png" />
            <a:button onclick="require('ext/quicksearch/quicksearch').findnext()" skin="btnquicksearchnav" class="btnquicksearchnavRight" icon="arrow_right_search.png" />
            <a:button margin="0 0 0 5" skin="btnsearchicon" icon="rounded_close.png" onclick="
              require('ext/quicksearch/quicksearch').toggleDialog(-1);
            " />
        </a:hbox>
    </a:bar>
</a:application>