﻿

html
{
    height: 100%;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}
body
{
    color: #003366;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    height: 100%;
}

ul li
{
    margin-bottom: 5px;
}

#wrapper
{
    /*position: absolute;     float: left;     left: 50%;*/
    margin: 0; /*margin-left: -475px;*/
    padding: 0;
    width: 100%; /*950px;     border-left: solid 1px #021573;     border-right: solid 1px #021573; /*border-bottom: solid 1px #021573;*/
    background-color: #ffffff; /* min-height: 100%;*/
}

#header
{
    background-color: #999999;
    height: 109px;
    vertical-align: middle;
}
#logo
{
    float: left;
}
#strapLine
{
    margin-top: 35px;
    margin-left: auto;
    font: 16px Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
    float: left;
    margin-left: 10px;
    color: #ffffff;
}
#header_right
{
    background: #999999 url(../images/callus.jpg) bottom right no-repeat;
    width: 242px;
    height: 72px;
    margin-left: 50px;
    margin-top: 20px;
    float: left;
    position: relative;
}
#header_right h2
{
    display: none;
}
#header_login
{
    padding: 16px 10px 12px 10px;
    text-align: right;
}
#header_login a
{
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none;
}


#mainNav
{
    height: 41px;
    background-image: url(../images/menuBar.png);
    margin: 0;
    padding: 0;
    border: 0;
}

#mainNav ul
{
    margin: 0;
    list-style: none;
    padding: 0;
}
#mainNav li
{
    display: block;
    float: left;
    margin-bottom: 0px;
}
#mainNav li a
{
    padding: 12px 10px 12px 10px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    display: block;
    border-right: 1px solid gray;
    text-decoration: none;
}
#mainNav li a:hover
{
    text-decoration: none;
    background-image: url(../images/menuBarHighlight2.png);
    background-position: bottom;
}
#mainNav li a.current
{
    text-decoration: none;
    background-image: url(../images/menuBarHighlight2.png);
}

#lvl2Nav
{
    background-image: url(../images/menuBarHighlight2.png);
    height: 26px;
    margin: 0;
    padding: 0;
    border: 0;
}

#lvl2Nav ul
{
    margin: 0;
    list-style: none;
    padding: 0;
}
#lvl2Nav li
{
    display: block;
    float: left;
    margin-bottom: 0px;
}
#lvl2Nav li a
{
    padding: 7px 10px 5px 10px;
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    display: block;
    text-decoration: none;
}
#lvl2Nav li a:hover
{
    text-decoration: none;
}
#lvl2Nav li a.current
{
    text-decoration: none;
    color: yellow;
}

#lvl3Nav
{
    text-align: center;
}

#lvl3Nav ul
{
    margin: 0 0 0 0;
    list-style: none;
    padding: 0 0 5px 0;
}
#lvl3Nav li
{
    margin: 0 0 5px 0;
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    width: 250px;
    display: inline-block;
    float: left;
    text-align: left;
}
#lvl3Nav li a
{
    font-weight: bold;
    color: #003366;
}
#lvl3Nav li a.current
{
    text-decoration: none;
    color: #999999;
}

#lvl3Nav li img
{
    margin-right: 10px;
}

#lvl3Nav span
{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
#lvl3Nav span.text
{
    width: 150px;
}

#container
{
    width: 950px;
    height: auto;
    padding: 0;
    margin: auto; /*0*/
    border: 0;
    border-left: solid 1px #021573;
    border-right: solid 1px #021573; /*border-bottom: solid 1px #021573;*/
}


/*########################### HOME ##############################*/

#content
{
    background: #ffffff;
    padding: 20px;
    margin: 0;
    border: 0;
    position: relative;
    float: left;
    height: auto;
    display: block; /*padding-bottom: 60px;  Height of the footer */
}

#homeGlobe
{
    background: #ffffff url(../images/globe.jpg) top left no-repeat;
    height: 422px;
    width: 630px;
    float: left;
    margin-right: 20px;
}

.sBox_Repeat a
{
    color: #003366 !important;
}

.boxHome
{
    width: 443px;
    height: auto;
    margin: 20px 0 0 0;
    border: 0;
    display: inline-block;
    float: left;
    padding: 3px;
}
.sboxHome
{
    width: 265px;
    height: auto;
    padding: 6px;
    margin: 0;
    margin-right: 5px;
    border: 0;
    position: relative;
    float: left;
}
.boxHome2
{
    width: 898px;
    height: auto;
    padding: 6px;
    margin: 0 auto 0 20px;
    border: 0;
    display: inline-block;
    position: relative;
}

#Box_Grey_Top
{
    background: #ffffff url(../images/What_Box_Top.jpg) top left no-repeat;
}
.Box_Grey_Bottom
{
    background: url(../images/Box_grey_bottom.jpg);
}
.Box_Grey_Bottom
{
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 17px; /*height of bottom picture*/
}
.Box_Grey_Repeat
{
    background: url(../images/Box_grey_repeat.jpg);
    padding: 7px 35px;
}
.Box_Grey_Repeat
{
    background-repeat: repeat-y;
    background-position: right;
    margin-top: 64px; /*height of top picture*/
}

#Box_Grey_Top, .Box_Grey_Bottom
{
    float: left;
    width: 898px;
}
.Box_Grey_Repeat
{
    float: left;
    width: 828px;
}

.colGrey
{
    width: 50%;
    float: left;
    position: relative;
}
.colGrey ul li
{
    padding: 5px 5px 5px 0;
    margin: 0;
    border: 0;
    color: #999999;
    font-size: 11px;
}

.colGrey ul li a:link, .colGrey ul li a:hover, .colGrey ul li a:visited
{
    text-decoration: underline;
    color: #999999;
    font-size: 11px;
}



#Business_Box_Top
{
    background: #ffffff url(../images/Business_Box_Top.jpg) top left no-repeat;
}
#Personal_Box_Top
{
    background: #ffffff url(../images/Personal_Box_Top.jpg) top left no-repeat;
}
#Payments_sBox_Top
{
    background: #ffffff url(../images/Payments_sBox_Top.jpg) top left no-repeat;
}
#PaymentsCollections_sBox_Top
{
    background: #ffffff url(../images/PaymentsCollections_sBox_Top.jpg) top left no-repeat;
}
#Collections_sBox_Top
{
    background: #ffffff url(../images/Collections_sBox_Top.jpg) top left no-repeat;
}
#Expertise_sBox_Top
{
    background: #ffffff url(../images/Expertise_sBox_Top.jpg) top left no-repeat;
}

#CDP_Box_Top
{
    background: #ffffff url(../images/CDP_Box_Top.jpg) top left no-repeat;
}
#SDP_Box_Top
{
    background: #ffffff url(../images/SDP_Box_Top.jpg) top left no-repeat;
}
.Box_Bottom
{
    background: url(../images/Box_bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 15px; /*height of bottom picture*/
}
.Box_Repeat
{
    background: url(../images/Box_repeat.jpg);
    padding: 7px 15px 7px 35px;
    background-repeat: repeat-y;
    background-position: right;
    margin-top: 73px; /*height of top picture*/
    float: left;
    width: 393px;
}

.Box_Repeat h3
{
    color: #999999;
    border: 0;
    padding: 0 100px 10px 0;
    margin: 0;
    font-size: 14px;
}
.Box_Repeat p
{
    color: #999999;
    border: 0;
    padding: 0 120px 10px 0;
    margin: 0;
    font-size: 11px;
}

.sBox_Bottom
{
    background: url(../images/sBox_bottom.jpg);
}
.sBox_Bottom
{
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 10px; /*height of bottom picture*/
}
.sBox_Repeat
{
    background: url(../images/sBox_repeat.jpg);
    padding: 7px 15px 7px 15px;
    text-align: center;
}
.sBox_Repeat
{
    background-repeat: repeat-y;
    background-position: right;
    margin-top: 40px; /*height of top picture*/
}


#Business_Box_Top, #Personal_Box_Top, #CDP_Box_Top, #SDP_Box_Top, .Box_Bottom
{
    float: left;
    width: 443px;
}
#Payments_sBox_Top, #PaymentsCollections_sBox_Top, #Expertise_sBox_Top, #Collections_sBox_Top, .sBox_Bottom
{
    float: left;
    width: 265px;
}


#Box_Grey_Top h2, #Business_Box_Top h2, #Personal_Box_Top h2, #Box_payfac_top h2, #CDP_Box_Top h2, #SDP_Box_Top h2
{
    display: none;
}
#business_buddy
{
    background: #ffffff url(../images/business_buddy.jpg) bottom right no-repeat;
}
#personal_buddy
{
    background: #ffffff url(../images/personal_buddy.jpg) bottom right no-repeat;
}
/* ########################## OTHER PAGES ###########################*/

#contentHome
{
    background: #ffffff; /*position: relative;*/
    height: 100%; /*margin: 0px;     margin-left: 20px;*/
    margin: 0 auto 0 auto;
    padding: 0 0 0 0px;
    width: 950px;
    border: solid 1px #021573;
}
.col3_3
{
    width: 910px;
    margin: 20px 20px 0px 0px;
    padding: 0;
    border: 0;
    position: relative;
    float: left;
}
.col2_3
{
    width: 568px;
    height: auto;
    padding: 10px;
    margin: 20px 0px 20px 20px;
    border: 1px #999999 solid;
    position: relative;
    display: inline-block;
    float: left;
    vertical-align: top;
    overflow: hidden;
}

.col2_3 a:link, .col2_3 a:active, col2_3 a:hover, .col2_3 a:visited
{
    color: #999999;
    text-decoration: underline;
}

.col2_4
{
    width: 320px;
    padding: 0px;
    margin: 20px 0px 0px 0px;
    border: 0;
    position: relative;
    float: left;
    height: auto;
}
.col1_3
{
    width: 320px;
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    float: left;
    height: 100%;
    background-color: #999999;
}
.col1_3B
{
    width: 320px;
    padding: 0;
    margin: 0;
    border: 0; /*position: relative;     float: left;*/
    height: 100%;
    background-color: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    float: right;
}

.col1_3 p
{
    padding: 0 30px 5px 30px;
    margin: 0 0 10px 0;
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: white;
}
.col1_3 h3
{
    padding: 0px 30px;
    margin: 10px 0 0 0;
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: white;
}
.col1_image
{
    padding: 0px;
    margin-bottom: 10px;
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.col1_3 h3 a:link, .col1_3 h3 a:active, .col1_3 h3 a:hover, .col1_3 h3 a:visited
{
    text-decoration: underline;
    color: white;
}
#srmbox
{
    height: auto;
    position: relative;
    float: left;
    border: 1px #999999 solid;
    padding: 5px;
    margin: 5px 0;
    background-color: #cccccc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#srmbox h3
{
    padding: 10px 0 0 0;
    margin: 0;
    border: 0;
}
#srmbox p
{
    padding: 0 0 5px 0;
    margin: 0;
    border: 0;
}
#srmbox ul
{
    padding: 0 15px;
    margin: 0 15px;
}

.box3
{
    border: 1px #cccccc solid;
    padding: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    position: relative;
    float: left;
    width: 540px;
}
.floatingbox
{
    width: 300px;
    height: auto;
    padding: 25px 133px;
    margin: 0;
    border: 0;
    position: relative;
    float: left;
}



#Box_payfac_top
{
    background: #ffffff url(../images/Box_payfac_top.jpg) top left no-repeat;
}
.Box_payfac_bottom
{
    background: url(../images/Box_payfac_bottom.jpg);
}
.Box_payfac_bottom
{
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 15px; /*height of bottom picture*/
}
.Box_payfac_repeat
{
    background: url(../images/Box_payfac_repeat.jpg);
    padding: 5px 15px;
}
.Box_payfac_repeat
{
    background-repeat: repeat-y;
    background-position: right;
    margin-top: 36px; /*height of top picture*/
}

#Box_payfac_top, .Box_payfac_bottom
{
    float: left;
    width: 296px;
}
.Box_payfac_repeat
{
    float: left;
    width: 266px;
}

.greyBox
{
    width: 500px;
    background-color: #CCCCCC;
    border: 1px #000066 solid;
    margin: 5px 20px;
    padding: 10px;
    position: relative;
}

.searchbox
{
    width: auto;
    height: auto;
    padding: 20px;
    margin: 0px 0px 20px 0px;
    border: 1px #999999 solid;
}

.col2_3 h1.welcome
{
    width: 139px;
    height: 39px;
    display: block;
}

.col2_3 h1.welcome
{
    background: white url(../images/title_welcome.jpg) top left no-repeat;
}
.col2_3 h1.welcome span
{
    display: none;
}

.col2_3 h2.aboutus, .col2_3 h2.businessserv, .col2_3 h2.buy, .col2_3 h2.careers, .col2_3 h2.contactus, .col2_3 h2.competitive, .col2_3 h2.counterparties, .col2_3 h2.customeracc, .col2_3 h2.directors, .col2_3 h2.disbursements, .col2_3 h2.faqs, .col2_3 h2.forward, .col2_3 h2.like, .col2_3 h2.limit, .col2_3 h2.marketp, .col2_3 h2.marketplace, .col2_3 h2.openaccount, .col2_3 h2.overview, .col2_3 h2.pay, .col2_3 h2.pay2, .col2_3 h2.payments, .col2_3 h2.paymentservices, .col2_3 h2.paymentsolutions, .col2_3 h2.partners, .col2_3 h2.payfac, .col2_3 h2.persocustomerserv, .col2_3 h2.personal, .col2_3 h2.regulation, .col2_3 h2.regulatoryinfo, .col2_3 h2.security, .col2_3 h2.settlement, .col2_3 h2.stoploss, .col2_3 h2.newsevents, .col2_3 h2.vision, .col2_3 h2.risk, .col2_3 h2.foreign_currency, .col2_3 h2.continuity, .col2_3 h2.int_dom_pay, .col2_3 h2.market_analysis, .col2_3 h2.professional, .col2_3 h2.working
{
    width: 500px;
    height: 20px;
    display: block;
}

.col2_3 h2.aboutus
{
    background: white url(../images/title_about_us.jpg) top left no-repeat;
}
.col2_3 h2.aboutus span
{
    display: none;
}

.col2_3 h2.businessserv
{
    background: white url(../images/title_business_serv.jpg) top left no-repeat;
}
.col2_3 h2.businessserv span
{
    display: none;
}

.col2_3 h2.buy
{
    background: white url(../images/title_buy_sell.jpg) top left no-repeat;
}
.col2_3 h2.buy span
{
    display: none;
}

.col2_3 h2.careers
{
    background: white url(../images/title_careers.jpg) top left no-repeat;
}
.col2_3 h2.careers span
{
    display: none;
}

.col2_3 h2.competitive
{
    background: white url(../images/title_competitive.jpg) top left no-repeat;
}
.col2_3 h2.competitive span
{
    display: none;
}

.col2_3 h2.contactus
{
    background: white url(../images/title_contact_us.jpg) top left no-repeat;
}
.col2_3 h2.contactus span
{
    display: none;
}

.col2_3 h2.counterparties
{
    background: white url(../images/title_counterparties.jpg) top left no-repeat;
}
.col2_3 h2.counterparties span
{
    display: none;
}

.col2_3 h2.customeracc
{
    background: white url(../images/title_customer_accounts.jpg) top left no-repeat;
}
.col2_3 h2.customeracc span
{
    display: none;
}

.col2_3 h2.disbursements
{
    background: white url(../images/title_disbursements.jpg) top left no-repeat;
}
.col2_3 h2.disbursements span
{
    display: none;
}

.col2_3 h2.directors
{
    background: white url(../images/title_directors.jpg) top left no-repeat;
}
.col2_3 h2.directors span
{
    display: none;
}

.col2_3 h2.faqs
{
    background: white url(../images/title_faqs.jpg) top left no-repeat;
}
.col2_3 h2.faqs span
{
    display: none;
}

.col2_3 h2.forward
{
    background: white url(../images/title_forward.jpg) top left no-repeat;
}
.col2_3 h2.forward span
{
    display: none;
}

.col2_3 h2.like
{
    background: white url(../images/title_like.jpg) top left no-repeat;
}
.col2_3 h2.like span
{
    display: none;
}

.col2_3 h2.limit
{
    background: white url(../images/title_limit.jpg) top left no-repeat;
}
.col2_3 h2.limit span
{
    display: none;
}

.col2_3 h2.marketp
{
    background: white url(../images/title_marketp.jpg) top left no-repeat;
}
.col2_3 h2.marketp span
{
    display: none;
}

.col2_3 h2.marketplace
{
    background: white url(../images/title_marketplace.jpg) top left no-repeat;
}
.col2_3 h2.marketplace span
{
    display: none;
}

.col2_3 h2.openaccount
{
    background: white url(../images/title_open_account.jpg) top left no-repeat;
}
.col2_3 h2.openaccount span
{
    display: none;
}

.col2_3 h2.partners
{
    background: white url(../images/title_partners.jpg) top left no-repeat;
}
.col2_3 h2.partners span
{
    display: none;
}

.col2_3 h2.overview
{
    background: white url(../images/title_overwiew.jpg) top left no-repeat;
}
.col2_3 h2.overview span
{
    display: none;
}

.col2_3 h2.pay
{
    background: white url(../images/title_pay.jpg) top left no-repeat;
}
.col2_3 h2.pay span
{
    display: none;
}

.col2_3 h2.pay2
{
    background: white url(../images/title_pay2.jpg) top left no-repeat;
}
.col2_3 h2.pay2 span
{
    display: none;
}

.col2_3 h2.payments
{
    background: white url(../images/title_payments.jpg) top left no-repeat;
}
.col2_3 h2.payments span
{
    display: none;
}

.col2_3 h2.paymentservices
{
    background: white url(../images/title_paymentservices.jpg) top left no-repeat;
}
.col2_3 h2.paymentservices span
{
    display: none;
}

.col2_3 h2.paymentsolutions
{
    background: white url(../images/title_paymentsolutions.jpg) top left no-repeat;
}
.col2_3 h2.paymentsolutions span
{
    display: none;
}

.col2_3 h2.payfac
{
    background: white url(../images/title_payfac.jpg) top left no-repeat;
}
.col2_3 h2.payfac span
{
    display: none;
}

.col2_3 h2.persocustomerserv
{
    background: white url(../images/title_perso_cust_serv.jpg) top left no-repeat;
}
.col2_3 h2.persocustomerserv span
{
    display: none;
}

.col2_3 h2.personal
{
    background: white url(../images/title_personal.jpg) top left no-repeat;
}
.col2_3 h2.personal span
{
    display: none;
}

.col2_3 h2.regulation
{
    background: white url(../images/title_regulation.jpg) top left no-repeat;
}
.col2_3 h2.regulation span
{
    display: none;
}

.col2_3 h2.regulatoryinfo
{
    background: white url(../images/title_regulatory_info.jpg) top left no-repeat;
}
.col2_3 h2.regulatoryinfo span
{
    display: none;
}

.col2_3 h2.settlement
{
    background: white url(../images/title_settlement.jpg) top left no-repeat;
}
.col2_3 h2.settlement span
{
    display: none;
}

.col2_3 h2.security
{
    background: white url(../images/title_security.jpg) top left no-repeat;
}
.col2_3 h2.security span
{
    display: none;
}

.col2_3 h2.stoploss
{
    background: white url(../images/title_stoploss.jpg) top left no-repeat;
}
.col2_3 h2.stoploss span
{
    display: none;
}

.col2_3 h2.newsevents
{
    background: white url(../images/title_newsevents.jpg) top left no-repeat;
}
.col2_3 h2.newsevents span
{
    display: none;
}

.col2_3 h2.vision
{
    background: white url(../images/title_vision.jpg) top left no-repeat;
}
.col2_3 h2.vision span
{
    display: none;
}

.col2_3 h2.risk
{
    background: white url(../images/title_risk.jpg) top left no-repeat;
}
.col2_3 h2.risk span
{
    display: none;
}

.col2_3 h2.foreign_currency
{
    background: white url(../images/title_foreign_currency.jpg) top left no-repeat;
}
.col2_3 h2.foreign_currency span
{
    display: none;
}

.col2_3 h2.continuity
{
    background: white url(../images/title_continuity.jpg) top left no-repeat;
}
.col2_3 h2.continuity span
{
    display: none;
}

.col2_3 h2.int_dom_pay
{
    background: white url(../images/title_int_dom_payment.jpg) top left no-repeat;
}
.col2_3 h2.int_dom_pay span
{
    display: none;
}

.col2_3 h2.market_analysis
{
    background: white url(../images/title_market_analysis.jpg) top left no-repeat;
}
.col2_3 h2.market_analysis span
{
    display: none;
}

.col2_3 h2.professional
{
    background: white url(../images/title_professional.jpg) top left no-repeat;
}
.col2_3 h2.professional span
{
    display: none;
}

.col2_3 h2.working
{
    background: white url(../images/title_working_with.jpg) top left no-repeat;
}
.col2_3 h2.working span
{
    display: none;
}

#payfacWrapper
{
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 1px;
    padding-bottom: 20px;
}

#footerWrap
{
    /*position: relative; DON'T USE THIS - it puts the footer on top of the modal popups*/ /*float: left;     width: 100%; /*height: 60px;  Height of the footer */
    border: solid 1px #021573;
    background: #ffffff url(../images/footer_bg.jpg) repeat-y;
    margin: 0px auto;
    height: 60px;
    width: 950px;
}
#footer
{
    padding: 10px 70px 10px 0;
    height: auto;
    text-align: right;
    font-size: 10px;
    color: white;
}
#footer a
{
    color: #ffffff;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
#footer a:Hover
{
    text-decoration: underline;
}

#popupContent
{
    margin: 20px 20px 0px 20px;
}

#popupHeader
{
    background-color: #999999;
    height: 75px;
    vertical-align: middle;
}
#popupStrapLine
{
    margin-top: 15px;
    margin-left: auto;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
    float: left;
    margin-left: 10px;
    color: #ffffff;
}

.popupwrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px;
}
.popuppush
{
    height: 50px;
}

#popupFooter
{
    background: #999999 url(../images/callussmall.jpg) center no-repeat;
    background-color: #999999;
    height: 50px;
}

a
{
    color: #003366;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
a:Hover
{
    text-decoration: underline;
}
.clear
{
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 1px;
}

h2
{
    font-weight: bold;
    font-size: 15px;
    margin: 15px 5px 10px 0px;
    color: #003366;
}
h2 a
{
    font-weight: bold;
    font-size: 15px;
}
h3
{
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 5px 0;
    color: #003366;
}
h3 a
{
    font-weight: bold;
}
h4
{
    font-weight: bold;
    font-size: 11px;
    margin: 0 0 0 0;
    display: inline;
}
th a
{
    font-weight: bold;
}
td.label a
{
    font-weight: bold;
    width: 150px;
}
td.label
{
    font-weight: bold;
    width: 150px;
}
td.labelWide
{
    white-space: nowrap;
    font-weight: bold;
    width: 175px;
}
td.narrowLabel
{
    font-weight: bold;
}
td.data
{
    padding-right: 20px;
}
input
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    vertical-align: middle;
}
input.disabled
{
    border: none 0px #ffffff;
    color: Black;
}
textarea
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    vertical-align: middle;
}
select
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    vertical-align: middle;
}
input.amount
{
    width: 90px;
    text-align: right;
    padding-right: 5px;
}
input.wide
{
    width: 350px;
}
select.wide
{
    width: 350px;
}
select.searchField
{
    width: 150px;
}
input.searchField
{
    width: 145px;
}
textarea.wide
{
    width: 350px;
}
.buttonGroup
{
    margin-top: 20px;
    overflow: visible;
    white-space: nowrap;
    text-align: center;
}
.buttonGroup input
{
    width: 80px;
    margin: 0px;
    padding: 0px;
}
.button
{
    width: 80px;
}
.commandButton
{
    font-size: 10px;
}
.smallFont
{
    font-size: 10px;
}

.detail
{
    border: solid 1px silver; /*border-style: none;*/
}

.detail td.label
{
    background-color: Silver;
    border: solid 1px #ffffff;
    padding: 2px 6px 2px 6px;
}

.detail td
{
    height: 25px;
}

.detail td.vce table
{
    display: none;
}


.detail td.vce table td
{
    border: none;
    padding: 0px;
    height: auto;
}

.detail td.labelHigh
{
    padding-top: 10px;
    vertical-align: top;
}

.list
{
    border-collapse: collapse;
    border: solid 1px silver;
    margin-bottom: 20px;
    background-color: #ffffff;
}

.list td
{
    border: solid 1px #F0F0F0;
    padding: 2px 4px 2px 4px;
    height: 25px;
}

table.list tr.highlight td
{
    background: #F0F0F0;
}

table.list tr.highlightAlt td
{
    background-color: #F0F0F0;
}

.list td.highlight
{
}

.list td.vce table
{
    /*this hides the ValidatorCalloutExtender popup*/
    display: none;
}

/*
.list td.vce table td
{
    border: none;
    padding: 0px;
    height: auto;
}
*/

.list td.icon
{
    text-align: center;
    width: 50px;
    white-space: nowrap;
}

.list tr.subTotal
{
    background-color: #F0F0F0;
    border-bottom: double;
    border-color: Silver;
}

.list td.subTotalSpacer
{
    height: 0px;
    padding: 0px;
    margin: 0px;
    border-bottom-color: silver;
}

.list th.reference
{
    width: 150px;
}

.list td.reference
{
    width: 150px;
}

.list td.rowspan
{
    padding-top: 9px;
    vertical-align: top;
}

.list th
{
    background-color: Silver;
    border: solid 1px #ffffff;
    padding: 2px 6px 2px 6px;
    height: 25px; /*background-image: url(../images/gloss.png);     background-position: left center;     background-repeat: repeat-x;*/
}

.list th.currencyDirection
{
    text-align: right;
    padding-right: 68px;
}

.list th.firstName
{
    width: 100px;
}

.list th.lastName
{
    width: 100px;
}

.list th.userName
{
    width: 150px;
}

.list th.userFullName
{
    width: 150px;
}

.list th.name
{
    width: 360px;
}

.list th.accountName
{
    width: 240px;
}
.accountddl
{
    width: 230px;
}

.list th.tradeDate
{
    width: 80px;
}

.list th.tradeNumber
{
    width: 104px;
}

.list th.roles
{
    white-space: nowrap;
    width: 150px;
}

.list th.authLimit
{
    white-space: nowrap;
    width: 80px;
}

.list th.functionName
{
    width: 200px;
}

.list th.scope
{
    width: 100px;
}
.list th.currencyName
{
    width: 165px;
}
.list th.currencyCode
{
    width: 110px;
}
.list th.subTotal
{
    background-color: #F0F0F0;
}
.currencyNameddl
{
    width: 190px;
}
.list th.currencyDesc
{
    width: 100px;
}
.list th.totalSettlement
{
    width: 150px;
}

.list th.sortCode
{
    width: 65px;
}

.list th.dpType
{
    width: 100px;
}

.fullWidth
{
    /*position:absolute;     float: left;*/
    left: 50%;
    margin: 0;
    margin-left: -170px;
    width: 1240px;
    border: solid 1px #021573;
    background-color: #ffffff; /* min-height: 100%;*/
}

.list th.beneficiaryName
{
    width: 260px;
}

.list .tt
{
    text-align: center;
    width: 70px;
}

.list .right
{
    border-right: solid 1px silver;
}

.vce table
{
    /*this hides the ValidatorCalloutExtender popup*/
    display: none;
}

.dplist
{
    border-bottom-style: none;
    border-right-style: none;
    border-left-style: none;
}
.dplist th
{
    border-top: solid 1px #F0F0F0;
}

.dplist th.left
{
    border-top: solid 1px #F0F0F0;
    border-left: solid 1px #F0F0F0;
}

.dplist th.right
{
    border-top: solid 1px #F0F0F0;
    border-right: solid 1px #F0F0F0;
}

.dplist td.left
{
    border-left: solid 1px #F0F0F0;
    border-right: solid 1px #F0F0F0;
    border-top: solid 1px #F0F0F0;
}

.dplist td.leftSum
{
    border-left: solid 1px #F0F0F0;
}

.dplist td.rightSum
{
    border-right: solid 1px #F0F0F0;
}

.dplist td.middle
{
    border-right: solid 1px #F0F0F0;
    border-top: solid 1px #F0F0F0;
}

.dplist td.right
{
    border-right: solid 1px #F0F0F0;
    border-left: solid 1px #F0F0F0;
    border-top: solid 1px #F0F0F0;
}

.dplist td
{
    border-style: none;
}

.dplist td.footerCell
{
    border-style: none;
}

.dplist .footerTop
{
    border-top: solid 1px #F0F0F0;
}

.dpReference
{
    width:140px;
    word-wrap:break-word;
}

.dpConfReference
{
    width:250px;
    word-wrap:break-word;
}

.fxReference
{
    width:500px;
    word-wrap:break-word;
}

.numeric
{
    text-align: right;
}

.amount
{
    text-align: right;
    width: 100px;
    white-space: nowrap;
}

.rate
{
    text-align: center;
    width: 100px;
    height: 40px;
}

.center
{
    text-align: center;
}

.timer
{
    width: 30px;
    text-align: center;
    font-weight: bold;
}

.beneficiaryName
{
    width: 250px;
}

.customerName
{
    width: 200px;
}

.lsBeneficiaryName
{
    width: 150px;
    overflow: hidden;
}

.dpBeneficiaryName
{
    width: 200px;
    overflow: hidden;
}

.bankAccountNo
{
    width: 200px;
    overflow: hidden;
}

input
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    vertical-align: middle;
}
input.coverid
{
    width:80px;
}

textarea
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    vertical-align: middle;
}
select
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    vertical-align: middle;
}
input.narrow
{
    text-align: right;
    width: 35px;
}

input.narrowRate
{
    text-align: right;
    width: 45px;
}

input.sortCode
{
    width: 55px;
}

input.accountNumber
{
    width: 75px;
}

input.reference
{
    width: 140px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color: window;
    color: windowtext;
    padding: 1px;
}

.error
{
    background-color: #FF3C3C;
}

.errorText
{
    color: Red;
}

div.benePopup
{
    width: 500px;
    height: 500px;
    font-weight: normal;
    text-align: left;
}

div.fddmp
{
    width: 800px;
    height: 500px;
    font-weight: normal;
    border: 1px solid #000;
    background: #fff;
    padding: 1.5em;
}



div.currencyEntryPopup
{
    overflow: scroll;
    width: 800px !important;
}

div.popupInternal
{
    width: 790px;
}

div.popupInternalNarrow
{
    width: 499px;
}

div.modalPopup
{
    border: 1px solid #000;
    background: #fff;
    padding: 1.5em;
    width: 500px;
}

div.reference
{
    text-align: left;
    min-height: 100px;
    min-width: 350px;
}
div.tlStatus
{
    text-align: left;
    width: 350px;
}

.modalBackground
{
    background-color: #000;
    -moz-opacity: 0.7;
    opacity: .70;
    filter: alpha(opacity=70);
}

.updateProgress
{
    border: solid 1px black;
    background-color: #ffffff;
    vertical-align: middle;
    padding: 4px 4px 4px 4px;
    z-index: 20000;
}

.aml
{
    width: 470px;
    border: solid 1px black;
    background-color: #ffffff;
    vertical-align: middle;
    padding: 4px 4px 4px 4px;
    position: relative;
    height: 25px;
}

.authoriserList
{
    height: 400px;
    width: 500px;
    overflow: auto;
}

.updateProgress img
{
    float: left;
}

.hideCallout table
{
    /*this hides the ValidatorCalloutExtender popup*/
    display: none;
}



#progressBackgroundFilter
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=1);
    opacity: 0.5;
    z-index: 20000;
}

.authorisationProgBG
{
    width: 200px;
    background-color: #9D9FA2;
    text-align: left;
    height: 26px;
    margin: 0 auto;
}

.authorisationProgFG
{
    width: 100px;
    background-image: url(../images/menuBarHighlight.png);
    height: 26px;
    position: relative;
    top: 0;
    left: 0;
}

.hidden
{
    display: none;
}

.invisible
{
    visibility: hidden;
}

.settlement
{
    margin: 0px 0px 15px 0px;
    display: block;
}

.notSelected
{
    background-color: Gray;
}

.ccResultsVertical
{
}

.ccReultsHorizontal2
{
    margin-top: 42px;
    width: 200px;
}

.searchTable
{
    border: none;
    margin-bottom: 0px;
}

.searchTable td
{
    border: none;
    width: 100px;
}

.cal td
{
    padding: 0;
    height: auto;
    border: none;
}

.gbdp th
{
    height: auto;
    background-color: White;
    border: none;
}

.gbdp td
{
    padding: 3px 3px 3px 2px;
    height: auto;
    border: none;
}

.gbdp_day a
{
    text-decoration: none;
}

.gbdp_day
{
    text-decoration: none;
    color: silver;
    background-color: White;
}

.gbdp_otherday
{
    color: silver;
    background-color: White;
}

.gbdp_otherday a
{
    text-decoration: none;
    color: Gray !important;
}

.gbdp_dayheader
{
    background-color: White;
}

.gbdp_title
{
    color: Black;
    font-weight: bold;
    background-color: White;
}

.scfb
{
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    white-space: nowrap;
    font-weight: bold;
    width: 200px;
}
.scfbw
{
    width: auto !important;
}

.scfbL
{
    margin-top: 3px;
    float: left;
    white-space: nowrap;
    font-weight: bold;
    width: 100px;
}
.test
{
    width: auto;
    height: auto;
    padding: 20px;
    margin: 0px 0px 20px 0px;
    border: 1px #999999 solid;
}
.collapsePanel
{
    background-color: white;
    overflow: hidden;
}

.centerTable
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.tradeLineCancelled
{
    text-decoration: line-through;
}

.hoverMenu
{
    padding: 15px;
    border: solid 1px #021573;
    background-color: White;
    line-height: 5pt;
}

td.partner
{
    height: 80px;
    vertical-align: middle;
}

tr.lineSummary td
{
    border-top: solid 2px silver !important;
    border-bottom: solid 2px silver !important;
    border-collapse: separate !important;
    background-color: Silver !important;
}

select.transType
{
    width: 220px;
    overflow: hidden;
}
select.transAccount
{
    width: 100px;
    overflow: hidden;
}
