body { background-color: #ededee; border-width: 0px; border-style: none; font: 62.5% Verdana; margin: 0px; color: #000000 }
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }
h1 { font-size: 1.2em; font-weight: bold; color: #ffffff; font-style: italic; padding: 0px; margin: 0px }
h2 { font-size: 1.2em; font-weight: bold; color: #b82311 }
.red { color: Red }
.h3 { font-size: 1.3em; font-weight: bold; color: #ffffff; font-family: verdana }
.h4 { font-size: 1.5em; font-weight: bold; color: #000000; font-family: verdana }
.h5 { font-size: 1.4em; font-weight: bold; color: #b82311 }
.h6 { font-size: 1.7em; font-weight: bold; color: #4a7038 }
.h7 { font-size: 1.4em; font-weight: bold; color: #4a7038 }
.whitehead { font-size: 1.1em; font-weight: bold; color: #ffffff; text-indent: 10px; }
.whitehead2 { font-size: 1.1em; color: #ffffff; text-indent: 10px; font-style: italic }
.heading { font-size: 1.2em; color: #b82311 }
.heading2 { font-size: 1.2em; color: #000000 }
.green { font-size: 1.2em; color: #356431 }
.blue { font-size: 1.3em; color: #6990b8 }
.special { font-size: 1.4em; color: #000000 } 
.green3 { font-size: 1.8em; color: #356431 }
.green2 { font-size: 2.0em; color: #356431 }
.green4 { font-size: 1.2em; color: #5a6e2c }
.pgreen { color: #5f683b; font-size: 1.2em }
p { font-size: 1.0em }
a, a:visited { color: #000000; text-decoration: underline }
a:hover, a:active { text-decoration: none }
.mini { font-size: 0.8em }
.red { color: #ff0000 }
.abold { font-weight: bold }
.top a, .top a:visited { font-size: 1.0em; color: #898989; text-decoration: none }
.top a:hover, .top a:active { text-decoration: underline }
.topw a, .topw a:visited { font-size: 1.0em; color: #b7b7b7; text-decoration: none }
.topw a:hover, .topw a:active { text-decoration: underline }
.form { font-size: 1.0em }
.itablefont { font-size: 0.9em }
.ratesfont { font-size: 0.9em }
.foottext { color: #ffffff; font-weight: bold; font-size: 0.9em }
.foottext a, .foottext a:visited { color: #ffffff; text-decoration: underline }
.foottext a:hover { text-decoration: none }
.apph1 { color: #939a4b; font-size: 2.0em; font-weight: bold; }
.apph2 { color: #939a4b; font-size: 1.2em; font-weight: bold; }
.appc { color: #939a4b; font-size: 1.0em; font-weight: normal; }
.appp { font-size: 1.0em; }
.appbold { font-size: 1.1em; font-weight: bold }
.disclaimer { font-size: 6pt; text-align: center; }
.disclaimer2 { font-size: 6pt; text-align: left; }
.disclaimer3 { font-size: 7pt; text-align: left; }
.iress { width: 150px; height:105px; background-image: url('images/rmenu-iress.gif') }
.iressbtn { display: block; width: 25px; height: 101px }
a.btndownload, a.btndownload:visited { display: block; width: 182px; height: 83px; background-image: url('images/download-mt4.gif') }
a.btndownload:hover, a.btndownload:active { background-position: 0px -83px }
.txtAppError { font-size: 1.3em; font-weight: bold; }

#clockbox { position: relative; left: 613px; height: 80px; width: 176px; display: block; padding: 0px; margin: 0px }
#clockpos1 { float: left; }
#clockpos2 { float: right; }

/* Table Classes */
.head { width: 800px; height: 120px; background-image: url('images/Header.png') }
.table500 { width: 400px; border-collapse: collapse }
.4xtable { width: 120px }
.4xtable2 { width: 21px }
.crickettable { width: 260px; border-collapse: collapse }
.contacttable { width: 370px; border-collapse: collapse }
.downloadtable { width: 100%; border-collapse: collapse }
.downloadtable td { padding: 0px }
.dt1 { width: 90px; height: 20px }
.dt2 { width: 300px }
.spreadstable { border-collapse: collapse; width: 100% }
.spreadstable td { padding-bottom: 3px }
.spreads2 { background-color: #f0f0f0 }
.innertable { border-collapse: collapse; width: 495px }
.itable { border-collapse: collapse; width: 430px }
.itable td { padding: 10px }
.contenttable { border-collapse: collapse; width: 790px }
.contentleft { width: 150px; vertical-align: top }
.contentmid { width: 500px; vertical-align: top }
.contentfull { width: 800px; vertical-align: top }
.contentright { width: 150px; vertical-align: top }
.fulltable { border-collapse: collapse; width: 100% }
.fulltable td { padding: 0px }
.maintable { border-collapse: collapse; width: 834px; text-align: left; background-color: #FFFFFF }
.maintable td { padding: 0px }
.menubg { height: 24px; background-image: url('images/Menu.png') }

/* New Application */
.fxappnav { width: 800px; border-collapse: collapse }
.fxappnav td { padding: 0px }
.nav1 { display: block; width: 480px; height: 40px; background-image: url('images/fxapp/navbar.png'); background-position: 0px 0px }
.nav2 { display: block; width: 480px; height: 40px; background-image: url('images/fxapp/navbar.png'); background-position: 0px -40px }
.nav3 { display: block; width: 480px; height: 40px; background-image: url('images/fxapp/navbar.png'); background-position: 0px -80px }
.nav4 { display: block; width: 480px; height: 40px; background-image: url('images/fxapp/navbar.png'); background-position: 0px -120px }
.nav5 { display: block; width: 480px; height: 40px; background-image: url('images/fxapp/navbar.png'); background-position: 0px -160px }
.nav6 { display: block; width: 480px; height: 40px; background-image: url('images/fxapp/navbar.png'); background-position: 0px -200px }
#fxappnav1 { width: 160px; }
#fxappnav2 { width: auto; }
#fxappnav3 { width: 160px; }
a.btnPDF { display: block; width: 248px; height: 22px; background-image: url('images/fxapp/btnPDFs.png'); background-position: 0px 0px; text-decoration: none; text-align: center; line-height: 22px }
a.btnPDF:hover { background-position: 0px -22px }
a.backButton { display: block; width: 160px; height: 40px; background-image: url('images/fxapp/buttons.png'); background-position: 0px 0px; }
a.backButton:hover { background-position: 0px -40px }
div.nextButton input { display: block; width: 160px; height: 40px; background-color: #FFFFFF; background-image: url('images/fxapp/buttons.png'); background-position: -160px 0px; border: 0px }
div.nextButton input:hover { background-position: -160px -40px }
.fxapplegaltxt { position: relative; top: 6px }
.fxapprbalign input { position: relative; top: -4px }
.fxapprbalign label { position: relative; top: -6px }
.fxappcheckbox { position: relative; top: 2px }
.fxapphead { font-size: 1.2em; font-weight: bold; color: #b82311 }
.fxapptable { width: 790px; height: 200px; border-collapse: collapse }
.fxapptable td { padding: 0px }
.fxapptable tr { vertical-align: top }
.fxapppad { padding: 5px 5px 5px }
.fxapptl { height: 11px; width: 11px; background-position: -11px 0px; background-image: url('images/fxapp/TableSides.png') }
.fxappt { height: 11px; width: auto; background-position: 0px 0px; background-image: url('images/fxapp/TableTops.png') }
.fxapptr { height: 11px; width: 13px; background-position: -22px 0px; background-image: url('images/fxapp/TableSides.png') }
.fxappl { height: auto; width: 11px; background-position: 0px 0px; background-image: url('images/fxapp/TableSides.png') }
.fxappm { background-color: #f3f3f3 }
.fxappr { height: auto; width: 13px; background-position: -35px 0px; background-image: url('images/fxapp/TableSides.png') }
.fxappbl { height: 14px; width: 11px; background-position: -11px -11px; background-image: url('images/fxapp/TableSides.png') }
.fxappb { height: 14px; width: auto; background-position: 0px -11px; background-image: url('images/fxapp/TableTops.png') }
.fxappbr { height: 14px; width: 13px; background-position: -22px -11px; background-image: url('images/fxapp/TableSides.png') }
.fxappl25 { height: 25px; width: 11px; background-position: 0px 0px; background-image: url('images/fxapp/TableSides.png') }
.fxappm25 { height: 25px; background-color: #f3f3f3 }
.fxappr25 {height: 25px; width: 13px; background-position: -35px 0px; background-image: url('images/fxapp/TableSides.png') }

/* CC Gateway Table */
.cctable { width: 500px; height: 300px; border-collapse: collapse; background-color: #FFFFFF }
.cchead { height: 50px; background-image: url('images/ccgateway/ccheader.gif') }
.ccfields { height: 250px }
.ccspace { width: 50px }
.ccinnertable { width: 100%; height: 230px }

.lgrad { width: 18px; background-image: url('images/lgrad.gif'); background-repeat: repeat-y; background-position: right }
.rgrad { width: 18px; background-image: url('images/rgrad.gif'); background-repeat: repeat-y; background-position: left }
.foot { width: 826px; background-image: url('images/footer.gif'); height: 26px }

.formspace { display: block; height: 5px; width: 10px }

/* Inner Table Styles */
.itabletop { background-image: url('images/itable/itabletop.gif'); background-repeat: no-repeat; width: 430px; height: 31px }
.itabletop-green { background-image: url('images/itable/itabletop-green.gif'); background-repeat: no-repeat; width: 430px; height: 31px }
.itabletop-none { background-image: url('images/itable/itabletop-none.gif'); background-repeat: no-repeat; width: 430px; height: 15px }
.itabletop-blue { background-image: url('images/itable/itabletop-blue.gif'); background-repeat: no-repeat; width: 430px; height: 31px }
.itableside { width: 1px; background-image: url('images/itable/itableside.gif') }
.itablelow { background-image: url('images/itable/itablelow.gif'); background-repeat: no-repeat; width: 430px; height: 15px }
.itablemid { background-color: #FFFFFF }
.itablespace { height: 1px; background-image: url('images/itable/itablespace.gif'); width: 500px }
.itablepad { padding: 10px }
.cttl { width: 11px; height: 12px; background-image: url('images/ctable/ct-topleft.gif'); background-repeat: no-repeat }
.ctt { width: 461px; height: 12px; background-image: url('images/ctable/ct-top.gif'); background-repeat: repeat-x }
.cttr { width: 20px; height: 12px; background-image: url('images/ctable/ct-topright.gif'); background-repeat: no-repeat }
.ctml { width: 11px; background-image: url('images/ctable/ct-midleft.gif'); background-repeat: repeat-y }
.ctm { background-color: #f3f3f3 }
.ctmr { width: 20px; background-image: url('images/ctable/ct-midright.gif'); background-repeat: repeat-y }
.ctll { width: 11px; height: 20px; background-image: url('images/ctable/ct-lowleft.gif'); background-repeat: no-repeat }
.ctl { height: 20px; background-image: url('images/ctable/ct-low.gif'); background-repeat: repeat-x }
.ctlr { width: 20px; height: 20px; background-image: url('images/ctable/ct-lowright.gif'); background-repeat: no-repeat }
.ctrtl { width: 11px; height: 30px; background-image: url('images/ctable/ctr-topleft.gif'); background-repeat: no-repeat }
.ctrtm { width: 461px; height: 30px; background-image: url('images/ctable/ctr-topmid.gif'); background-repeat: repeat-x }
.ctrtr { width: 20px; height: 30px; background-image: url('images/ctable/ctr-topright.gif'); background-repeat: no-repeat }

/* Menu */
.menu { width: 800px; height: 24px; position: relative; top: 0px; left: 0px; z-index: 100; }
.menu a, .menu a:visited { color: #FFFFFF; font-family: Arial; font-size: 9px; font-weight: bold; line-height: 22px; padding-bottom:10px; text-decoration: none; z-index: 100;}
.menu a.first { background-image: url('images/topmenu/tophover.gif'); width: 180px; display: block; height: 21px; text-align: left; padding-bottom: 0px; line-height: 20px; text-indent: 6px; z-index: 100; }
.menu a.second { background-image: url('images/topmenu/midhover.gif'); width: 180px; display: block; height: 21px; text-align: left; padding-bottom: 0px; line-height: 20px; text-indent: 6px; z-index: 100;  }
.menu a.third { background-image: url('images/topmenu/lowhover.gif'); width: 180px; display: block; height: 21px; text-align: left; padding-bottom: 0px; line-height: 20px; text-indent: 6px; z-index: 100;  }
.menu a.ffirst { background-image: url('images/topmenu/ftophover.gif'); width: 300px; display: block; height: 21px; text-align: left; padding-bottom: 0px; line-height: 20px; text-indent: 6px; z-index: 100;  }
.menu a.fsecond { background-image: url('images/topmenu/fmidhover.gif'); width: 300px; display: block; height: 21px; text-align: left; padding-bottom: 0px; line-height: 20px; text-indent: 6px; z-index: 100;  }
.menu a.fthird { background-image: url('images/topmenu/flowhover.gif'); width: 300px; display: block; height: 21px; text-align: left; padding-bottom: 0px; line-height: 20px; text-indent: 6px; z-index: 100;  }
.menu a:hover { text-decoration: underline }
.menu li { position:relative; display: inline; z-index: 100;  }
.menu ul { margin: 0px; padding: 0px; list-style-type: none; display: inline; position: relative; width: 113px; left: 0px; top: 0px; z-index: 100;  }
.menu ul ul { visibility: hidden; position: absolute; top: 16px; left: -5px; z-index: 100;  }
.menu ul li:hover ul, .menu ul a:hover ul{ visibility: visible; }
.menu ul li:hover ul ul { visibility: hidden }
.first { background-image: url('iamges/topmenu/tophover.gif') }

/* Misc */
.ul { color: #454a2f }
.ularrow { list-style-image: url('images/ularrow.gif'); font-size: 1.0em }
.ularrows { list-style-image: url('images/ularrow.gif') }
.ulnum { list-style-type: decimal; font-size: 1.0em }
.ulnum a, .ulnum a:visited { text-decoration: underline }
.ulnum a:hover, .ulnum a:active { text-decoration: none }
.ulnum li { margin-bottom: 4px }
.iframe { border: 0px; border-collapse: collapse }

/* ApplicationTable */
.apptable { border-collapse: collapse; width: 800px }
.apptable td { padding: 0px }
.appleft { width: 20px; background-image: url('images/apptable/left.gif'); background-repeat: repeat-y }
.appright { width: 20px; background-image: url('images/apptable/right.gif'); background-repeat: repeat-y }
.appmid { width: 760px; background-color: #eff0e5 }
.appbg { position: absolute; top: 0px; left: 525px; display: block; width: 275px ; height: 400px; background-image: url('images/apptable/BG.png') }
.appitable { border-collapse: collapse; width: 760px; }
.appfulltable { border-collapse: collapse; width: 100% }
.appfulltable td { padding: 2px 0px 2px 0px }
.txtmultibox { font-family: Verdana; font-size: 1.3em }
.appulnum { list-style-type: decimal; left: -10px }
.appulalpha { list-style-type: lower-alpha }
.appulroman { list-style-type: lower-roman }


/* 
	AJAX Progress Loader -
    The transparent background that
	covers the whole screen
*/
.TransparentGrayBackground { position: fixed; top: 0; left: 0; background-color: Gray; filter:alpha(opacity=70); opacity:0.7; height: 100%; width: 100%; min-height: 100%; min-width: 100%; z-index: 150 }
.UpdateProgress { background-color:#fff; color:#000; width: 250px; height: 100px; text-align: center; vertical-align: middle; position: fixed; left: 350px; top: 300px; z-index: 150 }

/*Modal Popup*/
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
display: block;
width: 428px;
margin-top: 20px;
background: transparent;
}

.modernbricksmenu2 ul{
margin: 0px;
margin-left: 167px; /*margin between first menu item and left browser edge*/
padding: 0;
background-image: url('images/itable/itabletop-blue.gif');
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 0px 0 0;
padding: 0;
}

.modernbricksmenu2 a{
float: left;
display: block;
width: 80px;
height: 20px;
font: bold 11px Arial;
color: #555555;
text-decoration: none;
margin: 0; /*Margin between each menu item*/
background-image: url('images/tabs/tab-normal.gif');
border-top: 1px solid white;
text-align: center;
line-height: 17px;
font-family: Arial;
font-size: 1.0em;
}

.modernbricksmenu2 a:hover{
background-image: url('images/tabs/tab-hover.gif');
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-image: url('images/tabs/tab-selected.gif');
color: #000000;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}