.dxeLoadingDiv_mybutton
{
	background: White;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}
.dxeLoadingPanel_mybutton
{
	font: 9pt Tahoma;
	color: #303030;
}
.dxeLoadingPanel_mybutton td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 12px 12px 12px 12px;
}

.dxeReadOnly_mybutton 
{
    
}
.dxeBase_mybutton
{
    font-family: Tahoma;
    font-size: 9pt;
}
/* -- ErrorFrame -- */
.dxeErrorCell_mybutton, .dxeErrorCell_mybutton td
{
    font-family: Tahoma;
    font-size: 9pt;
	color: Red;
}
.dxeErrorCell_mybutton
{ 
	padding-left: 4px;
	padding-right:5px;
}
.dxeErrorFrameWithoutError_mybutton {
    border: 1px solid Red;
}
.dxeErrorFrameWithoutError_mybutton .dxeControlsCell_mybutton {
    padding: 2px;
}

.dxeEditArea_mybutton 
{
	font-family: Tahoma;
	font-size: 9pt;
	border: 1px solid #A0A0A0;
}

/* -- Buttons -- */
.dxeButtonEditButton_mybutton, .dxeCalendarButton_mybutton,
.dxeSpinIncButton_mybutton, .dxeSpinDecButton_mybutton,
.dxeSpinLargeIncButton_mybutton, .dxeSpinLargeDecButton_mybutton
{	
	vertical-align: middle;
	border: solid 1px #7f7f7f;
	cursor: pointer;
} 
.dxeButtonEditButton_mybutton, .dxeCalendarButton_mybutton, .dxeButtonEditButton_mybutton td.dx, .dxeCalendarButton_mybutton td.dx,
.dxeSpinIncButton_mybutton, .dxeSpinDecButton_mybutton, .dxeSpinLargeIncButton_mybutton, .dxeSpinLargeDecButton_mybutton,
.dxeSpinIncButton_mybutton td.dx, .dxeSpinDecButton_mybutton td.dx, .dxeSpinLargeIncButton_mybutton td.dx, .dxeSpinLargeDecButton_mybutton td.dx
{	
    font-family: Tahoma;
    font-size: 11px;        
    font-weight: normal;
	text-align: center;
	white-space: nowrap;
} 
.dxeButtonEditButton_mybutton,
.dxeSpinIncButton_mybutton, .dxeSpinDecButton_mybutton, .dxeSpinLargeIncButton_mybutton, .dxeSpinLargeDecButton_mybutton
{
    padding: 0px 2px 0px 3px;
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;    
    background-color: #e6e6e6;
}
.dxeSpinIncButton_mybutton
{
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinIncBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
	background-color: #F0F0F0;
}
.dxeSpinDecButton_mybutton
{
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinDecBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
	background-color: #E6E6E6;
}

.dxeButtonEditButton_mybutton table.dxbebt,
.dxeSpinIncButton_mybutton table.dxbebt, .dxeSpinDecButton_mybutton table.dxbebt, 
.dxeSpinLargeIncButton_mybutton table.dxbebt, .dxeSpinLargeDecButton_mybutton table.dxbebt
{
	width: 10px;
}
.dxeCalendarButton_mybutton      
{
	font-size: 9pt;
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;    
    background-color: #e5e5e5;
	padding: 4px 11px;
	padding-top: 3px;
	width: 32px;
}
.dxeCalendarButton_mybutton td.dx
{
	font-size: 9pt;    
	text-align: center;
	white-space: nowrap;
}
.dxeCalendarButton_mybutton table.dxbebt 
{
	width: 100%;
}

/* -- Pressed -- */
.dxeCalendarButtonPressed_mybutton, .dxeButtonEditButtonPressed_mybutton,
.dxeSpinIncButtonPressed_mybutton, .dxeSpinDecButtonPressed_mybutton, .dxeSpinLargeIncButtonPressed_mybutton, 
.dxeSpinLargeDecButtonPressed_mybutton
{
	background-image: none;
	background-color: #D5D5D5;
	border: Solid 1px #7F7F7F;	
}
/* -- Hover -- */
.dxeCalendarButtonHover_mybutton, .dxeButtonEditButtonHover_mybutton,
.dxeSpinIncButtonHover_mybutton, .dxeSpinDecButtonHover_mybutton, .dxeSpinLargeIncButtonHover_mybutton, .dxeSpinLargeDecButtonHover_mybutton
{
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownButtonHoverBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F2F2F2;
	border: Solid 1px #606060;
}
.dxeCalendarButtonHover_mybutton
{
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonHBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;    
}

.dxeButtonEdit_mybutton
{
    background-color: white;
    border: solid 1px #9F9F9F;
    width: 170px;
}
.dxeButtonEdit_mybutton .dxeEditArea_mybutton {
    background-color: white;
}
.dxeButtonEdit_mybutton .dxeEditArea_mybutton, .dxeButtonEdit_mybutton td.dxic
{
	width: 100%;
}
.dxeButtonEdit_mybutton td.dxic
{
    padding: 0px 2px 0px 1px;
}
.dxeButtonEdit_mybutton .dxeIIC img {
    padding-left: 3px;
}
.dxeTextBox_mybutton, .dxeMemo_mybutton
{
    background-color: white;
    border: solid 1px #9f9f9f;
}
.dxeTextBox_mybutton td.dxic
{
	padding: 1px 2px;
	width: 100%;
}
.dxeTextBox_mybutton .dxeEditArea_mybutton
{
    background-color: white;
}
.dxeRadioButtonList_mybutton
{
    border: Solid 1px #9F9F9F;
}
.dxeRadioButtonList_mybutton, .dxeRadioButtonList_mybutton table
{
    font-family: Tahoma;
    font-size: 9pt;    
}
.dxeRadioButtonList_mybutton td.dxe
{
    padding: 7px 5px 6px 11px;
}
.dxeRadioButtonList_mybutton label
{
	margin-right: 6px;    
}

/* -- Memo -- */
.dxeMemo_mybutton
{

}
.dxeMemoEditArea_mybutton 
{
	background-color: white;
	font-family: Tahoma;
	font-size: 9pt;
}
.dxeMemo_mybutton td
{
	padding: 0 0 0 4px;
	width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink_mybutton
{
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: normal;
    color: #0d45b7;        
}
a.dxeHyperlink_mybutton:hover
{
    color: #5494ea;    
}
a.dxeHyperlink_mybutton:visited
{
    color: #ab59a6;    
}

/* -- ListBox -- */
.dxeListBox_mybutton
{
	background-color: white;
	border: solid 1px #A0A0A0;
    font-family: Tahoma;
    font-size: 9pt;
    width: 70px;
    height: 109px;
}
.dxeListBox_mybutton div.dxlbd
{
	padding-top: 1px;    
    padding-bottom: 1px;
    height: 107px;
}
.dxeListBoxItemRow_mybutton
{
    cursor: default;
}
.dxeListBoxItem_mybutton
{
    border-left: solid 1px white;
    border-right: solid 1px white;
    font-family: Tahoma;
    font-size: 9pt;
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
    color: Black;
    font-weight: normal;
}

.dxeListBox_mybutton td.dxeI, .dxeListBox_mybutton td.dxeIM, .dxeListBox_mybutton .dxeHIC, 
.dxeListBox_mybutton td.dxeFTM, .dxeListBox_mybutton td.dxeTM,
.dxeListBox_mybutton td.dxeC, .dxeListBox_mybutton td.dxeCM, .dxeListBox_mybutton td.dxeHCC, .dxeListBox_mybutton td.dxeMI, .dxeListBox_mybutton td.dxeMIM
{
    border-right-width: 0px!important;
}
.dxeListBox_mybutton td.dxeCM, .dxeListBox_mybutton td.dxeHCC
{
    width: 25px;
}
.dxeListBox_mybutton td.dxeIM
{
    width: 0;
}
.dxeListBox_mybutton td.dxeT 
{
    width: 100%;
    padding-left: 0px!important;
}
.dxeListBox_mybutton td.dxeT, .dxeListBox_mybutton td.dxeMI
{
    border-left-width: 0px!important;
}
.dxeListBox_mybutton td.dxeFTM, .dxeListBox_mybutton td.dxeTM, .dxeListBox_mybutton td.dxeLTM, 
.dxeListBox_mybutton .dxeHFC, .dxeListBox_mybutton .dxeHC, .dxeListBox_mybutton .dxeHLC
{
    overflow: hidden;
}

.dxeListBox_mybutton td.dxeFTM, .dxeListBox_mybutton td.dxeTM, 
.dxeListBox_mybutton .dxeHFC, .dxeListBox_mybutton .dxeHC
{
    padding-right: 6px!important;
}
.dxeListBox_mybutton td.dxeLTM, .dxeListBox_mybutton td.dxeTM, 
.dxeListBox_mybutton .dxeHC,  .dxeListBox_mybutton .dxeHLC
{
    padding-left: 6px!important;
}
/*Grid lines*/
.dxeListBox_mybutton td.dxeLTM, .dxeListBox_mybutton td.dxeTM, .dxeListBox_mybutton td.dxeMIM
{
    border-left: 1px solid #cfcfcf !important;
}
.dxeListBox_mybutton td.dxeIM, .dxeListBox_mybutton td.dxeFTM, .dxeListBox_mybutton td.dxeTM, .dxeListBox_mybutton td.dxeLTM,
.dxeListBox_mybutton td.dxeCM, .dxeListBox_mybutton td.dxeMIM
{
    border-bottom: solid 1px #cfcfcf;
}
.dxeListBoxItemSelected_mybutton     /* inherits dxeListBoxItem */
{    
    color: White;
    background-color: #A0A0A0;
}
.dxeListBoxItemHover_mybutton        /* inherits dxeListBoxItem */
{
    background-color: #cfcfcf;
    color: black;
}

/*Header*/
.dxeListBox_mybutton .dxeHD
{
    background-color: #dcdcdc;
    border-bottom: solid 1px #A0A0A0;
}
.dxeListBox_mybutton .dxeHC,  .dxeListBox_mybutton .dxeHLC, .dxeListBox_mybutton td.dxeHMIC
{
    border-left: solid 1px #A0A0A0;
}
.dxeListBox_mybutton .dxeHIC, .dxeListBox_mybutton .dxeHFC, .dxeListBox_mybutton .dxeHCC
{
    border-left:1px solid #dcdcdc;
}
.dxeListBox_mybutton .dxeHFC, .dxeListBox_mybutton .dxeHC, .dxeListBox_mybutton .dxeHMIC
{
    border-right-width:0;
}
.dxeListBox_mybutton .dxeHLC
{
    border-right: solid 1px #dcdcdc;
}

/* -- Calendar -- */
.dxeCalendar_mybutton
{ 
    border: solid 1px #9f9f9f;
    background-color: White;
    color: Black;
    font-weight: normal;
    cursor: default;
}
.dxeCalendar_mybutton td.dxMonthGrid_mybutton 
{
    padding: 8px 20px;    
}
.dxeCalendar_mybutton td.dxMonthGridWithWeekNumbers_mybutton
{
    padding: 5px 20px 8px 8px;    
}
.dxeCalendarDayHeader_mybutton
{
    font-family: Tahoma;
    font-size: 9pt;        
    padding: 2px 4px 5px;
    border-bottom: solid 1px #cfcfcf;
}
.dxeCalendarWeekNumber_mybutton
{    
    font-family: Tahoma;
    font-size: 7pt;    
    text-align: right;    
    padding: 6px 8px 6px 4px;        
    color: #bfbfbf;
}
.dxeCalendarDay_mybutton
{    
    font-family: Tahoma;
    font-size: 9pt;
    padding: 4px 6px;
    text-align: center;    
}
.dxeCalendarWeekend_mybutton        /* inherits dxeCalendarDay */
{
    color: #c00000;
}
.dxeCalendarOtherMonth_mybutton     /* inherits dxeCalendarDay */
{
    color: #888;
}
.dxeCalendarOutOfRange_mybutton     /* inherits dxeCalendarDay */
{
    color: #d0d0d0;    
}
.dxeCalendarSelected_mybutton       /* inherits dxeCalendarDay */
{
    color: White;
    background-color: #8d8d8d;
}
.dxeCalendarToday_mybutton         /* inherits dxeCalendarDay */
{
    padding: 3px 3px 2px;
    border: solid 1px #c00000;    
}
.dxeCalendarHeader_mybutton
{
    background-color: #dcdcdc;
    border: solid 1px #c9c9c9;    
    border-width: 1px 0;
    padding: 4px 7px;
}
.dxeCalendarHeader_mybutton td.dxe
{
    font-family: Tahoma;
    font-size: 9pt;
    text-align: center;
	cursor: pointer;
}
.dxeCalendarFooter_mybutton 
{
    background-color: #ededed;
    padding: 8px 0px;    
    border-top: solid 1px #d6d6d6;
}
.dxeCalendarFastNav_mybutton
{
    color: Black;
    background: White;
    border: solid 1px #9f9f9f;
    border-bottom: 0px;
    padding: 12px 8px;
}
.dxeCalendarFastNavMonthArea_mybutton
{
    padding: 0px 9px;
}
.dxeCalendarFastNavYearArea_mybutton
{    
}
.dxeCalendarFastNavFooter_mybutton
{
    color: Black;
    background-color: #ededed;
    padding: 8px 0px;   
    border: solid 1px #9f9f9f;
    border-top: solid 1px #d6d6d6;
}
.dxeCalendarFastNavMonth_mybutton, .dxeCalendarFastNavYear_mybutton
{
    font: normal 9pt Tahoma;
    color: Black;
    padding: 3px 5px;
    text-align: center;
	cursor: pointer;
}
.dxeCalendarFastNavMonth_mybutton
{
	padding: 6px;
}
.dxeCalendarFastNavMonthSelected_mybutton, .dxeCalendarFastNavYearSelected_mybutton
{
    color: White;
    background: #8d8d8d;    
}
.dxeCalendarFastNavMonthHover_mybutton, .dxeCalendarFastNavYearHover_mybutton
{        
    color: Black;
    background: #e5e5e5;
    padding: 2px 4px;
    border: solid 1px #d6d6d6;
}
.dxeCalendarFastNavMonthHover_mybutton
{
	padding: 5px;
}
/* Disabled */
.dxeDisabled_mybutton, .dxeDisabled_mybutton td.dxe
{
	color: #acacac;
	cursor: default;
}
a.dxeDisabled_mybutton:hover
{
    color: #acacac;
}
.dxeButtonDisabled_mybutton, .dxeButtonDisabled_mybutton td.dxe
{
	border-color: #c3c3c3;
	color: #808080;
	cursor: default;
}
/* -- Button -- */
.dxbButton_mybutton
{	
  	color: #000000;    
  	font-weight:normal;
	font-size: 9pt;
	font-family: Tahoma;				    
	vertical-align: middle;	 		
	border: solid 1px #7F7F7F;	
	background: #E0DFDF url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonBack.gif")%>') top;
    background-repeat:repeat-x;
    padding: 1px 1px 1px 1px;
	cursor: pointer;
	
}
.dxbButtonHover_mybutton 
{
  	color: #000000;        
	background: #F2F2F2 url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonHoverBack.gif")%>') top;
    background-repeat: repeat-x;
	border: solid 1px #606060;
}
.dxbButtonChecked_mybutton 
{
    color: #FFFFFF;
	background-image: none;
	background-color: #8D8D8D;
}
.dxbButtonPressed_mybutton 
{
  	color: #000000;        
	background-image: none;
	background-color: #D5D5D5;
}
.dxbButton_mybutton div.dxb
{    
   padding: 2px 7px 2px 7px;
	border: 0px;
	/*height:10px;*/
}
.dxbButton_mybutton div.dxbf
{     
    /*padding: 2px 7px 3px 7px;*/
	border: dotted 1px black;		
}
.dxbButton_mybutton div.dxb table
{    
  	color: #000000;    
	font-size: 9pt;
	font-family: Tahoma;				    
}
.dxbButton_mybutton div.dxb td.dxb
{    
    background-color: transparent!important;
    background-image: url('')!important;
    border-width: 0px!important;
    padding: 0px!important;
 
}
/* Disabled */
.dxbDisabled_mybutton
{
    border-color: #c3c3c3;
	color: #808080;
	cursor: default;
}
.dxbDisabled_mybutton td.dxb
{
	color: #808080;
}
/* -- FilterControl -- */
.dxfcTable_mybutton
{	
	border-collapse: separate!important;		
}
.dxfcTable_mybutton td.dxfc
{
	padding: 0px 0px 0px 3px;
	vertical-align: middle;
	font: 9pt Tahoma;
	color: Black;
}
a.dxfcPropertyName_mybutton
{
	white-space: nowrap!important;
	color: Blue!important;
}
a.dxfcGroupType_mybutton
{
	white-space: nowrap!important;
	padding: 0px 3px 0px 3px!important;
	color: Red!important;
}
a.dxfcOperation_mybutton
{
	white-space: nowrap!important;
	color: Green!important;
}
a.dxfcValue_mybutton
{
	white-space: nowrap!important;
	color: Gray!important;
}

.dxfcLoadingDiv_mybutton
{
	background: white;
	opacity: 0.01;
	filter: alpha(opacity=1);	
}
.dxfcLoadingPanel_mybutton
{
	font: 9pt Tahoma;
	color: #303030;
	border: solid 1px #9F9F9F;
	background: white;	
}
.dxfcLoadingPanel_mybutton td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 12px 12px 12px 12px;
}

.dxeMaskHint_mybutton 
{
	background: #ffffe1;
	border: solid 1px black;
	padding: 2px 5px 3px;
	color: Black;
	font: 9pt Tahoma;
}

/* -- ProgressBar -- */
.dxeProgressBar_mybutton
{
    border: Solid 1px #696969;
    background-color: #FFFFFF;
}
.dxeProgressBar_mybutton, .dxeProgressBar_mybutton td.dxe
{
    font-family: Tahoma, Verdana, Arial;
    font-size: 9pt;
   	color: Black;
}
.dxeProgressBar_mybutton .dxePBMainCell_mybutton, .dxeProgressBar_mybutton td.dxe
{
    padding: 0;
}
.dxeProgressBarIndicator_mybutton 
{
    background-color: #E0DFDF;
}

/* -- DropDownWindow -- */
.dxeDropDownWindow_mybutton
{
    background-color: white;
    border: solid 1px #9F9F9F;
}

/*----------------- ColorTable -----------------*/
.dxeColorIndicator_mybutton
{
    border: solid 1px #9F9F9F;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.dxeColorTable_mybutton
{
    background-color: #ffffff;
    border: solid 1px #9F9F9F;
}
.dxeColorTable_mybutton td.dx
{
    padding: 4px 4px;
}
.dxeColorTableCell_mybutton {
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 3px;
    cursor: pointer;
}
.dxeColorTableCellDiv_mybutton {
    border: solid 1px #808080;
    width: 12px;
    height: 12px;
    font-size: 0px;
}
.dxeColorTableCellSelected_mybutton {
    padding: 2px;
	background-color: #CBCBCB;
    	border: solid 1px #888888;
}
.dxeColorTableCellHover_mybutton {
    padding: 2px;
	background-color: #F2F2F2;
    	border: solid 1px #888888;
}

.dxeFocused_mybutton 
{
	border: solid 1px #3d3d3d;
}
.dxeNullText_mybutton .dxeEditArea_mybutton,
.dxeNullText_mybutton .dxeMemoEditArea_mybutton
{
	color: #818181;
}