/* JFP CSS Document Standard */

/* Standard HTML (JFP CSS Style Guide - section:3) */
body    { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF;}
TD              { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
a               { color: #003399; }
a:hover{text-decoration:underline;}
P               { font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; }
input, select   { font-family: Arial, Helvetica, sans-serif;}

/* Added for Two column Style */
.banner_two
{
      BACKGROUND-POSITION: right 50%;  BACKGROUND-IMAGE:
url(/images/dot_ver.gif); WIDTH: 230px;  BACKGROUND-REPEAT: repeat-y }

.banner_two H1 {
      FONT-SIZE: 15px; PADDING-BOTTOM: 10px; MARGIN: 0px; COLOR: #000066 }

.banner_two H2 {
      PADDING-BOTTOM: 10px; MARGIN: 0px
}
.banner_two P.bank {
      MARGIN: 0px; WIDTH: 144px; LINE-HEIGHT: 16px; HEIGHT: 94px }

/* End of Adding */


/* Adding CSS details for Apply Now link*/ 
.green_arrow_linkl {
      PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 2px; PADDING-LEFT: 13px;
FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(/images/arrow_green.gif);
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat }
.green_arrow_linkl A {
      COLOR: #008a03; TEXT-DECORATION: none } .green_arrow_linkl A:hover {
      COLOR: #79bc55; TEXT-DECORATION: underline }
/* End of Adding */

/* --------- Tiles Layout ---- */
/* Default Application Layout (JFP CSS Style Guide - section:4) */
div#portalFooter, div#portalAdBar, div#portalSubHeader, div#portalNavBar, div#portalBody, div#portalHeader      { display: inline;}
#portalHeader, .portalHeader { vertical-align:top; }
.portalNavBar   { vertical-align:top; text-align: left; margin-left: 5px; padding-left: 5px;}
.portalSubHeader{ vertical-align: top; }
.portalAdBar    { width: 166px; vertical-align: top; text-align: right; padding: 0 5px 0 5px; margin-right: 5px; }
.portalAdBar li { margin-left: -20px; font-size: 10px; padding-bottom: 5px;}
.portalAdBar li a { font-family: verdana; color: #003399; font-size: 10px; }
.portalAdBar a.linksm { font-family: verdana; color: #003399; font-size: 10px; }
.portalAdBar td.apptxtsm        { font-family: verdana; color: #003399; font-size: 10px;}
.portalAdBar td.apptxtlg        { font-size: 11px; color: #000000; font-family: Arial;}
.portalAdBar td.apptxtlgbold    { font-size: 11px; font-weight: bold; color: #000000;}
.portalAdBar td.apptxtlgAlt{ font-size: 11px; color: #CE0000; }
.portalAdBar td.apptxtlgboldAlt{ font-size: 11px; font-weight: bold; color: #CE0000; font-family: Verdana; }
.portalAdBar span.apptxtlgboldAlt{ font-size: 11px; font-weight: bold; color: #CE0000; font-family: Verdana; }
#portalFooter, .portalFooter { vertical-align: bottom; text-align: center; width: 100%; padding-left: 0px; padding-right: 0; }
.portalBody     { vertical-align: top; }
.tileAppBs, td.tileAppBs, img.tileAppBs { width: 10px; height: 400px; }

/* --------- JFP Header ----------- */
/* Header side links (JFP CSS Style Guide - section:5.1) */
.MItmStyl       { font-weight: bold; font-size: 8pt; color: #333399; font-family: arial; text-decoration: none; text-align: right; } 

/* Header divider (JFP CSS Style Guide - section:5.1) */ 
.NavBG          { background-image:  url('/JPS/portal/images/tab_btm.gif'); background-repeat: repeat-x; background-position: bottom left; } 
.LogoBG         { width: 155px; background-image:  url('/JPS/portal/images/tab_btm.gif'); background-repeat: repeat-x; background-position: bottom left; padding-bottom: 2px; } 

/* Nav Level One (JFP CSS Style Guide - section:5.1.1) */
.NavLA:hover{ color: #3399CC; }
a.NavLA         { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; color: #333399; font-weight: bold; padding-bottom: 2px; }
a.NavLAOn       { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; color: #CC0000; font-weight: bold; padding-bottom: 2px; }
td.NavLA        { text-align: center; vertical-align: middle; padding-left: 2px; padding-right: 2px; }
td.NavLAOn      { background-image:  url('/JPS/portal/images/tab_top.gif'); background-repeat: repeat-x; background-position: top left; background-color: #FFFFFF; text-align: center; vertical-align: middle; padding-left: 2px; padding-right: 2px; padding-top:3px; }
td.NavLAOnR { background-image:  url('/JPS/portal/images/tab_bgr.gif'); background-color: #FFFFFF; vertical-align:top; }
td.NavLAOnL { background-image:  url('/JPS/portal/images/tab_bgl.gif'); background-color: #FFFFFF; vertical-align:top; }

/* Level 2 nav (JFP CSS Style Guide - section:5.2.1) */
.NavLB          { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: left; color: #3366CC; font-weight: bold; padding-left: 1px; padding-right: 5px; }
.NavLBOn        { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: left; color: #CC0000; font-weight: bold; padding-left: 1px; padding-right: 5px; }

/* Level 3 nav (JFP CSS Style Guide - section:5.2.2) */
.NavLCTitle { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333399; font-weight: bold; }
.NavLCTbl       { width: 97%; }
a.NavLC         { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #3366CC; font-weight: bold; }
a.NavLCOn       { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #CC0000; font-weight: bold; white-space: nowrap; }
td.NavLC        { text-align: left; background-color: #CCCCCC; border-top: 1px solid #999999; border-right: 1px none #999999; border-bottom: 1px solid #999999; border-left: 1px none #999999; width: 1%; white-space: nowrap; padding-left: 5px; padding-right: 5px; }
td.NavLCOn      { text-align: left; background-color: #FFFFFF; border-top: 1px solid #999999; border-right: 1px solid #999999; border-left: 1px solid #999999; width: 1%; padding-left: 5px; padding-right: 5px; }
td.NavLCL       { background-color: #CCCCCC; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; width: 1%; }
td.NavLCR       { background-color: #CCCCCC; border-top: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }

/* Level 4 nav (JFP CSS Style Guide - section:5.2.3) */
a.NavLD         { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #3366CC; font-weight: bold; }
a.NavLDOn       { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #CC0000; font-weight: bold;         white-space: nowrap; }
td.NavLD, td.NavLDOn  { text-align: center; padding-left: 5px; padding-right: 5px; }
td.NavLDFrame { border-right: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #999999; background-color: #FFFFFF; }
td.NavLDBtm { height: 11px; font-size: 11px;}

/* --------- Portal Layout ---- */
/* Page Title (JFP CSS Style Guide - section:5.3) */
.pageHD { font-size: 12.5pt; font-weight: bold; color: #CC0000; font-family:Verdana,Arial,Helvetica,sans-serif;}
table.pageHD{ width: 100%; }
.pageHDdiv { font-size: 3px;  background-position: center; }

/* Nav Tile (JFP CSS Style Guide - section:5.4) */
.NavLink        { font-family: Arial, Helvetica, sans-serif; color: #333399; text-decoration: none; font-size: 11px; font-weight: bold; width: 140px; }
.mItmSBlk       { font-family:arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration:none;}
.ModVT1S        {       font-family:arial;              font-size:10pt;         font-weight:bold;               color:#333366;}
.ModVT2S        {       font-family:arial;              font-size:10pt;         font-weight:bold;               color:#00699E;}
.ModVTAS        {       font-family:arial;              font-size:10pt;         font-weight:bold;               color:#333366;}
.ModVTBS        {       font-family:arial;              font-size:10pt;         font-weight:bold;               color:#00699E;}
.ModTxtSy       {       font-family:arial;              font-style:regular;             font-size:10pt;         color:#000000}
.IntTxtSy       {       font-family:arial;              font-style:regular;             font-size:8pt;          text-decoration:none;           color:#3399CC}

/* Ad Tile (JFP CSS Style Guide - section:5.5) */
.dropdown       { font-size: 7.5pt; width: 175px; }
.golddpdown     { font-size: 7.5pt; width: 215px; }

/* Footer Tile (JFP CSS Style Guide - section:5.6) */
.gfooter        { font-size: 10px; color: #666666;}
.footcopy       { font-size: 7.5pt; font-weight: normal; color: #000000; margin-top: 2px; margin-bottom: 2px; }
.footlink       { font-size: 7.5pt; font-weight: normal; color: #003399; text-decoration: underline; }
.link           { font-size: 8pt; font-weight: normal; color: #003399; text-decoration: underline; }
.hdbottom       {       font-family: Verdana, Arial, sans-serif; font-size: 7.5pt; font-weight: bold; color: #cc0000;  }
.thindiv        { background-color: #CCCCCC; }
.gnav           { text-decoration:none;}

/* --------- Body Tile ---- */
/* Standard Application Style Classes (JFP CSS Style Guide - section:6.1.1) */
.appPhTbl       {}
.appBxTbl       { border: 1px solid #D2D2D2; margin-bottom: 15px; }
.portalNavBar .appBxTbl         { border: 1px solid #D2D2D2; margin-bottom: 0; width: 140px; }
.appIndent      { padding-left: 20px; }
.appBxTbl td { padding-left: 8px; }
.appHsTbl       {}
.appHsTbl td { padding-left: 8px; }
.appPrTbl       {}
.appPrTbl td { padding-left: 10px; }
.appFrTbl       {}
.appFrTbl td { height: 26px; }
.apptxtelg      { font-size: 13px; }
.apptxtlg       { font-size: 12px; }
.apptxtlgAlt{ font-size: 12px; color: #FF0000; }
.apptxtlgAltGr{ font-size: 12px; color: #636363; }
.apptxtlgbold   { font-size: 12px; font-weight: bold; }
.apptxtlgboldAlt{ font-size: 12px; font-weight: bold; color: #FF0000; font-family: Verdana; }
.apptxtlgboldBlu{ font-size: 12px; font-weight: bold; color: #003399; }
.apptxtsmAlt    { font-size: 11px; }
.apptxtsm       { font-size: 11px; }
.apptxtsr       { background-color: #FFF3CB; }
.appbgG         { background-color: #EFEFEF; }
.apperror       { font-size: 11px; font-weight: bold; color: #FF0000; }
appPhTbl a.linksm, appPhTbl .linksm appNavTbl.linksm{ font-family: verdana; color: #003399; font-size: 10px; }
.linksm         { font-size: 11px; font-weight: bold; white-space: nowrap; }
.linklg { font-size: 12px; }
.linkNon        { font-size: 11px; color: #000000; text-decoration: none; cursor:default; }
.linkSearch     { font-size: 11px; }
.linkFind       { font-size: 11px; }
.appDivS        { border-bottom: 1px solid #000000; }

/* Login (JFP CSS Style Guide - section:6.1.2) */
.soTab          { width:75px; }


select#username, input.soInput  { width:125px; }
.soInput  { word-wrap:break-word;width:420px; }


.soInputB       { width:100px; font-size: 9px; }
.son, .soff { text-align: center; font-family: Verdana; font-style: normal; font-size : 12px; font-weight :bold; height:21px; color :#FFFFFF; text-decoration: none; background-color: #009A00; padding: 2.5px 10px; border-style: outset; border-color: #42B642; border-width: 2px; }
TD.DBS          {       background:#CCCCCC}
TR.DBS          {       background:#CCCCCC}
.plnTxt         { font-size: 8.5pt; color: #000000; }
.BSmlAncr       { font-family:arial; font-size:8pt; }

/* Dynamic PinPad (JFP CSS Style Guide - section:6.1.3) */
table.sodpp { text-align:center; border: 2px solid #000066; background-color: #CCCCFF; }
td.sodpp        { }
input.sodpp:hover {background-color: #000066;color:#FFFFFF;}
input.sodpp:active {background-color: #FF0000;color:#FFFFFF;}
input.sodpp { font-size: 12px; height:24px; width: 24px; text-align:center; font-weight:bold; color:#000066; border: 1px solid #000066; cursor:pointer; cursor:hand; background-color: #FFFFFF; }
input.sodppB{ font-size: 12px; height:24px; text-align:center; font-weight:bold; color:#000066; border: 1px solid #000066; cursor:pointer; cursor:hand; background-color: #FFFFFF; }
td.sodppHD      { font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #98A3D6; cursor: move; }
td.sodppHDB { font-size: 12px; font-weight: bold; }
.sodppTD        { width: 30px; height: 30px; align:center; }

/* Application Header (JFP CSS Style Guide - section:6.1.4) */
.appHdTbl, #appHdTbl    { padding-top: 2px;  width: 100%; }
tr#appHdDiv { display:none; visibility:hidden;}
/*.appHdDiv     { height: 11px; border-bottom: 2px solid #639ACE; }*/
.appHdTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12.5pt; font-weight: bold; text-transform: capitalize; color: #CC0000; }
.appHdPrint { font-size: 12px; font-weight: bold; color: #003399; text-align: right;  }

/* Account Selector (JFP CSS Style Guide - section:6.1.5) */
.appAsTbl, #appAsTbl    { }
td.appAs        { font-size: 11px; color: #666666; font-weight: bold; }
select.appAs{ font-size: 12px; font-weight: normal; }


/* Account Details (JFP CSS Style Guide - section:6.1.6) */
.appDtTbl       { background-color: #F1F1F1; border: 1px solid #CCCCCC; width:100%;}
.appDtL         { font-size: 12px; color: #666666; font-weight: bold; text-decoration: none; text-align: right; white-space: nowrap; }
.appDtV         { font-size: 12px; text-align: left; }

/*      TJs and Lists (JFP CSS Style Guide - section:6.1.7) */
.appLsTbl, #appLsTbl    { width: 100%; }
.appaltbg               { background-color: #F7F7F7; }
.appaltbgvivid  { background-color: #EEF3FF; }
.appLsDiv       { font-size: 3px;  background-position: center; }
/* adding no wrap suggested by saurabh(global dev. team) */
.sortbg { background-color: #C4D6FF; white-space: nowrap;}

/* .sortbg      { background-color: #C4D6FF; text-align: left; vertical-align: bottom; white-space: nowrap; } */
.sortbgW        { background-color: #C4D6FF; text-align: left; vertical-align: bottom; }
.sortbgon       { background-color: #A8C2FF; text-align: left; vertical-align: bottom; white-space: nowrap; }
.sortbgA        { background-color: #C4D6FF; text-align: right; vertical-align: bottom; white-space: nowrap; }
.sortbgAW       { background-color: #C4D6FF; text-align: right; vertical-align: bottom; }
.sortbgAon      { background-color: #A8C2FF; text-align: right; vertical-align: bottom; white-space: nowrap; }
.sortlinks      {       font-family: Verdana, Arial, Helvetica, sans-serif;     font-size: 10px;        color: #666666; font-weight: bold;      text-decoration: none;}
.appLsDate      { font-size: 12px; text-align: left; vertical-align: top; }
.appLsDateA { font-size: 12px; text-align: left; vertical-align: top;  }
.appLsDesc      { font-size: 12px; text-align: left; vertical-align: top; white-space: nowrap; }
.appLsCred      { font-size: 12px; text-align: right; vertical-align: top; white-space: nowrap; }
.appLsDeb       { font-size: 12px; text-align: right; vertical-align: top; white-space: nowrap; }
.appLsRun       { font-size: 12px; text-align: right; vertical-align: top; white-space: nowrap; }
.appLsTo        { font-size: 12px; text-align: left; vertical-align: top; }
.appLsFrom      { font-size: 12px; text-align: left; vertical-align: top; }
.appLsSm        { font-size: 11px; text-align: left; vertical-align: top; }
.appLsAmount{ font-size: 12px; text-align: right; vertical-align: top; white-space: nowrap; }
.appLsLink      { text-align: left; vertical-align: top; white-space: nowrap; }
a.appLsLink     { font-size: 12px; }
.appLsAct       { font-size: 12px; text-align: left; vertical-align: top; white-space: nowrap; color: #009900; }
.appLsInAct     { font-size: 12px; text-align: left; vertical-align: top; white-space: nowrap; color: #FF0000; }

#aJPSINFRA_t_sHome td.appLsFrom a.appLsLink { white-space:normal; }
#a_t1_s125 td.appLsDeb, #a_t1_s125 td.appLsRun, #a_t1_s125 td.appLsCred, #a_t1_s125 td.appLsAmount, #a_t1_s125 td.appLsDateA
{ vertical-align: bottom; }
#a_t1_s280 td.appLsDeb, #a_t1_s280 td.appLsRun, #a_t1_s280 td.appLsCred, #a_t1_s280 td.appLsAmount, #a_t1_s280 td.appLsDateA
{ vertical-align: bottom; }

/* Bulleted and Single-Column Lists (JFP CSS Style Guide - section:6.1.8) */
.appBlTbl, #appBlTbl { }
.appBl { font-size: 12px; text-align: left; }

/* Input Screen (JFP CSS Style Guide - section:6.1.9) */
.appFrmTbl, #appFrmTbl  { }
.applabelF              { font-size: 11px; color: #666666; font-weight: bold; text-decoration: none; text-align: right; width: 1%; white-space:nowrap;}
.applabelIF             { font-size: 12px; color: #666666; font-weight: bold; text-decoration: none; text-align: right; width: 1%; white-space:nowrap;}
.applabelFalt   { font-size: 12px; color: #000000; font-weight: bold; text-decoration: none; text-align: left; width: 1%; white-space:nowrap;}
.appFrmTbl tr .applabelFalt{white-space:normal;}
.appfldF        {  font-size: 12px; text-align: left; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; }
input.appfldFR  {  font-size: 11px; text-align: left; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; background-color: #CCCCCC; }
td.appfldFR     {  font-size: 11px; color: #919191; }
.appfld         { font-size: 11px; }
.apptxthi       { font-size: 11px; font-weight: bold; color: #000066; }
td.apptxthi     { font-size: 10px; font-weight: bold; color: #636363; }

/*      Money Mover (JFP CSS Style Guide - section:6.1.10) */
.appMMW         { font-size: 12px; font-weight: bold; color: #000099; }
.appMMWon       { font-size: 12px; font-weight: bold; color: #FF0000; }

/* Recaps and Confirmation Screen (JFP CSS Style Guide - section:6.1.11) */
.appRcpTbl, #appRcpTbl  { }
.applabelR      { font-size: 11px; color: #666666; font-weight: bold; text-decoration: none; text-align: right; width: 1%; white-space: nowrap; }
.applabelRalt { font-size: 11px; color: #666666; font-weight: bold; text-decoration: none; text-align: left; width: 1%; white-space: nowrap; }
.apptxtR        { font-size: 11px; text-align: left; }
#homePhone .apptxtR{text-align: right;}
#officePhone .apptxtR{text-align: right;}
#otherPhone .apptxtR{text-align: right;}


/* Re-Entry Pin (JFP CSS Style Guide - section:6.1.12) */
.appPinTbl, #appPinTbl  { width: 1%; horizontal-align: left; }
.appPin         { font-size: 11px; color: #666666; font-weight: bold; text-decoration: none; width: 1%; white-space: nowrap; }


/* Application Workflow Navigation (JFP CSS Style Guide - section:6.1.13) */
.appNavTbl, #appNavTbl  { width: 100%; }
.appNavL, .appNavLC
{ text-align: left; width: 20%; vertical-align: bottom; white-space: nowrap;}
.appNavC        { text-align: center; width: 20%; vertical-align: bottom; white-space: nowrap;}
.appNavRC, .appNavR     
{ text-align: right; width: 20%; vertical-align: bottom; white-space: nowrap;}
.appNavBack, .appNavCncl, .appNavNext, .appNavAdd, .appNavView, .appNavGen, .appNavYes, .appNavNo, .appNavOk    
{ font-size: 16px; color: #003399; font-weight: bold; }
.appNavBack, .appNavCncl, .appNavNo{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; }
.appNavNext, .appNavView, .appNavYes,.appNavOk, .appNavAdd,  .appNavGen{text-align: center;     font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; }

.btnBig 
{ text-align: center;font-family: Verdana; Arial, sans-serif;font-size: 10px;font-weight: bold;color: #FFFFFF;text-decoration: none;background-color: #02329A;padding: 3px 12px;border-style: outset;border-color: #4E71B8;border-width: 2px;white-space: nowrap;overflow:visible; height: 21px; }

/* Disclosure (JFP CSS Style Guide - section:6.1.14) */
#appDsTbl       { width:100%; }
.appDsTbl       { background-color: #FFF3CB; }
.appDs  { font-size: 11px; color: #003399; border:1px solid #FF0000; }

/*----------- Child Window -------------*/
/* Print/View Record (JFP CSS Style Guide - section:6.2.2) */
.printBody      { text-align: left; padding: 2px; }
.printBG        { background-image:  url('/JFP/images/print_bg.jpg'); background-repeat: no-repeat; background-position: center center; background-attachment: inherit; vertical-align: top; height: 200; }
.printDate      { font-size: 10px; vertical-align: top; text-align: left; white-space: nowrap; padding-left: 10px;  }


/* --------- Promos ---- */
.adtxt {}
.adlink {}
.adtxtBold {}
.protxt {}
.protxtBold {}

/* Standard Portal Classes */
.pageHDus       { font-size: 18px;  font-family: Arial, Helvetica; font-weight: bold; color: #CC0000;background: url("/JPS/portal/images/grey_under.gif") repeat-x bottom; }
.hdTpBg         { font-family: Arial, Helvetica, sans-serif; font-size: 24.0pt; font-weight: bold; text-transform: capitalize; color: #3399CC; }
.hdTopA         { font-size: 10pt; font-weight: bold; text-transform: capitalize; color: #003399; }
.hdTop          { font-family: Arial, Helvetica, sans-serif; font-size: 12.5pt; font-weight: bold; text-transform: capitalize; color: #cc0000; }
.subhdAb        { font-size: 8pt; font-weight: bold; color: #003399; vertical-align: top; }
.subhdA         { font-size: 10pt; font-weight: bold; color: #003399; vertical-align: top; }
.apphdr         { font-size: 7.5pt; font-weight: bold; color: #009900; }
.prdlyr         { width: 398px; border: 1px solid #CCCCCC; }
.prdHd          { font-family : Arial, Helvetica, sans-serif; font-size : 24px; color : #3399CC; text-decoration:none; }
.bltcpy         { font-size: 8pt; font-weight: normal; color: #000000; margin-top: 2px; margin-bottom: 2px; }
.TYClassA       { font-size: 9pt; font-weight: normal; color: #003399; }
.TYClassB       { font-size: 6.5pt; font-weight: normal; color: #000077; }
.TYClassC       { font-size: 6.5pt; font-weight: normal; color: #9E9E9E; }
.errHd          { font-size: 12pt; font-weight: bold; color: #003399; vertical-align: top; }
.errTxt         { font-size: 8pt; color: #003399; vertical-align: top; }
.content        { font-size: 8pt; color: #000000; }
.contlink       { font-size: 8pt; font-weight: normal; color: #003399; text-decoration: underline; }
.clsCMOn        { color: #ffffff; padding: 2px 2px; font-family:arial; font-weight:bold; font-size:9pt; }
.clsCMOvr       { color: #ffffff; padding: 2px 2px; font-family:arial; font-weight:bold; font-size:9pt; }
.clsSubMO       { color: #ffffff; padding: 2px 2px; font-family:arial; font-weight:bold; font-size:9pt; }
.bdOrgTxt       { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; font-weight: bold; margin-bottom:0px; }
.subPrdHd       { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FF6600; font-weight: bold; }
.txtHead        { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3399CC; font-weight: bold; margin-bottom:0px; }
.titleHd        { font-family: Arial, Helvetica, sans-serif; font-size: 12.5pt; font-weight: bold; text-transform: capitalize; color: #3399CC; }
.tHdWABig       { font-family: Arial; font-size: 24pt; color: #3399CC; }
.mItmStUL       { font-family:arial; font-weight:bold; font-size:8pt; color:#333399; text-decoration:underline;}
.ModVTAS        { font-family:arial; font-size:10pt; font-weight:bold; color:#333366; }
.ModVTBS        { font-family:arial; font-size:10pt; font-weight:bold; color:#00699E; }
.ModTxtSy       { font-family:arial; font-style:regular; font-size:10pt; color:#000000;}
.IntTxtSy       { font-family:arial; font-style:regular; font-size:8pt; text-decoration:none; color:#3399CC;}
.IntLnkSy       { font-family:arial; font-style:regular; font-size:8pt; color:#3399CC;}
.ModSecTS       { font-family:arial; font-style:regular; font-size:24pt; color:#3399CC;}
.ModVSTAS       { font-family:arial; font-size:10pt; font-style:regular; color:#00699E;}
.THdApp         { font-family: Arial, Helvetica, sans-serif; font-size: 12.5pt; font-weight: bold; text-transform: capitalize; color: #3399CC; }
.TblHdSy        { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #00699E; font-weight: bold; }
.DiscStyl       { font-family:arial; font-style:regular; font-size:8pt; color:#00699E;}
.IntTxSys       { font-family:arial; font-style:regular; font-size:8pt; text-decoration:none; color:#3399CC;}
.LBandSys       { background:#FFFFFF}
.PPgFSty        { font-family:arial; font-style:regular; font-size:8pt; color:#000066;}
.FDLFStyl       { font-family:arial; font-size:10pt; color:#000066;}
.FDSFStyl       { font-family:arial; font-style:regular; font-size:8pt; color:#333399;}
.PosVCS         { color:#339933}
.NegVCS         { color:#FF0000}
.PosVCSS        { font-family:arial; font-style:regular; font-size:8pt; color:#339933}
.NegVCSS        { font-family:arial; font-style:regular; font-size:8pt; color:#FF0000}
.GryRlSyl       { color:#CCCCCC;height:1pixel}
.NoSymFS        { font-family:arial; font-size:10pt; font-weight:bold; color:#FF0000;}
.brandTD        { font-family: arial, helvetica, verdana, sans-serif; font-size: 1pt; }
TD.Reg          { font-family:arial; font-size:10pt; text-decoration:none; color:rgb(0,0,0);}
TD.Yellow       { background:#ffffcc;}

TD.DkYellow     { background:#CFAF2E;}
TD.LBS          { background:#FFFFFF;}
TD.ModTxtSy     { font-family:arial; font-style:regular; font-size:10pt; color:#000000;}
TD.ModTSSy, TD.NarrTxtS { font-family:arial; font-size:8pt; font-style:regular; color:#000000;}
TD.LoginPHS     { font-family:arial; font-size:10pt; font-style:regular; color:#333366;}
a.aplyhdr: visited {color: #cc0000; }
a.aplyhdr: hover {color: #3399cc; }
TD.Reg          { font-family:arial; font-size:10pt; text-decoration:none; color:rgb(0,0,0);}
.conRedBG       { font-size: 8pt; font-weight: bold; color: #ffffff; Background-color: #CC0000; }
.conDGyBG       { font-size: 8pt; color: #000000; Background-color: #E5E5E5; }
.conLGyBG       { font-size: 8pt; color: #000000; Background-color: #F2F2F2; }
.txtGren        { color: #008000; }
.tdDtBGIg       { background-image:  url('/JPS/portal/images/m_dot.gif');}
.tdHTBGIg       { background-image:  url('/JPS/portal/images/hr_top.gif');}
.tdGyBGCl       { background-color: #CCCCCC; }
.td                     { font-family: Arial, Helvetica, sans-serif; color: #000000; }
.redFont        { color: #ff0000; }
.greyHR         { color: #cccccc; }
.targetMg       { font-family: Verdana,Arial,sans-serif; font-size: 8.5pt; text-decoration: underline; color: #003399; }
.loginDt        { font-size: 8pt; color: #666666; }
.BLrgStl        { font-family:arial; font-size:10pt; text-decoration:none; }
.BRglrStl       { font-family:arial; font-size:9pt; text-decoration:none; }
.BSmlStl        { font-family:arial; font-size:8pt; text-decoration:none; }
.BAnchor        { font-family:arial; font-size:9pt; }
.BHeader        { background-color:#CCCCCC; }
.BBandA         { background-color:#FFFFFF; }
.BBandB         { background-color:#F1F1F1; }
.SubTitle       { font-family:arial; font-size:10pt; font-weight:bold; text-decoration:none; color:rgb(0,0,0);}
.MViewSub       { font-family:arial; font-size:10pt; font-style:regular; color:#00699E;}
.TCSmall        { font-family:arial; font-style:regular; font-size:8pt; color:#000066;}
.TLSmStl        { font-family:arial; font-style:regular; font-size:8pt; color:#003366;}
.THeader        { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; font-weight: bold; }
.ALBandSt       { background: #FFFFFF; }
.TCReg          { font-family:arial; font-style:regular; font-size:10pt; color:#000066; }
.MTxtBold       { font-weight:bold; font-size:10pt; color:#000000; }

/* --- JEA Begin --- */
a.jea {font-size: 9pt; font-family: Arial, helvetica, sans-serif;  }
a.jeacmdB { font-size: 9pt; font-family: Arial, helvetica, sans-serif; color: darkblue; font-weight: bold; }
a.jeacmd { font-size: 9pt; color: #ffffff; font-family: Arial, helvetica, sans-serif; font-weight: bold; background-color: #3366cc; text-decoration: none; }
a.jeanew { font-size: 9pt; color: midnightblue; font-family: Arial, helvetica, sans-serif; cursor: hand; }
a.jeagroup { font-size: 9pt; color: midnightblue; font-family: Arial, helvetica, sans-serif; font-weight: normal; border-top: #3399cc 1pt solid; }
a.jeaselected { font-size: 9pt; color: goldenrod; font-family: Arial, helvetica, sans-serif; cursor: hand; text-decoration: underline; }
a.jeaname { font-size: 10pt; color: #003399; font-family: Arial, helvetica, sans-serif; cursor: none; text-decoration: none;}
div.jeamenuDefault, div#jeamenuDefault { font-size: 12px; color: black; font-family: Arial, helvetica, sans-serif; font-weight: normal; background-color: white; text-decoration: none; padding-bottom: 2px; padding-top: 2px; padding-right: 5px; padding-left: 5px; }
div.jeamenuSelected, div#jeamenuSelected { font-size: 12px; color: black; font-family: Arial, helvetica, sans-serif; font-weight: bold; background-color: white; text-decoration: none; padding-bottom: 2px; padding-top: 2px; padding-right: 5px; padding-left: 5px; }
div.jeamenuDisabled, div#jeamenuDisabled { font-size: 12px; color: GRAY; font-family: Arial, helvetica, sans-serif; font-weight: normal; background-color: white; text-decoration: none; padding-bottom: 2px; padding-top: 2px; padding-right: 5px; padding-left: 5px; }
div.jeatreeMenuDefault, div#jeatreeMenuDefault { font-size: 8pt; color: black; font-family: Arial, helvetica, sans-serif; font-weight: normal; background-color: white; text-decoration: none; vertical-align: middle;  padding-left: 5; height: 100%; }
div.jeatreeMenuSelected, div#jeatreeMenuSelected { font-size: 8pt; color: black; font-family: Arial, helvetica, sans-serif; font-weight: bold; background-color: silver; text-decoration: none; vertical-align: middle; padding-left: 5; height: 100%; }
hr.jea { color: #c0c0c0; height: 1px; }
hr.jeaseparator { color: #ff0000; height: 1pt; }
hr.jeaGroupSeparator { color: #999999; height: 2pt solid; }
input.jea { font-size: 9pt; color: black; font-family: arial, helvetica, sans-serif; }
li.jea { font-size: 9pt; font-family: arial, helvetica, sans-serif; }
li.jeaerrors { font-size: 9pt; color: #cc0000;  font-family: arial, helvetica, sans-serif; font-weight: bold; }
ol.jea { font-size: 9pt; font-family: arial, helvetica, sans-serif; }
p.jea { font-size: 9pt; color: #000000; font-family: Arial, helvetica, sans-serif; }
select.jea { font-size: 9pt; color: black; font-family: Arial, helvetica, sans-serif; }
pre.jea { font-size: 9pt; color: #000000; }
pre.jeaformatted { font-size: 9pt; color: #000000; font-family: Arial, helvetica, sans-serif; }
pre.jeareadOnlyText { font-size: 9pt; color: #777777; font-family: Arial, helvetica, sans-serif; vertical-align: top; font-weight: bold; }
span.jeatreeItem { text-decoration: none; color: black; font-family: Arial; font-size: 8pt; font-style: normal; font-weight: normal; vertical-align: middle; }
span.jeatreeItemInactive {      text-decoration: none;  color: #777777; font-family: Arial;     font-size: 8pt; font-style: normal; font-weight: normal; vertical-align: middle; }
span.jeatreeItemPending { text-decoration: none; color: black; font-family: Arial;      font-size: 8pt; font-style: normal; font-weight: bold; vertical-align: middle; }
span.jeatreeItemInactivePending { text-decoration: none; color: #777777; font-family: Arial; font-size: 8pt; font-style: normal;        font-weight: bold; vertical-align: middle; }
table.jea, table#jea { font-size: 9pt; font-family: Arial, helvetica, sans-serif; vertical-align: top; background-color: transparent; width:100%; }
table.jeaB, table#jeaB { font-size: 9pt; font-family: Arial, helvetica, sans-serif; vertical-align: top; background-color: transparent; }
td.jea { font-size: 9pt; color: #000000; vertical-align: top; font-family: Arial, helvetica, sans-serif; }
td.jeaaccounts { font-size: 9pt; color: #000000; font-family: Arial, helvetica, sans-serif; vertical-align: top; }
td.jeaalternateColor { font-size: 9pt; color: #000000; font-family: Arial, helvetica, sans-serif; background-color: #e7f3ff; }
td.jeabullet { font-size: 9pt; color: #000000; font-family: Arial, helvetica, sans-serif;  vertical-align: top; text-align: center; }
td.jeabolder { font-size: 9pt; color: #191970; font-family: Arial, helvetica, sans-serif;  vertical-align: top; font-weight: 900; }
td.jeaerrorText { font-size: 9pt; color: #cc0000; font-family: Arial, helvetica, sans-serif;  vertical-align: top; font-weight: bold; }
td.jeagroup { BORDER-TOP: #009966 1pt solid; font-size: 9pt; color:  black; font-family: Arial, helvetica, sans-serif;   BORDER-BOTTOM: #ffffff 1pt solid; vertical-align: top; font-weight: bold; text-align: left; }
td.jeagroupheading { FONT-WEIGHT: bold;FONT-SIZE: 13.5pt; COLOR: #cc0000; FONT-FAMILY: Arial, helvetica, sans-serif; BORDER-BOTTOM: #999999 1pt solid; }
td.jeaheading { font-size: 9pt; color: black; font-family: Arial, helvetica, sans-serif;  vertical-align: top; font-weight: bold; background: white; border-bottom: #ffffff 1pt solid; }
td.jeaheadingB { font-size: 9pt; color: #666666; vertical-align: top; font-weight: bold; }
td.jeaHistory { font-size: 9pt; font-family: Arial, helvetica, sans-serif; background-color: blanchedalmond; }
td.jeahelp { font-size: 9pt; color: black; font-family: Arial, helvetica, sans-serif;  vertical-align: top; text-align: left; }
td.jeainfo { font-size: 9pt; color: #000000; vertical-align: top; font-family: Arial, helvetica, sans-serif;  vertical-align: top; }
td.jeapromptNameSummary { font-size: 9pt; color: #000000; font-family: Arial, helvetica, sans-serif; vertical-align: top; }
td.jeaMISCentered { font-size: 8pt; color: #000000; font-family: Arial, helvetica, sans-serif; vertical-align: top; background: #ffffe0; text-align: center; }
td.jeaMISHeading { font-size: 8pt; color: #000080; font-family: Arial, helvetica, sans-serif;  vertical-align: top; font-weight: bold; text-align: center; background: #dcdcdc; }
td.jeaMISLeft { font-size: 8pt; color: #000000; font-family: Arial, helvetica, sans-serif; vertical-align: top; text-align: left; }
td.jeaMISLeftAlternateColor { font-size: 8pt; color: #000000; font-family: Arial, helvetica, sans-serif; vertical-align: top; background-color: #e7f3ff; text-align: left; }
td.jeanotification { font-size: 9pt; color: #000000; font-family: Arial, helvetica, sans-serif; vertical-align: top; }
td.jeareadOnlyText { font-size: 9pt; color: #777777; font-family: Arial, helvetica, sans-serif; vertical-align: top; font-weight: bold; }
td.jeaseparator { font-size: xx-small; color: #c0c0c0; font-family: Arial, helvetica, sans-serif; border-top: #cccccc 1pt solid; }
td.jeaTags { font-size: 8pt; color: #000000; font-family: Arial, helvetica, sans-serif; vertical-align: top; background-color: blanchedalmond; }
td.jeatitle { font-size: 13pt; color: #cc0000; font-family: Arial, helvetica, sans-serif; vertical-align: top; font-weight: bold; border-bottom: #999999 1pt solid; }
td.jeatreePropertyPending { font-size: 9pt; color: #000000; vertical-align: top; font-family: Arial, helvetica, sans-serif; font-weight: bold; }
td.jeapromptName { font-size: 10pt; color: #000000; font-family: Arial, helvetica, sans-serif; vertical-align: top; }
td.jeapromptNameB { font-size: 9pt; color: #000000; font-family: Arial, helvetica, sans-serif; vertical-align: top; font-weight: bold; }
td.jeaPromptControl { font-size: 10pt; color: #000000; font-family: Arial, helvetica, sans-serif; vertical-align: top; }
td.jeaServiceLevel { font-size: 12pt; color: red; font-family: Arial, helvetica, sans-serif; vertical-align: top; font-weight: bold; }
td.jeaviewMode { font-size: 10pt; color: black; font-family: Arial, helvetica, sans-serif; vertical-align: top; font-weight: bold; text-align: center; background: #c0c0c0; }
tr.jeaerrorText { height: 0pt; }
textarea.jea { font-size: 9pt; color: black; font-family: Arial, helvetica, sans-serif; }
textarea.jeainfo { font-size: 9pt; color: black; font-family: Arial, helvetica, sans-serif; background-color: #d3d3d3; }
th.jea{font-size: 11px; color: white;font-family: Arial, helvetica, sans-serif; font-weight: bold;background-color:#003378; }
th.jeagroup { font-size: 10pt; color: #003399; font-family: Arial, helvetica, sans-serif; border-top: #3399cc 1pt solid; text-align: left; }
th.jeagroupBullet { font-size: 10pt; color: #003399; font-family: Arial, helvetica, sans-serif; border-top: #3399cc 1pt solid; text-align: center; }
th.jeagroupRight { font-size: 10pt; color: #003399; font-family: Arial, helvetica, sans-serif; border-top: #3399cc 1pt solid; text-align: right; }
th.jeaMISgroup { font-size: 8pt; color: #003399; font-family: Arial, helvetica, sans-serif; font-weight: bold; background: #dcdcdc; text-align: left; }
ul.jea { font-size: 9pt; color: #000000; font-family: arial, helvetica, sans-serif; }
ul.jeaerrors { font-size: 9pt; color: #cc0000;  font-family: arial, helvetica, sans-serif; font-weight: bold; }

/* Mphasis CSS*/
.CountryIdentifier {font-family:Verdana;font-weight:bold;font-size:11pt;color:#040468;text-decoration:none}
.BrandMenuItemStyle {COLOR: #040468; FONT-FAMILY: arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none; text-align: left; }
.MenuItemStyle {
        COLOR: #000066; FONT-FAMILY: arial; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
div#menu a { font-family:arial;font-weight:bold;font-size:8pt;color:#333399;text-decoration:none}
div#menu a:hover { font-family:arial;font-weight:bold;font-size:8pt;color:#319ACE;text-decoration:none}
.appTxtBold {COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12.5pt; FONT-WEIGHT: bold; TEXT-TRANSFORM: capitalize}
.appTxt {       font-family: Verdana, Arial, sans-serif;font-size: 8pt;color: #666666;}
.CntModuleStyleBM {font-size: 10pt;font-family: Verdana;font-weight: bold;color: #333399;}
.CntModuleStyle {font-size: 9pt;font-family: "arial";font-weight: normal;color: #333399;text-decoration: none;}
.headingtop {COLOR: #CC0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12.5pt; FONT-WEIGHT: bold; TEXT-TRANSFORM: capitalize}
.wowTitleStyle
                {
                  background-color: #006699;
                  font-family:arial;
                  font-size:10pt;
                  text-decoration:none;
                  color:red;
                  font-weight:bold;
                }
.apptitle       {       font-family: Verdana, Arial, Helvetica, sans-serif;     font-size: 12.5pt;      font-weight: bold;      color: #CC0000;}

.btnBigAltColB {text-align: center;font-family: Verdana; Arial, sans-serif;font-size: 10px;font-weight: bold;height: 21px;color: #FFFFFF;text-decoration: none;background-color: #009A00;padding: 3px 10px;border-style: outset; border-color: #42B642; border-width: 2px;}
.btnBigAltColA { text-align: center;font-family: Verdana; Arial, sans-serif;font-size: 10px;font-weight: bold;color: #FFFFFF;text-decoration: none;background-color: #009A00;padding: 3px 12px;border-style: outset; border-color: #42B642; border-width: 2px;white-space: nowrap;overflow:visible; height: 21px; }
.appNoWrap { white-space: nowrap; }
.WLMsgHD { color: #cc0000; font-family: Arial,Helvetica,sans-serif; font-size: 12.5pt; font-weight: bold; text-transform: capitalize; }
.WLMsgHD { color: #cc0000; font-family: Arial,Helvetica,sans-serif; font-size: 12.5pt; font-weight: bold; text-transform: capitalize; }
.loginDt { font-family: Verdana,Arial,sans-serif; font-size: 8pt; color: #666666; }
.loginDt { font-family: Verdana,Arial,sans-serif; font-size: 8pt; color: #666666; }
.loginDt { font-family: Verdana,Arial,sans-serif; font-size: 8pt; color: #666666; }
.loginDt { font-family: Verdana,Arial,sans-serif; font-size: 8pt; color: #666666; }
.homeWelLink { border-style: none;}
.pgtitle { font-size: 12.5pt; font-weight: bold; color: #CC0000; font-family:Verdana,Arial,Helvetica,sans-serif;}


/* --- JPC XSell ---*/

.xsell_screen {
                                width: 160px;
}

.xsell_camp dd {
                                margin: 0;
}

.xsell_camp img {
                                width:  146px;
                                height: 103px;
                                border: 0;
}







@charset "utf-8";
/* CSS Document */
p, h1, h2, h3, h4, h5, h6, ul, li,form{
        margin:0px;
        padding:0px;
        list-style:none;
        }
.btnGen3SignOn{
        text-align: center;
        float:left;
        font-family:  Arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF !important;
        padding: 3px 25px 8px 20px;
        background-image:url(/images/sign-on.gif);
        }

a, a:hover{
        outline:none;
        }
.txt_green{
        color:#339900;
        }
.txt_darkblue{
        color:#000066;
        }
.txt_blue{
        color:#3FACD5;
        }
.txt_orange{
        color:#009beb;
        }
.txt_red{
        color:#FF0000;
        }
.txt11{
        font-size:11px;
        }
.txt12{
        font-size:12px;
        }
.txt13{
        font-size:13px;
        }
.txt14{
        font-size:14px;
        }
body{
        margin:0px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#555555;
        }
#main_containner{
        margin-top:16px;
        }
#top_bg{
        background-image:url(/images/top_bg.gif);
        background-repeat:no-repeat;
        background-position:0 0;
        width:951px;
        height:106px;
        }
.top_vietnam{
        padding:0 0 0 1px;
        }
.top-search-bg{
        background-image:url(/images/top-search-bg.gif);
        background-repeat:no-repeat;
        background-position:0 0;
        width:141px;
        height:22px;
        padding:0px 0 0 10px;
        }
.top-search-bg input{
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#666666;
        border:0px solid red;
        width:138px;
        }
.top-search-submit{
        background-image:url(/images/top-submit.gif);
        background-repeat:no-repeat;
        background-position:0 0;
        width:19px;
        height:22px;
        }
.top-search-submit input{
        border:0px;
        }
#logo_citi{
        padding:23px 0 13px 21px;
        }

#top_bg a{
        float:left;
        font-size:13px;
        }
#footer_container{
        font-size:11px;
        color:#666666;
        margin-bottom:40px;
}
#footer_container .foot_links{
        border-bottom:1px solid #cccccc;
        border-top:1px solid #cccccc;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        padding:7px 0 7px 0;
        }
.foot_links2 ul{
        float:right;
        margin:0px;
        padding:0px;
        list-style:none;
        }
.foot_links2 ul li{
        margin-left:22px;
        float:left;
        }
#footer_container a{
        color:#666666;
        text-decoration:none;
        }
#footer_container a:hover{
        color:#009beb;
        text-decoration:underline;
        }
        
        
#body_container{
        margin:10px 0 34px 0;
        font-size:12px;
        color:#555555;
        }
#body_top{
        background-image:url(/images/body_top.gif);
        background-repeat:no-repeat;
        background-position:left;
        height:17px;
        }
#body_bot{
        background-image:url(/images/body_bot.gif);
        background-repeat:no-repeat;
        background-position:left;
        height:44px;
        }
#body_mid{
        background-image:url(/images/body_mid.gif);
        background-repeat:repeat-y;
        background-position:left top;
        float:left;
        }
        

.sign_on{
        background-image:url(/images/signon_left.gif);
        background-repeat:no-repeat;
        background-position:left top;
        padding:3px 0px 8px 0px;
        }
.sign_on a{
        color:#FFFFFF !important;
        padding:3px 20px 8px 20px;
        }
#leftpannel a{
        color:#000066;
        text-decoration:none;
        font-size:12px;
        }
#leftpannel a:hover{
        color:#3399cc;
        text-decoration:underline;
        }
#leftpannel li a.active{
        font-weight:bold;
        color:#cc0000;
        text-decoration:none;
        }
#leftpannel a.active:hover{
        color:#cc0000;
        text-decoration:underline;
        }
#leftpannel img{
        font-size:0px;
        line-height:0px;
        }
.leftlink1{
        padding:12px 0 0 0;
        }
.leftlink1 ul li{
        padding:0 0 4px 0px;
        line-height:14px;
        }
.leftlink2 {
        padding:2px 0 0px 0;
        }
.leftlink2 h1{
        padding:0 0 5px 1px;
        margin:0px;
        }
.leftlink2 ul{
        margin:0px;
        padding:0px;
        }
.leftlink2 ul li{
        padding:0 0 5px 0px;
        list-style:none;
        line-height:14px;
        margin:0px;
        }
.leftlink2 ul li img{
        float:left;
        margin:4px 7px 0 2px;
        }
.leftlink2 h1{
        font-size:12px;
        font-weight:bold;
        line-height:14px;
        color:#000066;
        }
.right_link1 ul{        
        margin:0px;
        padding:0px;
        }
.right_link1 ul li {
        padding-bottom:3px;
        list-style:none;
        }
.right_link1 ul li a{
        color:#3399cc;
        text-decoration:none;
        }
.right_link1 ul li a:hover{
        color:#3399cc;
        text-decoration:underline;
        }
.right_link_inner1 ul li{
        padding-top:1px;
        }
.right_link_inner1 ul li a{
        color:#3399cc;
        text-decoration:none;
        }
.right_link_inner1 ul li a:hover{
        color:#000066;
        text-decoration:underline;
        }
.cookie{
        font-size:11px;
        color:#666666;
        padding-top:1px;
        }
.cookie a{
        color:#009beb;
        text-decoration:none;
        }
.cookie a:hover{
        color:#009beb;
        text-decoration:underline;
        }
.cookie span{
        font-size:9px;
        }
.main_head{
        font-size:24px;
        line-height:27px;
        font-weight:bold;
        color:#000066;
        padding:0px 0 10px 0px;
        }
.main_head1{
        font-size:24px;
        line-height:27px;
        font-weight:bold;
        color:#000066;
        padding:14px 0 26px 3px;
        }
.banner_txt{
        line-height:16px;
        }
.banner_three{
        background-image:url(/images/dot_ver.gif);
        background-repeat:repeat-y;
        background-position:right;
        width:155px;
        }

.banner_three h1{
        padding-bottom:10px;
        font-size:11px;
        color:#000066;
        margin:0px;
        }
.banner_three h2{
        padding-bottom:10px;margin:0px;
        }
.banner_three p.bank{
        line-height:16px;
        width:144px;
        height:94px;margin:0px;
        }
.banner_three p.deposit{
        line-height:16px;
        width:144px;
        height:94px;
        }
.banner_three p.online_ser{
        line-height:16px;
        width:144px;
        height:110px;
        }
.arrow_linkl{   
        background-image:url(/images/arrow_link1.gif);
        background-position:0 2px;
        background-repeat:no-repeat;
        padding:0 0 0 13px;
        font-weight:bold;
        }
.arrow_linkl a{
        color:#009beb;
        text-decoration:none;
        }
.arrow_linkl a:hover{
        color:#009beb;
        text-decoration:underline;
        }
.mid_pannel a{
        color:#009beb;
        text-decoration:none;
        }
.mid_pannel a:hover{
        color:#009beb;
        text-decoration:underline;
        }
.dot_hor{
        background-image:url(/images/dot_hor.gif);
        background-repeat:repeat-x;
        line-height:0px;
        height:1px;
        }
                
.tab_bg{
        background-image:url(/images/tab_bg.gif);
        background-repeat:repeat-y;
        background-position:left;
        }
.tab_top{
        background-image:url(/images/tab_top.gif);
        background-repeat:no-repeat;
        background-position:top;
        width:486px;
        height:48px;
        }
.tab_top a{
        float:left;
        margin-right:4px;
        }
.tab_bot{
        background-image:url(/images/tab_bot.gif);
        background-repeat:no-repeat;
        background-position:bottom left;
        }
.tab_list ul li{
        background-image:url(/images/list_gray.gif);
        background-repeat:no-repeat;
        background-position:0 7px;
        padding:0 0 2px 15px;
        margin:0 0 0 0px;
        line-height:16px;
        }
.tab_list ul li ul{
        padding:4px 0 0 0;
        }
.tab_list1 ul li{
        padding:0 0 8px 0px;
        margin:0 0 0 0px;
        line-height:16px;
        }
.tab_head{
        padding:0 0 8px 0px;
        font-weight:bold;
        color:#000066;
        }
.row_blue{
        background-image:url(/images/dot_tabh.gif);
        background-position:bottom left;
        background-repeat:repeat-x;
        }

.terms{
        font-size:11px;
        }
.terms a{
        color:#1388CB;
        text-decoration:none;
        }       
.terms a:hover{
        color:#1388CB;
        text-decoration:underline;
        }       
.tab_inner{
        margin:0 0 0 18px;
        width:445px;
        }
.tab_inner a{
        color:#1388CB;
        text-decoration:none;
        }       
.tab_inner a:hover{
        color:#1388CB;
        text-decoration:underline;
        }
.table1{
        border:1px solid #BFDBF8;
        }
.table1 th{
        background-color:#D9ECFF;
        color:#000066;
        font-weight:bold;
        padding:6px 0 6px 10px;
        text-align:left;
        border-right:1px solid #ffffff;
        }
.table1 td{
        color:#444444;
        padding:6px 0 6px 10px;
        text-align:left;
        border-right:1px solid #D9ECFF;
        border-top:1px solid #D9ECFF;
        vertical-align:top;
        }
        

.tab_bg1{
        background-image:url(/images/tab_bg.gif);
        background-repeat:repeat-y;
        background-position:left;
        }
.tab_top1{
        background-image:url(/images/tab_top1.gif);
        background-repeat:no-repeat;
        background-position:top;
        width:486px;
        height:10px;
        }
.tab_bot1{
        background-image:url(/images/tab_bot.gif);
        background-repeat:no-repeat;
        background-position:bottom left;
        padding:0 0 25px 0;
        }
.sitemap{
        margin:0 0 0 21px;
        width:450px;
        }
.sitemap h1{
        font-size:12px;
        font-weight:bold;
        color:#000066;
        padding:14px 0 0px 0;
        }
.sitemap h1 a{
        color:#000066;
        }
.sitemap h1 a:hover{
        color:#000066;
        }
.sitemap ul li{
        font-size:12px;
        font-weight:bold;
        color:#3FACDC;
        padding:5px 0 0px 10px;
        margin-left:15px;
        background-image:url(/images/list_gray.gif);
        background-repeat:no-repeat;
        background-position:0 10px;
        }
.sitemap ul li a{
        color:#3FACDC;
        }
.discliamer{
        font-size:11px;
        color:#999999;
        }
.show_hide img{
        float:left;
        margin-right:7px;
        margin-top:2px;
        font-size:0px;
        }
.ans{
        padding-left:19px;
        }


/*right ad section------------------------------------*/
#rgt_ad {
        margin: 0;
        width: 172px;
}
#rgt_ad .title {
color:#000066;
}

#rgt_ad .frm_top {
width: 172px; 
height:9px; 
background:url(/images/rgt_ad_frm_top.gif) left top no-repeat;
}

#rgt_ad .frm_body {
        width: 172px;
        background:url(/images/rgt_ad_frm_body.gif) repeat-y;
        margin-top: 0;
}
*html #rgt_ad .frm_body {
        margin-top:-6px;
}

#rgt_ad .frm_btm {
width: 172px; height: 18px; background:url(/images/rgt_ad_frm_btm.gif) left top no-repeat;
}

.dotsh {
        height: 7px;
        width:96%;
        background:url(/images/dots_h.gif) repeat-x;
}

a.customizePageSaveBtn:link,a.customizePageSaveBtn:hover,a.customizePageSaveBtn:visited{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; right:30px;}
a.customizePageCnclBtn:link,a.customizePageCnclBtn:visited,a.customizePageCnclBtn:hover{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; right:210px;}
a.changeSOOSaveBtn:link,a.changeSOOSaveBtn:visited,a.changeSOOSaveBtn:hover{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; }
a.changeSOOCnclBtn:link,a.changeSOOCnclBtn:visited,a.changeSOOCnclBtn:hover{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; right:40px;}
a.changeCompleteBtn:link,a.changeCompleteBtn:visited,a.changeCompleteBtn:hover{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; left:80px;}

a.quicklinkCancelButton{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; }
a.quicklinkSaveButton{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; }
a.NewsCancelBtn{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; right:70px;}
a.NewsSaveBtn{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; left:100px;}

a.lkTopTenCancelButton{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; right:260px;}
a.lkTopTenSaveButton{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; }

a.lkMWCancelButton{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; right:20px;}
a.lkMWSaveButton{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; left:180px;}

td.NarrTxtS {padding-bottom:6px;}
a.lkSWFindSymbolImg{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; left:40px;}
a.lkSWClearPortfolioImg{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; right:420px;}
a.lkSWSavePortfolioImg{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; right:110px;}


a.lkfxratesUpdate{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; left:100px;}
a.lkSWFindSymbol{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; }
a.lkSWOkImg{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;     padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; }

a.lkcwppovrStart{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;}
a.lkcwppovrStep1Back{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;}
a.lkcwppovrStep1Next{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;}
a.lkcwppovrStep2makeappointment{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;}
a.lkcwppovrStep2Yes{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; bottom:7px; right:4px;}
a.lkcwppovrStep2Back{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative; left:8px;}
a.lkcwppovrStep3Back{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;right:50px;}
a.lkcwppovrStep3Next{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;}
a.lkcwppovrStep4Back{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;right:15px;}
a.lkcwppovrStep4Next{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;}
a.lkcwppovrStep5back{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;right:15px;}
a.lkcwppovrStep5Summary{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;}
a.lkcwppovrStep6Back{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #02329A;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;}
a.lkcwppovrStep6makeappointment{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;}

a.lkMWGoButton{text-align: center; font-weight: bold; text-decoration: none; color:#FFFFFF; font-size:16px; background-color: #009A00;padding: 2.5px 10px;    border-style: outset;   border-color: #4E71B8;  border-width: 2px; position: relative;}


div#appRcpTbl .#phtxndatelbl {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 10%; white-space: nowrap; text-align: left;
}
div#appRcpTbl .#phtxndate {
	FONT-SIZE: 12px; WIDTH: 10%; vertical-align:middle
}
div#appRcpTbl .#phbillpayeelbl {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 14%; white-space: nowrap; text-align: left;
}
div#appRcpTbl .#phbillpayee {
	FONT-SIZE: 12px; WIDTH: 14%; vertical-align:middle
}
div#appRcpTbl .#phbillinfolbl {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 24%; white-space: nowrap; text-align: center;
}
div#appRcpTbl .#phbillinfo {
	FONT-SIZE: 12px; WIDTH: 24%; vertical-align:middle
}
div#appRcpTbl .#phamountlbl {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 18%; text-align: right;
}
div#appRcpTbl .#phamount {
	FONT-SIZE: 12px; WIDTH: 18%; text-align: right;
}
div#appRcpTbl .#phstatuslbl {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 10%; white-space: nowrap; text-align: left;
}
div#appRcpTbl .#phstatus {
	FONT-SIZE: 12px; WIDTH: 10%; vertical-align:middle
}
div#appRcpTbl .#phtxnrefnolbl {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 12%; white-space: nowrap; text-align: left;
}
div#appRcpTbl .#phtxnrefno {
	FONT-SIZE: 12px; WIDTH: 12%; vertical-align:middle
}
div#appRcpTbl .#phpaymentmethodlbl {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 10%; white-space: nowrap; text-align: left;
}
div#appRcpTbl .#phpaymentmethod {
	FONT-SIZE: 12px; WIDTH: 10%; vertical-align:middle
}
div#appRcpTbl .#phcycledatelbl {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 10%; white-space: nowrap; text-align: right;
}
div#appRcpTbl .#phcycledate {
	FONT-SIZE: 12px; WIDTH: 10%; vertical-align:middle
}
div#appRcpTbl .#phbillreflbl {WIDTH: 70%; text-align: left;}
div#appRcpTbl .#phbillref {WIDTH: 30%; text-align: right;}




/*page add by business*/
#tab_content470 {width: 470px; float:left;}
#tab_content470 .tabbg_line {width: 470px;	background: url(/images/prod/sub_tabbg_line.gif) right bottom no-repeat;}
#tab_content470 .tab_on {
	height: 28px;
	width: 84px;
	background: url(/images/prod/sub_tabbg_on.gif) left top no-repeat;
	text-align: center;
	padding: 10px 1px 0 0;
	color:#349900;
	line-height:1.2em;
}
#tab_content470 .tab2_on {
	height: 33px;
	width: 84px;
	background: url(/images/prod/sub_tabbg_on.gif) left top no-repeat;
	text-align: center;
	padding: 5px 1px 0 0;
	color:#349900;
	line-height:1.2em;
}
#tab_content470 .tab_on2 {
	height: 33px;
	width: 84px;
	background: url(/images/prod/sub_tabbg_on.gif) left top no-repeat;
	text-align: center;
	padding: 5px 1px 0 0;
	color:#349900;
	line-height:1.2em;
}
#tab_content470 .tab2 {height: 33px;width: 84px;}
#tab_content470 .tab2 a, tab_content .tab2 a:hover{
	height: 33px;
	width: 84px;
	background: url(/images/prod/sub_tabbg.gif) left top no-repeat;
	text-align: center;
	color:#3399cc;
	display:block;
	line-height:1.2em;
	text-decoration:none;
	padding: 5px 1px 0 0;
}
#tab_content470 .tab2 a:hover {background: url(/images/prod/sub_tabbg_ov.gif) left top no-repeat;}
#tab_content470 .bgframe_body {	width: 468px; border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf; clear:both;}
#tab_content470 .tab_bg_top {
	width: 470px;
	height: 3px;
	background-image: url(/images/prod/sub_tab_bg_top.gif);
	background-repeat: no-repeat;
}
#tab_content470 .bgframe_btm {
	width: 470px;
	height: 7px;
	background: url(/images/prod/sub_bgframe_btm.gif) bottom no-repeat;
}

#tab_content470 .pgtitle{
	color: #000066;
	font-size:13px;
	font-weight: bold;
}
#tab_content470 .pgtitle a{color: #000066; text-decoration: none;}
#tab_content470 .pgtitle a:hover{color: #3398cc; text-decoration: none;}
#tab_content470 .title{color: #000066; font-size:106%;}
#tab_content470 .title a{color: #000066; text-decoration: none;}
#tab_content470 .title a:hover{color: #3398cc; text-decoration: none;}

#tab_content470 .bgframe_body td { padding:8px;}
#tab_content470 .bgframe_body ul li{margin: 0;	list-style-type: none;	display: block;	background: url(/images/prod/bullet.gif) left 7px no-repeat;	padding-left:10px;}
.appwizard{float:left;width:600px;}
.appLsTbl .sortbg .sortlinks{white-space:normal;}

#displayOriginalCcyAmoun, #originalCcyDescription, #appLsdisplayLocalCcyAmount, #appLsdisplayOriginalCcyAmoun{
    text-align:right;
}
.appLsTbl .appLsLink,.appLsTbl .appLsFrom,.appLsTbl .appLsFrom{white-space:normal;}
span.applabelFalt div.apptxtlg{font-weight:normal;}
span.apptxtsmWhite{font-size:11px;}
td.appLsDesc{white-space:normal;}