/* RadEditor for ASP.NET AJAX ViperFS Skin */

.ViperFS.RadEditor {
    background-color: #ffffff;
}

    .ViperFS.RadEditor .reToolbar a,
    .ViperFS.RadEditor .reDropdown,
    /*.ViperFS.RadEditor .reSpinBox input,
.ViperFS.RadEditor input,*/
    .ViperFS.RadEditor .reModule,
    .ViperFS.RadEditor .reModule td,
    .ViperFS.RadEditor .reDropDownBody,
    .ViperFS.RadEditor .reDropDownBody td,
    .ViperFS.RadEditor .reAjaxspell_wrapper,
    .ViperFS.RadEditor .reAjaxspell_button,
    .ViperFS.RadEditor .reAjaxspell_addicon,
    .ViperFS.RadEditor .reAjaxspell_ignoreicon,
    .ViperFS.RadEditor .reAjaxspell_okicon,
    .ViperFS.RadEditor .reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text,
    .ViperFS.RadEditor .reColorPicker .reCustomColor,
    /* DOM inspector */
    .ViperFS .reModule_domlink_selected,
    .ViperFS .reModule_domlink
    /* end of DOM inspector */ {
        color: #757575;
    }

    .ViperFS.RadEditor .reEditorModes a {
        border: 1px solid #ffffff;
        background-color: #ffffff;
        color: #757575;
    }

    .ViperFS.RadEditor .reEditorModes .reMode_selected {
        background-image: none;
        border: 1px solid #e6e6e6;
        background-color: #c4002e !important;
        color: #ffffff;
    }

    .ViperFS.RadEditor .reEditorModes a:hover {
        border: 1px solid #e6e6e6;
    }

    /* reWrapper */
    .ViperFS.reWrapper,
    .ViperFS.RadEditor .reContentCell,
    /* common settings for .reModule, .reEditorModes and .reWrapper */
    .ViperFS.reColorPicker,
    .ViperFS.reInsertTable,
    .ViperFS.reDropDownBody,
    .ViperFS.reCustomLinks a:hover {
        border: solid 1px #e6e6e6;
    }

        .ViperFS.reDropDownBody table {
            background: transparent;
        }

    .ViperFS.RadEditor .reModule,
    .ViperFS.RadEditor .reEditorModes,
    .ViperFS.RadEditor .reWrapper {
        background-color: #ffffff;
    }

    /*NEW: Only in the Bottom zone - where the Statistics module is commonly set, remove uppper border, because it looks ugly*/
    .ViperFS.RadEditor .reBottomZone .reModule {
        border-top: 0;
    }

    .ViperFS.RadEditor .reModule {
        border-top: solid 1px #ffffff;
    }

.ViperFS.reCustomLinks a,
.ViperFS.reCustomLinks a:link,
.ViperFS.reCustomLinks a:visited {
    border: solid 1px #ffffff; /* should be the same as the background of the dropdown */
    color: #000000 !important;
}

    .ViperFS.reCustomLinks a:hover {
        background-color: #e6e6e6;
        border: 1px solid #e6e6e6;
    }
/* end of module */

.reToolbar li {
    background-image: url('Editor/ToolBarSprites.gif');
    background-position: 0 -26px;
    color: #000000;
}

.ViperFS .reSpinBox a {
    background-image: url('Editor/ToolBarSprites.gif');
    -moz-user-select: none;
    outline: none;
}

/* separator */
.reToolbar.ViperFS .reSeparator {
    background-position: center -148px;
    background-image: url('Editor/ToolBarSprites.gif');
    background-image: url('Editor/ToolBarSprites.gif');
}

/* common settings for left and right grip */
.reToolbar.ViperFS .reGrip {
    background-image: url('Editor/ToolBarSprites.gif');
}

/* reTool */
.reTool span {
    background-image: url('Common/CommandSpritesLight.png');
}

/* IE6 does not support PNG alpha channel, so we use gifs for the command sprites instead */
* html .reTool span,
* html .reTool_text span,
* html .reTlbVertical .reTool_text span,
* html .reToolbar .reSplitButton.reTool_text span {
    background-image: url('Common/CommandSpritesLightIE6.gif');
}

.reDialog .reTool,
.reModule .reTool {
    background-image: url('Editor/ToolBarSprites.gif');
    background-position: 0 -242px;
}

    .reDialog .reTool:hover,
    .reToolbar .reTool:hover,
    .reModule .reTool:hover {
        background-image: url('Editor/ToolBarSprites.gif');
        background-position: 0 -52px;
    }

.reToolbar .reTool.reTool_selected,
.reToolbar .reTool.reTool_selected:hover {
    background-image: url('Editor/ToolBarSprites.gif');
    background-position: 0 -124px;
    background-repeat: no-repeat;
}

/* .reTool_text */
.reToolbar .reTool_text span {
    background-image: url('Common/CommandSpritesLight.png');
}

.reToolbar .reTool_text:hover {
    background-image: url('Editor/ToolBarSprites.gif');
    background-repeat: repeat-x;
    background-position: 0 -100px;
    margin-left: 0;
    margin-right: 0;
    border-left: solid 1px #878787;
    border-right: solid 1px #878787;
}

.reToolbar .reTool_text.reTool_selected,
.reToolbar .reTool_text.reTool_selected:hover {
    background-image: url('Editor/ToolBarSprites.gif');
    background-repeat: repeat-x;
    background-position: 0 -174px;
    margin-left: 0;
    margin-right: 0;
    border-left: solid 1px #878787;
    border-right: solid 1px #878787;
}

/* these settings will not be included in the common CSS file of RadEditor */
.reToolbar .reTool_text.reTool_disabled,
.reToolbar .reTool_text.reTool_disabled:hover {
    margin-left: 0;
    margin-right: 0;
    border: 0;
}
/* end of reTool_text */

.reTool.reSplitButton:hover,
.reToolZone .reTool.reSplitButton,
.reToolZone .reDialog .reTool,
.reToolZone .reModule .reTool {
    background: url('Editor/ToolBarSprites.gif') no-repeat 0 -76px;
}

/* add weight to the selector for IE6 so it is applied */
* html .reToolbar .reTool.reSplitButton:hover {
    background: url('Editor/ToolBarSprites.gif') no-repeat 0 -76px;
}

.ViperFS .reTool .split_arrow {
    background-image: url('Editor/ToolBarSprites.gif');
    background-position: -28px -362px;
}

.ViperFS .reSplitButton.reTool_text .split_arrow {
    background-image: url('Editor/ToolBarSprites.gif');
    background-position: -28px -362px;
}

/* add weight to the selector for IE6 so it is applied */
* html .ViperFS .reToolbar .reTool_text .split_arrow {
    background-image: url('Editor/ToolBarSprites.gif');
    background-position: -28px -362px;
}

/* add weight to the selector for IE6 so it is applied */
* html .reToolbar .reTool_text:hover {
    background-image: url('Editor/ToolBarSprites.gif');
    background-position: 0 -100px;
}


.reDialog .reTool.reSplitButton,
.reModule .reTool.reSplitButton
.reDialog .reTool.reSplitButton:hover,
.reModule .reTool.reSplitButton:hover {
    background-image: url('Editor/ToolBarSprites.gif');
    background-position: 0 -76px;
}

/* add weight to the selector for IE6 so it is applied */
* html .reToolbar .reTool.reSplitButton.reTool_disabled:hover {
    background: none;
}
/* end of reSplitButton */

/* reDropdown */
.reDropdown:link,
.reDropdown:visited {
    color: #757575 !important;
}

.reDropdown,
.reTool_disabled.reDropdown:hover {
    border: solid 1px #e6e6e6;
    color: #757575;
    background-image: url('Editor/ToolBarSprites.gif') !important;
    background-position: right -360px !important;
    background-color: #ffffff;
}

    .reDropdown:hover {
        border: solid 1px #e6e6e6;
        color: #000000 !important;
        background-image: url('Editor/ToolbarVerticalSprites.gif') !important;
        background-position: right 0 !important;
        background-color: #e6e6e6;
    }

/* add weight to the selector for IE6 so it is applied */
* html .reTool_disabled.reDropdown {
    background-image: url('Editor/ToolBarSprites.gif');
    background-position: right -380px;
    background-repeat: no-repeat;
}
/* end of reDropdown */

/* vertical toolbar */
.RadEditor.ViperFS .reTlbVertical li {
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-repeat: repeat-y;
    background-position: -26px 0;
}

.RadEditor.ViperFS .reTlbVertical .reToolbar.ViperFS .reGrip {
    background-image: url('Editor/ToolbarVerticalSprites.gif');
}

.RadEditor.ViperFS .reTlbVertical .reToolbar.ViperFS .grip_first {
    background-position: 0 0;
}

.RadEditor.ViperFS .reTlbVertical .reToolbar.ViperFS .grip_last {
    background-position: 0 -4px;
}

.RadEditor.ViperFS .reTlbVertical .reToolbar.ViperFS .reSeparator {
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -100px -12px;
}

.reTlbVertical .reTool,
.reTlbVertical .reTool_text.reSplitButton,
.reTlbVertical .reTool_text
.reTlbVertical .reTool:hover,
.reTlbVertical .reTool_text.reSplitButton:hover,
.reTlbVertical .reTool_text:hover {
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -76px 0 !important;
}

/* add weight to the selector for IE6 so it is applied */
* html .reTlbVertical .reTool_text:hover {
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-repeat: no-repeat;
    background-position: -76px 0;
}

.reTlbVertical .reTool.reTool_selected,
.reTlbVertical .reTool_text.reTool_selected,
.reTlbVertical .reTool_text.reTool_selected:hover {
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -52px 0;
}

/* add weight to the selector for IE6 so it is applied */
* html .reTlbVertical .reSplitButton:hover {
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -76px 0;
    background-repeat: no-repeat;
}
/* end of vertical toolbar */

.reDropDownBody .reTlbVertical ul li a:hover {
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -602px 0 !important;
}

.reDropDownBody .reTlbVertical ul li .reButton_text {
    color: #757575;
}

    .reDropDownBody .reTlbVertical ul li .reButton_text:hover {
        color: #000000;
    }

/* InsertTable itself is a kind of tool strip, so it must be styled as a toolstrip */
.ViperFS.reInsertTable {
    background-color: #ffffff;
}

.reDropDownBody .reTlbVertical .reToolbar {
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-color: #ffffff;
    background-position: -126px 0;
}
/* end of context menu and toolstrip */

/* spinbox */
.ViperFS table.reSpinBox {
    border: 1px solid #e6e6e6;
    background: #ffffff;
}

    .ViperFS table.reSpinBox:hover {
        border: solid 1px #757575;
        color: #000000;
    }

.ViperFS .reSpinBoxIncrease {
    background-position: 0 -198px;
}

    .ViperFS .reSpinBoxIncrease:hover {
        background-position: 0 -208px;
    }

.ViperFS .reSpinBoxDecrease {
    background-position: -11px -198px;
}

    .ViperFS .reSpinBoxDecrease:hover {
        background-position: -11px -208px;
    }
/* end of spinbox */

/* editor input elements */
.ViperFS.RadEditor input {
    border: solid 1px #e6e6e6;
    background-color: #ffffff;
    color: #757575;
}

    .ViperFS.RadEditor input:hover {
        border: solid 1px #757575;
        color: #000000;
    }
/* editor input elements */

/* editing modes */
.ViperFS .reMode_selected {
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -948px 0;
}
/* end of editing modes */

.ViperFS.reDropDownBody td {
    color: #757575;
}

.ViperFS.reDropDownBody .reItemOver {
    background: #e6e6e6;
    color: #000000;
}

/* end of expanded dropdowns */

* html .reTool_selected.reTool {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

/* color picker */
.ViperFS.reColorPicker table div {
    border: solid 1px #c4c4c4;
}

.ViperFS.reColorPicker table td.reItemOver div {
    border-color: #000000;
}

.ViperFS.reColorPicker span {
    border: solid 1px #c4c4c4;
}
/* end of color picker */

/* ajax spellchecker */
.reAjaxspell_button {
    border: solid 1px #e6e6e6;
    background: #c4002e;
    color: #e6e6e6;
}

.ViperFS .reAjaxSpellCheckSuggestions table {
    border-width: 0;
    width: 100%;
}

.ViperFS .reAjaxSpellCheckSeparator {
    background-color: #969696;
}
/* ajax spellchecker */

/* custom links */
.ViperFS.reCustomLinks,
.ViperFS.reCustomLinks ul {
    color: #000000;
}

    .ViperFS.reCustomLinks a {
        background: none transparent;
        color: black;
        cursor: default !important;
    }

        .ViperFS.reCustomLinks a:hover {
            color: white;
        }
/* end of custom links */

/* insert table dropdown */
.reInsertTable table {
    background: #ffffff;
}

    .reInsertTable table td {
        border: solid 1px #e6e6e6;
        background: white;
    }

.reInsertTable .reTlbVertical ul {
    background-color: #ffffff;
}

.ViperFS.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text,
.ViperFS.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link,
.ViperFS.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited {
    color: black !important;
    background: transparent none;
    _background: none !important;
}

    .ViperFS.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:hover {
        background-image: url('Editor/ToolbarVerticalSprites.gif');
        background-position: -1403px 0;
    }

.reInsertTable .reTlbVertical ul .reTool_text span {
    background-image: url('Common/CommandSpritesLight.png');
    background-position: -3575 center;
}

.reInsertTable .reToolbar li .reTool:hover {
    background-image: url('Editor/ToolBarSprites.gif');
    background-position: 0 -52px;
}
/* end of insert table dropdown */

/* modules selector */
.reModule_visible_icon,
.reModule_hidden_icon {
    display: block;
    float: left;
    height: 18px;
    width: 18px;
    background-image: url('Common/CommonIcons.gif');
    background-repeat: no-repeat;
}

.reModule_visible_icon {
    background-position: -8px -199px;
}

.reModule_hidden_icon {
    background-position: -8px -103px;
}
/* end of modules selector */

/* resize cell */
.reResizeCell div {
    background-image: url('Editor/ToolBarSprites.gif');
    background-position: center -301px;
}

/* reTool_disabled */
.reDialog .reTool_disabled,
.reDialog .reTool_disabled:hover,
.reToolbar .reTool_disabled,
.reToolbar .reTool_disabled:hover,
.reModule .reTool_disabled,
.reModule .reTool_disabled:hover {
    filter: alpha(opacity=40);
    opacity: .4;
    -moz-opacity: .4;
    background-image: none;
}
/* reTool_disabled */

/* the rule below styles RadWindow's content cell, which is used in the floating and show on focus toolbar modes */
.RadWindow_ViperFS.reToolbarWindow td.rwWindowContent {
    background-color: #ffffff;
}

.RadEditor_Bootstrap *, .RadEditor_Bootstrap *:hover {
    background-image: none !important;
}