Created Issue: ColorPickerExtender Not Picking CSS [27142]

I am using a CPE inside a Gridview that has a CSS.

<asp:TextBox ID="txtColorPalette" runat="server" Text='<%#Bind("Attn_Type_Color")%>' CssClass="pl_textfield1" Width="80px" MaxLength="6"></asp:TextBox>
<ajx:ColorPickerExtender ID="cpeColorPalette" runat="server" TargetControlID="txtColorPalette" PopupPosition="BottomLeft"></ajx:ColorPickerExtender>

I also have the ColorPicker Styles in my StyleSheet:
.ajax__colorPicker { padding: 0px; margin: 0px; }
.ajax__colorPicker_container { background-color: #fffccc ; position: absolute; }
.ajax__colorPicker_container table {border: 1px solid #646464 ;}
.ajax__colorPicker_container table td div { width: 10px; height: 10px; cursor: pointer; padding: 0px; }

However, when the ColorPicker opens it seems as provided in the Attached ScreenShot.

Please suggest if I need to do anything else or if I am missing anything.