/*Style for whole page*/
BODY
{	
	font-size: 12px;
	margin:0;
	width:100%;
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;	
	padding:0;		
}

/* Style for header: Logo & Banner */
.ChartTopLeftCorner
{
	background-image:url(Images/Chart/top-leftcorner-chart.jpg);
	background-color:Transparent;
	background-repeat:no-repeat;
	background-position:left;
	width:10px;
	height:8px;
}
.ChartTopRightCorner
{
	background-image:url(Images/Chart/top-rightcorner-chart.jpg);
	background-color:Transparent;
	background-repeat:no-repeat;
	background-position:right;
	width:10px;
	height:8px;
}


/*Style for Welcome*/
.welcome
{
	font-size:1.1em;
	font-weight:bold;
	color:#FFFFFF;
}
.brVoucher
{
	border: 2px solid #575757;
	font-family: Arial;
	font-size: 12px;
}
a.link, a.link:hover
{	
	font-size: 1.1em;
	color: blue; 	
}
a.link:hover
{
	text-decoration: none;
}
A.LinkHome
{
	font-family:Arial, Sans-Serif;
	font-size:12px;
	text-decoration:underline;
	color:#FFFFFF;
	font-weight:bold;
}
div#WelcomeText
{
	background: Transparent url('Images/BrandingImages/banner-fdc.jpg') no-repeat;
	display:block;	
	padding-top:1em;
	padding-right:1em;
	height:91px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}

/*Style for Content*/
DIV#PageContent
{
	padding-left:2px;
	padding-right:2px;
	padding-top:10px;
}
.BackButton
{
	FONT-SIZE: 10px;
	CURSOR: hand;
	COLOR: Black;
	FONT-FAMILY: Verdana, Tahoma, Arial, Sans-serif;		
	width:25px;
	height:25px;
	float:right;
}
.BackButtonText
{
	FONT-SIZE: 11px;
	CURSOR: hand;
	COLOR: Black;	
	FONT-FAMILY: Verdana, Tahoma, Arial, Sans-serif;	
	text-decoration:none;
}




.texttip {
	font-family: Arial;
	font-size: 11px;
	color:Gray;
}
.text {
	font-family: Arial;
	font-size: 12px;
	color:Black;	/* Mau sac cua text o trong table*/
}
.LabelTextBold
{
	font-family: Arial, Sans-Serif;
	font-weight: 700;
	font-size: 12px;	
}
.LabelTextNormal
{
	font-family: Arial, Sans-Serif;
	font-weight: 400;
	font-size: 12px;
}

/* ++Style for  report++ */
.altertextbox
{
	border: solid 1px #C4C4C4;
	background-color: #FFFFCC;
	color: #000;
	padding: 3px;
	font-size: 12px;
}
.backgroud {
	background-color: #E5E5E5;	
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: black;	
}
.backgroud1
{
	background-color: #DBDBDB;
}
.labelbackgroud {
	background-color: #FFFFCC;		
}
.message 
{
	font-family: Arial;	
	font-style: italic;
	color: Gray;
	font-size: 13px;	
}
.warning 
{
	font-family: Arial;
	color: Red;
	font-size:11px;
}
.alterRowBackgroud {
	background-color: #fff;
}
.alterRowBackgroudManageProfile {
	background-color: #C0C0C0;
}
.filteroption 
{
	border-right: solid 1px  #575757; 
}
.messageemail {		
	font-style: italic;
	color: Red;
	font-family: Arial;
	font-size: 12px;
}
.statementtbl {
	border:  solid 1px #969696;		
}
table.statementtbl td{
	padding: 1.5% 2.5% 1.5% 2.5%;
}
#wrapper {
width: 98%;
margin: 0 auto;
text-align: center;
} 
/* --Style for report-- */
.reporttitle
{
	font-family: Arial;
	font-size: 19px;
	color:Black;
	font-weight:bold;
	text-align: left;
}
.hierarchytitle
{
	font-family:Arial;
	font-size:16px;
	color:Black;
}
.reportsubtitle
{
	font-family: Arial;
	font-size: 16px;
	color:Black;
	font-weight:bold;
	text-align: left;
}
.gridtitle
{
	font-family: Arial;
	font-size: 15px;
	color:Black;
	font-weight:bold;	
}
.gridtitle1 {
    color: Black;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
}
.brFrame
{
	/*border: 1px solid #BE3126;*/
	
	border-top:none;
	font-family: Arial;
	font-size: 12px;
}
/* ++media print++ */
@media print
{
	/* No print a element of page */
	.noprint
	{
		display:none;
	}
	th 
	{
		font-family:Arial;
		color:black;
		
	}
	thead 
	{
		display:table-header-group;
		border: 1px solid #575757;
	}
	tbody 
	{
		display:table-row-group;		
		border: 1px solid #575757;
		
	}
	th .RadGrid
	{
		font-size:13px;
	}
	th .windowcontent .RadGrid
	{
		font-size:13px;
	}
	thead .RadGrid
	{
		font-size:14px;
	}
	thead .windowcontent .RadGrid
	{
		font-size:14px;
	}
	tbody .RadGrid
	{
		font-size:13px;		
	}
	tbody .windowcontent .RadGrid
	{
		font-size:13px;		
	}
	.statement
	{
		font-size: 15px; 
		font-weight: bold;
		font-family: Arial; 
		color: Black;
	} 		
}
/* --media print-- */

/* ++media screen++ */
@media screen
{	
	th 
	{
		font-family:Arial;
		color:black;
		/*background-color: lightgrey;*/
	}
	thead 
	{
		display:table-header-group;
	}
	tbody 
	{
		display:table-row-group;
	}
}
/* --media screen-- */

.textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #414141;
	padding-left: 3px;
	border: 1px solid #C4C4C4;
}
/* ++Style for detail table++ */
table.detail {
	border-width: 0 0 0 0;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: #C4C4C4 #C4C4C4 #C4C4C4 #C4C4C4;
	border-collapse: collapse;
	margin: 1em 0em 1em 0em;
}
table.detail th {
	border-width: 0 0 0 0;
	padding: 0 0 0 0;
	border-style: none none none none;
	border-color: #C4C4C4 #C4C4C4 #C4C4C4 #C4C4C4;
		
}
table.detail td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #C4C4C4 #C4C4C4 #C4C4C4 #C4C4C4;		
}
table.contact {
	border-width: 0 0 0 0;
	border-spacing: 0px;
	border-style: none  outset none none;
	border-color: #C4C4C4 #C4C4C4 #C4C4C4 #C4C4C4;
	border-collapse: collapse;
	margin: 1em 0em 1em 0em;
}
table.contact td {
	border-width: 0 0 0 0;
	padding: 1px 1px 1px 50px;	
	padding-left: 1.5em;
	text-align: left;			
}
table.contact td.out {	
	padding: 0 0 0 0;	
	border-color: #C4C4C4 #C4C4C4 #C4C4C4 #C4C4C4;	
	-moz-border-radius: 9px 9px 9px 9px;
	border-width: 0 0 0 0;	
	border-style: inset;	
	font-weight: bold; 
	font-family: Arial;
	font-style: normal;
	font-size: 13px;	
	padding-right: 2em;		
	text-align: right;
}
/* --Style for detail table-- */

/************Begin Dundas Chart Control*********/
.DundasChartArea
{
	width:100%;
}

DIV.DundasChartView
{
	overflow:auto;width:100%;text-align:center;
}
.ChartTopLeftCorner
{
	background-image:url(Images/Chart/top-leftcorner-chart.jpg);
	background-color:Transparent;
	background-repeat:no-repeat;
	width:10px;
	height:8px;
}
.ChartTopRightCorner
{
	background-image:url(Images/Chart/top-rightcorner-chart.jpg);
	background-color:Transparent;
	background-repeat:no-repeat;
	width:10px;
	height:8px;
}
.ChartBg
{
	background-image:url(Images/Chart/bg-chart.jpg);
	background-repeat:repeat;
	background-color:Transparent;	
}

.ChartBottomLeftCorner
{
	background-image:url(Images/Chart/botton-leftcorner-chart.jpg);
	background-color:Transparent;
	background-repeat:no-repeat;
	width:10px;
	height:8px;
}
.ChartBottomRightCorner
{
	background-image:url(Images/Chart/botton-rightcorner-chart.jpg);
	background-color:Transparent;
	background-repeat:no-repeat;
	width:10px;
	height:8px;
}


/************End Dundas Chart Control*********/

/************DashBoard page*********/
hr.Line_DashBoard
{
	background-color:Gray;
	height:3px;
	width:100%;	
}
.BorderLeft
{
	border-left:solid 1px #C4C4C4;
}
.BorderRight
{
	border-right:solid 1px #C4C4C4;
}
.BorderBottom
{
	border-bottom:solid 1px #C4C4C4;
}
.GridLines1
{
	border-left:solid 1px #C4C4C4;
	border-right:solid 1px #C4C4C4;
	border-bottom:solid 1px #C4C4C4;
}
.NormalFont
{
	font-family:Arial;
	font-size:0.75em;
	font-weight:400;	
}
.LinkText
{
	font-family:Arial;
	font-size:12px;
	text-decoration:underline;
	color:Blue;	
}
.LinkText:hover visited
{
	font-family:Arial;
	font-size:12px;
	text-decoration:underline;
	color:Blue;
}

.FontBold
{
	font-weight:900;
}
.EnhancedFont1
{	
	font-size:0.85em;	
}
.EnhancedFont2
{	
	font-size:1em;	
}
.AlignRight
{
	text-align:right;
}
.AlignLeft
{
	text-align:left;
}
.AlignCenter
{
	text-align:center;
}
.PaddingRight2
{
	padding-right:4px;
}
.bgHeaderLighter1
{
	background-color:#C2C2C2;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	color:Black;
}
/************DashBoard page*********/
.LineBreak
{
	height:1em;
	width:100%;
	display:block;
	clear:both;
}



/************Merchant Information*********/
.normalLeft
{
	font:13px arial,sans-serif;
	width:40%;
	background-color:#e2f7ff;       /*#EEEEEE;*/
	padding-left: 6px;
	}
.normalRight
{
	font:13px arial,sans-serif;
	width:60%;
	background-color: #e2f7ff;
}
.altLeft
{
	font:13px arial,sans-serif;
	width:40%;
	background-color:#ffffff;    /*#FFCD16;*/
	padding-left: 6px;
}
.altRight
{
	font:13px arial,sans-serif;
	width:60%;
	background-color: #ffffff;
}

/* Some Css class used for Docking block */

.ClientName
{
	padding-left: 3px;
	padding-top: 15px;
	padding-bottom:5px;
	color:White;
}
.disabletext
{
	color: #CCC;
}




/************** ++++++++++++ProgressBar++++++++++++ ********************/
.ProgressBarDiv
{	
	width: 30px;
	display:block;		
	background-color: Transparent;	
	background-repeat: repeat-x;
	height: 20px;	
	border: solid 1px #555;
}
.NumberCell
{
	text-align: center;	
	height: 20px;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	vertical-align: middle;	
	width: 20px;		
	background-color: Transparent;	
	padding-left:32px;
	padding-top: 2px;		
}
.ProgressBarCell1
{	
	background: White url(Images/BrandingImages/ProgressBar.jpg);
	background-repeat:repeat-x;	
	height: 20px;
	text-align: left;
	float:left;	
}
.ProgressBarCell2
{
	text-align: left;
	display:none;	
	background-color:White;
	height: 20px;
	float:left;	
}
.ProgressBarCell1_Red
{	
	text-align: left;
	background: White url(Images/BrandingImages/ProgressBar_red.jpg);
	background-repeat:repeat-x;
	height: 20px;	
	display:block;
	float:left;
}
.ProgressBarCell1_Yellow
{	
	text-align: left;
	background: White url(Images/BrandingImages/ProgressBar_yellow.jpg);
	background-repeat:repeat-x;
	height: 20px;
	display:block;
	float:left;
}
div.divLoadingPanel
{
	position: absolute;
	z-index: 9999;
	left: 0px;
	top: 0px;
	padding-top:1px;
	padding-left:1px;	
	font-weight: bold;
	background-color:White;
	-moz-opacity: 0.65;
}
.intro
{
	padding: 10px;
	background-color: #CCC;
	font-style: italic;
}
/************** Two List Box **************/
.TwoListBox
{
	border:solid 1px #777777; 
	font-family:arial,sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	color:#242424;
}

option
{
    padding-bottom:3px;
    padding-top:3px;
}
/************** End Two List Box **************/


.clear
{
	clear: both;
}

.FaxNumber 
{
    color:#A85125;
}
.IssueBank_IssueName_Color 
{
    color:#00734A;
}