How to get the css styles from showcase SuggestBox?

I'd like to apply the styles from the showcase SuggestBox: http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwSuggestBox
Especially I like the thin-round borders around the box.

How can I do this when using Standard theme?

This is what I tried:
    <ui:style field="styles" src="SuggestBox.css" />
    <g:SuggestBox styleName="{styles.gwt-SuggestBox} {styles.gwt-SuggestBoxPopup}"

Then copied the whole content from the showcase see to SuggestBox.css.
Also created a subfolder /images and placed circles.png there.

Though my suggestbox is still looking the same as in the standard theme (light-blue border etc).
What am I missing?

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