
Make It Disappear
<style type="text/css">
.userinfo { display: none; }
</style>

Borders
To give the userinfo table a border:
<style type="text/css">
.userinfo { border: 1px solid red; }
</style>
[ More Border Styles ]

Background
To set a background color:
<style type="text/css">
.userinfo { background: red; }
</style>
Or a background image:
<style type="text/css">
.userinfo { background: url('http://www.PATH TO YOUR IMAGE.gif'); }
</style>
More on
[ Backgrounds ]

Text Styles
Userinfo has bold and plain text in it (bold is Age: and plain is your age) etc. To change the bold text,
just change
.userinfo b. For changing the plain text, it's just
.userinfo.
<style type="text/css">
.userinfo b {
color: deeppink;
font-size: 10pt;
}
.userinfo { color: orange; }
</style>
More
[ Text Styles ]

Size
You can change the width and/or height of the userinfo table:
<style type="text/css">
.userinfo {
width: 400px;
height: 150px;
}
</style>

Positioning
To shift the userinfo table left or right, you can set a margin. Nb, the userinfo table is 100% the width
of the space its in by default, so if you want to move it left or right you have to shrink it a bit first:
<style type="text/css">
.userinfo {
width: 400px;
margin-left: 200px;
}
</style>
You could also use margins to create a bit more space between the userinfo table and the stuff above
or below it:
<style type="text/css">
.userinfo {
margin-top: 20px;
margin-bottom: 10px;
}
</style>