/***** Various tags *****/

BODY
{
	font-family: Tahoma;
	color: black;
	font-size: 12px;
}

TD
{
	/*vertical-align: top;*/
	font-size: 12px;
}
TH
{
	/*font-size: 0.75em;*/
	
}
H1
{
	font-size: 25px;
	font-weight: lighter;
}

H2
{
	font-size: 21px;
	font-weight: lighter;
}

a
{
	text-decoration: none;
	color: rgb(175, 39, 47);
	background-color: inherit;
}

a:hover
{
	text-decoration: underline;
	color: red;
	background-color: inherit;
}

a img
{
	border: none;
}

select, input, textarea
{
	font-family: Tahoma;
	font-size: 12px;
}

select
{
	margin-top: 1px;
	margin-bottom: 1px;
}

.PageLabel
{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	text-align: Center;
}

.smallText
{
	font-size: 10px;
}
/*
.
{
	font-size: 11px;
	font-weight:bold;
}
*/

/* AccountChooser Classes */
.AccountsHeaderTable
{
	background-color: #f0f0f0;
	border-top: solid 2px white;
	border-right: solid 2px white;
	border-left: solid 2px white;	
}

.accountNotFound
{
	color: Red;
	font-weight: bold;
	font-size: 15px;
	position: relative;
	left: -20px;
	top: -2px;
}

.AccountsHeaderTableRow
{
	background-color: #f0f0f0;
	background-image: url(../header/title_bar.png);
	background-repeat: repeat-x;
	height: 30px;
}
.AccountsHeaderTableCell
{
	padding-right: 0px;
	padding-left: 0px;
	border-right: 0px;
	border-left: 0px;
}

/* List Classes */
.DLCListBigHeaderText
{
	font-size: 13px;
	padding: 4px;
}

.DLCListHeader
{
	background-color: #e5e5e5;
	font-family: Tahoma;
	font-weight: bold;
	padding: 4px;
	color: #444;
	font-size: 13px;
}

.DLCListHeaderFilter
{
	background-color: #e5e5e5;
	font-family: Tahoma;
	font-weight: normal;
	padding: 1px;
	color: #01215C;
	font-size: 13px;
}

.DLCListHeaderRight
{
	background-color: #e5e5e5;
	font-family: Tahoma;
	font-weight: bold;
	padding: 4px;
	text-align: right;
}

.DLCListHeaderDark
{
	background-color: #bbb;
	font-family: Tahoma;
	font-weight: bold;
	padding: 4px;
}

.DLCListHeaderDarkRight
{
	background-color: #bbb;
	font-family: Tahoma;
	font-weight: bold;
	padding: 4px;
	text-align: right;
}

.DLCListHeaderButton
{
	background-color: Transparent;
	border-style: none;
	font-family: Tahoma;
	font-weight: bold;
	color: #01215C;
	font-size: 13px;
}

.DLCListFooter
{
	background-color: #CCDEFF;
	font-family: Tahoma;
	text-align: left;
	padding: 4px;
}

.DLCListRow
{
	background-color: #f5f5f5;
	/*font-family: Arial;*/
	padding: 4px;
	font-size: 12px;
	vertical-align: top;
}
/*
.DLCListRow a
{
	text-decoration: none;
	font-weight: normal;
	color: #01215c;
}
*/
.DLCListRowNumeric
{
	background-color: #f5f5f5;
	font-family: Courier New;
	padding: 4px;
	font-size: 12px;
	text-align: right;
}
/*
.DLCListRowNumeric
{
	background-color: #f5f5f5;
	font-family: Courier New;
	padding: 4px;	
	font-size: 12px;
	text-align: right;
}*/
.DLCListRowHighlight
{
	background-color: #FFCC99;
	font-family: Tahoma;
	padding: 4px;
	font-size: 12px;
}

.DLCListRowHighlight2
{
	background-color: #FFFF99;
	font-family: Tahoma;
	padding: 4px;
	font-size: 12px;
}
.DLCListRowHighlight3
{
	background-color: Silver;
	font-family: Tahoma;
	padding: 4px;
	font-size: 12px;
}
.DLCListRowRight
{
	background-color: #f5f5f5;
	font-family: Arail;
	padding: 4px;
	font-size: 12px;
	text-align: right;
}

.DLCListRowLight
{
	background-color: #f5f5f5;
	font-family: Arial;
	padding: 4px;
	font-size: 12px;
}
.DLCListRowWhite
{
	background-color: White;		
	font-family: Arial;	
	padding:4px;	
	font-size:12px;
}

.DLCListRowLightRight
{
	background-color: #f0f0f0;		
	font-family: Arial;	
	padding:4px;	
	font-size:11px;	
	text-align: right;
	}
	
.DLCListRowWhiteRight
{
	background-color: White;		
	font-family: Arial;	
	padding:4px;	
	font-size:11px;	
	text-align: right;
}
	
.DLCListRowLightButtonCell
{
	background-color: #f0f0f0;		
	font-family: Arial;	
	padding:4px;	
	font-size:11px;	
	text-align: center;	
	}
	
.DLCListRowWhiteButtonCell
{
	background-color: White;		
	font-family: Arial;	
	padding:4px;	
	font-size:11px;	
	text-align: center;	
}

.DLCListRowButtonCell
{
	background-color: #f5f5f5;
	font-family: Tahoma;
	text-align: center;
	padding: 4px;
	font-size: 12px;
}

.DLCListEditRow
{
	background-color: Yellow;
	font-family: Tahoma;
	padding: 4px;
}

.DLCListAlternateRow
{
	background-color: #eee;
	/*font-family: Tahoma;*/
	padding: 4px;
	font-size: 12px;
	vertical-align: top;
	/*text-align: left;*/
}
/*
.DLCListAlternateRow a
{
	text-decoration: none;
	font-weight: normal;
	color: #01215c;
}
*/
.DLCListAlternateRowNumeric
{
	background-color: #eee;
	font-family: Courier New;
	padding: 4px;
	font-size: 12px;
	text-align: right;
}
.DLCListAlternateRowRight
{
	background-color: #eee;
	font-family: Tahoma;
	padding: 4px;
	font-size: 12px;
	text-align: right;
}

.DLCListBlankRow
{
	background-color: Transparent;
	font-family: Tahoma;
	padding: 4px;
	font-size: 12px;
}

.DLCListAlternateRowButtonCell
{
	background-color: #D9E4FB;
	font-family: Tahoma;
	text-align: center;
	padding: 4px;
	font-size: 12px;
}

.DLCDarkCell
{
	background-color: #ddd;
	font-family: Tahoma;
	padding: 4px;
}
/* End List Classes */


/* Form Classes */
.DLCDetailsTable
{
	background-color: #FFFFFF;
}

.DLCDetailsLabel
{
	background-color: #e0e0e0;
	font-family: Tahoma;
	text-align: left;
	padding: 4px;
	font-size: 12px;
}
.DLCDetailsCell
{
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	background-color: #D9E4FB;
}
.DLCDetailsValue
{
	background-color: #eee;
	font-family: Tahoma;
	text-align: left;
	padding: 4px;
	vertical-align: middle;

}
.DLCDetailsValueNumeric
{
	background-color: #eee;
	font-family: Tahoma;
	text-align: right;
	padding: 4px;
}
.DLCDetailsLabelHighlight
{
	background-color: #FFCC66;
	font-family: Tahoma;
	padding: 4px;
}
.DLCDetailsValueHighlight
{
	background-color: #FFCC99;
	font-family: Tahoma;
	padding: 4px;
}
.DLCDetailsValue img
{
	vertical-align: middle;
}
.DLCDetailsValue input
{
	vertical-align: middle;
}

.FormValidationFeeback
{
	color: Red;
}

td.sbl_body
{
	font-size: 11px;
}

/* End Form Classes */

/* FeedBack */
.Feedback-Information
{
	border-style: double;
	border-color: rgb(175, 39, 47);
	font-family: Tahoma;
	text-align: left;
	padding: 4px;
}

.Feedback-Warning
{
	border-style: double;
	border-color: Red;
	font-family: Tahoma;
	text-align: left;
	padding: 4px;
}


/* NOT USED. JUST INCASE WE NEED TO IN FUTURE 
#overlay{
	position: absolute;
	display:block;
	top:  0px;
	left: 0px;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}
*/
/* Used by open positions statement as this needs to use borders rather than cell spacing */
.ListHeaderSpaced
{
	background-color: #CCDEFF;
	font-family: Tahoma;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	border-color: White;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
	border-left: solid 1px white;
	border-right: solid 1px white;
}
.ListSplitter
{
	background-color: #B4CEFE;
	font-family: Tahoma;
	font-weight: normal;
	padding: 4px;
	border-color: White;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
}
.ListSplitterLvl1
{
	background-color: #B4CEFE;
	font-family: Tahoma;
	font-weight: bold;
	padding: 4px;
	border-color: White;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
}
.ListSplitterLvl2
{
	background-color: #B4CEFE;
	font-family: Tahoma;
	font-weight: normal;
	padding: 4px;
	border-color: White;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
}
.ListSplitterLvl3
{
	background-color: #D9E4FB;
	font-family: Tahoma;
	font-weight: normal;
	padding: 4px;
	border-color: White;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
}
.ListSplitterSpacedLvl2
{
	background-color: #B4CEFE;
	font-family: Tahoma;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	border-color: White;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
	border-left: solid 1px white;
	border-right: solid 1px white;
}
.ListSplitterSpacedLvl3
{
	background-color: #D9E4FB;
	font-family: Tahoma;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	border-color: White;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
	border-left: solid 1px white;
	border-right: solid 1px white;
}

.ListRowSpaced
{
	background-color: #D9E4FB;
	font-family: Tahoma;
	text-align: left;
	padding: 4px;
	border-color: White;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
	border-left: solid 1px white;
	border-right: solid 1px white;
}
.ListRowSpacedNumeric
{
	background-color: #D9E4FB;
	font-family: Tahoma;
	text-align: right;
	padding: 4px;
	border-color: White;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
	border-left: solid 1px white;
	border-right: solid 1px white;
}

/* BusinessDate */
.BusinessDate
{
	font-size: 11px;
}

/* General Layout */
.VMid
{
	padding: 0px 2px 0px 2px;
	vertical-align: middle;
}
.NoPad
{
	padding: 0px 0px 0px 0px;
}
.GroupNoPad
{
	left: -6px;
	width: 4px;
	position: relative;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #B4CEFE;
	border-left: 1px solid #B4CEFE;
	border-bottom: 1px solid #B4CEFE;
	background-color: Transparent;
}
.Pad1
{
	padding: 1px 1px 1px 1px;
}
.Pad2
{
	padding: 2px 2px 2px 2px;
}
.Pad3
{
	padding: 3px 3px 3px 3px;
}
.NoWrap
{
	white-space: nowrap;
	text-overflow: ellipsis;
}
.TopMost
{
	z-index: 1000;
}
.NumericInput
{
	width: 80px;
	text-align: right;
}
/* AJAXControlToolkit */
.AjaxCalendar .ajax__calendar_container
{
	border: 1px solid windowtext;
	background-color: window;
	z-index: 900000;
}
.AutoCompleteList
{
	cursor: default;
	border: 1px solid windowtext;
	margin: 0px 0px 0px 0px !important;
	background-color: white;
}
.AutoCompleteItem
{
	color: windowtext;
	background-color: window;
	padding: 1px 2px 1px 2px;
	white-space: nowrap;
	width: 100%;
}
.AutoCompleteSelection
{
	color: highlighttext;
	background-color: highlight;
	padding: 1px 2px 1px 2px;
	white-space: nowrap;
	width: 100%;
}
INPUT.ReadOnly
{
	height: 19px;
	padding: 2px 2px 2px 2px;
	border: 1px inset;
	background-color: transparent;
}
INPUT.DropDownList
{
	padding: 2px 2px 2px 2px;
	border: 1px solid buttonshadow;
	height: 19px;
	cursor: default;
}
DIV.DropDownList
{
	width: 0%;
	border: 1px solid windowtext;
	margin: 1px 0px 0px -2px !important;
	background-color: window;
}
DIV.DropDownList DIV
{
	margin: -3px -3px -3px -3px;
	background-color: window;
}
DIV.DropDownList SELECT
{
	color: windowtext;
	background-color: window;
}
.Help
{
	cursor: help;
}

.test span
{
	display: block;
	border: solid 2px black;
}

.test span span
{
	display: block;
	background-color: Green;
}

.test span table
{
	display: block;
	border: solid 2px yellow;
}

/* Javascript Controls styles */

.popupControl
{
	background-color: #AAD4FF;
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-color: Black;
	border-width: 2px;
}
.PopupSite1
{
	width: 100%;
	height: 0px;
	overflow: visible;
	position: relative;
	z-index: 999999;
}
.PopupSite2
{
	position: absolute;
	width: 100%;
	overflow: visible;
}
.ModalBackground
{
	background-color: #8CA0C5;
	filter: alpha(opacity=50);
	opacity: 0.5;
	width: 100%;
	height: 100%;
}
.ModalPopup
{
	cursor: default;
	background-color: buttonface;
	border: thin outset;
	font-family: Tahoma;
	text-align: left;
}
.ModalPopup .Caption
{
	color: captiontext;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	background-color: activecaption;
}
TABLE.RadioList LABEL
{
	vertical-align: baseline;
	font-size: 12px;
}
TABLE.RadioList INPUT
{
	vertical-align: middle;
}
/* normal */
.VoucherListHead
{
	color: #022E80;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	background-color: #B4CEFE; /* grouped items */
}
.VoucherListCell
{
	color: #022E80;
	font-family: Tahoma;
	font-size: 11px;
	background-color: #E6EFFF; /* grouped items */
}
.Sum .VoucherListCell, .VoucherSumCell
{
	color: #022E80;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	background-color: #f5f5f5; /* total */
}
.VoucherSeparator
{
	height: 2px;
	background-color: #B4CEFE; /* separator */
}
/* reversal */
.Reversal .VoucherListCell
{
	color: #999999;
}
/* unbalanced */
.Unbalanced .VoucherListCell
{
	color: #ff0000;
}
/* near to currency cutoff */
.CutOff .VoucherListCell
{
	background-color: #FFE7B9; /* grouped items */
}
.CutOff .Sum .VoucherListCell, .CutOff .VoucherSumCell
{
	background-color: #FFE1A9; /* total */
}
.CutOff .VoucherSeparator, .CutOff .VoucherListHead
{
	background-color: #FFD380; /* separator */
}
/* rejected by someone else */
.Rejected .VoucherListCell
{
	background-color: #FFDEDE; /* grouped items */
}
.Rejected .Sum .VoucherListCell, .Rejected .VoucherSumCell
{
	background-color: #FFCCCC; /* total */
}
.Rejected .VoucherSeparator, .Rejected .VoucherListHead
{
	background-color: #FFAFAF; /* separator & header */
}
/* selected */
.Sel .VoucherListCell, .CutOff .Sel .VoucherListCell, .Rejected .Sel .VoucherListCell, .Selected .VoucherSumCell
{
	background-color: #B4CEFE; /* selected item */
}
.Selected .GroupHandle
{
	border-style: none;
}
.Over .VoucherListCell, .Rejected .Over .VoucherListCell, .CutOff .Over .VoucherListCell
{
	color: highlighttext; /* hover item */
	background-color: highlight;
}
.Over .FlyOutBox A
{
	color: highlighttext; /* hover item */
}
.Over .FlyOutBox A:hover
{
	color: highlighttext; /* hover item */
	text-decoration: underline;
}
.GroupHandle
{
	position: absolute;
	top: 0px;
	left: -6px;
	width: 5px;
	height: 100%;
	border-top: 1px solid #B4CEFE;
	border-left: 1px solid #B4CEFE;
	border-bottom: 1px solid #B4CEFE;
}
/* overflow box */
DIV.Expand
{
	border: solid 1px gray;
	padding: 3px 3px 3px 3px;
}
DIV.FlyOut
{
	width: 100%;
	height: 100%;
	margin: 3px 3px 0px 3px;
}
DIV.FlyOutBox
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
/* flyout box */
DIV.FlyOut2
{
	display: none;
}
DIV.Expand2
{
	display: block;
	position: absolute;
	border: solid 1px gray;
	background-color: white;
}


/* DevEx Specific */

.dxgvControl_SBINTL, .dxgvDisabled_SBINTL
{
	font: 9pt Tahoma;
	background-color: #F2F2F2;
	color: Black;
	cursor: default;
}
.dxgvDisabled_SBINTL
{
	color: Gray;
}
.dxgvControl_SBINTL a
{
	color: #5555FF;
}
.dxgvDisabled_SBINTL a
{
	color: Gray;
}
.dxgvLoadingPanel_SBINTL
{
	border: solid 1px #9F9F9F;
	background-color: #0000CC;
	font: 9px Tahoma;
	color: #CCCCCC;
}
.dxgvLoadingPanel_SBINTL td
{
	white-space: nowrap;
	text-align: center;
	padding: 12px 12px 12px 12px;
}
.dxgvLoadingPanelStatusBar_SBINTL
{
	background-color: Transparent;
	font: 9px Tahoma;
}
.dxgvLoadingPanelStatusBar_SBINTL td
{
	white-space: nowrap;
	text-align: center;
	padding: 0px 2px 0px 2px;
}
.dxgvFilterPopupWindow_SBINTL
{
	color: Black;
	font: 9px Tahoma;
	border: solid 1px #9f9f9f;
}
.dxgvFilterPopupItemsArea_SBINTL
{
	color: Black;
	background-color: White;
}
.dxgvFilterPopupButtonPanel_SBINTL
{
	font: 9pt Tahoma;
	background-color: #ededed;
	border: 1px solid #dcdcdc;
	color: Black;
}

.dxgvFilterPopupItem_SBINTL td.dxgv, .dxgvFilterPopupActiveItem_SBINTL td.dxgv, .dxgvFilterPopupSelectedItem_SBINTL td.dxgv
{
	border-left: solid 1px white;
	border-right: solid 1px white;
	padding: 3px 2px 4px 3px;
	cursor: default;
	white-space: nowrap;
}
.dxgvFilterPopupActiveItem_SBINTL
{
	background: #cfcfcf;
	color: White;
}
.dxgvFilterPopupSelectedItem_SBINTL
{
	background: #8D8D8D;
	color: White;
}

.dxgvTable_SBINTL
{
	background-color: #f5f5f5;
	padding: 2px 2px 2px 2px;
	border: Solid 1px white;
	border-collapse: separate !important;
	overflow: hidden;
	font: 10px Tahoma;
	color: #01215C;
}
.dxgvInlineEditRow_SBINTL, .dxgvDataRow_SBINTL
{
}
.dxgvDataRowAlt_SBINTL
{
	background-color: #B4CEFE;
}
.dxgvInlineEditRow_SBINTL td.dxgv
{
	border-bottom: Solid 1px #D3D3D3;
	border-right: Solid 1px #D3D3D3;
}
.dxgvFilterRow_SBINTL
{
	background-color: #6394B1;
	color: #DBFFB6;
}
.dxgvEditForm_SBINTL
{
	background-color: #B4CEFE;
}
.dxgvEditForm_SBINTL td.dxgv
{
	border-bottom: Solid 1px #D3D3D3;
	padding: 8px 10px 10px 10px;
}
.dxgvSelectedRow_SBINTL
{
	background-color: #A0A0A0;
	color: White;
}
.dxgvFocusedRow_SBINTL
{
	background-color: #FFCC99;
	color: White;
}
.dxgvSelectedRow_SBINTL .dxgvCommandColumn_SBINTL a, .dxgvFocusedRow_SBINTL .dxgvCommandColumn_SBINTL a
{
	color: White;
}
.dxgvSelectedRow_SBINTL .dxgvCommandColumn_SBINTL a:hover, .dxgvFocusedRow_SBINTL .dxgvCommandColumn_SBINTL a:hover
{
	color: #F0F0F0;
}
.dxgvSelectedRow_SBINTL .dxgvCommandColumn_SBINTL a:visited, .dxgvFocusedRow_SBINTL .dxgvCommandColumn_SBINTL a:visited
{
	color: #F0F0F0;
}

.dxgvPreviewRow_SBINTL
{
	background-color: #F5F5F5;
	color: #707070;
}
.dxgvDetailCell_SBINTL, .dxgvPreviewRow_SBINTL td.dxgv, .dxgvEmptyDataRow_SBINTL td.dxgv
{
	background-color: White;
	padding: 20px 2px 20px 4px;
	border-bottom: Solid 1px #D3D3D3;
	border-top: 0;
	border-left: ?0;
	border-right: 0;
}
.dxgvPreviewRow_SBINTL td.dxgv
{
	padding: 10px 10px 10px 15px;
}
.dxgvDetailCell_SBINTL
{
	padding: 16px 18px 16px 0px;
}
.dxgvDetailRow_SBINTL td.dxgvIndentCell_SBINTL
{
	padding-right: 0px;
	border-bottom: Solid 1px #D3D3D3;
}
.dxgvEmptyDataRow_SBINTL
{
	color: Gray;
}
.dxgvEmptyDataRow_SBINTL td.dxgv
{
	border-bottom: Solid 1px #CFCFCF;
	text-align: center;
}
.dxgvEditFormDisplayRow_SBINTL td.dxgvCommandColumn_SBINTL, .dxgvDataRow_SBINTL td.dxgvCommandColumn_SBINTL, .dxgvDataRowAlt_SBINTL td.dxgvCommandColumn_SBINTL, .dxgvSelectedRow_SBINTL td.dxgvCommandColumn_SBINTL, .dxgvFocusedRow_SBINTL td.dxgvCommandColumn_SBINTL
{
	padding: 4px 5px 5px 5px;
}
.dxgvEditFormDisplayRow_SBINTL td.dxgv, .dxgvDataRow_SBINTL td.dxgv, .dxgvDataRowAlt_SBINTL td.dxgv, .dxgvSelectedRow_SBINTL td.dxgv, .dxgvFocusedRow_SBINTL td.dxgv
{
	overflow: hidden;
	border: Solid 1px white;
	padding: 3px 6px 4px 6px;
	font-size: 11px;
	font-family: Tahoma;
}
.dxgvEditFormDisplayRow_SBINTL
{
}
.dxgvEditFormDisplayRow_SBINTL td.dxgv
{
}

.dxgvEditingErrorRow_SBINTL
{
	background-color: #FFC8C8;
	color: #FF0000;
}
.dxgvEditingErrorRow_SBINTL td.dxgv
{
	white-space: pre-wrap;
	border-bottom: Solid 1px #D3D3D3;
	border-right: 0;
	border-top: 0;
	border-left: 0;
	padding: 6px 10px 6px 10px;
}

.dxgvFilterRow_SBINTL td.dxgv
{
	border-bottom: Solid 1px #C1C1C1;
	border-right: Solid 1px #C1C1C1;
	border-top: 0;
	border-left: 0;
	padding: 2px 2px 2px 2px;
}
.dxgvGroupRow_SBINTL
{
	background-color: #B4CEFE;
}
.dxgvFocusedGroupRow_SBINTL
{
	background-color: #8D8D8D;
	color: White;
}
.dxgvGroupRow_SBINTL td.dxgv, .dxgvFocusedGroupRow_SBINTL td.dxgv
{
	border: none 0;
	vertical-align: middle;
	white-space: nowrap;
	border-bottom: Solid 1px #D3D3D3;
	padding: 3px 6px 4px 6px;
	text-align: left;
}

.dxgvHeaderPanel_SBINTL
{
	background-color: #eee;
	color: Black;
	padding: 4px 6px 5px 6px;
	border: Solid 1px white;
}

.dxgvHeader_SBINTL
{
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
	padding: 3px 3px 3px 3px;
	border: Solid 1px white;
	background-color: #CCDEFF;
	overflow: hidden;
	-moz-user-select: none;
}
.dxgvHeader_SBINTL, .dxgvHeader_SBINTL table
{
	color: #01215C;
	font: 11px Tahoma;
	font-weight: bold;
}
.dxgvHeader_SBINTL td
{
	white-space: nowrap;
	font-weight: bold;
}
.dxgvCustomization_SBINTL, .dxgvPopupEditForm_SBINTL
{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	overflow: auto;
}
.dxgvGroupPanel_SBINTL
{
	white-space: nowrap;
	font-size: 9pt;
	background-color: #EDEDED;
	color: #8D8D8D;
	border-bottom: Solid 1px #9F9F9F;
	padding: 7px 4px 8px 6px;
}
.dxgvFooter_SBINTL
{
	background-color: #B4CEFE;
	white-space: nowrap;
}
.dxgvFooter_SBINTL td.dxgv
{
	padding: 4px 6px 5px 6px;
	border: Solid 1px white;
}
.dxgvGroupFooter_SBINTL
{
	background-color: #E0E0E0;
}
.dxgvGroupFooter_SBINTL td.dxgv
{
	white-space: nowrap;
}
.dxgvGroupFooter_SBINTL td.dxgv
{
	padding: 5px 4px 6px 6px;
	border-bottom: Solid 1px #CFCFCF;
	border-right: 0;
}
.dxgvDataRow_SBINTL td.dxgvIndentCell_SBINTL, .dxgvGroupRow_SBINTL td.dxgvIndentCell_SBINTL, .dxgvGroupFooter_SBINTL td.dxgvIndentCell_SBINTL
{
	background-color: #EDEDED;
	border-right: Solid 1px #CFCFCF;
	border-top: 0px;
}

.dxgvTitlePanel_SBINTL
{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	text-align: left;
	background-color: #B4CEFE;
	color: #01215C;
	border-style: none;
}
.dxgvLoadingDiv_SBINTL
{
	background-color: Gray;
	padding: 5px 5px 5px 5px;
	opacity: 0.01;
	filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=1);
}
.dxgvStatusBar_SBINTL
{
	border-top: Solid 1px #9F9F9F;
}
.dxgvStatusBar_SBINTL tr.dxgv
{
	height: 20px;
}
.dxgvCommandColumn_SBINTL
{
	cursor: hand;
	padding: 2px 2px 2px 2px;
}
.dxgvCommandColumn_SBINTL a
{
	margin: 0px 3px 0px 0px;
	color: #0d45b7;
	font-size: 10pt;
}
.dxgvCommandColumn_SBINTL a:hover
{
	color: #5494ea;
}
.dxgvCommandColumn_SBINTL a:visited
{
	color: #ab59a6;
}


.dxgvCommandColumnItem_SBINTL
{
	cursor: hand;
	padding: 1px;
	font-size: 10pt;
}
.dxgvEditFormTable_SBINTL
{
	padding: 2px 6px 6px 4px;
	font: 9px Tahoma;
	color: Black;
}
.dxgvEditFormTable_SBINTL a
{
	color: #0d45b7;
}
.dxgvEditFormTable_SBINTL a:hover
{
	color: #5494ea;
}
.dxgvEditFormTable_SBINTL a:visited
{
	color: #ab59a6;
}

.dxgvEditFormCaption_SBINTL
{
	padding: 4px 4px 4px 10px;
}

.dxgvInlineEditCell_SBINTL
{
	padding: 1px 1px 1px 1px;
}

.dxgvEditFormCell_SBINTL
{
	padding: 4px 4px 4px 4px;
	border: 0;
}
.dxgvControl_SBINTL .dxpControl_SBINTL, .dxgvDisabled_SBINTL .dxpControl_SBINTL
{
	padding-top: 4px;
}

.dxgvPagerTopPanel_SBINTL
{
}

.dxmenu_SBINTL
{
}

.dxgvPagerBottomPanel_SBINTL
{
	padding: 2px 8px 6px 0px;
	background-color: #B4CEFE;
	text-align: right;
	font-family: Tahoma;
	font-size: 10px !important;
	color: #01215C;
}


.dxgvDetailButton_SBINTL
{
}


.dxeReadOnly_SBINTL
{
}
.dxeBase .dxeBase_SBINTL
{
	font-family: Tahoma;
	font-size: 10px;
	padding: 0 px;
}
.dxeButtonEdit_SBINTL
{
	background-color: White;
	border: Solid 1px #01215C;
}
.dxeButtonEdit_SBINTL .dxeEditArea_SBINTL, .dxeButtonEdit_SBINTL td.dxic
{
	width: 100%;
}
.dxeButtonEdit_SBINTL td.dxic
{
	padding: 1px 2px 1px 3px;
}
.dxeTextBox_SBINTL, .dxeMemo_SBINTL
{
	background-color: white;
	border: Solid 1px #01215C;
}
.dxeTextBox_SBINTL td.dxic
{
	padding: 2px 5px 2px 4px;
}
.dxeTextBox_SBINTL td.dxic
{
	width: 100%;
}
.dxeWarningPanel_SBINTL
{
	width: auto;
	border: Double 100px red;
}
.dxeInfoPanel_SBINTL
{
	width: auto;
	border: Double 1px #CCDEFF;
}
/* -- Calendar -- */
.dxeCalendar_SBINTL
{
	border: solid 1px #9f9f9f;
	background-color: White;
	color: Black;
	font-weight: normal;
	cursor: default;
}
.dxeCalendar_SBINTL td.dxMonthGrid_SBINTL
{
	padding: 8px 20px;
}
.dxeCalendar_SBINTL td.dxMonthGridWithWeekNumbers_SBINTL
{
	padding: 5px 20px 8px 8px;
}
.dxeCalendarDayHeader_SBINTL
{
	font-family: Tahoma;
	font-size: 10px;
	padding: 2px 4px 5px;
	border-bottom: solid 1px #cfcfcf;
}
.dxeCalendarWeekNumber_SBINTL
{
	font-family: Tahoma;
	font-size: 8px;
	text-align: right;
	padding: 6px 8px 6px 4px;
	color: #bfbfbf;
}
.dxeCalendarDay_SBINTL
{
	font-family: Tahoma;
	font-size: 10px;
	padding: 4px 6px;
	text-align: center;
}
.dxeCalendarWeekend_SBINTL /* inherits dxeCalendarDay */
{
	color: #c00000;
}
.dxeCalendarOtherMonth_SBINTL /* inherits dxeCalendarDay */
{
	color: #888;
}
.dxeCalendarOutOfRange_SBINTL /* inherits dxeCalendarDay */
{
	color: #d0d0d0;
}
.dxeCalendarSelected_SBINTL /* inherits dxeCalendarDay */
{
	color: White;
	background-color: #D9E4FB;
}
.dxeCalendarToday_SBINTL /* inherits dxeCalendarDay */
{
	padding: 3px 3px 2px;
	border: solid 1px #c00000;
}
.dxeCalendarHeader_SBINTL
{
	background-color: #CCDEFF;
	border: solid 1px #c9c9c9;
	border-width: 1px 0;
	padding: 4px 7px;
}
.dxeCalendarHeader_SBINTL td.dxe
{
	font-family: Tahoma;
	font-size: 9pt;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
.dxeCalendarFooter_SBINTL
{
	background-color: #CCDEFF;
	padding: 8px 0px;
	border-top: solid 1px #d6d6d6;
}
.dxeCalendarFastNav_SBINTL
{
	color: Black;
	background: White;
	border: solid 1px #9f9f9f;
	border-bottom: 0px;
	padding: 12px 8px;
}
.dxeCalendarFastNavMonthArea_SBINTL
{
	padding: 0px 9px;
}
.dxeCalendarFastNavYearArea_SBINTL
{
}
.dxeCalendarFastNavFooter_SBINTL
{
	color: Black;
	background-color: #ededed;
	padding: 8px 0px;
	border: solid 1px #9f9f9f;
	border-top: solid 1px #d6d6d6;
}
.dxeCalendarFastNavMonth_SBINTL, .dxeCalendarFastNavYear_SBINTL
{
	font: normal 9px Tahoma;
	color: Black;
	padding: 3px 5px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
.dxeCalendarFastNavMonth_SBINTL
{
	padding: 6px;
}
.dxeCalendarFastNavMonthSelected_SBINTL, .dxeCalendarFastNavYearSelected_SBINTL
{
	color: White;
	background: #8d8d8d;
}
.dxeCalendarFastNavMonthHover_SBINTL, .dxeCalendarFastNavYearHover_SBINTL
{
	color: Black;
	background: #e5e5e5;
	padding: 2px 4px;
	border: solid 1px #d6d6?6;
}
.dxeCalendarFastNavMonthHover_SBINTL
{
	padding: 5px;
}
.dxeCalendarButton_SBINTL
{
	font-size: 9pt;
	background-image: url( '<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonBack.gif")%>' );
	background-repeat: repeat-x;
	background-position: top;
	background-color: #B4CEFE;
	padding: 4px 11px;
	padding-top: 3px;
	width: 32px;
}
.dxeCalendarButton_SBINTL td.dx
{
	font-size: 9pt;
	text-align: center;
	white-space: nowrap;
}
.dxeCalendarButton_SBINTL table.dxbebt
{
	width: 100%;
}

/* -- Pressed -- */
.dxeCalendarButtonPressed_SBINTL, .dxeButtonEditButtonPressed_SBINTL, .dxeSpinIncButtonPressed_SBINTL, .dxeSpinDecButtonPressed_SBINTL, .dxeSpinLargeIncButtonPressed_SBINTL, .dxeSpinLargeDecButtonPressed_SBINTL
{
	background-image: none;
	background-color: #D5D5D5; /*	border: Solid 1px #7F7F7F;	*/
}
/* -- Hover -- */
.dxeCalendarButtonHover_SBINTL, .dxeButtonEditButtonHover_SBINTL, .dxeSpinIncButtonHover_SBINTL, .dxeSpinDecButtonHover_SBINTL, .dxeSpinLargeIncButtonHover_SBINTL, .dxeSpinLargeDecButtonHover_SBINTL
{
	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_SBINTL
{
	background-image: url( '<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonHBack.gif")%>' );
	background-repeat: repeat-x;
	background-position: top;
}

/* Disabled */
.dxeDisabled_SBINTL, .dxeDisabled_SBINTL td.dxe
{
	background-color: #F2F2F2; /*border:1px solid #CACACA;*/
	color: #A6A6A6;
	cursor: default;
}
a.dxeDisabled_SBINTL, a.dxeDisabled_SBINTL:hover
{
	color: #A6A6A6;
}
/* -- ASPxRoundPanel -- */
.dxrpControl_SBINTL td.dxrp
{
	background-color: White;
	font-size: 12px;
	font-family: Tahoma;
	color: black;
}
/* Header */
.dxrpHeader_SBINTL, .dxrpHeader_SBINTL td.dxrp
{
	background-color: #4284fd;
	font-size: 13px;
	font-weight: bold;
	font-family: Tahoma;
	color: White;
}
.dxrpHeader_Error_SBINTL, .dxrpHeader_Error_SBINTL td.dxrp
{
	background-color: green;
	font-size: 13px;
	font-weight: bold;
	font-family: Tahoma;
	color: #01215C;
}
/* Disabled */
.dxrpDisabled_SBINTL, .dxrpDisabled_SBINTL td.dxrp
{
	color: #acacac;
	cursor: default;
}

.WaterMark
{
	color: Gray;
	font-style: italic;
}



.dxeBase_SBINTL
{
	font-family: Tahoma;
	font-size: 10px;
}
/* -- ErrorFrame -- */
.dxeErrorCell_SBINTL, .dxeErrorCell_SBINTL td
{
	font-family: Tahoma;
	font-size: 10px;
	color: Red;
}
.dxeErrorCell_SBINTL
{
	padding-left: 4px;
	padding-right: 5px;
}
.dxeErrorFrame_SBINTL
{
	padding-right: 3px;
}
.dxeEditArea_SBINTL
{
	font-family: Tahoma;
	font-size: 10px;
	border: 1px solid #01215C;
}


/* -- ListBox -- */
.dxeListBox_SBINTL
{
	background-color: White;
	border: Solid 1px #01215C;
	font-family: Tahoma;
	font-size: 10px;
	color: Black;
}
.dxeListBox_SBINTL div.dxlbd
{
	padding-top: 1px;
}
.dxeListBoxItem_SBINTL
{
	border-bottom: Solid 1px #FFFFFF;
	border-left: Solid 1px #FFFFFF;
	border-right: Solid 1px #FFFFFF;
	color: Black;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	padding: 3px 2px 4px 4px;
	white-space: nowrap;
	text-align: left;
	cursor: default;
}
.dxeListBox_SBINTL td.dxeI
{
	padding-right: 0px !important;
	border-right-width: 0px !important;
}
.dxeListBox_SBINTL td.dxeT
{
	width: 100%;
	border-left-width: 0px !important;
}
.dxeListBoxItemHover_SBINTL /* inherits dxeListBoxItem */
{
	background-color: #A0A0A0;
}
.dxeListBoxItemSelected_SBINTL /* inherits dxeListBoxItem */
{
	color: White;
	background-color: #CCDEFF;
}


/* -- ASPxPopupControl -- */
.dxpcControl_SBINTL
{
	font: 9pt Tahoma;
	color: black;
	background-color: white;
	border: solid 1px #8B8B8B;
}
.dxpcControl_SBINTL a
{
	color: #1E3695;
}
.dxpcCloseButton_SBINTL
{
	font: 9pt Tahoma;
	color: black;
	padding: 1px 1px 1px 1px;
}
.dxpcCloseButtonHover_SBINTL
{
	font: 9pt Tahoma;
	color: black;
}
.dxpcCo?tent_SBINTL
{
	font: 9pt Tahoma;
	color: #010000;
	white-space: normal;
	padding: 9px 12px 9px 12px;
	vertical-align: top;
}
.dxpcFooter_SBINTL
{
	font: 9pt Tahoma;
	color: #858585;
	background-color: #eee;
	border-top: solid 1px #E0E0E0;
}
.dxpcFooter_SBINTL td.dxpc
{
	font: 9pt Tahoma;
	color: #858585;
	white-space: nowrap;
	padding: 6px 12px 8px 12px;
}
.dxpcHeader_SBINTL
{
	font: 9pt Tahoma;
	color: #404040;
	background-color: #DCDCDC;
	border-bottom: solid 1px #C9C9C9;
}
.dxpcHeader_SBINTL td.dxpc
{
	font: 9pt Tahoma;
	color: #404040;
	white-space: nowrap;
}
.dxpcModalBackground_SBINTL
{
	background-color: #777777;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=70);
}

.dxeReadOnly_SBINTL td.dxic
{
	background-color: #B4CEFE;
}

/* -- ASPxTabControl, ASPxPageControl -- */
.dxtcControl_SBINTL
{
	font: 9pt Tahoma;
	color: black;
}
.dxtcLoadingPanel_SBINTL
{
	font: 9pt Tahoma;
	color: #303030;
}
.dxtcLoadingPanel_SBINTL td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 12px 12px 12px 12px;
}

/* Tab Hyperlink*/
.dxtcTab_SBINTL a, .dxtcTabWithTabPositionLeft_SBINTL a, .dxtcTabWithTabPositionBottom_SBINTL a, .dxtcTabWithTabPositionRight_SBINTL a, .dxtcActiveTab_SBINTL a, .dxtcActiveTabWithTabPositionBottom_SBINTL a, .dxtcActiveTabWithTabPositionLeft_SBINTL a, .dxtcActiveTabWithTabPositionRight_SBINTL a, .dxtcTabHover_SBINTL a, .dxtcTabHoverWithTabPositionBottom_SBINTL a, .dxtcTabHoverWithTabPositionLeft_SBINTL a, .dxtcTabHoverWithTabPositionRight_SBINTL a
{
	text-decoration: none;
	color: black;
}

.dxtcActiveTab_SBINTL, .dxtcActiveTabWithTabPositionBottom_SBINTL, .dxtcActiveTabWithTabPositionLeft_SBINTL, .dxtcActiveTabWithTabPositionRight_SBINTL
{
	font: 12px Tahoma;
	color: #01215c;
	border: solid 0px #A8A8A8;
	padding: 3px 12px 4px 12px; /*background-color: #d9e4fb;*/
}
/* Active Tab */
.dxtcActiveTab_SBINTL table.dxtc, .dxtcActiveTabWithTabPositionBottom_SBINTL table.dxtc, .dxtcActiveTabWithTabPositionLeft_SBINTL table.dxtc, .dxtcActiveTabWithTabPositionRight_SBINTL table.dxtc
{
	font: 12px Tahoma;
	color: #01215c;
}
.dxtcActiveTab_SBINTL td.dxtc, .dxtcActiveTabWithTabPositionBottom_SBINTL td.dxtc, .dxtcActiveTabWithTabPositionLeft_SBINTL td.dxtc, .dxtcActiveTabWithTabPositionRight_SBINTL td.dxtc
{
	white-space: nowrap;
	background-color: transparent !important;
	border-width: 0px !important;
	padding: 0px !important;
}
.dxtcActiveTabHover_SBINTL
{
	/*background-color: white;*/
}
/* Tab */
.dxtcTab_SBINTL, .dxtcTabWithTabPositionLeft_SBINTL, .dxtcTabWithTabPositionBottom_SBINTL, .dxtcTabWithTabPositionRight_SBINTL
{
	font: 12px Tahoma;
	color: #01215c; /*background-color: #b4cefe;*/
	border: solid 0px #A8A8A8;
	padding: 3px 12px 4px 12px;
}


.dxtcTab_SBINTL table.dxtc, .dxtcTabWithTabPositionBottom_SBINTL table.dxtc, .dxtcTabWithTabPositionLeft_SBINTL table.dxtc, .dxtcTabWithTabPositionRight_SBINTL table.dxtc
{
	font: 12px Tahoma;
	color: #01215c;
}
.dxtcTab_SBINTL td.dxtc, .dxtcTabWithTabPositionBottom_SBINTL td.dxtc, .dxtcTabWithTabPositionLeft_SBINTL td.dxtc, .dxtcTabWithTabPositionRight_SBINTL td.dxtc
{
	white-space: nowrap;
	background-color: transparent !important;
	border-width: 0px !important;
	padding: 0px !important;
}
.dxtcTabWithTabPositionBottom_SBINTL
{
}
.dxtcTabWithTabPositionLeft_SBINTL
{
}
.dxtcTabWithTabPositionRight_SBINTL
{
}
/* Hover */
.dxtcTabHover_SBINTL, .dxtcTabHoverWithTabPositionBottom_SBINTL, .dxtcTabHoverWithTabPositionLeft_SBINTL, .dxtcTabHoverWithTabPositionRight_SBINTL
{
	/*	background-color: #F2F2F2;*/
}
.dxtcPageContent_SBINTL, .dxtcPageContentWithTabPositionBottom_SBINTL, .dxtcPageContentWithTabPositionLeft_SBINTL, .dxtcPageContentWithTabPositionRight_SBINTL, .dxtcPageContentWithoutTabs_SBINTL
{
	font: 12px Tahoma;
	color: #01215c;
	background-color: #d9e4fb;
	vertical-align: top;
}
.dxtcContent_SBINTL
{
	font: 12px Tahoma;
	color: #01215c;
	background-color: #d9e4fb;
	border: solid 0px #A8A8A8;
	vertical-align: top;
}
.dxtcControl_SBINTL td.dxtcTabsCell_SBINTL, .dxtcControl_SBINTL td.dxtcTabsCellWithTabPositionBottom_SBINTL, .dxtcControl_SBINTL td.dxtcTabsCellWithTabPositionLeft_SBINTL, .dxtcControl_SBINTL td.dxtcTabsCellWithTabPositionRight_SBINTL
{
}
/* Disabled */
.dxtcDisabled_SBINTL, .dxtcDisabled_SBINTL table.dxtc
{
	color: #acacac;
	cursor: default;
}
.hidden_SBINTL
{
	display: none;
}
.dxgvTitlePanelTitle_SBINTL
{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	text-align: left;
	background-color: #B4CEFE;
	color: #01215C;
	border-style: none;
}
/* -- Radio -- */
.dxeRadioButtonList_SBINTL, .dxeRadioButtonList_SBINTL
{
	font-family: Tahoma;
	font-size: 10px;
}

.dxeRadioButtonList_SBINTL td.dxe
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	vertical-align: middle;
}

/* -- Hyperlink -- */
.dxeHyperlink_SBINTL
{
	cursor: hand;
}


.dxmSubMenu_SBINTL
{
	background-color: #ffffcc;
	border-right: black 1px solid;
	padding-right: 1px;
	border-top: black 1px solid;
	padding-left: 1px;
	font-size: 11px;
	padding-bottom: 1px;
	border-left: black 1px solid;
	cursor: auto;
	color: black;
	padding-top: 1px;
	border-bottom: black 1px solid;
	font-family: Tahoma;
}

/* NEW STYLES WEBSITE REVAMP */
.clear
{
	clear: both;
}

#top-navigation-container
{
	clear: both;
}

#search-filter
{
	margin: 20px 0;
	width: 600px;
	text-align: left;
	font-size: 13px;
	padding: 0;
}
#search-filter .row
{
	width: 580px;
	color: #000;
	clear: both;
}

#search-filter .cell
{
	width: 115px;
	padding: 5px;
	float: left;
}

#search-filter fieldset
{
	border: solid 1px #B4CEFE;
}

#search-filter legend
{
	font-weight: bold;
	color: #01215C;
}

/* END NEW STYLES WEBSITE REVAMP */

/* VOUCHER SWIFT STYLES  */
.float-left
{
	float: left;
}

.swift-fields-container
{
	float: left;
	width: 320px;
	margin: 0px 0px 0px 5px;
}

.swift-fields-preview-container
{
	float: left;
	width: 250px;
	margin: 0px 0px 0px 5px;
	padding: 3px;
}

fieldset legend
{
	color: #000;
	font-weight: bold;
	position: absolute;
	top: -.5em;
	left: .5em;
}

fieldset
{
	color: #000;
	background-color: #E0DFE3;
    position: relative;
    margin-top:1em;
    padding-top:.75em;	
    padding-bottom: 5px;
    padding-left: 5px;
}


/**  Added By Arthur **/
.align_r{
    text-align: right;
}
.align_c{
    text-align: center;
}
.align_l{
    text-align: left;
}
.hidden{
    display: none;
}

.tab
{
    cursor: pointer;
}
/*
.activeTab
{
    border-bottom: 2px solid blue;
}*/


.tradePopup{
    display:    block;
    position: absolute; 
    top: 0px; left: 0px; 
    height: 100%; width: 100%; 
    z-index: 200; 
    background-color: rgba(255, 255, 255, 0.65);
    text-align: center;
}

.modal {
    display:    block;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../img/loading-blue.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}




/* The Modal (background) */
.auth-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    font-family: 'Open Sans', sans-serif;
    color: #333;
}

/* Modal Content/Box */
.auth-modal-content {
    background-color: #efbe42;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 100%; /* Could be more or less, depending on screen size */
    font-size: 14px;
}

.auth-modal-content .form-control{
    display: block;
    height: 18px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.auth-modal .btn:hover, .auth-modal .btn:focus, .auth-modal .btn.focus {
    color: #333;
    text-decoration: none;
}

.auth-modal .btn-2fa {
    background-color: #efbe42;
    border: 1px solid #000;
    padding: 6px 25px;
    border-radius: 3px;
    margin-left: 3px;
    font-size: 11px;
}

.auth-modal .btn-2fa:hover {
    border-color: #fff;
}

.auth-modal h1 {
    font-size: 20px;
    height: 40px;
    display: block;
    background: #efbe42;
    padding-top: 40px;
    margin-top: 0px;
    font-weight: 100;
    margin-bottom: 0px;
}

.btn-2fa-submit {
    border: 1px solid #000;
    padding: 3px 6px;
    background: transparent;
    border-radius: 3px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.Numeric
{
	text-align: right;
}

.Text
{
	text-align: center;
}

.aggregateTotal 
{
	background-color: #f0f0f0;
	color: #333;
    font-weight: bold;
    white-space: nowrap;
}