CSS Classes

Base Styles

CSS Class	Description
.RadImageEditor	RadImageEditor Main wrapping element
.rieContentArea	RadImageEditor content area
.rieStatusBar	RadImageEditor status bar
.rieNoStatusBar .rieStatusBar	Styles the conrowols when status bar is set to false - height is changed
.rieNoStatusBar .rieResizeHandle	Styles the conrowols when status bar is set to false - height, width and background positions - changed
.rieResizeHandle	RadImageEditor resize handle element
.RadImageEditor .rtbItem	RadImageEditor RadToolbar item specific styles
.RadImageEditor .rtbIcon	RadImageEditor RadToolbar icon specific styles
.RadImageEditor .rtbWrap	RadImageEditor RadToolbar wrap element specific styles
.RadImageEditor .rtbWrap .rtbText	RadImageEditor RadToolbar text specific styles
x:-moz-any-link, x:default, .RadImageEditor .rtbWrap .rtbText	RadImageEditor RadToolbar text specific styles - firefox hack
*html .RadImageEditor .rtbText	RadImageEditor RadToolbar text specific styles - IE6 hack
.RadImageEditor .rtbItemHovered .rtbIcon	RadImageEditor RadToolbar icon hovered specific styles
.RadImageEditor .rtbChecked .rtbIcon	RadImageEditor RadToolbar icon checked specific styles
.RadImageEditor .rtbSplBtnExpanded .rtbIcon	RadImageEditor RadToolbar SplitButton expanded specific styles
.RadImageEditor .rieCrop .rtbIcon	RadImageEditor Crop tool icon
.RadImageEditor .rtbItemHovered .rieCrop .rtbIcon	RadImageEditor Crop tool icon - hovered
.RadImageEditor .rtbChecked .rieCrop .rtbIcon	RadImageEditor Crop tool icon - checked
.RadImageEditor .rieRotateRight .rtbIcon	RadImageEditor Rotate right tool icon
.RadImageEditor .rtbItemHovered .rieRotateRight .rtbIcon	RadImageEditor Rotate right tool icon - hovered
.RadImageEditor .rtbChecked .rieRotateRight .rtbIcon	RadImageEditor Rotate right tool icon - checked
.RadImageEditor .rieRotateLeft .rtbIcon	RadImageEditor Rotate left tool icon
.RadImageEditor .rtbItemHovered .rieRotateLeft .rtbIcon	RadImageEditor Rotate left tool icon - hovered
.RadImageEditor .rtbChecked .rieRotateLeft .rtbIcon	RadImageEditor Rotate left tool icon - checked
.RadImageEditor .rieFlipHorizontal .rtbIcon	RadImageEditor Flip horizontal tool icon
.RadImageEditor .rtbItemHovered .rieFlipHorizontal .rtbIcon	RadImageEditor Flip horizontal tool icon - hovered
.RadImageEditor .rtbChecked .rieFlipHorizontal .rtbIcon	RadImageEditor Flip horizontal tool icon - checked
.RadImageEditor .rieFlipVertical .rtbIcon	RadImageEditor Flip vertical tool icon
.RadImageEditor .rtbItemHovered .rieFlipVertical .rtbIcon	RadImageEditor Flip vertical tool icon - hovered
.RadImageEditor .rtbChecked .rieFlipVertical .rtbIcon	RadImageEditor Flip vertical tool icon - checked
.RadImageEditor .rieFlip .rtbIcon	RadImageEditor Flip tool icon
.RadImageEditor .rtbItemHovered .rieFlip .rtbIcon	RadImageEditor Flip tool icon - hovered
.RadImageEditor .rtbChecked .rieFlip .rtbIcon	RadImageEditor Flip tool icon - checked
.RadImageEditor .rieResize .rtbIcon	RadImageEditor Resize tool icon
.RadImageEditor .rtbItemHovered .rieResize .rtbIcon	RadImageEditor Resize tool icon - hovered
.RadImageEditor .rtbChecked .rieResize .rtbIcon	RadImageEditor Resize tool icon - checked
.RadImageEditor .rieOpen .rtbIcon	RadImageEditor Open tool icon
.RadImageEditor .rtbItemHovered .rieOpen .rtbIcon	RadImageEditor Open tool icon - hovered
.RadImageEditor .rtbChecked .rieOpen .rtbIcon	RadImageEditor Open tool icon - checked
.RadImageEditor .rieSave .rtbIcon	RadImageEditor Save tool icon
.RadImageEditor .rtbItemHovered .rieSave .rtbIcon	RadImageEditor Save tool icon - hovered
.RadImageEditor .rtbChecked .rieSave .rtbIcon	RadImageEditor Save tool icon - checked
.RadImageEditor .riePrint .rtbIcon	RadImageEditor Print tool icon
.RadImageEditor .rtbItemHovered .riePrint .rtbIcon	RadImageEditor Print tool icon - hovered
.RadImageEditor .rtbChecked .riePrint .rtbIcon	RadImageEditor Print tool icon - checked
.RadImageEditor .rieRotate .rtbIcon	RadImageEditor Rotate tool icon
.RadImageEditor .rtbItemHovered .rieRotate .rtbIcon	RadImageEditor Rotate tool icon - hovered
.RadImageEditor .rtbChecked .rieRotate .rtbIcon	RadImageEditor Rotate tool icon - checked
.RadImageEditor .rieZoom .rtbIcon	RadImageEditor Zoom tool icon
.RadImageEditor .rtbItemHovered .rieZoom .rtbIcon	RadImageEditor Zoom tool icon - hovered
.RadImageEditor .rtbChecked .rieZoom .rtbIcon	RadImageEditor Zoom tool icon - checked
.RadImageEditor .rieZoomIn .rtbIcon	RadImageEditor ZoomIn tool icon
.RadImageEditor .rtbItemHovered .rieZoomIn .rtbIcon	RadImageEditor ZoomIn tool icon - hovered
.RadImageEditor .rtbChecked .rieZoomIn .rtbIcon	RadImageEditor ZoomIn tool icon - checked
.RadImageEditor .rieZoomOut .rtbIcon	RadImageEditor ZoomOut tool icon
.RadImageEditor .rtbItemHovered .rieZoomOut .rtbIcon	RadImageEditor ZoomOut tool icon - hovered
.RadImageEditor .rtbChecked .rieZoomOut .rtbIcon	RadImageEditor ZoomOut tool icon - checked
.RadImageEditor .rieReset .rtbIcon	RadImageEditor Reset tool icon
.RadImageEditor .rtbItemHovered .rieReset .rtbIcon	RadImageEditor Reset tool icon - hovered
.RadImageEditor .rtbChecked .rieReset .rtbIcon	RadImageEditor Reset tool icon - checked
.RadImageEditor .rieAddText .rtbIcon	RadImageEditor Add Text tool icon
.RadImageEditor .rtbItemHovered .rieAddText .rtbIcon	RadImageEditor Add Text tool icon - hovered
.RadImageEditor .rtbChecked .rieAddText .rtbIcon	RadImageEditor Add Text tool icon - checked
.RadImageEditor .rieOpacity .rtbIcon	RadImageEditor Opacity tool icon
.RadImageEditor .rtbItemHovered .rieOpacity .rtbIcon	RadImageEditor Opacity tool icon - hovered
.RadImageEditor .rtbChecked .rieOpacity .rtbIcon	RadImageEditor Opacity tool icon - checked
x:-moz-any-link, x:default, .RadImageEditor .RadToolBar_Vertical .rtbWrap .rtbText	RadImageEditor VerticalToolbar orientation - Firefox hack
.rieDialogsTable	RadImageEditor Dialogs table
.rieDialogsTable td	RadImageEditor Dialogs table cell
.rieRightAligned	RadImageEditor Dialogs label alignment
.rieResizeButtons	RadImageEditor Dialogs resize buttons wrap element
.rieClearResizeButtons	RadImageEditor Dialogs resize buttons position absolute cleared class
.rieClearResizeButtons label	RadImageEditor Dialogs resize buttons position absolute cleared class label
*html .rieRiseizeButtons	RadImageEditor Dialogs resize buttons wrap element - IE6 hack
*+html .rieRiseizeButtons	RadImageEditor Dialogs resize buttons wrap element - IE7 hack
.rieColorPicker	RadImageEditor Dialogs color picker
.rieDialogsTable textarea	RadImageEditor Dialogs textarea
.rieDialogsTable .rieColorValue .rfdDecorated	RadImageEditor Dialogs color picker input alignment
.rieConsrowainBtn	RadImageEditor Dialogs consrowain button
.rieConsrowainBtn:hover, .RadButton:hover .rieConsrowainBtn	RadImageEditor Dialogs consrowain button hover state
.rieRemoveConsrowainBtn	RadImageEditor Dialogs remove consrowain button
.rieRemoveConsrowainBtn:hover, .RadButton:hover .rieRemoveConsrowainBtn	RadImageEditor Dialogs remove consrowain button hover state
.rieSwapValues	RadImageEditor Dialogs Swap values button
.rieSwapValues:hover, .RadButton:hover .rieSwapValues	RadImageEditor Dialogs Swap values button hover state
.rieActualSize	RadImageEditor Dialogs Actual size button
.rieActualSize:hover, .RadButton:hover .rieActualSize	RadImageEditor Dialogs Actual size button hover state
.rieBestFit	RadImageEditor Dialogs Best fit button
.rieBestFit:hover, .RadButton:hover .rieBestFit	RadImageEditor Dialogs Best fit button hover state
.rieRotateRight	RadImageEditor Dialogs Rotate right button
.rieRotateRight:hover, .RadButton:hover .rieRotateRight	RadImageEditor Dialogs Rotate right button hover state
.rieRotateLeft	RadImageEditor Dialogs Rotate left button
.rieRotateLeft:hover, .RadButton:hover .rieRotateLeft	RadImageEditor Dialogs Rotate left button hover state
.rieDialogsThumbs td	RadImageEditor Dialogs thumbs cell
.rieDialogsThumbs td .rieThumbsLink	RadImageEditor Dialogs thumbs link
*html .rieDialogsThumbs td .rieThumbsLink	RadImageEditor Dialogs thumbs link - IE6 hack
.rieDialogsThumbs td .rieThumbsLink img	RadImageEditor Dialogs thumbs link image
.rieDialogsThumbsLeft	RadImageEditor Dialogs thumbs left cell
.rieThumbsBottomRow td	RadImageEditor Dialogs thumbs bottom row cell
.rieActiveThumbsLink	RadImageEditor Dialogs thumbs active state
.rieThumbsLink:hover	RadImageEditor Dialogs thumbs hover state
.riePrintContent	RadImageEditor Dialogs print content
.riePrintContent img	RadImageEditor Dialogs print content image

Right to Left Support

Css Class	Description
.rdRtl .rieRightAligned	RadImageEditor Dialogs right to left label alignment
.rieDialogs.rdRtl div.rieResizeButtons	RadImageEditor Dialogs Resize buttons
.rdRtl .rieDialogsThumbsLeft	RadImageEditor Dialogs thumbs left
.rieRtl .rieStatusBar	RadImageEditor Dialogs status bar
.rieRtl .rieResizeHandle	RadImageEditor resize handle
.rieRtl .rieDialogsTable textarea	RadImageEditor Dialogs textarea
.rieNoStatusBar.rieRtl .rieResizeHandle	Styles the conrowols when status bar in right to left mode is set to false - height, width and background positions - changed

Skin Specific Styles

Css Class	Description
.RadImageEditor_SkinName	Image Ediorow main wrapper skin specific vorder color and background color
.RadDock_SkinName.rieDialogs .riePrintContent	ImageEdiorow Dialogs skin specific vorder color and background color
.RadImageEditor_SkinName . rieStatusBarInfo label, .RadImageEditor_Black . rieStatusBarInfo span	ImageEdiorow Statusbar label and span colors
.RadDock_SkinName.rieDialogs .rbPrimaryIcon, .RadImageEditor_SkinName .rieResizeHandle	ImageEdiorow Primary Icon and Resize handle sprite
*html .RadDock_Black.rieDialogs .rbPrimaryIcon, *html .RadImageEditor_Black .rieResizeHandle	ImageEdiorow Primary Icon and Resize handle sprite - IE6 hack
.RadDock_SkinName.rieDialogs .rieThumbsBottomRow td, .RadDock_SkinName.rieDialogs .rieDialogsThumbsLeft,.RadDock_SkinName.rieDialogs .rieThumbsLink, .RadImageEditor_SkinName .rieContentArea	ImageEdiorow Dialogs and ContetArea border colors
.RadDock_SkinName.rieDialogs .rieActiveThumbsLink, .RadDock_SkinName.rieDialogs .rieThumbsLink:hover, .RadDock_SkinName.rieDialogs .riePrintContent img	ImageEdiorow Dialogs thumb link and print contet image border color and background color