.dxeLoadingDiv_CustomerPortal
{
	background: White;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}
.dxeLoadingPanel_CustomerPortal
{
	font: 9pt Tahoma;
	color: #303030;
}
.dxeLoadingPanel_CustomerPortal td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 12px 12px 12px 12px;
}

.dxeBase_CustomerPortal
{
    font-family: Tahoma;
    font-size: 9pt;
}
/* -- ErrorFrame -- */
.dxeErrorCell_CustomerPortal, .dxeErrorCell_CustomerPortal td
{
    font-family: Tahoma;
    font-size: 9pt;
	color: Red;
}
.dxeErrorCell_CustomerPortal
{
	padding-left: 4px;
	padding-right:5px;		
}
.dxeErrorFrame_CustomerPortal
{
	padding-right: 3px;
}
.dxeEditArea_CustomerPortal 
{
	font-family: Tahoma;
	font-size: 9pt;
	border: solid 1px #6a8ccb;
}
/* -- Buttons -- */
.dxeButtonEditButton_CustomerPortal, .dxeCalendarButton_CustomerPortal,
.dxeSpinIncButton_CustomerPortal, .dxeSpinDecButton_CustomerPortal,
.dxeSpinLargeIncButton_CustomerPortal, .dxeSpinLargeDecButton_CustomerPortal
{
	vertical-align: middle;
	border: solid 1px #6a8ccb;
	cursor: pointer;
	cursor: hand;
} 
.dxeButtonEditButton_CustomerPortal, .dxeCalendarButton_CustomerPortal, .dxeButtonEditButton_CustomerPortal td.dx, .dxeCalendarButton_CustomerPortal td.dx,
.dxeSpinIncButton_CustomerPortal, .dxeSpinDecButton_CustomerPortal,
.dxeSpinLargeIncButton_CustomerPortal, .dxeSpinLargeDecButton_CustomerPortal,
.dxeSpinIncButton_CustomerPortal td.dx, .dxeSpinDecButton_CustomerPortal td.dx,
.dxeSpinLargeIncButton_CustomerPortal td.dx, .dxeSpinLargeDecButton_CustomerPortal td.dx
{	
    font-family: Tahoma;
    font-size: 8pt;    
    font-weight: normal;    
	text-align: center;
} 
.dxeButtonEditButton_CustomerPortal
{
	background: url(edtButtonBack.gif) repeat-x center bottom #d7e8fd;
    padding: 3px 1px;
    padding-bottom: 4px;
    padding-top: 2px;
}
.dxeSpinIncButton_CustomerPortal, .dxeSpinDecButton_CustomerPortal
{
	border-style: none;	
	padding: 0px;
}
.dxeSpinLargeIncButton_CustomerPortal, .dxeSpinLargeDecButton_CustomerPortal
{
	border: Solid 1px #6787b8;	
	padding: 0px;
}

.dxeButtonEditButton_CustomerPortal table.dxbebt
{
	width: 14px;
}
.dxeSpinLargeIncButton_CustomerPortal
{
    padding-left: 1px;
}
.dxeSpinIncButton_CustomerPortal
{
    background: url('edtSpinIncBtnBack.gif') no-repeat top left #9abbea;
	border-bottom: Solid 1px #FFFFFF;
}
.dxeSpinDecButton_CustomerPortal
{
	background: url('edtSpinDecBtnBack.gif') no-repeat top left #a2c1ec;
    border-bottom-style: none;
}
.dxeSpinLargeIncButton_CustomerPortal, .dxeSpinLargeDecButton_CustomerPortal
{
   	background: url('edtSpinLargeIncBtnBack.gif') repeat-x top left #93b6e8;
}

.dxeCalendarButton_CustomerPortal
{
	background: url(edtButtonBack.gif) repeat-x center bottom #d7e8fd;
	padding: 4px 11px;
	padding-top: 2px;
	width: 32px;
    cursor: default;
}
.dxeCalendarButton_CustomerPortal table.dxbebt
{
	width: 100%;
}
.dxeCalendarButton_CustomerPortal td.dx
{
	text-align: center;
	white-space: nowrap;    
}
/* SpinButtons */
.dxeSpinIncButton_CustomerPortal table.dxbebt, .dxeSpinDecButton_CustomerPortal table.dxbebt
{
	width: 15px;
}
.dxeSpinLargeDecButton_CustomerPortal table.dxbebt
{
	width: 13px;
}
.dxeSpinLargeIncButton_CustomerPortal table.dxbebt
{
	width: 12px;    
}

/* -- Pressed -- */
.dxeCalendarButtonPressed_CustomerPortal, .dxeButtonEditButtonPressed_CustomerPortal
{
	background: url(edtButtonBackPressed.gif) repeat-x center top #ffcf8b;
	border: solid 1px #000080;	
}
/* SpinButtons */
.dxeSpinIncButtonPressed_CustomerPortal, .dxeSpinDecButtonPressed_CustomerPortal
{
    border-style: none;    
}
.dxeSpinIncButtonPressed_CustomerPortal
{
	background: url('edtSpinIncBtnPBack.gif') no-repeat top left #ffbc78;
    border-bottom: Solid 1px #FFFFFF;    
}
.dxeSpinDecButtonPressed_CustomerPortal
{
	background: url('edtSpinIncBtnPBack.gif') no-repeat top left #ffbc78;
    border-bottom-style: none;
}
.dxeSpinLargeIncButtonPressed_CustomerPortal, .dxeSpinLargeDecButtonPressed_CustomerPortal
{
	background: url('edtSpinLargeIncBtnPBack.gif') repeat-x top left #ffc17c;
}
/* -- Hover -- */
.dxeCalendarButtonHover_CustomerPortal, .dxeButtonEditButtonHover_CustomerPortal
{
	background: url(edtButtonBackHover.gif) repeat-x center bottom #fff2c8;
	border: solid 1px #000080;
}
/* SpinButtons */
.dxeSpinIncButtonHover_CustomerPortal, .dxeSpinDecButtonHover_CustomerPortal
{
    border-style: none;    
}
.dxeSpinIncButtonHover_CustomerPortal
{
	background: url('edtSpinIncBtnHBack.gif') no-repeat top left #ffdda6;
    border-bottom: Solid 1px #ffffff;    
}
.dxeSpinDecButtonHover_CustomerPortal
{
	background: url('edtSpinIncBtnHBack.gif') no-repeat top left #ffdda6;
    border-bottom-style: none;
}
.dxeSpinLargeIncButtonHover_CustomerPortal, .dxeSpinLargeDecButtonHover_CustomerPortal
{
	background: url('edtSpinLargeIncBtnHBack.gif') repeat-x top left #ffdaa1;
	border-left: Solid 1px #000080;
}

.dxeButtonEdit_CustomerPortal
{
    background-color: white;
    border: solid 1px #6a8ccb;
    width: 170px;
}
.dxeButtonEdit_CustomerPortal .dxeEditArea_CustomerPortal, .dxeButtonEdit_CustomerPortal td.dxic
{
	width: 100%;
}
.dxeButtonEdit_CustomerPortal td.dxic
{
    padding: 0px 2px 0px 1px;
}
.dxeTextBox_CustomerPortal, .dxeMemo_CustomerPortal
{
    background-color: white;
    border: solid 1px #6a8ccb;
}
.dxeTextBox_CustomerPortal td.dxic
{
	padding: 1px 2px;
}
.dxeTextBox_CustomerPortal td.dxic 
{
	width: 100%;
}
.dxeRadioButtonList_CustomerPortal, .dxeRadioButtonList_CustomerPortal table
{
    font-family: Tahoma;
    font-size: 9pt;    
}
.dxeRadioButtonList_CustomerPortal
{
    border: Solid 1px #6a8ccb;
}
.dxeRadioButtonList_CustomerPortal td.dxe
{
    padding: 6px 11px;
}

/* -- Memo -- */
.dxeMemo_CustomerPortal
{
	padding-left: 3px;
}
.dxeMemoEditArea_CustomerPortal 
{
	font-family: Tahoma;
	font-size: 9pt;
}
.dxeMemo_CustomerPortal td
{
	width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink_CustomerPortal
{
    font-family: Tahoma;
    font-size: 9pt;
	font-weight: normal;    
    color: black;    
	text-decoration: underline;
}

/* -- ListBox -- */
.dxeListBox_CustomerPortal
{
	background-color: white;
	border: solid 1px #6a8ccb;
    font-family: Tahoma;
    font-size: 9pt;
    height: 113px;
    width: 70px;
}
.dxeListBox_CustomerPortal div.dxlbd
{
	padding-top: 1px;    
    height: 112px;
}
.dxeListBoxItem_CustomerPortal
{    
    border-bottom: solid 1px white;    
    border-left: solid 1px white;    
    border-right: solid 1px white;    
    color: Black;        
    font-family: Tahoma;
    font-size: 9pt;  
    font-weight: normal;
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
    cursor: default;
}
.dxeListBoxItemHover_CustomerPortal        /* inherits dxeListBoxItem */
{
    background-color: #cce2fc;
}
.dxeListBoxItemSelected_CustomerPortal     /* inherits dxeListBoxItem */
{    
    color: black;
    background-color: #ffc076;
}
.dxeListBox_CustomerPortal .dxeI 
{
    padding-right: 0px!important;
    border-right-width: 0px!important;
}
.dxeListBox_CustomerPortal .dxeT
{
    width: 100%;    
    border-left-width: 0px!important;    
}


/* -- Calendar -- */
.dxeCalendar_CustomerPortal
{
 	color: black;
	font-weight: normal; 	
    border: solid 1px #6a8ccb;
    background-color: white;
}
.dxeCalendar_CustomerPortal td.dxMonthGrid 
{
    padding: 8px 20px;
    cursor: default;
}
.dxeCalendar_CustomerPortal td.dxMonthGridWithWeekNumbers
{
    padding: 8px 20px 8px 8px;
    cursor: default;
}
.dxeCalendarDayHeader_CustomerPortal
{
    font-family: Tahoma;
    font-size: 9pt;        
    padding: 4px 4px 5px;    
    border-bottom: solid 1px #cbe1fc;    
}
.dxeCalendarWeekNumber_CustomerPortal
{    
    font-family: Tahoma;
    font-size: 7pt;    
    text-align: right;    
	padding: 6px 8px 2px 4px;  
    color: #81a9e2;
}
.dxeCalendarDay_CustomerPortal
{    
    font-family: Tahoma;
    font-size: 9pt;
    padding: 4px;
    text-align: center;
}
.dxeCalendarWeekend_CustomerPortal          /* inherits dxeCalendarDay */
{
    color: #c00000;
}
.dxeCalendarOtherMonth_CustomerPortal     /* inherits dxeCalendarDay */
{
    color: #888;
}
.dxeCalendarOutOfRange_CustomerPortal      /* inherits dxeCalendarDay */
{
    color: #d0d0d0;    
}
.dxeCalendarToday_CustomerPortal                /* inherits dxeCalendarDay */
{
    padding: 3px;
    border: solid 1px #c00000;
}
.dxeCalendarSelected_CustomerPortal        /* inherits dxeCalendarDay */
{
    color: black;
    background-color: #ffc076;
}
.dxeCalendarHeader_CustomerPortal
{
    background: url(edtCalendarHeadBack.gif) repeat-x center bottom #ddecfe;
    border: solid 1px #bbd1ec;
	border-width: 1px 0;
    padding: 4px 7px;
}
.dxeCalendarHeader_CustomerPortal td.dxe
{
    font-family: Tahoma;
    font-size: 9pt;
    text-align: center;
	cursor: pointer;
	cursor: hand;
}
.dxeCalendarFooter_CustomerPortal 
{
    background-color: #ddecfe;
    padding: 8px 0px;    
    border-top: solid 1px #cbe1fc;
}
.dxeCalendarFastNav_CustomerPortal
{
    background: white;
    border: solid 1px #6a8ccb;
    border-bottom: 0px;
    padding: 12px 8px;
}
.dxeCalendarFastNavMonthArea_CustomerPortal
{
    padding: 0px 9px;
}
.dxeCalendarFastNavFooter_CustomerPortal
{
	color: black;
    background-color: #ddecfe;
    padding: 8px 0px;   
    border: solid 1px #6a8ccb;
    border-top: solid 1px #cbe1fc;
}
.dxeCalendarFastNavMonth_CustomerPortal, .dxeCalendarFastNavYear_CustomerPortal
{
    font: normal 9pt Tahoma;
    color: Black;
    padding: 3px 5px;
    text-align: center;
	cursor: pointer;
	cursor: hand;
}
.dxeCalendarFastNavMonth_CustomerPortal
{
	padding: 6px;
}
.dxeCalendarFastNavMonthSelected_CustomerPortal, .dxeCalendarFastNavYearSelected_CustomerPortal
{
    background: url(edtButtonBackPressed.gif) repeat-x center top #ffcf8b;	
    padding: 2px 4px;
    border: solid 1px #000080;
}
.dxeCalendarFastNavMonthSelected_CustomerPortal
{
	padding: 5px;
}
.dxeCalendarFastNavMonthHover_CustomerPortal, .dxeCalendarFastNavYearHover_CustomerPortal
{         
    background: #ddecfe;
    padding: 2px 4px;
    border: solid 1px #6a8ccb;
}
.dxeCalendarFastNavMonthHover_CustomerPortal
{
	padding: 5px;
}
/* Disabled */
.dxeDisabled_CustomerPortal, .dxeDisabled_CustomerPortal td.dxe
{
	color: #808080;
	cursor: default;
}
.dxeButtonDisabled_CustomerPortal, .dxeButtonDisabled_CustomerPortal td.dxe
{
	color: #808080;
	cursor: default;
}
/* -- Button -- */
.dxbButton_CustomerPortal
{	
  	color: #f0f0f0;  
  	/* This is the one that changes the font size for all buttons 05/05/09 */  
	font-size: 8pt;
	font-family: Tahoma;				    
	font-weight:normal;
	vertical-align: middle;	 		
	border: solid 1px #6a8ccb;
	background: url('edtButtonBack.gif') repeat-x center bottom #d7e8fd;
    padding: 0px 0px 0px 0px;
	cursor: pointer;
	cursor: hand; 
	line-height: 11px;
}
.dxbButtonHover_CustomerPortal 
{
  	color: #000000;        
	background: url(edtButtonBackHover.gif) repeat-x center bottom #fff2c8;
	border: solid 1px #000080;
}
.dxbButtonChecked_CustomerPortal 
{
    color: #000000; 
	background: url(edtButtonBackPressed.gif) repeat-x center top #ffcf8b;	
    border: solid 1px #000080;	
}
.dxbButtonPressed_CustomerPortal 
{
  	color: #000000;        
	background: url(edtButtonBackPressed.gif) repeat-x center top #ffcf8b;
    border: solid 1px #000080;	
}
.dxbButton_CustomerPortal div.dxb
{    
    padding: 4px 8px 5px 8px;
	border: 0px;
}
.dxbButton_CustomerPortal div.dxbf
{     
    padding: 3px 7px 4px 7px;
	border: dotted 1px black;		
}
.dxbButton_CustomerPortal div.dxb table
{    
  	color: #000000;    
	font-size: 9pt;
	font-family: Tahoma;				    
	font-weight:normal;
}
/* Disabled */
.dxbDisabled_CustomerPortal
{
	color: #808080;
	cursor: default;
}
