Set Padding/Margin for Textbox in DockLayoutPanel?

I just want to set the padding or margin of my elements in a
DockLayoutPanel.

My UiBinder:
<ui:style>
.item {

height: 100%;
margin: 5px;
}
</ui:style>

<g:DockLayoutPanel unit='PX' >
<g:center>
<g:Tree ui:field="treeTasks"></g:Tree>
</g:center>
<g:south size="25" >
<g:TextBox addStyleNames="{style.item}" ui:field="textTask"
width="100%" placeholder="Enter task..."></g:TextBox>
</g:south>
</g:DockLayoutPanel>

I've tried every arrangement that I can think of from changing
"padding" to "margin" and putting the style on "g:south" or even on my
DockLayoutPanel. I really just want some visual space between the
borders of my Textbox and the DockLayoutPanel. What am I doing wrong?

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.