# CSS Classes The following table lists the CSS selectors and descriptions for **RadSplitter** style sheets. | **Class Name** | **Element** | **Description** | | ------------------------------------------------ | ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | | RadSplitter\_\[Skin]e.g. **RadSplitter_Outlook** | TABLE | Applied to the main table that lays out the splitter control. | | .nested | TABLE | Applied to the main table of a nested splitter with **Orientation** set to "Vertical". | | .nestedHorizontal | TABLE | Applied to the main table of a nested splitter with **Orientation** set to "Horizontal". | | .pane | TD | Applied to the panes of a splitter with **Orientation** set to "Vertical". | | .paneHorizontal | TD | Applied to the panes of a splitter with **Orientation** set to "Horizontal". | | .firstItem | TD | Applied to the first pane in a splitter. | | .lastItem | TD | Applied to the last pane in a splitter. | | .resizeBar | TD | Applied to the cell for a vertical split bar. | | .resizeBarOver | TD | Applied to the cell for a vertical split bar when the mouse hovers over it. | | .resizeBarInactive | TD | Applied to the cell for a vertical split bar when it is inactive( **EnableResize** = **False** ). | | .resizeBarHorizontal | TD | Applied to the cell for a horizontal split bar. | | .resizeBarOverHorizontal | TD | Applied to the cell for a horizontal split bar when the mouse hovers over it. | | .resizeBarInactiveHorizontal | TD | Applied to cell for a horizontal split bar when it is inactive ( **EnableResize** = **False** ) | | .collapseBarWrapper | DIV | Applied to the portion of a vertical split bar where the expand and collapse buttons go. | | .collapseBarOver | DIV | Applied to the portion of a vertical split bar where the expand and collapse buttons go, when the mouse hovers over it. | | .collapseBarError | DIV | Applied to the portion of a vertical split bar where the expand and collapse buttons go, when a button is clicked that cannot perform its action. | | .collapseBarHorizontalWrapper | DIV | Applied to the portion of a horizontal split bar where the expand and collapse buttons go. | | .collapseBarOverHorizontal | DIV | Applied to the portion of a horizontal split bar where the expand and collapse buttons go, when the mouse hovers over it. | | .collapseBarErrorHorizontal | DIV | Applied to the portion of a horizontal split bar where the expand and collapse buttons go, when a button is clicked that cannot perform its action. | | .collapseBarCollapse | DIV | Applied to the collapse button in a vertical split bar. | | .collapseBarCollapseOver | DIV | Applied to the collapse button in a vertical split bar when the mouse is over it. | | .collapseBarCollapseError | DIV | Applied to the collapse button in a vertical split bar when it is clicked but cannot collapse the adjacent pane. | | .collapseBarExpand | DIV | Applied to the expand button in a vertical split bar. | | .collapseBarExpandOver | DIV | Applied to the expand button in a vertical split bar when the mouse is over it. | | .collapseBarExpandError | DIV | Applied to the expand button in a vertical split bar when it is clicked but cannot expand the adjacent pane. | | .collapseBarHorizontalCollapse | DIV | Applied to the collapse button in a horizontal split bar. | | .collapseBarHorizontalCollapseOver | DIV | Applied to the collapse button in a horizontal split bar when the mouse is over it. | | .collapseBarHorizontalCollapseError | DIV | Applied to the collapse button in a horizontal split bar when it is clicked but cannot collapse the adjacent pane. | | .collapseBarHorizontalExpand | DIV | Applied to the expand button in a horizontal split bar. | | .collapseBarHorizontalExpandOver | DIV | Applied to the expand button in a horizontal split bar when the mouse is over it. | | .collapseBarHorizontalExpandError | DIV | Applied to the expand button in a horizontal split bar when it is clicked but cannot expand the adjacent pane. | | .first | DIV | Applied to the first collapse button in a split bar. | | .helperBarDrag | DIV | Applied to the vertical split bar image that appears during a drag operation. | | .helperBarError | DIV | Applied to the vertical split bar image that appears when the split bar cannot be dragged any farther. | | .helperBarDragHorizontal | DIV | Applied to the horizontal split bar image that appears during a drag operation. | | .helperBarErrorHorizontal | DIV | Applied to the horizontal split bar image that appears when the split bar cannot be dragged any farther. | | .slideZone | TABLE | Applied to the table element that lays out a sliding zone and all of its sliding panes. | | .tabsContainer | TD | Applied to the sliding zone region that holds the sliding zone tabs. | | .left | TD | Applied to the sliding zone region that holds the sliding zone tabs when they open to the left. | | .right | TD | Applied to the sliding zone region that holds the sliding zone tabs when they open to the right. | | .bottom | TD | Applied to the sliding zone region that holds the sliding zone tabs when they open to the bottom. | | .top | TD | Applied to the sliding zone region that holds the sliding zone tabs when they open to the top. | | .paneTabContainer | DIV | Applied to a sliding zone tab in its normal state. | | .paneTabContainerExpanded | DIV | Applied to a sliding zone tab when it is expanded vertically. | | .paneTabContainerDocked | DIV | Applied to a sliding zone tab when its sliding pane is docked beside it. | | .paneTabContainerExpandedHorizontal | DIV | Applied to a sliding zone tab when it is expanded horizontally. | | .paneTabContainerDockedHorizontal | DIV | Applied to a sliding zone tab when its sliding pane is docked above or below it. | | .paneTabText | SPAN | Applied to the text label on a sliding zone tab. | | .paneTabIcon | IMG | Applied to the icon on a sliding zone tab. | | .slideContainer | TABLE | Applied to a sliding pane. | | .slideContainerDocked | TABLE | Applied to a sliding pane when it is docked. | | .slideHeader | TR, TD | Applied to the title bar and text region of the title bar on a sliding pane. | | .slideHeaderDocked | TR | Applied to the title bar of a docked sliding pane. | | .slideTitleContainer | TD | Applied to the text region of a sliding pane title bar | | .slideTitle | DIV | Applied to the text region of a sliding pane title bar | | .slideTitleDocked | DIV | Applied to the text region of a docked sliding pane title bar. | | .slideHeaderIconsWrapper | DIV | Applied to the controls region of a sliding pane title bar. | | .slideHeaderIcon | DIV | Applied to a control in a sliding pane title bar. | | .slideHeaderIconOver | DIV | Applied to a control in a sliding pane title bar when the mouse hovers over it. | | .slideHeaderUndockIcon | DIV | Applied to the undock button in a sliding pane title bar. | | .slideHeaderUndockIconOver | DIV | Applied to the undock button in a sliding pane title bar when the mouse hovers over it. | | .slideHeaderDockIcon | DIV | Applied to the dock button in a sliding pane title bar. | | .slideHeaderDockIconOver | DIV | Applied to the dock button in a sliding pane title bar when the mouse hovers over it. | | .slideHeaderCollapseIcon | DIV | Applied to the collapse button in a sliding pane title bar. | | .slideHeaderCollapseIconOver | DIV | Applied to the collapse button in a sliding pane title bar when the mouse hovers over it. | | .slideContent | DIV | Applied to the content area of a sliding pane. | | .slideContentDocked | DIV | Applied to the content area of a docked sliding pane. | | .slideContainerResize | DIV | Applied to the vertical resizable border of a sliding pane. | | .slideContainerResizeOver | DIV | Applied to the vertical resizable border of a sliding pane when the mouse hovers over it. | | .slideContainerResizeHorizontal | DIV | Applied to the horizontal resizable border of a sliding pane. | | .slideContainerResizeOverHorizontal | DIV | Applied to horizontal resizable border of a sliding pane when the mouse hovers over it. | | .helperBarSlideDrag | DIV | Applied to the drag image of a vertical resizable border on a sliding pane. | | .helperBarSlideDragHorizontal | DIV | Applied to the drag image of a horizontal resizable border on a sliding pane. | | .helperBarSlideError | DIV | Applied to the drag image of a resizable border on a sliding pane when it cannot be dragged any farther. |