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

.dxeBase_OOC
{
    font-family: Tahoma;
    font-size: 9pt;
    white-space: nowrap;
}
/* -- ErrorFrame -- */
.dxeErrorCell_OOC, .dxeErrorCell_OOC td
{
    font-family: Tahoma;
	font-size: 9pt;
	color: red;
}
.dxeErrorCell_OOC
{
	color: #a91123;
	padding-left: 4px;	
}
.dxeErrorFrame_OOC
{

}
.dxeErrorFrameWithoutError_OOC {
    border: 1px solid Red;
}
.dxeErrorFrameWithoutError_OOC .dxeControlsCell_OOC {
    padding: 2px;
}
.dxeEditArea_OOC 
{
	font-family: Tahoma;
	font-size: 9pt;
	border: 1px solid #A0A0A0;
}
/* -- Buttons -- */
.dxeButtonEditButton_OOC, .dxeCalendarButton_OOC,
.dxeSpinIncButton_OOC, .dxeSpinDecButton_OOC,
.dxeSpinLargeIncButton_OOC, .dxeSpinLargeDecButton_OOC
{	
	vertical-align: middle;
	border: Solid 1px #024F7F;
	cursor: pointer;
	cursor: hand;
} 
.dxeButtonEditButton_OOC, .dxeCalendarButton_OOC, .dxeButtonEditButton_OOC td.dx, .dxeCalendarButton_OOC td.dx,
.dxeSpinIncButton_OOC, .dxeSpinDecButton_OOC, .dxeSpinLargeIncButton_OOC, .dxeSpinLargeDecButton_OOC,
.dxeSpinIncButton_OOC td.dx, .dxeSpinDecButton_OOC td.dx, .dxeSpinLargeIncButton_OOC td.dx, .dxeSpinLargeDecButton_OOC td.dx
{	
    font-family: Tahoma;
    font-size: 9pt;        
	font-weight: normal;    
    text-align: center;
} 
.dxeButtonEditButton_OOC
{
    padding: 0px;
	background-image: url('edtButtonEditButtonBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #7FBA00;
    border: Solid 1px #827F77;
}
.dxeSpinIncButton_OOC, .dxeSpinDecButton_OOC
{
    padding: 2px 0px;
	border-style: none;
}
.dxeSpinLargeIncButton_OOC, .dxeSpinLargeDecButton_OOC
{
    padding: 0px 0px;    
}
.dxeSpinLargeIncButton_OOC
{
    padding-left: 1px;
}

.dxeSpinIncButton_OOC
{
	background-image: url('edtSpinIncBtnBack.gif');
    background-repeat: repeat-x;
    background-position: top;
	background-color: #566bad;
	border-bottom: Solid 1px #fafafa;
}
.dxeSpinDecButton_OOC
{
	background-image: url('edtSpinDecBtnBack.gif');
    background-repeat: repeat-x;
    background-position: top;
	background-color: #4a5ea0;
    border-bottom-style: none;
}
.dxeSpinLargeIncButton_OOC, dxeSpinLargeDecButton_OOC
{
   	background-image: url('edtSpinLargeIncBtnBack.gif');
    background-repeat: repeat-x;
    background-position: top;
	background-color: #7FBA00;
}
.dxeSpinLargeDecButton_OOC
{
}
.dxeSpinLargeIncButton_OOC
{
}

.dxeButtonEditButton_OOC .dxbebt_OOC 
{
	width: 14px;
}
.dxeSpinIncButton_OOC table.dxbebt, .dxeSpinDecButton_OOC table.dxbebt
{
	width: 15px;
}
.dxeSpinLargeDecButton_OOC table.dxbebt
{
	width: 12px;
}
.dxeSpinLargeIncButton_OOC table.dxbebt
{
	width: 11px;    
}
.dxeButtonEditButton_OOC table.dxbebt {
    padding-left: 3px;
	padding-right: 3px;
}

.dxeCalendarButton_OOC
{
    background-image: url('edtCalendarButtonBack.gif');
    background-position: left, top;    
    background-color: #e5e5e5;
    padding: 4px 13px;
    padding-top: 2px;
    width: 30px;
}
.dxeCalendarButton_OOC table.dxbebt
{
	width: 100%;
}
.dxeCalendarButton_OOC td.dx
{
	text-align: center;
	white-space: nowrap;
}

/* -- Pressed -- */
.dxeCalendarButtonPressed_OOC
{
	background-image: none;    
	background-color: #dcdcdc;
}
.dxeButtonEditButtonPressed_OOC
{
	background-image: url('edtDropDownButtonPressedBack.gif');
	background-repeat: repeat-x;
}
.dxeSpinIncButtonPressed_OOC
{
	background-image: url('edtSpinIncBtnPBack.gif');
	background-repeat: repeat-x;
    background-position: top;	
    background-color: #394e8d;
}
.dxeSpinDecButtonPressed_OOC
{
	background-image: url('edtSpinDecBtnPBack.gif');
	background-repeat: repeat-x;
    background-position: top;	
    background-color: #8c9ec7;    
}

.dxeSpinLargeIncButtonPressed_OOC, .dxeSpinLargeDecButtonPressed_OOC
{
	background-image: url('edtSpinLargeIncBtnPBack.gif');
	background-repeat: repeat-x;
    background-position: top;	
    background-color: #8c9ec7;
}

/* -- Hover -- */
.dxeCalendarButtonHover_OOC
{
    background-image: url('edtCalendarButtonHBack.gif');
    background-position: top, left;
    background-color: #F2F2F2;
}
.dxeButtonEditButtonHover_OOC
{
    background-image: url('edtDropDownButtonHoverBack.gif');
    background-position: top, left;    
}
.dxeSpinLargeIncButtonHover_OOC,
.dxeSpinLargeDecButtonHover_OOC
{
	background-image: url('edtSpinLargeIncBtnHBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #8CA0CF;
}

.dxeSpinIncButtonHover_OOC
{
	background-image: url('edtSpinIncBtnHBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F2F2F2;
}
.dxeSpinDecButtonHover_OOC
{
	background-image: url('edtSpinDecBtnHBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #576BA1;
}

.dxeButtonEdit_OOC
{
    border: Solid 1px #b8b8b8;
    background-color: #FAFAFA;
    width: 170px;
}
.dxeButtonEdit_OOC .dxeEditArea_OOC, .dxeButtonEdit_OOC td.dxic
{
	width: 100%;
}
.dxeButtonEdit_OOC td.dxic
{
    padding: 1px 3px 1px 3px;
}
.dxeTextBox_OOC, .dxeMemo_OOC
{
    background-color: #FAFAFA;
    border: solid 1px #B8B8B8;
}
.dxeTextBox_OOC td.dxic
{
	padding-top:2px;
	padding-bottom:2px;	
	padding-left:3px;
	padding-right:2px;
}
.dxeTextBox_OOC td.dxic 
{
	width: 100%;
}
.dxeRadioButtonList_OOC, .dxeRadioButtonList_OOC table
{
    font-family: Tahoma;
    font-size: 9pt;
}
.dxeRadioButtonList_OOC td.dxe
{
    padding: 7px 5px 5px 6px;
}
.dxeRadioButtonList_OOC
{
    border: Solid 1px #B8B8B8;
}

/* -- Memo -- */
.dxeMemo_OOC
{
	padding-left: 3px;
	width: 170px;
	border: Solid 1px #B8B8B8;
}
.dxeMemoEditArea_OOC 
{
	font: 9pt Tahoma;
}
.dxeMemo_OOC td, .dxeMemoEditArea_OOC
{
	width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink_OOC
{
    font-family: Tahoma;
    font-size: 9pt;
	font-weight: normal;    
    color: #5A83D0;    
}
a:hover.dxeHyperlink_OOC
{
    color: #2443AA;    
}
a:visited.dxeHyperlink_OOC
{
    color: #996085;    
}

/* -- ListBox -- */
.dxeListBox_OOC
{
	background-color: #fafafa;	
	border: solid 1px #B8B8B8;
    font-family: Tahoma;
    font-size: 9pt;
	height: 103px;
    width: 70px;
}
.dxeListBox_OOC div.dxlbd
{
	padding-top: 1px;    
    height: 102px;
}
.dxeListBoxItem_OOC
{    
    border-bottom: solid 1px #fafafa;    
    border-left: solid 1px white;    
    border-right: solid 1px white;    
    color: Black;    
    font-family: Tahoma;
    font-size: 9pt;     
    font-weight: normal;
    padding: 2px 2px 3px 4px;
    white-space: nowrap;
    text-align: left;
    cursor: default;
}
.dxeListBoxItemHover_OOC        /* inherits dxeListBoxItem */
{
    background-color: #7693a6;
}
.dxeListBoxItemSelected_OOC     /* inherits dxeListBoxItem */
{    
    color: White;
    background-color: #827F77;
}
.dxeListBox_OOC td.dxeI 
{
    padding-right: 0px!important;
    border-right-width: 0px!important;
}
.dxeListBox_OOC td.dxeT
{
    width: 100%;    
    border-left-width: 0px!important;    
}

/* -- Calendar -- */
.dxeCalendar_OOC
{
	color: black;
    border: solid 1px #CCCCCC;
    background-color: #FAFAFA;
	font-weight: normal;    
}
.dxeCalendar_OOC td.dxMonthGrid, .dxeCalendar_OOC td.dxMonthGridWithWeekNumbers
{
    padding: 2px 22px 5px;
    cursor: default;
}
.dxeCalendar_OOC td.dxMonthGridWithWeekNumbers
{
    padding-left: 10px;    
}
.dxeCalendarDayHeader_OOC
{
    color: Black;
    font-family: Tahoma;
    font-size: 9pt;        
    padding: 4px 4px 6px;   
    background-color: transparent; 
    border-bottom: solid 1px #E8E8E8;    
}
.dxeCalendarWeekNumber_OOC
{    
    font-family: Tahoma;
    font-size: 10px;    
    text-align: right;
    padding: 4px 6px;
    color: #9CAEE3;
}
.dxeCalendarDay_OOC
{    
    font: 12px Tahoma;    
    padding: 4px 6px 4px 6px;
    text-align: center;
}
.dxeCalendarWeekend_OOC        /* inherits dxeCalendarDay */
{
    color: #c00000;
}
.dxeCalendarOtherMonth_OOC     /* inherits dxeCalendarDay */
{
    color: #888;
}
.dxeCalendarOutOfRange_OOC      /* inherits dxeCalendarDay */
{
    color: #d0d0d0;    
}
.dxeCalendarToday_OOC      /* inherits dxeCalendarDay */
{
    padding: 3px;
    border: solid 1px #5066AC;
}
.dxeCalendarSelected_OOC       /* inherits dxeCalendarDay */
{
    color: White;
    background-color: #5066AC;
}
.dxeCalendarHeader_OOC
{    
    background-color: #3F5495;
    background-image: url('edtCalendarHeaderBack.gif');
    background-repeat:repeat-x;
    background-position: top;
    
    border-bottom: solid 1px #2C4182;
    padding: 3px 12px;
    padding-top: 4px;
}
.dxeCalendarHeader_OOC td.dxe
{
    color: White;
    font-family: Tahoma;
    font-size: 9pt;
    text-align: center;
	cursor: pointer;
	cursor: hand;
}
.dxeCalendarFooter_OOC, .dxeCalendarFastNavFooter_OOC 
{
    background: url(edtCalendarFooterBack.gif) no-repeat left top #E9E9E9;
    padding: 10px 0px;        
    border-top: solid 1px #CCCCCC;
}
.dxeCalendarFastNav_OOC
{
    background: white;
    border: solid 1px #cccccc;
    border-bottom: 0px;
    padding: 12px 8px;
}
.dxeCalendarFastNavFooter_OOC
{
	color: black;
    border: solid 1px #cccccc;
}
.dxeCalendarFastNavMonth_OOC, .dxeCalendarFastNavYear_OOC
{
    font: normal 9pt Tahoma;
    color: Black;
    padding: 5px 4px;
    text-align: center;
	cursor: pointer;
	cursor: hand;
}
.dxeCalendarFastNavMonth_OOC
{
    padding: 4px 20px;
}
.dxeCalendarFastNavMonthHover_OOC, .dxeCalendarFastNavYearHover_OOC
{    
    color: black;
    background: #e9e9e9;        
}
.dxeCalendarFastNavMonthSelected_OOC, .dxeCalendarFastNavYearSelected_OOC
{        
    color: white;
    background: #5066ac;
}
/* Disabled */
.dxeDisabled_OOC, .dxeDisabled_OOC td.dxe
{
	color: #b8b8b8;
	cursor: default;
}
a.dxeDisabled_OOC, a.dxeDisabled_OOC:hover
{
    color: #b8b8b8;
}
.dxeButtonDisabled_OOC, .dxeButtonDisabled_OOC td.dxe
{
	color: White;
	background: #b7b7b7 url('edtButtonEditButtonBackDis.gif') repeat-x top left;
	border-color: #ababab;
	cursor: default;
}
/* -- Button -- */
.dxbButton_OOC 
{	
  	color: #FFFFFF;
	font-weight:bold;  	
	font-size: 9pt;
	font-family: Tahoma;				    
	vertical-align: middle;	 		
    border: solid 1px #04F7F;
    background: #827F77;
    padding: 1px 1px 1px 1px;
	cursor: pointer;
	cursor: hand;
}
.dxbButtonHover_OOC  
{
	color: White;
	background: #23b1e1;
}
.dxbButtonChecked_OOC  
{
    color: #000000;
	background-image: none;    
	background-color: #DEDEDE;
}
.dxbButtonPressed_OOC  
{
   color: White;
   background-color: #035082;
}
.dxbButton_OOC  div.dxb
{    
    padding: 2px 10px 3px 10px;
	border: 0px;
}
.dxbButton_OOC  div.dxbf
{     
    padding: 1px 9px 2px 9px;
	border: Dotted 1px #000000;
}
.dxbButton_OOC  div.dxb table
{    
  	color: #000000;    
	font-weight:normal;  	
	font-size: 9pt;
	font-family: Tahoma;				    
}
.dxbButton_OOC div.dxb td.dxb
{    
    background-color: transparent!important;
    background-image: url('')!important;
    border-width: 0px!important;
    padding: 0px!important;
}
/* Disabled */
.dxbDisabled_OOC 
{
	color: #b8b8b8;
	cursor: default;
}
/* -- FilterControl -- */
.dxfcTable_OOC
{
	border-collapse: separate!important;
}
.dxfcTable_OOC td.dxfc
{
	padding: 0px 0px 0px 3px;
	vertical-align: middle;
	font: 9pt Tahoma;
	color: Black;
}
a.dxfcPropertyName_OOC
{
	white-space:nowrap!important;
	color: Blue!important;
}
a.dxfcGroupType_OOC
{
	white-space:nowrap!important;
	padding:0px 3px 0px 3px!important;
	color: Red!important;
}
a.dxfcOperation_OOC
{
	white-space:nowrap!important;
	color: Green!important;
}
a.dxfcValue_OOC
{
	white-space:nowrap!important;
	color: Gray!important;
}
.dxfcImageButton_OOC 
{
	cursor: pointer;
}

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