# CSS Classes

## Common

> caption  

| CSS Class                                                   | Description                                                                                                                                    |
| ----------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| **div.RadToolTip**                                          | RadToolTip Container                                                                                                                           |
| **.RadToolTip.rtLoading**                                   | RadToolTip loading                                                                                                                             |
| **div.RadToolTip div.rtCallout**                            | RadToolTip tail wrapping class                                                                                                                 |
| **div.RadToolTip.rtVisibleCallout div.rtCallout**           | RadToolTip tail wrapping class                                                                                                                 |
| **div.RadToolTip table.rtWrapper**                          | RadToolTip wrapping control table                                                                                                              |
| **.RadToolTip table.rtWrapper td.rtWrapperTopLeft**         | RadToolTip top left corner                                                                                                                     |
| **.RadToolTip table.rtWrapper td.rtWrapperTopRight**        | RadToolTip top right corner                                                                                                                    |
| **.RadToolTip table.rtWrapper td.rtWrapperBottomLeft**      | RadToolTip bottom left corner                                                                                                                  |
| **.RadToolTip table.rtWrapper td.rtWrapperBottomRight**     | RadToolTip bottom right corner                                                                                                                 |
| **div.RadToolTip table.rtWrapper td.rtWrapperTopCenter**    | RadToolTip top central content                                                                                                                 |
| **div.RadToolTip table.rtWrapper td.rtWrapperBottomCenter** | RadToolTip bottom central content                                                                                                              |
| **div.RadToolTip table.rtWrapper td.rtWrapperLeftMiddle**   | RadToolTip left middle                                                                                                                         |
| **div.RadToolTip table.rtWrapper td.rtWrapperRightMiddle**  | RadToolTip right middle                                                                                                                        |
| **div.RadToolTip table.rtWrapper td.rtWrapperContent**      | RadToolTip content cell                                                                                                                        |
| **div.RadToolTip div.rtTitlebar**                           | RadToolTip title bar                                                                                                                           |
| **div.RadToolTip a.rtCloseButton**                          | RadToolTip close button normal state                                                                                                           |
| **div.RadToolTip_rtl a.rtCloseButton:hover**                | RadToolTip close button hovered state                                                                                                          |
| **div.RadToolTip div.rtCallout**                            | RadToolTip callout button dimensions                                                                                                           |
| **div.RadToolTip .rtCalloutCenter**                         | RadToolTip callout center - visibility: hidden                                                                                                 |
| **.RadToolTip .rtCalloutTopLeft**                           | RadToolTip callout top left button                                                                                                             |
| **.RadToolTip .rtCalloutTopCenter**                         | RadToolTip callout top center button                                                                                                           |
| **.RadToolTip .rtCalloutTopRight**                          | RadToolTip callout top right button                                                                                                            |
| **.RadToolTip .rtCalloutBottomCenter**                      | RadToolTip callout bottom center button                                                                                                        |
| **.RadToolTip .rtCalloutBottomRight**                       | RadToolTip callout bottom right button                                                                                                         |
| **.RadToolTip .rtCalloutBottomLeft**                        | RadToolTip callout bottom left button                                                                                                          |
| **.RadToolTip .rtCalloutMiddleLeft**                        | RadToolTip callout middle left button                                                                                                          |
| **.RadToolTip .rtCalloutMiddleRight**                       | RadToolTip callout middle right button                                                                                                         |
| **.RadToolTip table.rtShadow**                              | RadToolTIp Shadows Enabled – the selectors are the same, and the only difference is that the cascade is made via the **table.rtShadow** class. |

## Right to Left Support

> caption  

| CSS Class                                                                       | Description                                                                                                                               |
| ------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- |
| **div.RadToolTip_rtl a.rtCloseButton**                                          | RadToolTip right to left close button link normal state                                                                                   |
| **div.RadToolTip_rtl a.rtCloseButton:hover**                                    | RadToolTip right to left close button link hover state                                                                                    |
| **div.RadToolTip_rtl div.rtTitlebar**                                           | RadToolTip right to left title bar                                                                                                        |
| **div.RadToolTip_rtl table.rtWrapper td.rtWrapperTopCenter div.rtTitlebar div** | RadToolTip right to left top center title bar                                                                                             |
| **div.RadToolTip_rtl .rtCalloutCenter**                                         | RadToolTip right to left callout center                                                                                                   |
| **.RadToolTip_rtl .rtCalloutTopLeft**                                           | RadToolTip right to left callout top left button                                                                                          |
| **.RadToolTip_rtl .rtCalloutTopCenter**                                         | RadToolTip right to left callout top center button                                                                                        |
| **.RadToolTip_rtl .rtCalloutTopRight**                                          | RadToolTip right to left callout top right button                                                                                         |
| **.RadToolTip_rtl .rtCalloutBottomCenter**                                      | RadToolTip right to left callout bottom center button                                                                                     |
| **.RadToolTip_rtl .rtCalloutBottomRight**                                       | RadToolTip right to left callout bottom right button                                                                                      |
| **.RadToolTip_rtl .rtCalloutBottomLeft**                                        | RadToolTip right to left callout bottom left button                                                                                       |
| **.RadToolTip_rtl .rtCalloutMiddleLeft**                                        | RadToolTip right to left callout middle left button                                                                                       |
| **.RadToolTip_rtl .rtCalloutMiddleRight**                                       | RadToolTip right to left callout middle right button                                                                                      |
| **div.RadToolTip_rtl .rtShadow**                                                | RadToolTIp Shadows Enabled – the selectors are the same, and the only difference is that the cascade is made via the **.rtShadow** class. |

## See Also

* [Tutorial: Creating a Custom Lightweight Skin](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tooltip/appearance-and-styling/tutorial-creating-custom-lightweight-skin)

* [Tutorial: Creating a Custom Classic Skin](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tooltip/appearance-and-styling/tutorial-creating-custom-classic-skin)

* [Skins](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tooltip/appearance-and-styling/skins)

* [Controlling Appearance](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tooltip/appearance-and-styling/controlling-appearance)