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

.dtn.RadEditor
{
    background-color: #ececec;
}

/* reWrapper */
.dtn.reWrapper
{
    border: solid 1px #828282;
}

.dtn.RadEditor .reContentCell
{
    border: solid 1px #828282;
}

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

.dtn.reDropDownBody table
{
    background: transparent;
}

.dtn.RadEditor .reModule,
.dtn.RadEditor .reEditorModes,
.dtn.RadEditor .reWrapper
{
	background-color: #ececec;
}

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

.dtn.RadEditor .reModule
{
    border-top: solid 1px #828282;  
}

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

.dtn.reCustomLinks a:hover
{
    background-color: #828282;
    border-top: solid 1px #8d8d8d;
    border-right: solid 1px #717171;
    border-bottom: solid 1px #6c6c6c;
    border-left: solid 1px #7a7a7a;
}
/* end of module */

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

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

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

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

/* reTool */
.dtn .reTool span,
.RadWindow_Default .reTool span,
.RadForm_Default .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 .dtn .reTool span,
* html .dtn .reTool_text span,
* html .dtn .dtn .reTlbVertical .reTool_text span,
* html .reToolbar .reSplitButton.reTool_text span
{
    _background-image: url('../Common/CommandSpritesLightIE6.gif');
}

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

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

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

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

.dtn .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;
}

.dtn .reToolbar .reTool_text.reTool_selected,
.dtn .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 */
.dtn .reToolbar .reTool_text.reTool_disabled,
.dtn .reToolbar .reTool_text.reTool_disabled:hover
{
    margin-left: 0;
    margin-right: 0;
    border: 0;
}
/* end of reTool_text */

.dtn .reTool.reSplitButton:hover
{
    background: url('Editor/ToolbarSprites.gif') no-repeat 0 -76px;
}

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

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

.dtn .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 .dtn .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 .dtn .reToolbar .reTool_text:hover
{
    background: url('Editor/ToolbarSprites.gif');
    background-position: 0 -100px;
}

.dtn .reDialog .reTool.reSplitButton,
.dtn .reModule .reTool.reSplitButton
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -218px;
}

.dtn .reDialog .reTool.reSplitButton:hover,
.dtn .reModule .reTool.reSplitButton:hover
{
    background-position: 0 -76px;
}

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

/* reDropdown */
.dtn .reDropdown:link,
.dtn .reDropdown:visited
{
    color: black !important;
}

.dtn .reDropdown,
.dtn .reTool_disabled.reDropdown:hover
{
    border: solid 1px #ababab;
    background-color: #fff;
    background-image: url('Editor/ToolbarSprites.gif') !important;
    background-position: right -360px !important;
}

.dtn .reDropdown:hover
{
    border-top: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1;
    border-bottom: solid 1px #a3a3a3;
    border-left: solid 1px #a3a3a3;
    background-image: url('Editor/ToolbarVerticalSprites.gif') !important;
    background-position: right 0 !important;
}

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

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

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

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

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

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

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

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

.dtn .reTlbVertical .reTool.reTool_selected,
.dtn .reTlbVertical .reTool_text.reTool_selected,
.dtn .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 .dtn .reTlbVertical .reSplitButton:hover
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -76px 0;
    background-repeat: no-repeat;
}
/* end of vertical toolbar */

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

/* InsertTable itself is a kind of tool strip, so it must be styled as a toolstrip */
.dtn.reDropDownBody .reTlbVertical .reToolbar
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-color: #fff;
}
/* end of context menu and toolstrip */

/* spinbox */
.dtn table.reSpinBox
{
	border-top: solid 1px #8e8e8e;
	border-right: solid 1px #b8b8b8;
	border-bottom: solid 1px #b8b8b8;
	border-left: solid 1px #8e8e8e;
	background: white;
}

.dtn table.reSpinBox:hover
{
    border: solid 1px #515151;
}

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

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

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

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

/* editor input elements */
.dtn.RadEditor input
{
	border-top: solid 1px #8e8e8e;
	border-right: solid 1px #b8b8b8;
	border-bottom: solid 1px #b8b8b8;
	border-left: solid 1px #8e8e8e;
	background-color: #fff;
}

.dtn.RadEditor input:hover
{
    border: solid 1px #515151;
}
/* editor input elements */

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

/* DOM inspector */
.dtn .reModule_domlink_selected,
.dtn .reModule_domlink
{
    color: black;
}
/* end of DOM inspector */

.dtn.reDropDownBody .reItemOver
{
	background: #dfdfdf;
	color: #000;
}

/* end of expanded dropdowns */

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

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

.dtn.reColorPicker table td.reItemOver div
{
	border-color: #000;
}

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

/* ajax spellchecker */
.dtn .reAjaxspell_button
{
    border: solid 1px #828282;
    background: #ececec;
    color: #828282;
}

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

.dtn .reAjaxSpellCheckSeparator
{
    background-color: #979797;
}
/* ajax spellchecker */

/* custom links */
.dtn.reCustomLinks,
.dtn.reCustomLinks ul
{
	color: #000;
}

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

.dtn.reCustomLinks a:hover
{
    color: #fff;
}
/* end of custom links */

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

.dtn.reInsertTable table td
{
    border: solid 1px #828282;
    background: #fff;
}

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

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

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

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

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

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

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

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

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

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

.RadWindow_Default .reInsertTableLightWrapper .lightTable 
{
	border-color: #828282;
}

/* Popup Comments */

.dtn .reCommentEdit,
.dtn .reCommentTextArea,
.dtn .reCommentView,
.dtn .reCommentInfoPanel
{
	border-color: transparent;
	background-color: #eee;
}

.dtn .reCommentTitle,
.dtn .reCommentInfoPanel
{
	color: #000;
}

.dtn .reCommentTextArea 
{
	border-color: #828282;
	background-color: #fff;
}

.RadEditor.dtn .reCommentButton,
.dtn .rePopupButtonContainer .rePopupButton
{
	border-color: #d0d0d0 #a2a2a2 #8b8b8b #a2a2a2;
	color: #000;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #faf9f9 0%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #faf9f9 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #faf9f9 0%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #faf9f9 0%,#e8e8e8 100%); /* IE10+ */
	background: linear-gradient(top, #faf9f9 0%,#e8e8e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf9f9', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */
}

.RadEditor.dtn .reCommentButton:hover,
.dtn .rePopupButtonContainer .rePopupButton:hover
{
	border-color: #d1d1d1 #b8b8b8 #a3a3a3 #bbb;
	color: #000;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #e0e0e0 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #e0e0e0 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e0e0e0 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e0e0e0 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(top, #e0e0e0 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
}

.RadEditor.dtn .reCommentButton:active,
.dtn .rePopupButtonContainer .rePopupButton:active
{
	border-color: #b6b6b6 #9e9e9e #898989 #9b9b9b;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #c7c7c7 0%, #dedede 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #c7c7c7 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c7c7c7 0%,#dedede 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c7c7c7 0%,#dedede 100%); /* IE10+ */
	background: linear-gradient(top, #c7c7c7 0%,#dedede 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#dedede',GradientType=0 ); /* IE6-8 */
}

/* Commnet popups */
.dtn.rePopupContainer 
{
	border-color: #828282;
	background-color: #eee;
}

.dtn.rePopupContainer .rePopupTitle
{
	color: #000;
	border-color: #c4c4c4;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfdfd 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdfdfd 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(top, #fdfdfd 0%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */
}