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

.dxeBase_Mojo
{
    font-family: Tahoma;
    font-size: 9pt;
}
/* -- ErrorFrame -- */
.dxeErrorCell_Mojo, .dxeErrorCell_Mojo td
{
    font-family: Tahoma;
	font-size: 9pt;
	color: red;
}
.dxeErrorCell_Mojo
{
	color: #a91123;
	padding-left: 4px;	
}
.dxeErrorFrame_Mojo
{

}
.dxeErrorFrameWithoutError_Mojo {
    border: 1px solid Red;
}
.dxeErrorFrameWithoutError_Mojo .dxeControlsCell_Mojo {
    padding: 2px;
}
.dxeEditArea_Mojo 
{
	font-family: Tahoma;
	font-size: 9pt;
	border: 1px solid #A0A0A0;
}
/* -- Buttons -- */
.dxeButtonEditButton_Mojo, .dxeCalendarButton_Mojo,
.dxeSpinIncButton_Mojo, .dxeSpinDecButton_Mojo,
.dxeSpinLargeIncButton_Mojo, .dxeSpinLargeDecButton_Mojo
{	
	vertical-align: middle;
	border: Solid 1px #CCCCCC;
	cursor: pointer;
} 
.dxeButtonEditButton_Mojo, .dxeCalendarButton_Mojo, .dxeButtonEditButton_Mojo td.dx, .dxeCalendarButton_Mojo td.dx,
.dxeSpinIncButton_Mojo, .dxeSpinDecButton_Mojo, .dxeSpinLargeIncButton_Mojo, .dxeSpinLargeDecButton_Mojo,
.dxeSpinIncButton_Mojo td.dx, .dxeSpinDecButton_Mojo td.dx, .dxeSpinLargeIncButton_Mojo td.dx, .dxeSpinLargeDecButton_Mojo td.dx
{	
    font-family: Tahoma;
    font-size: 9pt;        
	font-weight: normal;    
    text-align: center;
    padding-top: 1px;			/*gumb search smo zmanjsali padding ker drugace prevelik gumb*/
    padding-bottom: 1px;
} 
.dxeButtonEditButton_Mojo
{
    padding: 0px;
	background-image: url('edtButtonEditButtonBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #223672;
    border: Solid 1px #2c4182;
}
.dxeSpinIncButton_Mojo, .dxeSpinDecButton_Mojo
{
    padding: 2px 0px;
	border-style: none;
}
.dxeSpinLargeIncButton_Mojo, .dxeSpinLargeDecButton_Mojo
{
    padding: 0px 0px;    
}
.dxeSpinLargeIncButton_Mojo
{
    padding-left: 1px;
}

.dxeSpinIncButton_Mojo
{
	background-image: url('edtSpinIncBtnBack.gif');
    background-repeat: repeat-x;
    background-position: top;
	background-color: #566bad;
	border-bottom: Solid 1px #fafafa;
}
.dxeSpinDecButton_Mojo
{
	background-image: url('edtSpinDecBtnBack.gif');
    background-repeat: repeat-x;
    background-position: top;
	background-color: #4a5ea0;
    border-bottom-style: none;
}
.dxeSpinLargeIncButton_Mojo, dxeSpinLargeDecButton_Mojo
{
   	background-image: url('edtSpinLargeIncBtnBack.gif');
    background-repeat: repeat-x;
    background-position: top;
	background-color: #223672;
}
.dxeSpinLargeDecButton_Mojo
{
}
.dxeSpinLargeIncButton_Mojo
{
}

.dxeButtonEditButton_Mojo .dxbebt_Mojo 
{
	width: 14px;
}
.dxeSpinIncButton_Mojo table.dxbebt, .dxeSpinDecButton_Mojo table.dxbebt
{
	width: 15px;
}
.dxeSpinLargeDecButton_Mojo table.dxbebt
{
	width: 12px;
}
.dxeSpinLargeIncButton_Mojo table.dxbebt
{
	width: 11px;    
}
.dxeButtonEditButton_Mojo table.dxbebt {
    padding-left: 3px;
	padding-right: 3px;
}
.dxeButtonEditButton_Mojo table.dxbebt td.dx
{
    color: White;
}

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

/* -- Pressed -- */
.dxeCalendarButtonPressed_Mojo
{
	background-image: none;    
	background-color: #dcdcdc;
}
.dxeButtonEditButtonPressed_Mojo
{
	background-image: url('edtDropDownButtonPressedBack.gif');
	background-repeat: repeat-x;
}
.dxeSpinIncButtonPressed_Mojo
{
	background-image: url('edtSpinIncBtnPBack.gif');
	background-repeat: repeat-x;
    background-position: top;	
    background-color: #394e8d;
}
.dxeSpinDecButtonPressed_Mojo
{
	background-image: url('edtSpinDecBtnPBack.gif');
	background-repeat: repeat-x;
    background-position: top;	
    background-color: #8c9ec7;    
}

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

/* -- Hover -- */
.dxeCalendarButtonHover_Mojo
{
    background-image: url('edtCalendarButtonHBack.gif');
    background-position: top, left;
    background-color: #F2F2F2;
}
.dxeButtonEditButtonHover_Mojo
{
    background-image: url('edtDropDownButtonHoverBack.gif');
    background-position: top, left;    
}
.dxeSpinLargeIncButtonHover_Mojo,
.dxeSpinLargeDecButtonHover_Mojo
{
	background-image: url('edtSpinLargeIncBtnHBack.gif');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #8CA0CF;
}

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

.dxeButtonEdit_Mojo
{
    border: Solid 1px #b8b8b8;
    background-color: #FAFAFA;
    width: 170px;
}
.dxeButtonEdit_Mojo .dxeEditArea_Mojo
{
    background-color: #FAFAFA;
}
.dxeButtonEdit_Mojo .dxeEditArea_Mojo, .dxeButtonEdit_Mojo td.dxic
{
	width: 100%;
}
.dxeButtonEdit_Mojo td.dxic
{
    padding: 1px 3px 1px 1px;
}
.dxeButtonEdit_Mojo .dxeIIC img {
    padding-left: 3px;
}
.dxeTextBox_Mojo, .dxeMemo_Mojo
{
    background-color: #FAFAFA;
    border: solid 1px #B8B8B8;
}
.dxeTextBox_Mojo .dxeEditArea_Mojo, .dxeMemo_Mojo .dxeMemoEditArea_Mojo {
    background-color: #FAFAFA;
}
.dxeTextBox_Mojo td.dxic
{
	padding: 2px;
}
.dxeTextBox_Mojo td.dxic 
{
	width: 100%;
}
.dxeRadioButtonList_Mojo 
{
    border: Solid 1px #B8B8B8;
}
.dxeRadioButtonList_Mojo, .dxeRadioButtonList_Mojo table
{
    font-family: Tahoma;
    font-size: 9pt;
}
.dxeRadioButtonList_Mojo td.dxe
{
    padding: 7px 0 5px 6px;
}
.dxeRadioButtonList_Mojo label
{
	margin-right: 6px;    
}

/* -- Memo -- */
.dxeMemo_Mojo
{
	width: 170px;
	border: Solid 1px #B8B8B8;
}
.dxeMemoEditArea_Mojo 
{
	font: 9pt Tahoma;
}
.dxeMemo_Mojo td
{
	padding: 0 0 0 4px;
	width: 100%;
}

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

/* -- ListBox -- */
.dxeListBox_Mojo
{
	background-color: #fafafa;	
	border: solid 1px #B8B8B8;
    font-family: Tahoma;
    font-size: 9pt;
	height: 103px;
    width: 70px;
}
.dxeListBox_Mojo div.dxlbd
{
	padding-top: 1px;    
    height: 102px;
}
.dxeListBoxItemRow_Mojo
{
    cursor: default;
}
.dxeListBoxItem_Mojo
{    
    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;
}
.dxeListBoxItemSelected_Mojo     /* inherits dxeListBoxItem */
{    
    color: White;
    background-color: #6d82c5;
}
.dxeListBoxItemHover_Mojo        /* inherits dxeListBoxItem */
{
    background-color: #dedede;
	color: Black;
}

.dxeListBox_Mojo td.dxeI, .dxeListBox_Mojo td.dxeIM, .dxeListBox_Mojo .dxeHIC,
.dxeListBox_Mojo td.dxeFTM, .dxeListBox_Mojo td.dxeTM,
.dxeListBox_Mojo td.dxeC, .dxeListBox_Mojo td.dxeCM, .dxeListBox_Mojo td.dxeHCC, .dxeListBox_Mojo td.dxeMI, .dxeListBox_Mojo td.dxeMIM
{
    padding-right: 0px!important;
    border-right-width: 0px!important;
}
.dxeListBox_Mojo td.dxeCM, .dxeListBox_Mojo td.dxeHCC
{
    width: 25px;
}
.dxeListBox_Mojo td.dxeIM
{
    width: 0;
}
.dxeListBox_Mojo td.dxeT
{
    width: 100%;    
    padding-left: 0px!important;
}
.dxeListBox_Mojo td.dxeT, .dxeListBox_Mojo td.dxeMI
{
    border-left-width: 0px!important;
}
.dxeListBox_Mojo td.dxeFTM, .dxeListBox_Mojo td.dxeTM, .dxeListBox_Mojo td.dxeLTM,
.dxeListBox_Mojo .dxeHFC, .dxeListBox_Mojo .dxeHC, .dxeListBox_Mojo .dxeHLC
{
    overflow: hidden;
}
.dxeListBox_Mojo td.dxeFTM, .dxeListBox_Mojo td.dxeTM, 
.dxeListBox_Mojo .dxeHFC, .dxeListBox_Mojo .dxeHC
{
    padding-right: 6px!important;
}
.dxeListBox_Mojo td.dxeLTM, .dxeListBox_Mojo td.dxeTM, 
.dxeListBox_Mojo .dxeHC,  .dxeListBox_Mojo .dxeHLC
{
    padding-left: 6px!important;
}
/*Grid lines*/
.dxeListBox_Mojo td.dxeLTM, .dxeListBox_Mojo td.dxeTM, .dxeListBox_Mojo td.dxeMIM
{
    border-left: 1px solid #D9D9D9 !important;
}
.dxeListBox_Mojo td.dxeIM, .dxeListBox_Mojo td.dxeFTM, .dxeListBox_Mojo td.dxeTM, .dxeListBox_Mojo td.dxeLTM,
.dxeListBox_Mojo td.dxeCM, .dxeListBox_Mojo td.dxeMIM
{
    border-bottom: solid 1px #D9D9D9;
}
/*Header*/
.dxeListBox_Mojo .dxeHD
{
    background-color: #415698;
    background-image:url(lbHeaderBackground.gif);
    background-position:center top;
    background-repeat:repeat-x;
    border-bottom: solid 1px #2C4182;
}
.dxeListBox_Mojo .dxeHFC, .dxeListBox_Mojo .dxeHIC, .dxeListBox_Mojo .dxeHC,  .dxeListBox_Mojo .dxeHLC,
.dxeListBox_Mojo td.dxeHCC, .dxeListBox_Mojo td.dxeHMIC
{
    padding-top: 7px;
    padding-bottom: 7px;
    color:White;
    border-bottom-width: 0px;
}
.dxeListBox_Mojo .dxeHC,  .dxeListBox_Mojo .dxeHLC, .dxeListBox_Mojo td.dxeHMIC
{
    border-left: solid 1px #2C4182;
}
.dxeListBox_Mojo .dxeHIC, .dxeListBox_Mojo .dxeHFC, .dxeListBox_Mojo .dxeHCC
{
    border-left:1px solid #415698;
}
.dxeListBox_Mojo .dxeHFC, .dxeListBox_Mojo .dxeHC, .dxeListBox_Mojo .dxeHMIC
{
    border-right-width:0;
}
.dxeListBox_Mojo .dxeHLC
{
    border-right: solid 1px #2C4182;
}

/* -- Calendar -- */
.dxeCalendar_Mojo
{
	color: black;
    border: solid 1px #CCCCCC;
    background-color: #FAFAFA;
	font-weight: normal;    
}
.dxeCalendar_Mojo td.dxMonthGrid, .dxeCalendar_Mojo td.dxMonthGridWithWeekNumbers
{
    padding: 2px 22px 5px;
    cursor: default;
}
.dxeCalendar_Mojo td.dxMonthGridWithWeekNumbers
{
    padding-left: 10px;    
}
.dxeCalendarDayHeader_Mojo
{
    color: Black;
    font-family: Tahoma;
    font-size: 9pt;        
    padding: 4px 4px 6px;   
    background-color: transparent; 
    border-bottom: solid 1px #E8E8E8;    
}
.dxeCalendarWeekNumber_Mojo
{    
    font-family: Tahoma;
    font-size: 10px;    
    text-align: right;
    padding: 4px 6px;
    color: #9CAEE3;
}
.dxeCalendarDay_Mojo
{    
    font: 12px Tahoma;    
    padding: 4px 6px 4px 6px;
    text-align: center;
}
.dxeCalendarWeekend_Mojo        /* inherits dxeCalendarDay */
{
    color: #c00000;
}
.dxeCalendarOtherMonth_Mojo     /* inherits dxeCalendarDay */
{
    color: #888;
}
.dxeCalendarOutOfRange_Mojo      /* inherits dxeCalendarDay */
{
    color: #d0d0d0;    
}
.dxeCalendarToday_Mojo      /* inherits dxeCalendarDay */
{
    padding: 3px;
    border: solid 1px #5066AC;
}
.dxeCalendarSelected_Mojo       /* inherits dxeCalendarDay */
{
    color: White;
    background-color: #5066AC;
}
.dxeCalendarHeader_Mojo
{    
    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_Mojo td.dxe
{
    color: White;
    font-family: Tahoma;
    font-size: 9pt;
    text-align: center;
	cursor: pointer;
}
.dxeCalendarFooter_Mojo, .dxeCalendarFastNavFooter_Mojo 
{
    background: url(edtCalendarFooterBack.gif) no-repeat left top #E9E9E9;
    padding: 10px 0px;        
    border-top: solid 1px #CCCCCC;
}
.dxeCalendarFastNav_Mojo
{
    background: white;
    border: solid 1px #cccccc;
    border-bottom: 0px;
    padding: 12px 8px;
}
.dxeCalendarFastNavFooter_Mojo
{
	color: black;
    border: solid 1px #cccccc;
}
.dxeCalendarFastNavMonth_Mojo, .dxeCalendarFastNavYear_Mojo
{
    font: normal 9pt Tahoma;
    color: Black;
    padding: 5px 4px;
    text-align: center;
	cursor: pointer;
}
.dxeCalendarFastNavMonth_Mojo
{
    padding: 4px 20px;
}
.dxeCalendarFastNavMonthHover_Mojo, .dxeCalendarFastNavYearHover_Mojo
{    
    color: black;
    background: #e9e9e9;        
}
.dxeCalendarFastNavMonthSelected_Mojo, .dxeCalendarFastNavYearSelected_Mojo
{        
    color: white;
    background: #5066ac;
}
/* Disabled */
.dxeDisabled_Mojo, .dxeDisabled_Mojo td.dxe
{
	color: #b8b8b8;
	cursor: default;
}
a.dxeDisabled_Mojo, a.dxeDisabled_Mojo:hover
{
    color: #b8b8b8;
}
.dxeButtonDisabled_Mojo, .dxeButtonDisabled_Mojo td.dxe
{
	color: White;
	background: #b7b7b7 url('edtButtonEditButtonBackDis.gif') repeat-x top left;
	border-color: #ababab;
	cursor: default;
}
/* -- Button -- */
.dxbButton_Mojo 
{	
  	color: #000000;    
	font-weight:normal;  	
	font-size: 9pt;
	font-family: Tahoma;				    
	vertical-align: middle;	 		
	border: solid 1px #B8B8B8;
    background: #e5e5e5 url('edtButtonBack.gif') top left;
    padding: 1px 1px 1px 1px;
	cursor: pointer;
}
.dxbButtonHover_Mojo  
{
    color: #000000;    
	background: #F2F2F2 url('edtButtonBackHover.gif') top left;
}
.dxbButtonChecked_Mojo  
{
    color: #000000;
	background-image: none;    
	background-color: #DEDEDE;
}
.dxbButtonPressed_Mojo  
{
    color: #000000;
    background-image: none;
	background-color: #cbcbcb;
}
.dxbButton_Mojo  div.dxb
{    
    padding: 2px 10px 3px 10px;
	border: 0px;
}
.dxbButton_Mojo  div.dxbf
{     
    padding: 1px 9px 2px 9px;
	border: Dotted 1px #000000;
}
.dxbButton_Mojo  div.dxb table
{    
  	color: #000000;    
	font-weight:normal;  	
	font-size: 9pt;
	font-family: Tahoma;				    
}
.dxbButton_Mojo div.dxb td.dxb
{    
    background-color: transparent!important;
    background-image: url('')!important;
    border-width: 0px!important;
    padding: 0px!important;
}
/* Disabled */
.dxbDisabled_Mojo 
{
	color: #b8b8b8;
	cursor: default;
}
.dxbDisabled_Mojo td.dxb
{
	color: #b8b8b8;
}

/* -- FilterControl -- */
.dxfcTable_Mojo
{
	border-collapse: separate!important;
}
.dxfcTable_Mojo td.dxfc
{
	padding: 0px 0px 0px 3px;
	vertical-align: middle;
	font: 9pt Tahoma;
	color: Black;
}
a.dxfcPropertyName_Mojo
{
	white-space:nowrap!important;
	color: Blue!important;
}
a.dxfcGroupType_Mojo
{
	white-space:nowrap!important;
	padding:0px 3px 0px 3px!important;
	color: Red!important;
}
a.dxfcOperation_Mojo
{
	white-space:nowrap!important;
	color: Green!important;
}
a.dxfcValue_Mojo
{
	white-space:nowrap!important;
	color: Gray!important;
}
.dxfcImageButton_Mojo 
{
	cursor: pointer;
}

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

.dxeMaskHint_Mojo 
{
	background: #ffffe1;
	border: solid 1px black;
	padding: 2px 5px 3px;
	color: Black;
	font: 9pt Tahoma;
}
/* -- ProgressBar -- */
.dxeProgressBar_Mojo .dxePBMainCell
{
    padding: 1px;
}
.dxeProgressBar_Mojo td.dxe
{
    padding: 0;
}
.dxeProgressBar_Mojo, .dxeProgressBar_Mojo td.dxe
{
    font-family: Tahoma, Verdana, Arial;
    font-size: 9pt;
	color: #000000;
}
.dxeProgressBar_Mojo td
{
	background-image: url('edtProgressPositionBack.gif');
	background-repeat: no-repeat;
	background-position: 50% 0px;
}
.dxeProgressBar_Mojo
{
    border: Solid 1px #B8B8B8;
    background-color: #F5F5F5;
}
.dxeProgressBarIndicator_Mojo
{
    background-color: #3E5496;
	background-image: url('edtProgressIndicatorBack.gif');
    background-repeat: repeat-x;
}

/* -- DropDownWindow -- */
.dxeDropDownWindow_Mojo
{
    border: Solid 1px #b8b8b8;
    background-color: #FAFAFA;
}

/*----------------- ColorTable -----------------*/
.dxeColorIndicator_Mojo
{
    border: solid 1px #b8b8b8;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.dxeColorTable_Mojo
{
    background-color: #FAFAFA;
    border: solid 1px #b8b8b8;
}
.dxeColorTable_Mojo td.dx
{
    padding: 4px 4px;
}
.dxeColorTableCell_Mojo {
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 3px;
    cursor: pointer;
}
.dxeColorTableCellDiv_Mojo {
    border: solid 1px #808080;
    width: 12px;
    height: 12px;
    font-size: 0px;
}
.dxeColorTableCellSelected_Mojo {
    padding: 2px;
	background-color: #CBCBCB;
    	border: solid 1px #888888;
}
.dxeColorTableCellHover_Mojo {
    padding: 2px;
	background-color: #F2F2F2;
    	border: solid 1px #888888;
}

/* Focused */
.dxeFocused_Mojo 
{
    border: solid 1px #909090;
    background-color: White;
}
.dxeFocused_Mojo td.dxic,
.dxeFocused_Mojo .dxeEditArea_Mojo,
.dxeFocused_Mojo .dxeMemoEditArea_Mojo
{
    background-color: White;
}
.dxeFocused_Mojo .dxeListBoxItem_Mojo
{
	border-bottom-color: White;
}

.dxeNullText_Mojo .dxeEditArea_Mojo,
.dxeNullText_Mojo .dxeMemoEditArea_Mojo
{
    color: #b8b8b8;
}