CSS values are not taking any effect

[GoogleCodeExporter]

CSS Code:
.maplabels {
        color: red;
        background-color: white;
        font-family: "Tahoma", "Arial", sans-serif;
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        width: 30px;     
        border: 2px solid black;
        white-space: nowrap;
    }

JAVASCRIPT Code:
var marker = new MarkerWithLabel({
                    position: pos,
                    draggable: false,
                    raiseOnDrag: false,
                    map: map,
                    labelContent: locations[i][0],
                    labelAnchor: new google.maps.Point(22, 55),
                    labelClass: "maplabels",
                    labelStyle: {opacity: 0.75}
            });

Expected result:
CSS should affect the labels when on the map

Actual result:
Plain black text that is off centre which is not effected by any changes

Version: 1.1.9

Browser / Operating System:
Chrome/Firefox

Original issue reported on code.google.com by tstackho...@blue2.co.uk on 8 Jul 2014 at 8:06

[GoogleCodeExporter]

SOLVED: Away to take a walk of shame. Missing curly brace. My arch nemesis 
strikes again! Thanks guys!

Original comment by tstackho...@blue2.co.uk on 8 Jul 2014 at 8:38