WCM Forum - scrollleisten einfärben über CSS

hi ! ich verwende ein gästebuch bei dem das design über stylesheets zugewiesen wird. unterhalb poste ich die stylesheet-datei. was und an welcher stelle muss ich etwas hinzufügen damit ich die farbe der scrollbalken ändern kann.

der sourcecode:
|||||||||||||||||||||||||||||||||||||||||||||||||| ||||||||||||||

/* <body>-Eigenschaften */
body {
background-color:#999999;
}

/* Der Text, der über dem Gästebuch engezeigt werden soll (falls in der settings.php angegeben) */
.tgbbannertext {
color:black;
font-family:verdana;
font-weight:bold;
text-align:center;
font-size:10pt;
}

/* "Eintragen"-Text */
.tgbnewentrytext {
font-family:verdana;
color:black;
font-size:10pt;
}
a.tgbnewentrytext:link {
color:black;
text-decoration:none;
}
a.tgbnewentrytext:visited {
color:black;
text-decoration:none;
}
a.tgbnewentrytext:hover {
color:black;
text-decoration:underline;
}
a.tgbnewentrytext:active {
color:black;
text-decoration:underline;
}

/* Allgemein die Tabelle eines Eintrags */
table.tgbtable {

}

/* Die linke Zelle der Tabelle eines Eintrags */
td.tgbleftcell {
background-color:#999999;
text-align:left;
border:1px black solid;
}

/* Name dessen, der sich eingetragen hat */
.tgbleftcellnametext {
font-family:verdana;
font-weight:bold;
font-size:10pt;
}

/* Die restlichen Angaben der Person, die sich eingetragen hat */
.tgbleftcellothertext {
font-family:verdana;
font-size:10px;
}

/* Die rechte Zelle der Tabelle eines Eintrages */
td.tgbrightcell {
background-color:#999999;
text-align:left;
}

/* Der Text in der rechten Zelle, also der eigentliche Eintrag */
.tgbrightcelltext {
font-size:10pt;
font-family:verdana;
}

/* Kommentar zu einem Eintrag */
.tgbcomment {
font-family:verdana;
font-size:8pt;
font-weight:bold;
color:black;
background-color:#white;
border:black 1px solid;
padding:2px;
}

/* Das Formular um sich ins Gästebuch einzutragen */

table.tgbform { /* Die Tabelle beim Eintragen */
background-color:#999999;
}

td.tgbformleftcell{ /* Die linken Zellen */
background-color:#999999;
}
.tgbformleftcell { /* Der Text in den linken Zellen */
text-align:left;
font-family:verdana;
font-size:10pt;
}

td.tgbformrightcell{ /* Die rechte Zellen */
background-color:#999999;
}
.tgbformrightcell { /* Text in den rechten Zellen (ist eig. keiner da :) */
text-align:left;
}

td.tgberrorcell { /* Die Zelle, in der Fehler angezeigt werden (z.B. kein Name eingegeben) */
background-color:#999999;
}
.tgberrorcell { /* Text in der Fehlerzelle */
text-align:left;
color:black;
font-family:verdana;
font-weight:bold;
font-size:10pt;
}

textarea.tgbform { /* Die große TextBox, wo der eigentliche Eintrag rein kommt */
border:black 1px solid;
font-family:verdana;
font-size:8pt;
}
input.tgbform { /* Die kleinen Textfelder */
border:black 1px solid;
font-family:verdana;
font-size:8pt;
}
button.tgbform { /* Der Eintragen-Button */
background-color:white;
font-family:verdana;
font-size:8pt;
border:black 1px solid;
}

/* Die Seitenauswahl */
.tgbpagechange {
font-family:verdana;
font-size:10px;
}
a.tgbpagechange:link {
color:black;
text-decoration:none;
}
a.tgbpagechange:visited {
color:black;
text-decoration:none;
}
a.tgbpagechange:hover {
color:black;
text-decoration:underline;
}
a.tgbpagechange:active {
color:black;
text-decoration:underline;
}

.tgbcopyr {
color:gray;
font-family:verdana;
font-size:10px;
color:black;
}
a.tgbcopyr:link {
color:gray;
text-decoration:underline;
}
a.tgbcopyr:visited {
color:gray;
text-decoration:underline;
}
a.tgbcopyr:hover {
color:black;
text-decoration:underline;
}
a.tgbcopyr:active {
color:black;
text-decoration:underline;
}

|||||||||||||||||||||||||||||||||||||||||||||||||| ||||||||||||||