/* ----------------- Main ----------------- */
/* Loading panel */
.dxheLoadingDiv_Youthful
{
    background: white;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}
.dxheLoadingPanel_Youthful
{
    font: 9pt Tahoma;
    color: #303030;
}
.dxheLoadingPanel_Youthful td.dx
{
    white-space: nowrap;
    text-align: center;
    padding: 12px 12px 12px 12px;
}

.dxheControl_Youthful
{
	border: Solid 1px white
}

/* Area */
.dxheErrorFrame_Youthful
{
    font-size: 9pt;
    font-family: Tahoma, Verdana, Arial;
    color: #D00707;
    background-color: #FBC7C7;
    border-bottom: solid 1px #DEC0C0;
}
.dxheErrorFrame_Youthful .dxhe {
    padding: 5px;
}
.dxheErrorFrame_Youthful .dxhe td {
    padding: 0px;
}
.dxheErrorFrame_Youthful .dxheErrorFrameCloseButton_Youthful {
    cursor: pointer;
}
.dxheContentArea_Youthful
{
    padding-top: 1px;
	padding-bottom: 6px;
    background-color: white;
}
.dxheViewArea_Youthful
{
    border: Solid 1px #D3E4A6;    
}
.dxheHtmlViewEdit_Youthful,
.dxheDesignViewArea_Youthful,
.dxhePreviewArea_Youthful 
{
    margin: 0px;
    background-color: #FFFFFF;
    background-image: none;
    text-align: left;
    font-size: smaller;
    font: normal 12px Arial;
}
td.dxheHtmlViewEdit_Youthful, body.dxheDesignViewArea_Youthful, body.dxhePreviewArea_Youthful
{
    padding: 0px;
    padding-left: 4px;
    padding-bottom: 0px;
}
/* Element appearance in DesignView */
body.dxheDesignViewArea_Youthful table.dxEmptyBorderTable,
body.dxheDesignViewArea_Youthful table.dxEmptyBorderTable td  {
    border:1px dotted gray;
}
@media print 
{
	body.dxheDesignViewArea_Youthful table.dxEmptyBorderTable,
	body.dxheDesignViewArea_Youthful table.dxEmptyBorderTable td  {
		border:0px;
	}
}

/* Status Bar */
.dxheStatusBar_Youthful 
{
}
.dxheStatusBarTab_Youthful 
{    
}
.dxheStatusBarActiveTab_Youthful 
{
}
.dxHtmlEditor_heSizeGrip_Youthful 
{
    cursor: se-resize;
}
.dxheSizeGripContainer_Youthful 
{
    float: left;
    height: 0;
    width: 100%;
    text-align: right;
    font-size: 0;
    margin-top: -22px;
    margin-left: 2px;
}

/* ----------------- Dialog Forms ----------------- */
#dxInsertTableForm .buttonsCell,
#dxInsertLinkForm .buttonsCell,
#dxInsertImageForm .buttonsCell,
#dxPasteFromWordForm .buttonsCell,
#dxTableColumnPropertiesForm .buttonsCell,
.dxheCustomDialog_Youthful .dxhecd-Buttons
{
	background-color: #9CC525;
	border-top: solid 1px white;

    padding: 11px;
}
.dxheCustomDialog_Youthful .dxhecd-Buttons 
{
	text-align: right;
}
#dxInsertTableForm .captionIndent,
#dxInsertLinkForm .captionIndent,
#dxInsertImageForm .captionIndent,
#dxTableColumnPropertiesForm .captionIndent
{
	overflow: hidden;
	height: 5px;
}
#dxInsertTableForm .contentCell,
#dxInsertLinkForm .contentCell,
#dxInsertImageForm .contentCell,
#dxPasteFromWordForm .contentCell,
#dxTableColumnPropertiesForm .contentCell,
.dxheCustomDialog_Youthful .dxhecd-Content
{
	padding: 11px;
}
#dxInsertLinkForm .typeRadionButtonListCell,
#dxInsertImageForm .typeRadionButtonListCell
{
	padding-bottom: 12px;
}
#dxInsertTableForm .separatorCell,
#dxInsertLinkForm .separatorCell,
#dxInsertImageForm .separatorCell,
#dxTableColumnPropertiesForm .separatorCell
{
	height: 7px;
}
#dxInsertTableForm .buttons,
#dxInsertLinkForm .buttons,
#dxInsertImageForm .buttons,
#dxTableColumnPropertiesForm .buttons
{
    padding-top: 3px;
}
#dxInsertTableForm .cancelButton,
#dxInsertLinkForm .cancelButton,
#dxInsertImageForm .cancelButton,
#dxPasteFromWordForm .cancelButton,
#dxTableColumnPropertiesForm .cancelButton
{
    padding-left: 10px;
}
.dxheCustomDialog_Youthful .dxhecd-Cancel
{
	margin-left: 10px;
}
#dxInsertTableForm .captionCell,
#dxInsertTableForm .rowsCaptionCell,
#dxInsertLinkForm .captionCell,
#dxTableColumnPropertiesForm .captionCell,
#dxTableColumnPropertiesForm .rowsCaptionCell
{
    padding-right: 9px;
    padding-top: 3px;
    vertical-align: top;
    white-space: nowrap;
}
#dxInsertTableForm .inputCell,
#dxInsertTableForm .rowsInputCell,
#dxInsertLinkForm .inputCell,
#dxTableColumnPropertiesForm .inputCell,
#dxTableColumnPropertiesForm .rowsInputCell
{
    vertical-align: middle;
}

/* Insert Link Form */
#dxInsertLinkForm .displayPropertiesCell 
{
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
#dxInsertLinkForm .targetCheckBoxCell
{
    padding-top:10px;
}
/* Insert Image Form */
#dxInsertImageForm .fieldSeparator 
{
    height: 9px;
}
#dxInsertImageForm .imagePreview
{
    padding: 10px 0px;
    padding-top: 5px;
}
#dxInsertImageForm .fromTheWeb
{
    width: 100%;
}
#dxInsertImageForm .imagePreviewCell
{
    color: #878787;
    border: dashed 1px white;
    text-align:center;
    width: 100%;
    height: 170px;
}
#dxInsertImageForm .imagePropertiesCell
{
    padding-left: 20px;
    vertical-align:top;
}
#dxInsertImageForm .moreOptionsCell
{
	padding-top: 11px;
}
#dxInsertImageForm .radioButtonTable
{
	width: 317px;
}
#dxInsertImageForm .saveToServerCheckBoxCell
{
    padding-top:0px;
    padding-bottom: 13px;
}
/* Image Properties Form */
#dxImagePropertiesForm .captionCell
{
    padding-right: 2px;
    white-space: nowrap;
}
#dxImagePropertiesForm .constrainProportionsCell
{
    padding-left: 4px;
    padding-top: 2px;
}
#dxImagePropertiesForm .imageSizeEditorsCell
{
    padding-top: 7px;
    padding-bottom: 10px;
}
#dxImagePropertiesForm .pixelSizeCell
{
    padding-left: 7px;
}
#dxImagePropertiesForm .hSeparator
{
    width: 25px;
    overflow: hidden;
}
#dxImagePropertiesForm .thumbnailFileNameArea
{
    padding-top: 8px;
}
/* IE, FireFox, WebKit*/
#dxImagePropertiesForm .ckbWrapTextCell div
{
	margin-left: -4px;
	padding-top: 2px;
}
/* Opera hack */
@media not all and (-webkit-min-device-pixel-ratio) {   
	#dxImagePropertiesForm .ckbWrapTextCell div
	{
		margin-left: 0px;
	}
}

/* PasteFromWord Form */
#dxPasteFromWordForm .pasteContainer
{
	width: 450px;
	height: 300px;
	border: none;
	background-color: white;
}
#dxPasteFromWordForm .pasteContainerCell
{
	padding:0px;
	padding-top: 10px;
}
#dxPasteFromWordForm .pasteContainerCell td
{
	border: Solid 1px #AFC185;
}
#dxPasteFromWordForm .checkBoxCell
{
	padding-top: 10px;
}
#dxPasteFromWordForm .contentCell 
{
	padding-left: 20px;
	padding-right: 20px;
}

/* Insert table */
#dxInsertTableForm .propFieldSeparator, #dxTableColumnPropertiesForm .propFieldSeparator
{
    width: 20px;
}
#dxInsertTableForm .propGroupSeparator, #dxTableColumnPropertiesForm .propGroupSeparator
{
    height: 11px;
}
#dxInsertTableForm .propGroupCell, #dxInsertTableForm .accessibilityPropGroupCell,
#dxTableColumnPropertiesForm .propGroupCell, #dxTableColumnPropertiesForm .accessibilityPropGroupCell
{
    font-weight: bold;
    padding-bottom: 7px;
}
#dxInsertTableForm .accessibilityPropGroupCell,
#dxTableColumnPropertiesForm accessibilityPropGroupCell
{
    padding-left: 10px;
}
#dxInsertTableForm .propGroupContentCell,
#dxTableColumnPropertiesForm .propGroupContentCell
{
    padding-left: 20px;
}
#dxInsertTableForm .sizeTypeCell,
#dxTableColumnPropertiesForm .sizeTypeCell
{
    padding-left: 3px;
}
#dxInsertTableForm .rowsInputCell,
#dxTableColumnPropertiesForm .rowsInputCell
{
    padding-left: 9px;
}
#dxInsertTableForm .rowsCaptionCell,
#dxTableColumnPropertiesForm .rowsCaptionCell
{
    padding-right: 0px;
}
#dxInsertTableForm .rowsSeparator,
#dxTableColumnPropertiesForm .rowsSeparator
{
    height: 18px;
}
#dxInsertTableForm .rowsHorizontalSeparator,
#dxTableColumnPropertiesForm .rowsHorizontalSeparator
{
    width: 50px;
}
/*----------------- Toolbars -----------------*/
.dxtbSpacing_Youthful
{
	height: 1px;
}
.dxtbControl_Youthful 
{
	font: 9pt Tahoma;
	color: black;
	background-color: white;
}
.dxtbControl_Youthful td.dxmtb.dxmMenu_Youthful
{
	border: 0px;
}
.dxtbComboBoxMenuItem_Youthful
{
    padding-top: 1px;
	padding-bottom: 1px;
}

/* Toolbars Lightweight Mode */
.dxtbControl_Youthful .dxmLite_Youthful .dxm-main.dxmtb {
    border-width: 0px;
}

.dxmLite_Youthful .dxtb .dxtb-comboBoxMenuItem {
	border-width: 0px;
	padding-top: 2px;
	padding-bottom: 1px;
}
.dxmLite_Youthful .dxhetipControl_Youthful img
{
	vertical-align: top;
}
.dxheControl_Youthful .dxtbControl_Youthful .dxmLite_Youthful .dxm-horizontal .dxm-item .dxm-content .dxm-image {
	margin: 0px;
}

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

/*----------------- RoundPanel -----------------*/
.dxheRP.dxrpControl_Youthful .dxrpcontent
{
    padding: 9px 8px;
}