Trying to pretty-fi uddeim with CSS

UDDEIM is great for a lot of things, but it aint pretty
I have a transparent template, and with the UDDEIM looks really bad.
I'm in no way experienced with CSS, so I'm sort of stabbing in the dark, and using Firebug to help me.
So far I've made the input boxes look better by giving them a solid background and a border, fixed the font, and a few other things, resulting in this addition to the custom.css for the template:

/* UDDEIM box border */
#uddeim-writeform textarea {border: 1px solid #000000; background: rgba(240, 240, 240, 0.7) none repeat scroll 0 0;}
#uddeim-writeform input#input_to_name {border: 1px solid #000000; background: rgba(240, 240, 240, 0.7) none repeat scroll 0 0;}
.inputbox {border: 1px solid #000000; background: rgba(240, 240, 240, 0.7) none repeat scroll 0 0;}
#uddeim-navbar2 { background: rgba(240, 240, 240, 0.7) none repeat scroll 0 0; border: 1px solid;}
#uddeim-bbemobox tbody {border: 1px solid;}
#uddeim-smileybox tbody {border: 1px solid;}
.sectiontableentry1 {background: rgba(240, 240, 240, 0.7) none repeat scroll 0 0;}
.sectiontableentry2 {background: rgba(140, 140, 140, 0.7) none repeat scroll 0 0;}
.uddeim-messagebody {background: rgba(240, 240, 240, 0.7) none repeat scroll 0 0;}
.uddeim-messageheader {background: rgba(140, 140, 140, 0.7) none repeat scroll 0 0;}
#uddeim > div {font-family: mont,sans-serif;font-size: 0.85em;}

But I still have a few issues

I would like to align the two boxes at the top vertically (1).
I would also like to have the 'text counter' and the 'text counter text' aligned next to each other (with the counter to the left) (2).
I would also like to have the Send and 'copy to me' aligned next to each other (with the 'copy to me' to the right).

I tried adding this:
.uddeim-textcounter {float: left;}

But that made a complete mess of it:


I've looked at the JoomlaPolis forum, and they have the (1) aligned, so I don't get it why they aren't on my site?

Does anybody have some input on this?

CSS for UDDEM is growing here, and it's getting much prettier by the minute.
I've decided to not show the text counter and the 'send to self', so (2) and (3) are solved.
I tried spying on the CSS used on the joomlapolis site to see how they get the two boxes in (1) aligned, but no help
I also tried using
table tr {display:inline}
And that placed them side by side, but also collapsed the table, and they were still vertically misaligned.
So that is still a problem.

I finally found the CSS's to have them side by side, took a LOT of spying on the Joomlapolis CSS :lol:

But this will do it: Now it looks much better...