/* ----------------- Main ----------------- */
/* Loading panel */
.dxheLoadingDiv_metro
{
    background: white;
    opacity: 0.85;
    filter: alpha(opacity=85);
}
.dxheLoadingPanel_metro
{
	font: 14px 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #2B2B2B;
	background-color: White;
	border: 1px solid #cfcfcf;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
}
.dxheLoadingPanel_metro td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 15px 34px 15px 20px;
}
.dxheLoadingPanel_metro .dxlp-loadingImage
{
	background-image: url('../Web/Loading.gif');
	height: 40px;
	width: 40px;
}

.dxheControl_metro
{
    border: Solid 1px #d1d1d1;
	font: 14px 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

/* Area */
.dxheContentArea_metro
{
    padding: 0;
}
.dxheErrorFrame_metro
{
	font: 14px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #D00707;
    background-color: #FBC7C7;
    border-bottom: solid 1px #DEC0C0;
}
.dxheErrorFrame_metro .dxhe 
{
    padding: 5px;
}
.dxheErrorFrame_metro .dxhe td 
{
    padding: 0;
}
.dxheErrorFrame_metro .dxheErrorFrameCloseButton_metro 
{
    cursor: pointer;
}
.dxheViewArea_metro,
.dxheViewArea_metro.dxeMemo_metro
{
    border: 0;
}
.dxheContentArea_metro td.dxheViewArea_metro 
{
    line-height: 0;
}
.dxheHtmlViewEdit_metro,
.dxheDesignViewArea_metro,
.dxhePreviewArea_metro 
{
    margin: 0px;
    background-color: #FFFFFF;
    background-image: none;
	font: 12px Arial, Helvetica, sans-serif;
	color: #2B2B2B;
}
.dxheContentArea_metro .dxeMemo_metro,
.dxheContentArea_metro .dxeMemoEditArea_metro
{
    background-color: white;
}
td.dxheHtmlViewEdit_metro,
body.dxheDesignViewArea_metro,
body.dxhePreviewArea_metro
{
    padding: 4px 4px 0 4px;
}
.dxheControl_metro.dxhe-rtl td.dxheHtmlViewEdit_metro,
.dxheControl_metro.dxhe-rtl .dxeMemo_metro td
{
	padding: 0 4px 0 0;
}
.dxWebKitFamily .dxheControl_metro.dxhe-rtl td.dxheHtmlViewEdit_metro,
.dxWebKitFamily .dxheControl_metro.dxhe-rtl .dxeMemo_metro td
{
	padding: 0 0 0 4px;
}
.dxheControl_metro .dxeMemo_metro textarea 
{
	resize:none;
}
.dxheControl_metro td.dxheDesignViewArea_metro .dxm-main.dxmtb 
{
    border: 1px solid #cfcfcf;
    padding: 4px;
}
td.dxheDesignViewArea_metro .dxmLite_metro .dxm-horizontal .dxm-spacing {
    width: 1px;
}
.dxheControl_metro td.dxheDesignViewArea_metro
{
    position: relative;
}
td.dxheDesignViewArea_metro .dxmLite_metro {
    position: absolute;
    right: 0;
    padding-top: 5px;
    padding-right: 22px;
}
td.dxheDesignViewArea_metro .dxmLite_metro.dxm-rtl {
    right: inherit;
    padding-right: 0px;
    padding-left: 5px;
}
.dxheViewArea_metro .dxheAudio
{
	background-image: url('dxheAudio.png');
}
.dxheViewArea_metro .dxheFlash
{
	background-image: url('dxheFlash.png');
}
.dxheViewArea_metro .dxheVideo
{
	background-image: url('dxheVideo.png');
}
.dxheViewArea_metro .dxheYoutube
{
	background-image: url('dxheYoutube.png');
}
.dxheViewArea_metro img.dxheNotSupported
{
	background-image: url('dxheNotSupported.png');
}
.dxheViewArea_metro img.dxheAudio,
.dxheViewArea_metro img.dxheFlash,
.dxheViewArea_metro img.dxheVideo,
.dxheViewArea_metro img.dxheYoutube,
.dxheViewArea_metro img.dxheNotSupported
{
    background-repeat: no-repeat;
    background-position: center;
    background-color: #cfcfcf;
    border: 1px dotted #FFFFFF;
    opacity: 0.8;
}
/* Element appearance in DesignView */
body.dxheDesignViewArea_metro table.dxEmptyBorderTable,
body.dxheDesignViewArea_metro table.dxEmptyBorderTable td {
    border:1px dotted gray;
}
@media print 
{
	body.dxheDesignViewArea_metro table.dxEmptyBorderTable,
	body.dxheDesignViewArea_metro table.dxEmptyBorderTable td {
		border:0px;
	}
}
body.dxheDesignViewArea_metro
{
    word-wrap: inherit;
}
body.dxheDesignViewArea_metro pre
{
    word-wrap: break-word;
    white-space: pre-wrap;
}
/* Status Bar */
.dxheStatusBar_metro 
{
}
.dxheStatusBarTab_metro 
{    
}
.dxHtmlEditor_heSizeGrip_metro
{
    cursor: se-resize;
}
.dxHtmlEditor_heSizeGripRtl_metro
{
    cursor: ne-resize;
}
.dxheSizeGripContainer_metro 
{
    width: 100%;
    text-align: right;
    font-size: 0;
    margin-top: -18px;
}
.dxheControl_metro.dxhe-rtl .dxheSizeGripContainer_metro
{
	text-align: left;
}
.dxheControl_metro .dxtcLite_metro .dxtc-leftIndent
{
	width: 0!important;
}
.dxheControl_metro .dxtcLite_metro > .dxtc-stripContainer.dxtc-strip
{
	background: #fafafa;
	padding: 0!important;
}
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-tab,
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-activeTab,
.dxheControl_metro .dxtcLite_metro.dxtc-bottom.dxtc-noSpacing > .dxtc-stripContainer .dxtc-activeTab.dxtc-lead,
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-leftIndent,
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-spacer,
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-rightIndent,
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-sbWrapper,
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-sbIndent,
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-sbSpacer
{
    border-top: 1px solid #d1d1d1!important;
}
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-tab
{
}
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-tab .dxtc-link 
{
	padding: 7px 15px 5px 16px;
}

.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-activeTab
{
    border-top: 1px solid transparent!important;
}
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-activeTab .dxtc-link 
{
	padding: 7px 14px 5px 15px;
}
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > .dxtc-stripContainer .dxtc-activeTab.dxtc-lead
{
    border-left: 1px solid transparent!important;
}
.dxheControl_metro.dxhe-rtl .dxtcLite_metro.dxtc-bottom .dxtc-stripContainer .dxtc-activeTab.dxtc-lead
{
    border-left: 1px solid #D1D1D1 !important;
    border-right: 1px solid transparent!important;
}
.dxheControl_metro .dxtcLite_metro > .dxtc-stripContainer .dxtc-tab
{
	background: transparent;
}
.dxheControl_metro .dxtcLite_metro > .dxtc-stripContainer .dxtc-tabHover
{
	background: #697380;
}
.dxheControl_metro .dxtcLite_metro > .dxtc-stripContainer .dxtc-activeTab
{
	background-color: white!important;
	border: 1px solid #d1d1d1;
	border-top: 0!important;
}
.dxheControl_metro .dxtcLite_metro.dxtc-bottom > ul
{
    border: 0!important;
}
/* ----------------- Dialog Forms ----------------- */
.dxpcLite_metro .dxheDlgFooter,
.dxpcLite_metro .dxheCustomDialog_metro .dxhecd-Buttons
{
	background-color: #fafafa;
	border-top: 1px #d1d1d1 solid;
	padding: 16px 11px;
	text-align: right;
}
.dxpcLite_metro.dxRtl .dxheDlgFooter,
.dxpcLite_metro.dxRtl .dxheCustomDialog_metro .dxhecd-Buttons
{
    text-align: left;
}
.dxpcLite_metro .dxheDlgFooterBtn
{
    width: 100px;
    margin-left: 10px;
}
.dxpcLite_metro.dxRtl .dxheDlgFooterBtn
{
    margin-right: 10px;
    margin-left: 0;
}
.dxpcLite_metro .dxheDlgInsertImageForm .dxheDlgImagePreviewCell
{
    color: #737373;
    border: dashed 1px #cac8c8;
}
.dxpcLite_metro .dxheDlgPasteFromWordForm .dxheDlgPasteContainerCell td
{
	border: Solid 1px #d1d1d1;
}
.dxpcLite_metro .dxheDlgInsertImageForm .dxheDlgRadionButtonTable
{
    width: 360px;
}
.dxpcLite_metro .dxheDlgInsertImageForm .dxheDlgFromTheWeb
{
    width: 360px;
}
.dxpcLite_metro .dxheDlgInsertImageForm .dxheDlgWrapTextCell
{
    width: 180px;
}
.dxpcLite_metro .dxheDlgInsertTableForm .dxheDlgCaptionCell,
.dxpcLite_metro .dxheDlgInsertLinkForm .dxheDlgCaptionCell,
.dxpcLite_metro .dxheDlgTableColumnPropertiesForm .dxheDlgCaptionCell
{
    padding-top: 9px;
}
.dxpcLite_metro .dxheDlgInsertImageForm .dxheDlgImagePropertiesForm .dxheDlgImagePropertiesCell .dxeTextBox_metro,
.dxpcLite_metro .dxheDlgInsertImageForm .dxheDlgImagePropertiesForm .dxheDlgImagePropertiesCell .dxeButtonEdit_metro  
{ 
    width: 200px!important; 
}
.dxpcLite_metro .dxheDlgInsertTableForm .dxrpControl_metro > tbody > tr > td > table,
.dxpcLite_metro .dxheDlgTableColumnPropertiesForm .dxrpControl_metro > tbody > tr > td > table
{
    width: 480px!important;
}
.dxpcLite_metro .dxheDlgInsertImageForm .dxheDlgSpinEdit,
.dxpcLite_metro .dxheDlgInsertTableForm .dxheDlgSpinEdit,
.dxpcLite_metro .dxheDlgTableColumnPropertiesForm .dxheDlgSpinEdit
{
    width: 70px!important;
}
.dxpcLite_metro .dxheDlgInsertImageForm .dxheDlgColorEdit,
.dxpcLite_metro .dxheDlgInsertTableForm .dxheDlgColorEdit,
.dxpcLite_metro .dxheDlgTableColumnPropertiesForm .dxheDlgColorEdit
{
    width: 140px!important;
}
.dxpcLite_metro .dxheDlgInsertTableForm .dxheDlgSizeComboBox,
.dxpcLite_metro .dxheDlgTableColumnPropertiesForm .dxheDlgSizeComboBox
{
    width: 170px!important;
}
.dxpcLite_metro .dxheDlgInsertTableForm .dxheDlgSizeTypeComboBox,
.dxpcLite_metro .dxheDlgTableColumnPropertiesForm .dxheDlgSizeTypeComboBox
{
    width: 60px!important;
}
.dxpcLite_metro .dxheDlgInsertTableForm .dxheDlgAlignComboBox,
.dxpcLite_metro .dxheDlgTableColumnPropertiesForm .dxheDlgAlignComboBox
{
    width: 100px!important;
}
.dxpcLite_metro .dxheDlgInsertTableForm .dxheDlgHeaderComboBox,
.dxpcLite_metro .dxheDlgTableColumnPropertiesForm .dxheDlgHeaderComboBox
{
    width: 120px!important;
}
/*----------------- Toolbars -----------------*/
.dxtbSpacing_metro
{
	height: 1px;
}
.dxtbControl_metro 
{
	color: #2B2B2B;
	background-color: #fafafa;
    border-bottom: Solid 1px #d1d1d1;
}
.dxtbControl_metro td.dxmMenu_metro
{
	border: 0px;
}
.dxtbComboBoxMenuItem_metro
{
    padding: 3px 2px;
}
.dxheControl_metro .dxrControl_metro .dxtcLite_metro > .dxtc-stripContainer.dxtc-strip
{
    padding-top: 4px !important;
}
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top .dxtc-leftIndent
{
    width: 4px !important;
}
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top > .dxtc-stripContainer .dxtc-tab,
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top > .dxtc-stripContainer .dxtc-activeTab,
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top.dxtc-noSpacing > .dxtc-stripContainer .dxtc-activeTab.dxtc-lead,
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top > .dxtc-stripContainer .dxtc-leftIndent,
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top > .dxtc-stripContainer .dxtc-spacer,
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top > .dxtc-stripContainer .dxtc-rightIndent
{
    border-bottom: 1px solid #d1d1d1!important;
}
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top > .dxtc-stripContainer .dxtc-activeTab
{
    border-bottom: 1px solid transparent!important;
    border-top: 1px solid #d1d1d1!important;
}
.dxheControl_metro.dxhe-rtl .dxrControl_metro .dxtcLite_metro.dxtc-top .dxtc-stripContainer .dxtc-activeTab.dxtc-lead
{
    border-left: 1px solid #D1D1D1 !important;
    border-right: 1px solid transparent!important;
}
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top .dxtc-strip.dxtc-stripContainer .dxtc-tab
{
    border-top: 1px solid transparent!important;
    border-left: 1px solid transparent!important;
    border-right: 1px solid transparent!important;
}
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top .dxtc-strip.dxtc-stripContainer .dxtc-tab.dxr-inactiveTab,
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top .dxtc-strip.dxtc-stripContainer .dxtc-activeTab.dxr-inactiveTab
{
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top .dxtc-strip.dxtc-stripContainer .dxtc-spacer
{
    width: 2px;
    margin-left: -1px;
}
.dxheControl_metro .dxrControl_metro .dxtcLite_metro.dxtc-top > ul
{
    border: 0!important;
}
.dxheControl_metro .dxrControl_metro .dxr-minBtn
{
    margin: 1px 5px 0 0;
}
.dxheControl_metro .dxtbControl_metro.dxtbr_metro,
.dxheControl_metro .dxrControl_metro .dxpc-mainDiv.dxr-minPopup
{
    border: 0;
}
.dxheControl_metro .dxrControl_metro .dxr-tabContent
{
    border-width: 0 0 1px 0;
    border-color: #D1D1D1;
}

/* Toolbars Lightweight Mode */
.dxtbControl_metro .dxmLite_metro .dxm-main.dxmtb
{
	padding: 3px 2px;
    border-width: 0px;
}
.dxtbControl_metro .dxmLite_metro .dxmtb.dxm-horizontal .dxm-separator
{
	padding: 1px 3px!important;
}
.dxtbControl_metro .dxmLite_metro .dxm-horizontal.dxmtb .dxtb-comboBoxMenuItem > .dxeButtonEditSys,
.dxtbControl_metro .dxmLite_metro .dxm-horizontal.dxmtb .dxtb-comboBoxMenuItem > .dxeTextBoxSys
{
    margin: 0;
}
.dxmLite_metro .dxhetipControl_metro img
{
	vertical-align: top;
	margin-top: 3px;
}
.dxtbControl_metro .dxm-horizontal.dxmtb .dxm-dropDownMode .dxtcbControl_metro > img
{
    margin-top: -1px;
}
.dxtbControl_metro .dxm-horizontal.dxmtb .dxm-dropDownMode .dxtcbColorDiv_metro
{
    margin-top: -1px;
    margin-bottom: -2px;
}
.dxtbControl_metro .dxmLite_metro .dxm-horizontal.dxmtb .dxm-image-l .dxm-item.dxtb-cddi .dxm-content, 
.dxtbControl_metro .dxmLite_metro .dxm-horizontal.dxmtb .dxm-image-r .dxm-item.dxtb-cddi .dxm-content
{
	padding-top: 2px;
	padding-bottom: 3px;
}

/* ToolbarColorButton */
.dxtcbControl_metro { }
.dxtcbColorDiv_metro
{
	width: 16px;
	height: 4px;
	font-size: 0;
	background-color: Red;
}

/*----------------- RoundPanel -----------------*/
.dxheRP.dxrpControl_metro .dxrpcontent
{
    padding: 9px 10px 10px 10px !important;
}

.dxtcLite_metro.dxhe-dialogSettings
{
    width: 370px;
}

.dxhe-insertYouTubeVideoDialog .dxtcLite_metro.dxhe-dialogSettings,
.dxhe-insertVideoDialog .dxtcLite_metro.dxhe-dialogSettings 
{
    width: 400px;
}