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

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

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

Text Styles
The friends table contains bold text, regular text, and links. You can change them all separately if you like.
Changes applied to .friends affects the plain text, .friends b affects the bold bits, .friends a:link, and a:visited
for the links in their regular state, and .friend a:hover for links when they're being hovered over.
<style type="text/css">
.friends {
color: deeppink;
font-size: 10pt;
}
.friends b {
color: yellow;
font-size: 12pt;
}
.friends a:link, .friends a:visited { color: teal; }
.friends a:hover { color: white; }
</style>
More
[ Text Styles ]

Size
You can change the width and/or height of the friends table:
(Nb, by default this table doesn't have a border, so you may need to give it one to see the changes)
<style type="text/css">
.friends {
border: 1px solid deeppink;
width: 400px;
height: 200px;
}
</style>

Positioning
To create a bit more space above and/or below the friends table, you can give it a margin:
<style type="text/css">
.friends {
margin-top: 50px;
margin-bottom: 20px;
}
</style>
Nb, you could also use margins to shift it left or right.