html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Arial;
    /*font-size: 11px;*/
    list-style: none;
    /*font-variant: small-caps;*/
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}
/**/

h1, h2, h3, h4, h5 {
    color: #003399;
    font-family: Arial;
    font-weight: bold;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h4 {
    font-size: 12px;
}

h5 {
    font-size: 11px;
}

input[type=text] {
    font-family: Arial;
}

select, option {
    font-family: Arial;
}

tr {
    height: 25px;
}

.clear {
    clear: both;
}

input.button {
    color: #CC0033;
}

div.button {
    color: #CC0033;
}

    div.button a {
        color: #CC0033;
    }

input.label {
    width: 80%;
    border: thin hidden #FFFFFF;
    text-transform: uppercase;
}

table TD.validator {
    color: Red;
}

/** Header **/
#header {
    width: 100%;
    height: 50px;
    margin-left: 250px;
    margin-right: 350px;
    margin-top: 20px;
    margin-bottom: 15px;
    background: url("../images/hongleongbg.png") no-repeat;
    background-repeat: repeat-x;
    position: relative;
}

#user_welcome {
    width: 2024px;
    height: 64px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#header-wrap {
    width: 100%;
    height: 150px;
    margin-left: 40px;
    margin-right: auto;
    margin-top: 10px;
    background: url("../images/hongleongbg.png") no-repeat;
    background-repeat: repeat-x;
    position: relative;
    margin-bottom: 5px;
}

#logo {
    width: 1424px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    background-image: url("../images/hongleong-1008.png");
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
}

#logo2 {
    width: 100%;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    background-image: url("../images/hongleong-1008.png");
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
}


/**** Login Panel****/
#login {
    float: left;
    width: auto;
    height: 200px;
    border: solid 1px #CCCCCC;
    margin-top: 5px;
    margin-left: auto;
}

    #login h2 {
        padding-top: 3px;
        border-bottom: solid 1px #CCCCCC;
        text-align: center;
        font-size: 13px;
        color: #00398f;
    }

    #login div#firsttime {
        margin-top: 16px;
        float: left;
        margin-left: 25px;
        font-weight: bold;
    }

    #login div.button {
        margin-top: 10px;
        float: left;
        margin-left: 20px;
        margin-right: 20px;
    }

        #login div.button a {
            color: #D40026;
        }

    #login #forgot_password {
        margin-top: 10px;
        margin-left: 37px;
    }

        #login #forgot_password a {
            margin-left: 10px;
            color: #D40026;
            font-weight: bold;
            text-decoration: none;
        }

            #login #forgot_password a:hover {
                text-decoration: underline;
                color: #999999;
            }

/** Main Menu **/
#mainmenu {
    width: 100%;
    height: 33px;
    background-color: #CC0033;
    /*background:url("../images/mainmenu_bg2.jpg") repeat-x;*/
    border-top: solid 1px #CCCCCC;
}

#mainmenu-wrap {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px 0px 20px;
}
/*#mainmenu-wrap ul
{
    padding:0px;
    margin:0px;
}
#mainmenu-wrap ul li
{
    display:inline;
    padding:0px;
    margin:0px;
   
}
#mainmenu-wrap ul li a
{
    color:#FFFFFF;
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
     padding:15px 50px 15px 50px;
}
#mainmenu-wrap ul li a:hover
{
    background-color:#FFFFFF;
    color:#000000;
}
*/
/** Slider **/
#slider {
    width: 100%;
    background: url("../images/banner_bg.jpg") repeat-x;
    height: 300px;
    padding: 15px 0px 15px 0px;
}

#slider-wrap {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#slider-img {
    overflow: hidden;
}
/** Search **/
#search {
    width: 100%;
    border-top: solid 3px #999999;
    background-color: #CCCCCC;
    height: 150px;
}

#search-wrap {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}
/** Content **/
#content {
    width: 1000px;
    /*background:url("../images/woosh.jpg") no-repeat;*/
    background-color: #FFFFFF;
    font-size: 12px;
    min-height: 0px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}

#content-wrap {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    min-height: 0px;
    padding: 10px 10px 0px 10px;
}

/*** Navigation ***/
#navigation {
    width: 200px;
    float: left;
    margin-left: auto;
    margin-right: 15px;
    min-height: 700px;
    padding-left: 15px;
}

    #navigation .nav-treeview a:hover {
        text-decoration: underline;
        color: #000000;
    }

    #navigation .treenode {
        color: #000000;
        padding: 4px 0px 4px 0px;
    }

    #navigation .leafnode {
        color: #E51B31;
    }

    #navigation .parentnode {
        font-weight: bold;
    }

    #navigation .root {
        font-size: 14px;
        color: #E51B31;
        font-weight: bold;
    }

    #navigation .parentnode, #navigation .root, #navigation .leafnode {
        padding-left: 3px;
    }


/*** Main content ***/
#maincontent {
    width: 950px;
    height: auto;
    float: left;
    min-height: 700px;
    margin-top: 15px;
    padding-left: 10px;
    margin-left: auto;
    margin-right: auto;
}

#maincontent2 {
    width: 400px;
    float: left;
    min-height: 700px;
    margin-top: 15px;
    padding-left: 35px;
}

/*** Profile ***/
#profile-wrap {
    width: 100%;
    height: auto;
    padding: 5px;
}

    #profile-wrap h1 {
        background: url("../images/profile/id_card_preferences.png") no-repeat;
        height: 24px;
        padding-left: 28px;
    }

    #profile-wrap .profile_details {
        padding: 8px;
        margin-top: 10px;
    }

    #profile-wrap .particular {
        background: url("../images/profile/user_info.png") no-repeat;
    }

    #profile-wrap .contact {
        background: url("../images/profile/user_contact.png") no-repeat;
    }

    #profile-wrap .password {
        background: url("../images/profile/user_lock.png") no-repeat;
    }

    #profile-wrap .mailing {
        background: url("../images/profile/user_earth.png") no-repeat;
    }

    #profile-wrap .particular, #profile-wrap .contact, #profile-wrap .password, #profile-wrap .mailing {
        padding-left: 28px;
        width: 95%;
    }


    #profile-wrap h2 {
        color: #666666;
        float: left;
        width: 500px;
    }

#profile_details div.field_changed {
    cursor: pointer;
    float: right;
    color: #E51B31;
    font-size: 15px;
}

#profile_details .section {
    border-bottom: solid 1px #CCCCCC;
    height: 22px;
    margin-bottom: 5px;
    margin-top: 15px;
}

#profile_details .label {
    font-weight: bold;
    width: 100px;
}

#profile_details input {
    width: 250px;
    /*color:#999999;*/
}


    #profile_details input.Address {
        width: 350px;
        text-transform: uppercase;
    }


    #profile_details input.Town {
        width: 250px;
        text-transform: uppercase;
    }

    #profile_details input.postcode {
        width: 70px;
    }

    #profile_details input.code {
        width: 40px;
    }

#profile_details .details {
    padding: 0px;
    /*color:#b0b3ad;*/
}

.dialog {
    font-size: 12px;
}

.link {
    color: #E51B31;
    text-decoration: none;
    cursor: pointer;
}


/*** Footer ***/
#footer {
    width: 100%;
}

#footer-wrap {
    width: 1000px;
    border-top: solid 1px #CCCCCC;
    padding: 5px 0px 30px 0px;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
}


/***** Login Page *****/
#login-wrap {
    width: 600px;
}

    #login-wrap h2 {
    }

        #login-wrap h2 span {
            color: #000000;
            font-size: 16px;
        }

    #login-wrap div.field_header {
        margin-top: 15px;
        padding: 10px;
        width: 250px;
        background-color: #CC0033;
        color: #FFFFFF;
        font-weight: bold;
    }

.imageButton {
    margin-top: 15px;
    padding: 10px;
    width: 630px;
    align-items: flex-start;
    font-size: larger;
    background-color: #CC0033;
    color: #FFFFFF;
    font-weight: bold;
}

div#login_form {
    background-color: #CCCCCC;
    width: 650px;
}

    div#login_form table {
        width: 650px;
    }

        div#login_form table TD {
            padding: 5px;
            text-align: left;
        }

            div#login_form table TD label {
                font-weight: bold;
            }

            div#login_form table TD input[type="text"] {
                background-color: #F3F4F9;
                border: solid 1px #666666;
                text-align: left;
                width: 100px;
            }

            div#login_form table TD input[type="password"] {
                background-color: #F3F4F9;
                border: solid 1px #666666;
                text-align: left;
                width: 100px;
            }

            div#login_form table TD input[type="checkbox"] {
                display: none;
                float: left;
                padding-bottom: 4px;
            }

div#notice_tabs {
    margin-top: 20px;
    width: 450px;
    border: solid 1px #CCCCCC;
    margin-bottom: 30px;
}


/*** Registration ***/
#Registration-wrap {
    width: 100%;
    height: auto;
    padding: 15px;
}


    #Registration-wrap div.button a {
        color: #D40026;
    }

    #Registration-wrap h1 {
        background: url("../images/profile/id_card_preferences.png") no-repeat;
        height: 24px;
        padding-left: 28px;
    }

    #Registration-wrap .Registration_details {
        padding: 8px;
        margin-top: 10px;
    }

    #Registration-wrap .particular {
        background: url("../images/profile/user_info.png") no-repeat;
    }

    #Registration-wrap .contact {
        background: url("../images/profile/user_contact.png") no-repeat;
    }

    #Registration-wrap .password {
        background: url("../images/profile/user_lock.png") no-repeat;
    }

    #Registration-wrap .mailing {
        background: url("../images/profile/user_earth.png") no-repeat;
    }

    #Registration-wrap .particular, #Registration-wrap .contact, #Registration-wrap .password, #Registration-wrap .mailing {
        padding-left: 28px;
        width: 95%;
    }


    #Registration-wrap h2 {
        color: #666666;
        float: left;
        width: 500px;
    }

#Registration_details table TD.validator {
    color: Red;
}

#Registration_details .section {
    border-bottom: solid 1px #CCCCCC;
    height: 22px;
    margin-bottom: 5px;
    margin-top: 15px;
}

#Registration_details .label {
    font-weight: bold;
    width: 150px;
}

#Registration_details input {
    width: 250px;
    /*color:#999999;*/
}

    #Registration_details input.label {
        width: 80%;
        border: thin hidden #FFFFFF;
        text-transform: uppercase;
    }

    #Registration_details input.Address {
        width: 250px;
        text-transform: uppercase;
    }

    #Registration_details input.PosCd {
        width: 100px;
        text-transform: uppercase;
    }

#Registration_details .combo {
    width: 250px;
    text-transform: uppercase;
}



/**** Dashboard ****/
#dashboard-wrap {
    padding: 15px;
}

    #dashboard-wrap #promo_banner {
        text-align: center;
    }

    #dashboard-wrap #feeds_update {
        margin-top: 15px;
    }

    #dashboard-wrap #update, #dashboard-wrap #message {
        background-color: #EFF4F7;
    }

    #dashboard-wrap .ui-accordion .ui-accordion-header {
        padding-left: 30px;
    }

    #dashboard-wrap ul li a {
        text-decoration: none;
        color: #4291D7;
    }

        #dashboard-wrap ul li a:hover {
            text-decoration: underline;
            color: #E51B31;
        }


/*** Account Summary ***/
#account-wrap {
    width: 100%;
    padding: 15px;
    height: auto;
}

    #account-wrap h1 {
        background: url("../images/account/address_book2.png") no-repeat;
        height: 24px;
        padding-left: 28px;
    }

    #account-wrap .account_details {
        padding: 8px;
        margin-top: 10px;
    }

    #account-wrap .particular {
        background: url("../images/account/pie-chart_view.png") no-repeat;
    }

    #account-wrap .particular {
        padding-left: 28px;
        width: 95%;
        height: auto;
    }

    #account-wrap .grid {
        background: url("../images/account/table_sql_view.png") no-repeat;
    }

    #account-wrap .grid {
        padding-left: 28px;
        width: 95%;
    }


    #account-wrap h2 {
        color: #666666;
        float: left;
        width: 500px;
    }

#account_details div.field_changed {
    cursor: pointer;
    float: right;
    color: #E51B31;
}

#account_details .section {
    border-bottom: solid 1px #CCCCCC;
    height: 22px;
    margin-bottom: 5px;
    margin-top: 15px;
}

#account_details .label {
    font-weight: bold;
    width: 150px;
}

#account_details input {
    width: 250px;
    /*color:#999999;*/
}

    #account_details input.postcode {
        width: 70px;
    }

    #account_details input.code {
        width: 30px;
    }

#account_details .details {
    padding: 10px;
    height: auto;
    color: #b0b3ad;
    min-height: 350px;
}
/*** Pie Chart ***/
#account_chart_type, #account_chart_fund {
    float: left;
    width: 40%;
    height: auto;
    min-height: 350px;
}
/*** Grid ****/
.grid {
    width: 95%;
    font-size: 12px;
}

.grid-header TH {
    text-align: center;
}

.grid-header {
    background: url("../images/grid-header.jpg");
    color: #333333;
}


/*** accdetail Details ***/
#accdetail-wrap {
    width: 100%;
    padding: 15px;
}

    #accdetail-wrap h1 {
        background: url("../images/account/text_view.png") no-repeat;
        height: 24px;
        padding-left: 28px;
    }

    #accdetail-wrap .accdetail_details {
        padding: 8px;
        margin-top: 10px;
    }

    #accdetail-wrap .particular {
        background: url("../images/account/id_card.png") no-repeat;
    }

    #accdetail-wrap .particular {
        padding-left: 28px;
        width: 95%;
    }

    #accdetail-wrap .grid {
        background: url("../images/account/table_sql_view.png") no-repeat;
    }

    #accdetail-wrap .grid {
        padding-left: 28px;
        width: 95%;
    }

    #accdetail-wrap h2 {
        color: #666666;
        float: left;
        width: 500px;
    }

#accdetail_details div.field_changed {
    cursor: pointer;
    float: right;
    color: #E51B31;
}

#accdetail_details .section {
    border-bottom: solid 1px #CCCCCC;
    height: 22px;
    margin-bottom: 5px;
    margin-top: 15px;
}

#accdetail_details .label {
    font-weight: bold;
    width: 150px;
}

#accdetail_details input {
    width: 250px;
    /*color:#999999;*/
}

    #accdetail_details input.postcode {
        width: 70px;
    }

    #accdetail_details input.code {
        width: 30px;
    }

#accdetail_details .details {
    padding: 10px;
    /*color:#b0b3ad;*/
}



/*** Calculator ***/
#calculator-wrap {
    width: 100%;
    padding: 15px;
}

    #calculator-wrap h1 {
        background: url("../images/pda_write.png") no-repeat;
        height: 24px;
        padding-left: 28px;
    }



/*** Fund ***/
#Fund-wrap {
    width: 1000px;
    padding: 15px;
}

    #Fund-wrap h1 {
        background: url("../images/document_certificate.png") no-repeat;
        height: 24px;
        padding-left: 28px;
    }


/*** Grid Row ***/
.cssRow tr {
    background-color: #0191C8;
}

/*** Grid Pager ***/
.cssPager td {
    background-color: #005B9A;
    font-size: 14px;
    font-family: Arial;
    color: White;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
}

    .cssPager td a {
        background-color: #005B9A;
        font-size: 14px;
        font-family: Arial;
        color: White;
        font-weight: bold;
        padding-left: 4px;
        padding-right: 4px;
    }

.cssPager span {
    background-color: #005B9A;
    font-size: 18px;
}

/*** Investment ***/
#Investment-wrap {
    width: 100%;
    height: auto;
    padding: 15px;
}

    #Investment-wrap h1 {
        background: url("../images/shoppingcart.png") no-repeat;
        height: 24px;
        padding-left: 28px;
    }

    #Investment-wrap .Investment_details {
        padding: 8px;
        margin-top: 10px;
    }

    #Investment-wrap h2 {
        color: #666666;
        float: left;
    }

#Investment_details .section {
    border-bottom: solid 1px #CCCCCC;
    height: 22px;
    margin-bottom: 5px;
    margin-top: 15px;
}

#Investment_details .label {
    font-weight: bold;
    width: 150px;
}

#Investment_details input[type=text] {
    width: 250px;
    /*color:#999999;*/
}

#Investment_details input[type=checkbox] {
    width: 50px;
    /*color:#999999;*/
}

#Investment_details select, #Investment_details options {
    font-size: 12px;
}

#Investment_details .details {
    padding: 10px;
    /*color:#b0b3ad;*/
}


/*** Investment2 ***/
#Investment2-wrap {
    width: 95%;
    height: auto;
    padding: 15px;
}

    #Investment2-wrap h1 {
        background: url("../images/document_certificate.png") no-repeat;
        height: 24px;
        padding-left: 28px;
    }


/*** Investment4 ***/
#Investment4-wrap {
    width: 95%;
    height: auto;
    padding: 15px;
}

    #Investment4-wrap h1 {
        background: url("../images/document_ok.png") no-repeat;
        height: 24px;
        padding-left: 28px;
    }


/*** Investment6 ***/
#Investment6-wrap {
    width: 95%;
    height: auto;
    padding: 15px;
}

    #Investment6-wrap h1 {
        background: url("../images/certificate.png") no-repeat;
        height: 24px;
        padding-left: 28px;
    }


/*** Radio button ***/

table.mylist input {
    width: 4%;
    display: block;
    float: left;
}

table.mylist label {
    width: 80%;
    display: block;
    float: left;
    padding-top: 4px;
    color: Black;
}




/*** Risk Profile Details ***/
#riskprofile-wrap {
    width: 1000px;
    padding: 15px;
}

    #riskprofile-wrap h1 {
        background: url("../images/account/text_view.png") no-repeat;
        height: 24px;
        padding-left: 28px;
    }

    #riskprofile-wrap .riskprofile_details {
        padding: 8px;
        margin-top: 10px;
    }

    #riskprofile-wrap .particular {
        background: url("../images/account/id_card.png") no-repeat;
    }

    #riskprofile-wrap .particular {
        padding-left: 28px;
        width: 95%;
    }

    #riskprofile-wrap .grid {
        background: url("../images/account/table_sql_view.png") no-repeat;
    }

    #riskprofile-wrap .grid {
        padding-left: 28px;
        width: 95%;
    }

    #riskprofile-wrap h2 {
        color: #666666;
        float: left;
        width: 500px;
    }

#riskprofile_details .details {
    padding: 10px;
    color: #666666;
}


.tableHeader {
    background-color: #003399;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
}


.GridStandard {
    width: 95%;
}


.overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}

*html .overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

.loader {
    z-index: 100;
    position: fixed;
    width: 120px;
    margin-left: -60px;
    top: 50%;
    left: 50%;
}

*html .loader {
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}


.overlay2 {
    position: fixed;
    z-index: 99;
    background-color: Black;
    width: 900px;
    height: 500px;
    filter: Alpha(Opacity=90);
    opacity: 0.90;
    -moz-opacity: 0.90;
    top: 100px;
    left: expression((document.body.scrollWidth / 4) + (0 - parseInt(this.offsetParent.clientWidth / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

*html .overlay2 {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: 900px;
}

.loader2 {
    z-index: 100;
    position: fixed;
    width: 80%;
    top: 10px;
    left: 10px;
    /*margin-left: auto;
    margin-right:auto;*/
}

*html .loader2 {
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

#fimmlogo {
    float: left;
    width: 361px;
    height: 91px;
    background-image: url("../images/FIMM.jpg");
    background-position: left top;
    background-repeat: no-repeat;
}

/* --  Added By Muthu  --*/

.ul-List {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

.li-list {
    float: left;
    margin-bottom: 10px;
}


/* The PWDmessage box is shown when the user clicks on the password field */
#PWDmessage {
    color: Red;
    position: relative;
    padding: 20px;
    margin-top: 10px;
    text-align: right;
    font-size: xx-small;
}

    #PWDmessage p {
        padding: 10px 35px;
        font-size: 18px;
    }

/* Add a green text color and a checkmark when the requirements are right */
.valid {
    color: green;
}

/*.valid:before {
        position: relative;
        left: -35px;
        content: "✔";
        font-size:x-small;
    }*/

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
    color: red;
}

/*.invalid:before {
        position: relative;
        left: -35px;
        content: "✖";
    }*/