/* ImageEditor Base Stylesheet */
.RadImageEditor {
  position: relative;
  border: 1px solid;
  padding: 5px;
  font-size: 12px;
  font-family: "Segoe UI" , Arial, Helvetica, sans-serif; }

.rieContentArea {
  clear: both;
  overflow: auto;
  background: url('Common/ImageEditor/rieContentArea.gif');
  border: 1px solid; }

.rieContentArea img {
  -webkit-user-select: none;
  -moz-user-select: none; }

.rieStatusBar {
  position: relative;
  height: 22px;
  line-height: 22px;
  padding: 4px 0 0; }

.rieStatusBarInfo .rieLabel {
  padding: 0 2px; }

.rieStatusBarInfo span {
  padding: 0 14px 0 2px; }

.rieStatusBarInfo span span {
  padding: 0 2px; }

.rieNoStatusBar .rieStatusBar {
  height: 12px;
  height: 12px;
  line-height: 12px;
  padding: 0; }

.rieNoStatusBar .rieResizeHandle {
  width: 11px;
  height: 13px;
  right: -1px;
  top: 0;
  background-position: -384px -1px; }

.rieResizeHandle {
  width: 14px;
  height: 16px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: -2px;
  top: 13px;
  background-position: -386px -1px;
  cursor: se-resize; }

.RadImageEditor .rtbItem {
  position: relative; }

.RadImageEditor .rtbIcon {
  position: absolute; }

.RadImageEditor .RadToolBar .rtbWrap {
  width: 26px;
  height: 26px;
  overflow: hidden;
  line-height: normal; }

.RadImageEditor .rtbWrap .rtbText {
  width: 14px;
  height: 20px;
  display: inline-block;
  visibility: hidden; }

.rieDropDown.RadToolBarDropDown .rtbGroup {
  width: 100%; }

x:-moz-any-link, x:default, .RadImageEditor .rtbWrap .rtbText {
  height: 18px; }

.RadImageEditor .rtbText {
  _white-space: normal; }

.RadImageEditor .rtbItemHovered span.rieCustomizedIconClass .rtbIcon,
.RadImageEditor .rtbChecked span.rieCustomizedIconClass .rtbIcon {
  top: 3px; }

.RadImageEditor .rieCrop .rtbIcon {
  clip: rect(0 16px 18px 2px);
  left: 4px; }

.RadImageEditor .rieRotateRight .rtbIcon {
  clip: rect(0 33px 18px 17px);
  left: -12px; }

.RadImageEditor .rieRotateLeft .rtbIcon {
  clip: rect(0 50px 18px 34px);
  left: -28px; }

.RadImageEditor .rieFlipHorizontal .rtbIcon {
  clip: rect(0 81px 18px 66px);
  left: -60px; }

.RadImageEditor .rieFlipVertical .rtbIcon {
  clip: rect(0 95px 18px 82px);
  left: -75px; }

.RadImageEditor .rieFlip .rtbIcon {
  clip: rect(0 113px 18px 96px);
  left: -92px; }

.RadImageEditor .rieResize .rtbIcon {
  clip: rect(0 129px 18px 114px);
  left: -108px; }

.RadImageEditor .rieOpen .rtbIcon {
  clip: rect(0 146px 18px 130px);
  left: -125px; }

.RadImageEditor .rieSave .rtbIcon {
  clip: rect(0 193px 18px 178px);
  left: -172px; }

.RadImageEditor .riePrint .rtbIcon {
  clip: rect(0 209px 18px 194px);
  left: -188px; }

.RadImageEditor .rieRotate .rtbIcon {
  clip: rect(0 225px 18px 210px);
  left: -204px; }

.RadImageEditor .rieZoom .rtbIcon {
  clip: rect(0 241px 18px 226px);
  left: -220px; }

.RadImageEditor .rieZoomIn .rtbIcon {
  clip: rect(0 257px 18px 242px);
  left: -236px; }

.RadImageEditor .rieZoomOut .rtbIcon {
  clip: rect(0 272px 18px 258px);
  left: -252px; }

.RadImageEditor .rieReset .rtbIcon {
  clip: rect(0 289px 18px 274px);
  left: -268px; }

.RadImageEditor .rieAddText .rtbIcon {
  clip: rect(0 305px 18px 290px);
  left: -284px; }

.RadImageEditor .rieOpacity .rtbIcon {
  clip: rect(0 322px 18px 306px);
  left: -301px; }

.RadImageEditor .rieInsertImage .rtbIcon {
  clip: rect(0 418px 18px 402px);
  left: -397px; }

.RadImageEditor .rieBrightnessContrast .rtbIcon {
  clip: rect(0 433px 18px 419px);
  left: -413px; }

.RadImageEditor .rieInvertColor .rtbIcon {
  clip: rect(0 450px 18px 434px);
  left: -430px; }

.RadImageEditor .riePencil .rtbIcon {
  clip: rect(0 561px 18px 547px);
  left: -540px; }

.RadImageEditor .rieLine .rtbIcon {
  clip: rect(0 498px 18px 482px);
  left: -476px; }

.RadImageEditor .rieDrawRectangle .rtbIcon {
  clip: rect(0 465px 18px 451px);
  left: -445px; }

.RadImageEditor .rieDrawCircle .rtbIcon {
  clip: rect(0 482px 18px 466px);
  left: -461px; }

.RadImageEditor .rieSepia .rtbIcon {
  clip: rect(0 513px 18px 498px);
  left: -493px; }

.RadImageEditor .rieGreyscale .rtbIcon {
  clip: rect(0 529px 18px 514px);
  left: -509px; }

.RadImageEditor .rieHueSaturation .rtbIcon {
  clip: rect(0 545px 18px 530px);
  left: -525px; }

.RadImageEditor .rieExport .rtbIcon {
  clip: rect(0 578px 18px 561px);
  left: -556px; }

/* Split Buttons */
.RadImageEditor .RadToolBar a.rtbExpandDown {
  width: auto;
  height: 26px;
  overflow: hidden; }

.RadImageEditor .rieUndo .rtbIcon {
  clip: rect(0 162px 18px 146px);
  left: -142px; }

.RadImageEditor .rieRedo .rtbIcon {
  clip: rect(0 176px 18px 162px);
  left: -157px; }

/* Image Editor Toolbar Vertical Orientation */
x:-moz-any-link, x:default, .RadImageEditor .RadToolBar_Vertical .rtbWrap .rtbText {
  height: 20px; }

/* Dialogs */
div.rieDialogs div.rdContent {
  overflow: visible !important;
  /* the color picker in the PERO: added !important */ }

.rieDialogsTable {
  width: 100%;
  margin: 5px auto; }

.rieDialogsTable td {
  padding: 3px; }

.rieRightAligned {
  text-align: right; }

.rieDialogs .rfdRoundedWrapper .rfdRoundedContent {
  width: auto; }

.rieDialogs .rfdRoundedWrapper .rfdRoundedContent textarea {
  width: 240px; }

.rieResizeButtons {
  width: 70px;
  height: 38px;
  margin: 5px 0 0;
  padding: 7px 0 0 0;
  background: url('Common/ImageEditor/rieResizeBgr.gif') -1px 0 no-repeat; }

.rieClearResizeButtons {
  position: static;
  background-image: none;
  width: auto;
  height: auto;
  padding: 0; }

.rieClearResizeButtons label {
  padding: 5px 0 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.rieRiseizeButtons {
  *left: 167px;
  *top: 73px; }

.rieInputDimension {
  width: 68px; }

.rieColorPicker {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.rieDialogsTable textarea {
  width: 98%;
  *width: 240px;
  resize: none; }

.rieDialogsTable .rieFileName {
  padding-left: 24px; }

.rieDialogsTable .rieFileName label {
  vertical-align: middle; }

.rieDialogsTable .rieOverwriteFile {
  padding: 1px 3px 3px 0; }

.rieDialogsTable .rieColorValue .rfdDecorated {
  vertical-align: top; }

.rieDialogsTable .RadButton,
.rieDialogsTable .rcpIcon {
  margin: 0 2px; }

.rieDialogsTable .RadButton {
  vertical-align: middle; }

.rieResizeButtons .RadButton {
  margin: 0 2px 0 0; }

.rieConstrainBtn {
  background-position: -320px 0; }

.rieRemoveConstrainBtn {
  background-position: -335px -1px; }

.rieSwapValues {
  background-position: -48px -1px; }

.rieActualSize {
  background-position: -353px -1px; }

.rieBestFit {
  background-position: -369px -1px; }

.rieRotateRight {
  background-position: -16px -1px; }

.rieRotateLeft {
  background-position: -32px -1px; }

/*PERO: FIX IE9 buttons disappear*/
._Telerik_IE9 .rieDialogsTable .rieZIndex_IE9,
._Telerik_IE9 .rieToolbarDock.RadDock .rtbIcon,
._Telerik_IE9 .rieDialogsTable .RadButton,
._Telerik_IE9 .rieToolbarDock.RadDock .rtbSplBtn {
  z-index: 1; }

._Telerik_IE9 .RadDockZone .rieToolbarDock.RadDock .rtbIcon {
  z-index: auto; }

/* Dialog Thumbs */
.rieDialogsThumbs td {
  text-align: center;
  vertical-align: middle;
  width: 95px;
  height: 95px;
  padding: 10px 2px; }

.rieDialogsThumbs td .rieThumbsLink {
  display: block;
  width: 90px;
  height: 90px;
  padding: 10px 7px 0;
  margin: auto;
  text-align: center;
  border: 1px solid; }

.rieDialogsThumbs td .rieThumbsLink {
  _margin: 0 0 0 5px; }

.rieDialogsThumbs td .rieThumbsLink img {
  border: 0;
  width: 80px;
  height: 80px; }

/* Dialog table borders */
.rieDialogsThumbsLeft {
  border-right: 1px dashed; }

.rieThumbsBottomRow td {
  border-top: 1px dashed; }

.rieActiveThumbsLink,
.rieThumbsLink:hover,
.riePrintContent,
.riePrintContent img {
  border: 1px solid; }

/* Dialog table borders end */
.riePrintContent {
  text-align: center; }

.riePrintContent img {
  margin: 15px 0; }

/* Vertical Toolbar */
div.rieZoneLeft,
div.rieZoneRight {
  position: absolute;
  width: 32px;
  top: 5px; }

div.rieZoneLeft {
  left: 5px; }

div.rieZoneRight {
  right: 5px; }

div.RadDock div.RadImageEditor {
  border: 0;
  padding: 0; }

.rieHighlightHorizontal {
  height: 30px; }

div.rieDockToolbar {
  padding-top: 2px; }

.rieDockToolbar .rieZoneTop,
.rieDockToolbar .rieZoneBottom {
  margin: auto 5px;
  z-index: 1; }

.RadImageEditor .rieHighlightVertical,
.RadImageEditor .rieHighlightHorizontal {
  border: 1px dashed !important; }

/* sets top and left to zero and resizing */
.rieTopLeftZero {
  top: 0 !important;
  left: 0 !important; }

div.RadImageEditor div.RadDockZone {
  padding: 0;
  border: 0; }

.rieToolbarDock .rdContent {
  overflow: hidden !important; }

.rieToolbarDock .rdMiddle .rdLeft,
.rieToolbarDock .rdMiddle .rdRight,
.rieToolbarDock .rdBottom {
  display: none; }

/* Hide expand arrow on Undo/Redo */
.RadToolBar_Vertical .rieUndo .rtbChoiceArrow,
.RadToolBar_Vertical .rieRedo .rtbChoiceArrow {
  display: none; }

div.RadToolBar_Vertical .rieUndo .rtbText,
div.RadToolBar_Vertical .rieRedo .rtbText {
  width: 17px; }

/* Undo/Redo VerticalToolBar RTL */
.rieRtl .RadToolBar_Vertical .rieUndo .rtbIcon {
  left: -142px; }

.rieRtl .RadToolBar_Vertical .rieRedo .rtbIcon {
  left: -157px; }

/* Rtl Support */
/* need to set it LTR in order to make callculation */
.rieRtl .rieContentArea {
  direction: ltr; }

.rdRtl .rieRightAligned {
  text-align: left; }

.rieDialogs.rdRtl div.rieResizeButtons {
  width: 55px;
  left: 57px;
  background-position: 45px 0; }

._Telerik_IE9 .rieDialogs.rdRtl div.rieResizeButtons {
  width: 57px;
  left: 59px;
  background-position: 48px 0; }

.rdRtl .rieDialogsThumbsLeft {
  border-left: 1px dashed;
  border-right: 0; }

.rdRtl .rieDialogsTable .RadButton {
  margin-right: auto !important; }

.rdRtl .rieDialogsTable .RadComboBox_rtl {
  margin-right: 20px; }

.rieRtl .rieStatusBar {
  text-align: right; }

.rieRtl .rieResizeHandle {
  left: -1px;
  right: auto;
  top: 13px;
  background-position: -386px -17px;
  cursor: sw-resize; }

.rieRtl .rieDialogsTable textarea {
  text-align: right; }

.rieNoStatusBar.rieRtl .rieResizeHandle {
  top: 0;
  background-position: -386px -13px; }

.rieDialogs.rdRtl .rieResizeButtons .RadButton {
  margin: 0 0 0 2px; }

/* Crop box */
.rieDraggableResizeBox {
  position: absolute;
  border: 1px dashed #333; }

.rieDraggableResizeBox .rieDraggableBoxMove {
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0); }

.rieDraggableResizeBox .rieDraggableBoxImage {
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100); }

.rieDraggableResizeBox .rieDraggableResizeHandle {
  position: absolute;
  width: 6px;
  height: 6px;
  font-size: 6px;
  background: #999; }

.rieDraggableResizeBox .rieTop {
  top: 0; }

.rieDraggableResizeBox .rieLeft {
  left: 0; }

.rieDraggableResizeBox .rieBottom {
  bottom: 0; }

.rieDraggableResizeBox .rieRight {
  right: 0; }

.rieDraggableResizeBox .rieMiddleH {
  left: 50%;
  margin-left: -3px; }

.rieDraggableResizeBox .rieMiddleV {
  top: 50%;
  margin-top: -3px; }

/* AddText box */
.rieDraggableTextBox {
  position: absolute;
  border: 1px dashed #333;
  padding: 0 0px;
  padding-left: 0;
  margin: 0; }

.rieDraggableTextBoxContent {
  margin: 0;
  padding: 0; }

/*Undo/Redo buttons right to left*/
div.rieRtl .rieUndo .rtbIcon {
  left: -117px; }

div.rieRtl .rieRedo .rtbIcon {
  left: -136px; }

/* Custom sprite button */
.RadImageEditor li.rtbItem .rieBackgroundImg .rtbIcon {
  background-repeat: no-repeat;
  clip: auto;
  left: 4px;
  top: 4px; }

.RadImageEditor li.rtbItem .riePrint.rieBackgroundImg .rtbIcon,
.RadImageEditor li.rtbItem .rieSave.rieBackgroundImg .rtbIcon {
  left: 5px; }

.rieCrop .rtbIcon {
  background-position: 1px 1px; }

.rieRotateRight .rtbIcon {
  background-position: -16px 1px; }

.rieRotateLeft .rtbIcon {
  background-position: -31px 1px; }

.rieFlipHorizontal .rtbIcon {
  background-position: -63px 1px; }

.rieFlipVertical .rtbIcon {
  background-position: -79px 1px; }

.rieFlip .rtbIcon {
  background-position: -96px 1px; }

.rieResize .rtbIcon {
  background-position: -112px 1px; }

.rieOpen .rtbIcon {
  background-position: -128px 1px; }

.rieSave .rtbIcon {
  background-position: -176px 0; }

.riePrint .rtbIcon {
  background-position: -192px 0; }

.rieRotate .rtbIcon {
  background-position: -208px 0; }

.rieZoom .rtbIcon {
  background-position: -223px 1px; }

.rieZoomIn .rtbIcon {
  background-position: -239px 1px; }

.rieZoomOut .rtbIcon {
  background-position: -255px 1px; }

.rieReset .rtbIcon {
  background-position: -271px 1px; }

.rieAddText .rtbIcon {
  background-position: -287px 1px; }

.rieOpacity .rtbIcon {
  background-position: -303px 1px; }

.rieInsertImage .rtbIcon {
  background-position: -400px 1px; }

.rieInsertImage .rieBrightnessContrast {
  background-position: -417px 1px; }

.rieInsertImage .rieInvertColor {
  background-position: -435px 1px; }

.rieInsertImage .riePencil {
  background-position: -546px 1px; }

.rieInsertImage .rieLine {
  background-position: -482px 1px; }

.rieInsertImage .rieDrawRectangle {
  background-position: -450px 1px; }

.rieInsertImage .rieDrawCircle {
  background-position: -465px 1px; }

.rieInsertImage .rieSepia {
  background-position: -497px 1px; }

.rieInsertImage .rieGreyscale {
  background-position: -513px 1px; }

.rieInsertImage .rieHueSaturation {
  background-position: -529px 1px; }

.rieInsertImage .rieExport {
  left: -561px 1px; }

/* Custom sprite split button */
.rieUndo .rtbIcon {
  background-position: -143px 1px; }

.rieRedo .rtbIcon {
  background-position: -159px 1px; }

/* Custom sprite split button right to left */
.rieRtl .rieBackgroundImg .rtbSplBtnActivator .rtbIcon {
  left: 25px !important; }

/* Add default icon for custom commands */
.rieCustomizedIconClass.rieBackgroundImg span.rtbIcon {
  background: url('Common/ImageEditor/rieCustomIconDefault.png') no-repeat 0 0;
  _background: url('Common/ImageEditor/rieCustomIconDefault.png') no-repeat 0 0 !important; }


.RadImageEditor_PAMS {
  border-color: #aabfd6;
  background-color: #f1f5fb; }
  .RadImageEditor_PAMS .rieStatusBarInfo .rieLabel {
    color: #5a6779; }
  .RadImageEditor_PAMS .rieStatusBarInfo span {
    color: #1e395b; }

/* ImageEditor Dialogs using RadDock as Wrapper */
.RadDock_PAMS.rieDialogs .rbPrimaryIcon,
.RadImageEditor_PAMS .rieResizeHandle,
.RadImageEditor_PAMS .rieBackgroundImg .rtbIcon {
  background-image: url('../Common/ImageEditor/rieToolsLight.png');
  _background-image: url('../Common/ImageEditor/rieToolsLightIE6.png'); }

.RadDock_PAMS.rieDialogs .rieThumbsBottomRow td,
.RadDock_PAMS.rieDialogs .rieDialogsThumbsLeft,
.RadDock_PAMS.rieDialogs .riePrintContent img {
  border-color: #c1dbfc; }

.RadDock_PAMS.rieDialogs .rieThumbsLink,
.RadImageEditor_PAMS .rieContentArea {
  border-color: #b8cbde; }

.RadDock_PAMS.rieDialogs .rieActiveThumbsLink,
.RadDock_PAMS.rieDialogs .rieThumbsLink:hover,
.RadImageEditor_PAMS .rieHighlightVertical,
.RadImageEditor_PAMS .rieHighlightHorizontal {
  border-color: #c1dbfc;
  background-color: #edf2f9; }

.RadDock_PAMS.rieDialogs .riePrintContent {
  border-color: #aabfd6;
  background-color: #f1f5fb; }

.RadDock_PAMS.rieDialogs .rdContent {
  color: black; }