/*******************************************************************************/
/*                               Show Cards                                    */
/*******************************************************************************/
/* Settings for header main table (title and options) */
.cssHeaderTable
	{
		width: 775px;
		margin: 6px 0px 6px 0px;
	}
/* Settings for title table */
.cssTitleTable
	{
		width: 100%;
		background-color: #D6EBFF;
	}
/* Settings for Title */
.cssTitle
	{
		background-color: #D6EBFF;
		color: #02507C;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      text-align: left;
      padding-bottom: 3px;
	}
/* Settings for option button */
.cssOptionButtons
	{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      text-align: left;
      vertical-align: top;
      color: #02507C;
      width: 150px;
      background-image: url(../images/bg_butt2.gif);
      background-repeat: no-repeat;
	}

.cssOutsiteCategoryTable
	{
		width: 775px;
		background-color: #FFFFFF;
	}
/* Settings for category table (subtable) */
.cssCatTable
	{
		width: 100%;
		background-color: #D6EBFF;
		cellspacing: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

.cssMainCreditCardsList
	{
		/*border: 2px solid #D6EBFF;*/
		width: 775px;
	}

.cssCardsListTableOutside
{
		background-image:  url(../images/cat_gr.gif);
		background-repeat: repeat-x;
}

/* Settings for credit cards list main table */
.CardsListTable
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		empty-cells: show;
		width: 759px;
		table-layout: fixed;
	}
	
.cssLineBottom
	{
		background-color: #D6EBFF;
		height: 2px;
	}
/* Settings for credit cards list header */
.cssCarListTable th
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		color: #02507C;
		border-bottom: 0px solid #D6EBFF;
		padding-bottom: 2px;
	}

/* Settings for cells (credit cards table) */
.cssCarListTable td
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		padding: 5px 5px 5px 5px;
		border-style: solid;
		border-width: 0px 0px 0px 0px;
		text-align: center;
		color: #000000;
	}

td#cssCardListFirstCol a
	{
		color:#0000FF;
	}

td#cssCardListFirstCol a:hover
	{
		color: #AA0000;
	}

a:link {
	color: #02507C;
	}
a:visited {
	color: #02507C;
	}
a:hover {
	color: #AA0000;
	}
/* Set width of every cols in credit card table */
.cssCardsCol1	{	width: 100px;	}

.cssCardsCol2	{  width: 180px;	}

.cssCardsCol3	{	width: 60px;	}

.cssCardsCol4	{	   }

.cssCardsCol5	{  	}

.cssCardsCol6	{	width: 80px;	}
	
.cssCardsCol7	{	width: 80px; border-top: 2px solid #DDEEFF;  }
	
.cssCardsCol8	{	width: 80px;  border-top: 2px solid #DDEEFF; 	}
	
.cssCardsCol9	{	width: 80px;  border-top: 2px solid #DDEEFF; 	}
	
.cssCardsCol10	{	width: 80px;  border-top: 2px solid #DDEEFF; 	}

/* Background colors for alternate rows */
.cssBackCols1	{	background-color: #F3F9FF;	}

.cssBackCols2	{	background-color: #ffffff;	  }

/* Settings for error text (in case the returned xml is empty) */
.cssErrorNoCards td
	{
		color: #ff0000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
		font-style: italic;
		height: 40px;
	}
/* Settings for 'Cards Balance' text in credit cards table */

.cssSavingsName
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		color: #000000;
	}

.cssSavingsNotice
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		color: #000000;
	}
	
.cssSavingsInterestPaid
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		color: #000000;
	}
	
.cssSavingsInterestAER
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		color: #000000;
	}
	
.cssDepositMin
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		color: #000000;
	}
	
.cssDepositMax
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		color: #000000;
	}
	
/* Settings for Info button */
img#InfoButton	{	}
img#idCards		{ border-style: none; }
img#CardsLoadingImageTemp {  }
.cssCfdBackgroundDiv
    {

    }

.cssToolTipHeader
{
				background-image: url(../images/tooltip_top.gif);
				background-repeat: no-repeat;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
				color: #1E6EA1;
				text-align: center;
				padding: 0px 8px 0px 8px;
            height: 24px;
				opacity: 0.95;
            filter:alpha(opacity=95);
            width:160px;
}

.cssToolTipBody
{
				background: #F3F9FF;
            font-family:arial;
            font-size:12px;
				border-left: 1px solid #C5DDF2;
				border-right: 1px solid #C5DDF2;
				color: #454545;
				text-align: justify;
            padding: 0px 8px 0px 8px;
            width:143px;
				opacity: 0.95;
				filter:alpha(opacity=95);
}
.cssToolTipBottom
{
				background-image: url(../images/tooltip_bottom.gif);
				background-repeat: no-repeat;
				background-position: bottom;
				height: 11px;
				border: 0px;
				width: 145px;
				padding: 0px 8px 0px 8px;
				opacity: 0.90;
				filter:alpha(opacity=90);
}