Metro skin issue for radpanelitem text

[VIJESH]

Once I changed my skin to metro, the rad panel text is displaying as transparent. This issue is for only metro skin.
Here is my radpanelbar code: (In the below code "View Service" text  became transparent, on click of imgAddNewService button.)

<telerik:RadPanelBar ID="RadPanelBarService" runat="server" ExpandMode="SingleExpandedItem" Width="100%" AllowCollapseAllItems="True" OnClientItemClicking="OnClientItemClicking"   >
                    <Items>
                        <telerik:RadPanelItem Width="100%" runat="server" Selected="True" Value="ServiceGridPanelItem" Text="View Service" Expanded="True">
                            <HeaderTemplate>
                                <div>
                                    <table style="width: 100%">
                                        <tr>
                                            <td style="width: 10%">
                                                <span class="rpText" style="float: left">View Service</span></td>
                                            <td style="width: 3%; text-align: left">
                                                <asp:ImageButton ID="imgAddNewService" runat="server" OnClick="radbtnCreateNewService_Click" Visible="false" />
                                                <telerik:RadToolTip runat="server" ID="radToolTipAddNewService" TargetControlID="imgAddNewService" ContentScrolling="Default"
                                                    Position="BottomRight" RelativeTo="Element" AutoCloseDelay="0" Text="Click here to create new service">
                                                </telerik:RadToolTip>
                                            </td>                                            
                                            <td style="text-align: right"><span class="rpExpandHandle" style="cursor: pointer;"></span></td>
                                        </tr>
                                    </table>
                                </div>
                            </HeaderTemplate>
                            <Items>
                                <telerik:RadPanelItem runat="server" Value="ServiceGridPanel">
                                    <ItemTemplate>
                                        <div id="divServiceGrid">
</div>
</ItemTemplate>
...........

[Kate]

Hello VIJESH,

It is a bug of the RadPanelBar control that we are already aware of. It is already fixed and it will be available for download with the beta version of the RadControls that we will release on May 22nd - 23rd. Meanwhile I can suggest that you use the following workaround:

div.RadPanelBar_Metro a.rpFocused:hover,
        div.RadPanelBar_Metro div.rpFocused,
        div.RadPanelBar_Metro a.rpSelected,
        div.RadPanelBar_Metro a.rpSelected:hover,
        div.RadPanelBar_Metro div.rpSelected {
           color: black;
       }

Greetings,
Kate
the Telerik team