Dal sito ufficiale ho scaricato GB
http://orangoo.com/labs/GreyBox/

Ho modificato alcune cose nella grafica.
Vorrei appicare tre sfondi diversi a seconda del link con cui lancio greybox.
Per sfondo intendo solo la parte superiore celeste dove sono presenti i bottoni NEXT, PREV, CLOSE.
Ecco l'immagine


Questa è la parte di css dove ho inserito uno sfondo.
Presente nel pacchetto scaricabile dal sito nel file css.
codice:
.GB_header table{
    background-image:url(bg.png);
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    height:75px;
}

Queste sono tre voci del menu a cui vorrei applicare tre sfondi differenti

codice:
<li class="home">
            
<li class="work">
            
<li class="contact">
            
<li class="curriculum">

[......]

<script>
var page_set = [{'caption': 'Google', 'url': 'http://localhost/portfolio/gallery/burn_after.html'},
var page_set2 = [{'caption': 'Google', 'url': 'http://localhost/portfolio/form.html'}];
var page_set3 = [{'caption': 'Google', 'url': 'http://localhost/portfolio/pdf/CURRICULUM.pdf'}];
</script>
Ho provato in questo modo ma non ha funzionato

codice:
.GB_header table .work{
    background-image:url(bg.png);
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    height:75px;
}

.GB_header table .contact{
    background-image:url(bg2.png);
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    height:75px;
}
Ho provato pure in questo ma niente da fare


codice:
.GB_header2 table{
    background-image:url(bg2.png);
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    height:75px;
}
codice:
<ul class="navigation_quick">



            <li class="home">
            <li class="work">
            <li class="contact">
            <li class="curriculum" class="GB_header2 table">
            
            
[/list]


Mi sapreste consigliare una direzione in cui procedere?