/* Editor/ToolBarSprites.gif")%> */

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

.Default.radeditor
{
    background-color: #ececec;
}

/* rade_wrapper */
.Default.rade_wrapper
{
    border: solid 1px #828282;
}

.Default.radeditor .rade_contentCell
{
    border: solid 1px #828282;
}

/* common settings for .rade_module, .rade_editorModes and .rade_wrapper */
.Default.rade_ColorPicker,
.Default.rade_InsertTable,
.Default.rade_dropDownBody,
.Default.rade_CustomLinks a:hover
{
	border: solid 1px #828282;
}

.Default.rade_dropDownBody table
{
    background: transparent;
}

.Default.radeditor .rade_module,
.Default.radeditor .rade_editorModes,
.Default.radeditor .rade_wrapper
{
	background-color: #ececec;
}

/*NEW: Only in the Bottom zone - where the Statistics module is commonly set, remove uppper border, because it looks ugly*/
.Default.radeditor .rade_bottomZone .rade_module
{
    border-top: 0;
}

.Default.radeditor .rade_module
{
    border-top: solid 1px #828282;  
}

.Default.rade_CustomLinks a
{
    border: solid 1px #fff; /* should be the same as the background of the dropdown */
}

.Default.rade_CustomLinks 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 */

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

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

/* separator */
.rade_toolbar.Default .rade_separator
{
    background-position: center -148px;
    background-image: url('Editor/ToolbarSprites.gif');
}

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

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

/* IE6 does not support PNG alpha channel, so we use gifs for the command sprites instead */
* html .rade_tool span,
* html .rade_tool_text span,
* html .rade_tlbVertical .rade_tool_text span,
* html .rade_toolbar .rad_splitbutton.rade_tool_text span
{
    _background-image: url('Common/CommandSpritesLightIE6.gif');
}

.rade_dialog .rade_tool,
.rade_module .rade_tool
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -242px;
}

.rade_dialog .rade_tool:hover,
.rade_toolbar .rade_tool:hover,
.rade_module .rade_tool:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -52px;
}

.rade_toolbar .rade_tool.rade_tool_selected,
.rade_toolbar .rade_tool.rade_tool_selected:hover
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -124px;
    background-repeat: no-repeat;
}

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

.rade_toolbar .rade_tool_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;
}

.rade_toolbar .rade_tool_text.rade_tool_selected,
.rade_toolbar .rade_tool_text.rade_tool_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 */
.rade_toolbar .rade_tool_text.rade_tool_disabled,
.rade_toolbar .rade_tool_text.rade_tool_disabled:hover
{
    margin-left: 0;
    margin-right: 0;
    border: 0;
}
/* end of rade_tool_text */

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

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

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

.Default .rad_splitbutton.rade_tool_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 .Default .rade_toolbar .rade_tool_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 .rade_toolbar .rade_tool_text:hover
{
    background: url('Editor/ToolbarSprites.gif');
    background-position: 0 -100px;
}

.rade_dialog .rade_tool.rad_splitbutton,
.rade_module .rade_tool.rad_splitbutton
{
    background-image: url('Editor/ToolbarSprites.gif');
    background-position: 0 -218px;
}

.rade_dialog .rade_tool.rad_splitbutton:hover,
.rade_module .rade_tool.rad_splitbutton:hover
{
    background-position: 0 -76px;
}

/* add weight to the selector for IE6 so it is applied */
* html .rade_toolbar .rade_tool.rad_splitbutton.rade_tool_disabled:hover
{
    background: none;
}
/* end of rad_splitbutton */

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

.rade_dropdown: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 .rade_tool_disabled.rade_dropdown
{
    background-image: url('Editor/ToolbarSprites.gif')t;
    background-position: right -380px;
    background-repeat: no-repeat;
}
/* end of rade_dropdown */

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

.radeditor.Default .rade_tlbVertical .rade_toolbar.Default .rade_grip
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
}

.radeditor.Default .rade_tlbVertical .rade_toolbar.Default .grip_first
{
    background-position: 0 0;
}

.radeditor.Default .rade_tlbVertical .rade_toolbar.Default .grip_last
{
    background-position: 0 -4px;
}

.radeditor.Default .rade_tlbVertical .rade_toolbar.Default .rade_separator
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -100px -12px;
}

.rade_tlbVertical .rade_tool:hover,
.rade_tlbVertical .rade_tool_text.rad_splitbutton:hover,
.rade_tlbVertical .rade_tool_text:hover
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -76px 0;
}

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

.rade_tlbVertical .rade_tool.rade_tool_selected,
.rade_tlbVertical .rade_tool_text.rade_tool_selected,
.rade_tlbVertical .rade_tool_text.rade_tool_selected:hover
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -52px 0;
}

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

.rade_dropDownBody .rade_tlbVertical 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 */
.Default.rade_InsertTable
{
    background-color: #ffffff;
}

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

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

.Default table.rade_SpinBox:hover
{
    border: solid 1px #515151;
}

.Default .rade_SpinBoxIncrease
{
	background-position: 0 -198px;
}

.Default .rade_SpinBoxIncrease:hover
{
	background-position: 0 -208px;
}

.Default .rade_SpinBoxDecrease
{
	background-position: -11px -198px;
}

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

/* editor input elements */
.Default.radeditor input
{
	border-top: solid 1px #8e8e8e;
	border-right: solid 1px #b8b8b8;
	border-bottom: solid 1px #b8b8b8;
	border-left: solid 1px #8e8e8e;
	background: white;
}

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

/* editing modes */
.Default .rade_mode_selected
{
    background-image: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -948px 0;
}

.Default .rade_editorModes .rade_mode_design span,
.Default .rade_editorModes .rade_mode_selected.rade_mode_design span
{
	background-position: -6px -5px;
}

.Default .rade_editorModes .rade_mode_html span,
.Default .rade_editorModes .rade_mode_selected.rade_mode_html span
{
	background-position: -6px -36px;
}

.Default .rade_editorModes .rade_mode_preview span,
.Default .rade_editorModes .rade_mode_selected.rade_mode_preview span
{
	background-position: -6px -69px;
}
/* end of editing modes */

/* DOM inspector */
.Default .rade_module_domlink_selected,
.Default .rade_module_domlink
{
    color: black;
}
/* end of DOM inspector */

.Default.rade_dropDownBody .rade_itemOver
{
	background: #dfdfdf;
	color: #000;
}
/* end of expanded dropdowns */

* html .rade_tool_selected.rade_tool
{
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

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

.Default.rade_ColorPicker table td.rade_itemOver div
{
	border-color: #000;
}

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

/* ajax spellchecker */
.rade_ajaxspell_button
{
    border: solid 1px #555;
    background: #c2dcf0;
}

.Default .rade_AjaxSpellCheckSuggestions table
{
    border-width: 0;
    width: 100%;
}

.Default .rade_AjaxSpellCheckSeparator
{
    background-color: #979797;
}
/* ajax spellchecker */

/* custom links */
.Default.rade_CustomLinks,
.Default.rade_CustomLinks ul
{
	color: #000;
}

.Default.rade_CustomLinks a
{
    background: none transparent;
    color: black;
	cursor: default !important;
}

.Default.rade_CustomLinks a:hover
{
    color: white;
}
/* end of custom links */

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

.rade_InsertTable table td
{
    border: solid 1px #9cb6c5;
    background: white;
}

.rade_InsertTable .rade_tlbVertical ul
{
    background-color: #ffffff;
}

.Default.rade_dropDownBody.rade_InsertTable div.rade_tlbVertical a.rade_tool_text
{
    color: black;
    background: transparent none;
}

.Default.rade_dropDownBody.rade_InsertTable div.rade_tlbVertical a.rade_tool_text:hover
{
    background: url('Editor/ToolbarVerticalSprites.gif');
    background-position: -1403px 0;
}

.rade_InsertTable .rade_tlbVertical ul .rade_tool_text span
{
    background-image: url('Common/CommandSpritesLight.png');
    background-position: -3575 center;
}

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

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

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

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

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

/* rade_tool_disabled */
.rade_dialog .rade_tool_disabled,
.rade_dialog .rade_tool_disabled:hover,
.rade_toolbar .rade_tool_disabled,
.rade_toolbar .rade_tool_disabled:hover,
.rade_module .rade_tool_disabled,
.rade_module .rade_tool_disabled:hover
{
    filter: alpha(opacity=40);
    opacity: .4;
    -moz-opacity: .4;
    background-image: none;
}
/* rade_tool_disabled */