﻿/* IMPORTANT: This is from Metro Skin */
.RefTracker {
  background-color: #ffffff;
  /* reWrapper */
  /*NEW: Only in the Bottom zone - where the Statistics module is commonly set, remove uppper border, because it looks ugly*/
  /* end of module */
  /*Toolbar sprites*/
  /* these settings will not be included in the common CSS file of RadEditor */
  /* end of reTool_text */
  /* reDropdown */
  /* InsertTable itself is a kind of tool strip, so it must be styled as a toolstrip */
  /* end of context menu and toolstrip */
  /* spinbox */
  /* end of spinbox */
  /* editor input elements */
  /* editor input elements */
  /* end of expanded dropdowns */
  /* color picker */
  /* end of color picker */
  /* ajax spellchecker */
  /* ajax spellchecker */
  /* custom links */
  /* end of custom links */
  /* insert table dropdown */
  /* Popup Comments */
  /* Commnet popups */
  /* Inline Editor */
  /* Right to Left */
}

.RefTracker.RadEditor .reToolbar a,
.RefTracker.RadEditor .reDropdown,
.RefTracker.RadEditor .reModule,
.RefTracker.RadEditor .reModule td,
.RefTracker.RadEditor .reDropDownBody,
.RefTracker.RadEditor .reDropDownBody td,
.RefTracker.RadEditor .reAjaxspell_wrapper,
.RefTracker.RadEditor .reAjaxspell_button,
.RefTracker.RadEditor .reAjaxspell_addicon,
.RefTracker.RadEditor .reAjaxspell_ignoreicon,
.RefTracker.RadEditor .reAjaxspell_okicon,
.RefTracker.RadEditor .reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text,
.RefTracker.RadEditor .reColorPicker .reCustomColor,
.RefTracker .reModule_domlink_selected,
.RefTracker .reModule_domlink {
  color: #767676;
}

.RefTracker .reEmptyMessage {
  color: #bbbbbb;
}

.RefTracker.RadEditor .reEditorModes a {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #767676;
}

    .RefTracker.RadEditor .reEditorModes .reMode_selected {
        background-image: none;
        border: 1px solid #e5e5e5;
        background-color: rgba(0,48,135, 0.5) !important; /*#25a0da*/ /*#dfe2b2*/
        color: #ffffff;
    }

.RefTracker.RadEditor .reEditorModes a:hover {
  border: 1px solid #e5e5e5;
}

.RefTracker.RadEditor .reContentCell {
  background-color: #ffffff;
}
/*
    .RefTracker.reWrapper,*/
    .RefTracker.RadEditor .reContentCell,
    .RefTracker.reColorPicker,
    .RefTracker.reInsertTable,
    .RefTracker.reDropDownBody,
    .RefTracker.reCustomLinks a:hover {
        /*border: 1px solid #e5e5e5;*/
        border: 1px solid #cccccc !important; /* #cccccc This is main border of editor */
    }

.RefTracker.RadEditor .reContentCell.reNoBorder {
  border: none;
}

.RefTracker.RadEditor .reNoBorder div.reContentArea {
  border: 0px solid #e5e5e5;
}
.reLeftVerticalSide, .reRightVerticalSide {
    padding: 1px;
    padding-top: 1px;
    padding-right: 0px !important;
    padding-bottom: 1px;
    padding-left: 0px !important;
}
.reToolCell{

    border-bottom:1pt solid #e0e0e0 !important;
}

.RefTracker.reDropDownBody table {
  background: transparent;
}

.RefTracker.RadEditor .reModule,
.RefTracker.RadEditor .reEditorModes,
.RefTracker.RadEditor .reWrapper {
  background-color: #ffffff;
}

.RefTracker.RadEditor .reBottomZone .reModule {
  border-top: 0;
}

.RefTracker.RadEditor .reModule {
  border-top: 1px solid #ffffff;
}

.RefTracker.reCustomLinks a,
.RefTracker.reCustomLinks a:link,
.RefTracker.reCustomLinks a:visited {
  border: 1px solid #ffffff;
  /* should be the same as the background of the dropdown */
  color: #000 !important;
}

.RefTracker.reCustomLinks a:hover {
  background-color:#dfe2b2; /*#dfe2b2;*//*#e8e8e8;*/
  border: 1px solid #767676;
}

.RefTracker .reToolbar li,
.RefTracker .reSpinBox a,
.RefTracker.reToolbar .reSeparator,
.RefTracker.reToolbar .reGrip,
.RefTracker .reDialog .reTool,
.RefTracker .reModule .reTool,
.RefTracker .reDialog .reTool:hover,
.RefTracker .reToolbar .reTool:hover,
.RefTracker .reModule .reTool:hover,
.RefTracker .reToolbar .reTool.reTool_selected,
.RefTracker .reToolbar .reTool.reTool_selected:hover,
.RefTracker .reToolbar .reTool_text:hover,
.RefTracker .reToolbar .reTool_text.reTool_selected,
.RefTracker .reToolbar .reTool_text.reTool_selected:hover,
.RefTracker .reTool .split_arrow,
.RefTracker .reSplitButton.reTool_text .split_arrow,
.RefTracker .reToolbar .reTool_text .split_arrow,
.RefTracker .reDialog .reTool.reSplitButton,
.RefTracker .reModule .reTool.reSplitButton,
.RefTracker .reDropdown,
.RefTracker .reTool_disabled.reDropdown:hover,
.RefTracker .reResizeCell div,
.RefTracker.reInsertTable .reToolbar li .reTool:hover,
.RefTracker.RadEditor.reRtl .reDropdown:hover {
  /*background-image: url('Editor/ToolBarSprites.gif')*/
     /*background-color:r#dfe2b2;*/ /*#25a0da*/

}

.RefTracker .reTool .split_arrow,
.RefTracker .reSplitButton.reTool_text .split_arrow,
.RefTracker .reToolbar .reTool_text .split_arrow
{
  background-image: url('Editor/ToolBarSprites.gif');
}

.RefTracker .reDropdown,
.RefTracker .reTool_disabled.reDropdown:hover
{
      background-image: url('Editor/ToolBarSprites.gif');

}

.RefTracker.RadEditor .reToolbar a:hover {
    background-color: rgba(0,48,135, 0.5) !important;
    border-color: rgba(0,48,135, 1) !important;
}
.RefTracker.RadEditor .reSplitButton span:hover {
    background-color: rgba(0,48,135, 0.5) !important;
    border-color: rgba(0,48,135, 1) !important;
}
/*.RefTracker.RadEditor .reTool :hover{
    background-color:r#dfe2b2 !important;
     border-color:r#dfe2b2 !important;
}*/
.RefTracker.RadEditor .reTlbVertical li,
.RefTracker .reDropdown:hover,
.RefTracker.RadEditor .reTlbVertical .reToolbar.Default .reGrip,
.RefTracker.RadEditor.reTlbVertical .reToolbar.Default .reSeparator,
.RefTracker .reTlbVertical .reTool:hover,
.RefTracker .reTlbVertical .reTool_text.reSplitButton:hover,
.RefTracker .reTlbVertical .reSplitButton:hover,
.RefTracker .reTlbVertical .reTool_text:hover,
.RefTracker .reTlbVertical .reTool.reTool_selected,
.RefTracker .reTlbVertical .reTool_text.reTool_selected,
.RefTracker .reTlbVertical .reTool_text.reTool_selected:hover,
.RefTracker.reDropDownBody .reTlbVertical ul li a:hover,
.RefTracker.reDropDownBody .reTlbVertical .reToolbar,
.RefTracker .reMode_selected,
.RefTracker.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:hover {
  /*background-image: url('Editor/ToolbarVerticalSprites.gif');*/
}

.RefTracker .reDropdown:hover{
  background-image: url('Editor/ToolbarVerticalSprites.gif');


}

.RefTracker .reToolbar li {
  color: #000;
}

.RefTracker .reToolbar .reTool_text:hover {
  margin-left: 0;
  margin-right: 0;
  border-left: 1px solid #767676;
  border-right: 1px solid #767676;
}

.RefTracker .reToolbar .reTool_text.reTool_selected,
.RefTracker .reToolbar .reTool_text.reTool_selected:hover {
  margin-left: 0;
  margin-right: 0;
  border-left: 1px solid #767676;
  border-right: 1px solid #767676;
}

.RefTracker .reToolbar .reTool_text.reTool_disabled,
.RefTracker .reToolbar .reTool_text.reTool_disabled:hover {
  margin-left: 0;
  margin-right: 0;
  border: 0;
}

.RefTracker .reDropdown:link,
.RefTracker .reDropdown:visited {
  color: #767676 !important;
}

.RefTracker .reDropdown,
.RefTracker .reTool_disabled.reDropdown:hover {
  border: 1px solid #e5e5e5;
  color: #767676;
  background-color: #ffffff;
}
.RefTracker .RefTracker .reDropdown:hover {
    border: 1px solid rgba(0,48,135, 1); /*#e5e5e5;*/
    color: #000 !important;
    background-color: rgba(0,48,135, 0.5); /*#e8e8e8;*/
}

.RefTracker.reDropDownBody .reTlbVertical ul li .reButton_text {
  color: #767676;
}

.RefTracker.reDropDownBody .reTlbVertical ul li .reButton_text:hover {
  color: #000000;
}

.RefTracker.reInsertTable {
  background-color: #ffffff;
}

.RefTracker table.reSpinBox {
  border: 1px solid #e5e5e5;
  background: #ffffff;
}

.RefTracker table.reSpinBox:hover {
  border: 1px solid #767676;
  color: #000000;
}

.RefTracker.RadEditor input {
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
  color: #767676;
}

.RefTracker.RadEditor input:hover {
  border: 1px solid #767676;
  color: #000000;
}

.RefTracker.reDropDownBody td {
  color: #767676;
}

.RefTracker.reDropDownBody .reItemOver {
  background: #e8e8e8;
  color: #000000;
}

.RefTracker .reTool_selected.reTool {
  _border-left-width: 0 !important;
  _border-right-width: 0 !important;
}

.RefTracker.reColorPicker table div {
  border: 1px solid #e5e5e5;
}

.RefTracker.reColorPicker table td.reItemOver div {
  border-color: #767676;
}

.RefTracker.reColorPicker span {
  border: 1px solid #e5e5e5;
}

.RefTracker .reAjaxspell_button {
  border: 1px solid #e5e5e5;
  background: #dfe2b2;/*#25a0da*/
  color: #000000;
}

.RefTracker .reAjaxSpellCheckSuggestions table {
  border-width: 0;
  width: 100%;
}

.RefTracker .reAjaxSpellCheckSeparator {
  background-color: #979797;
}

.RefTracker.reCustomLinks,
.RefTracker.reCustomLinks ul {
  color: #000000;
}

.RefTracker.reCustomLinks a {
  background: none transparent;
  color: #000000;
  cursor: default !important;
}

.RefTracker.reCustomLinks a:hover {
  color: #ffffff;
}

.RefTracker .reInsertTable table {
  background: #ffffff;
}

.RefTracker.reInsertTable table td {
  border: 1px solid #e5e5e5;
  background: #ffffff;
}

.RefTracker .reInsertTable .reTlbVertical ul {
  background-color: #ffffff;
}

.RefTracker.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text,
.RefTracker.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link,
.RefTracker.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited {
  color: #000000 !important;
  background: transparent none;
}

.RefTracker .reCommentEdit,
.RefTracker .reCommentTextArea,
.RefTracker .reCommentView,
.RefTracker.rePopupContainer,
.RefTracker.RadEditor .reCommentButton,
.RefTracker .rePopupButtonContainer .rePopupButton,
.RefTracker .reCommentViewText,
.RefTracker .reCommentInfoPanel {
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
  border-radius: 0;
}

.RefTracker .reCommentTitle,
.RefTracker .reCommentInfoPanel {
  color: #000000;
}

.RefTracker.RadEditor .reCommentButton,
.RefTracker .rePopupButtonContainer .rePopupButton {
  border-color: #e5e5e5;
  color: #767676;
  background-color: #ffffff;
}

.RefTracker.RadEditor .reCommentButton:hover,
.RefTracker .rePopupButtonContainer .rePopupButton:hover {
  color: #000000;
  border-color: #767676;
  /*background-color: r#dfe2b2;*//*#e8e8e8;*/
}

.RefTracker.RadEditor .reCommentButton:active,
.RefTracker .rePopupButtonContainer .rePopupButton:active {
  color: #ffffff;
  border-color: #dfe2b2;/*#25a0da*/
  /*background-color: r#dfe2b2;*//*#25a0da*/
}

.RefTracker .rePopupContainer .rePopupTitle {
  color: #ffffff;
  /*background-color: r#dfe2b2; /*#25a0da;*/
  border-color: #767676;
  border-radius: 0;
}

.RefTracker .reTool .ToggleEditMode {
  background-image: url('../Common/CommonIconsLight.png');
  background-position: -7px -38px;
}

.RefTracker.RadWindow.RadEditor.reWrapper {
  border: 1px solid #e5e5e5;
}

.RefTracker.reWrapper.reInlineEditor:hover {
  border-color: #e5e5e5;
}

.RefTracker.reWrapper.reInlineEditorSelected,
.RefTracker.reWrapper.reInlineEditorSelected:hover {
    border-color: rgba(0,48,135, 0.5); /*#25a0da*/
}

.RefTracker.RadEditor.reRtl .reTool .split_arrow:hover {
  border-right-color: #e5e5e5;
}

.RefTracker.RadEditor.reRtl .reDropdown:hover {
    background-color: rgba(0,48,135, 0.5); /*#e8e8e8;*/
}

.RadWindow.RadWindow_RefTracker.reToolbarWindow td.rwWindowContent,
.RadWindow.RadWindow_RefTracker.reToolbarWindow div.rwContent {
  background-color: #ffffff;
}

.RadWindow_RefTracker .reInsertTableLightWrapper .lightTable {
  border-color: #e5e5e5;
}

.RefTracker .reTool.reSplitButton:hover {
    /*background-image: url('Editor/ToolBarSprites.gif');*/
    background-color: rgba(0,48,135, 0.5); /*#25a0da*/
}

/* reTool */
.reTool span,
.RefTracker.reInsertTable .reTlbVertical ul .reTool_text span,
.reToolbar .reTool_text span {
  background-image: url('../Common/CommandSpritesMonoLight.png');
}

/* IE6 does not support PNG alpha channel, so we use gifs for the command sprites instead */
.reTool span,
.reTool_text span,
.RefTracker .reTlbVertical .reTool_text span,
.reToolbar .reSplitButton.reTool_text span {
  _background-image: url('../Common/CommandSpritesMonoLightIE6.png');
}

.reTool .split_arrow:hover {
  border-left-color: #ffffff;
}
