title: can't align a text box to the outer div
body: <p>demo: <a href="http://jsfiddle.net/57M68/" rel="nofollow">http://jsfiddle.net/57M68/</a>. I have tried a lot of things like float, margin, padding but I can't get the textbox to align vertically in the center of the black strip. Please help. The code:</p>
  
  <h2>html:</h2>
  
  <pre><code>&lt;body class="claro" data-maq-flow-layout="true" data-maq-comptype="desktop" data-maq-ws="collapse" style="margin-top:0" data-maq-appstates="{}" id="myapp"&gt;
   &lt;div id="top_bar"&gt;
   &lt;div style="width: 900px; height:50px; margin-left: auto; margin-right: auto;"&gt;
  &lt;a href="/" class="logo logo_a"&gt;
   &lt;div class="logo"&gt;
  
   &lt;/div&gt;
  &lt;/a&gt;
  &lt;div style="display:inline-block"&gt; &lt;input type="text" &gt;&lt;/input&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
   &lt;div id="top_bar_divider"&gt;&lt;/div&gt;
   &lt;div data-dojo-type="dijit.layout.BorderContainer" persist="false" gutters="true" style="min-width: 1em; min-height: 1px; z-index: 0; width: 600px; height: 687px; margin-left: auto; margin-right: auto;" design="headline"&gt;
     &lt;div data-dojo-type="dijit.layout.ContentPane" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" region="center" splitter="false" maxSize="Infinity"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <h2>js:</h2>
  
  <pre><code>require([
    "dijit/dijit",
    "dojo/parser",
    "maqetta/space",
    "maqetta/AppStates",
    "dijit/layout/BorderContainer",
    "dijit/layout/ContentPane",
    "dijit/form/TextBox"
  ]);
  </code></pre>
  
  <h2>css:</h2>
  
  <pre><code>html,body {
      height: 100%;
      width: 100%;
  }
  
   .logo_a{
  background:url("icon1.png");
  }
  .logo{
  width:60px;
  height:50px;
  display:inline-block;
  }
  .logo_a:active{
  background-position:0 1px;
  }
  
  #top_bar{
      padding:0px; 
      background: -webkit-linear-gradient(#464646, #121212);
      background: -moz-linear-gradient(#464646, #121212);
      background: -ms-linear-gradient(#464646, #121212);
      background: -o-linear-gradient(#464646, #121212);
      background: linear-gradient(#464646, #121212);
      color: #ccc;
      text-shadow:none;
      height:50px;
      width:100%;
  }
  #top_bar_divider{
  background-color:#1ba0e1;
  height:4px;
  width:100%;
  }
  </code></pre>