/* ----------------- Main ----------------- */
/* Loading panel */
.dxheLoadingDiv_Youthful
{
    background: white;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}
.dxheLoadingPanel_Youthful
{
    font: 12px 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: 12px;
    font-family: Tahoma;
    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;
    font-size: smaller;
    font: normal 12px Arial;
}
td.dxheHtmlViewEdit_Youthful, body.dxheDesignViewArea_Youthful, body.dxhePreviewArea_Youthful
{
    padding: 0 0 0 4px;
}
.dxheControl_Youthful.dxhe-rtl td.dxheHtmlViewEdit_Youthful, 
.dxheControl_Youthful.dxhe-rtl .dxeMemo_Youthful td,
body.dxheDesignViewArea_Youthful.dxhe-rtl, 
body.dxhePreviewArea_Youthful.dxhe-rtl
{
    padding: 0 4px 0 0;
}
.dxheControl_Youthful .dxeMemo_Youthful textarea 
{
	resize:none;
}
/* 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;
}
.dxHtmlEditor_heSizeGripRtl_Youthful 
{
    cursor: ne-resize;
}
.dxheSizeGripContainer_Youthful 
{
    float: left;
    height: 0;
    width: 100%;
    text-align: right;
    font-size: 0;
    margin-top: -22px;
    margin-left: 2px;
}
.dxheControl_Youthful.dxhe-rtl .dxheSizeGripContainer_Youthful 
{
	text-align: left;
	margin-left: 0px;
	margin-right: 2px;
	float: right;
}

/* ----------------- 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;
}
#dxInsertImageForm .imagePreviewCell
{
    color: #878787;
    border: dashed 1px white;
}
#dxPasteFromWordForm .pasteContainerCell td
{
	border: Solid 1px #AFC185;
}
/*----------------- Toolbars -----------------*/
.dxtbSpacing_Youthful
{
	height: 1px;
}
.dxtbControl_Youthful 
{
	font: 12px 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;
}
.dxtbControl_Youthful .dxmLite_Youthful .dxmtb .dxtb-comboBoxMenuItem {
	border-width: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.dxtbControl_Youthful .dxmLite_Youthful .dxm-horizontal.dxmtb .dxm-image-l .dxm-dropDownMode.dxtb-cb .dxm-content, 
.dxtbControl_Youthful .dxmLite_Youthful .dxm-horizontal.dxmtb .dxm-image-r .dxm-dropDownMode.dxtb-cb .dxm-content
{
	padding-top: 4px;
	padding-bottom: 4px;
}
.dxtbControl_Youthful .dxmLite_Youthful .dxm-horizontal.dxmtb .dxm-image-l .dxm-item.dxtb-cddi .dxm-content, 
.dxtbControl_Youthful .dxmLite_Youthful .dxm-horizontal.dxmtb .dxm-image-r .dxm-item.dxtb-cddi .dxm-content
{
	padding-top: 5px;
	padding-bottom: 4px;
}
.dxmLite_Youthful .dxhetipControl_Youthful img
{
	vertical-align: top;
}

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

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