/*
	Fund Manager CSS
	
	Main Colors:
	Blue: #007cc1 to #006193 (#004467 hover)
	Red: #e42313  to #B72F2A (#80211d hover)
	Border: #CECECE
	background light grey: #f1f3f2 to #f3f4f6
	light grey text: #999999
	text-color: #444444

*/

/* Reset */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ------------------------------ default -------------------------------- */

.pageHeaderLogo {
    background-image: /*url(/images/logos/logo-fidelity.png)*/;
    background-repeat: no-repeat;
    width: 187px;
    height: 57px;
}

html {
    height: 100%;
}

body {
    background: transparent url(/images/bodyBackground.png) 0 0 repeat-x;
    height: 100%;
    overflow: visible;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: #444444
}

#container, .container {
    position: relative;
    width: 1024px;
    margin: 0 auto;
    background: #FFFFFF;
    min-height: 100%;
    margin-bottom: -64px;
}

.mainBody {
    text-align: left;
    padding-bottom: 64px;
    position: relative;
    min-height: 500px;
}

#mainBody {
    padding: 4em 2em;
    *padding: 2em 2em;
    min-height: 300px;
}

xbutton {
    behavior: url("/css/csshover2.htc");
}

.clear {
    clear: both;
}

.floatRight {
    float: right;
}

.floatleft {
    float: left;
}

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

.overflowEllipsis {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

input.error, input.input-validation-error, select.error, select.input-validation-error, textarea.error {
    outline: dotted 1px #c00;
    background-color: #ffe8e8 !important;
}

a:link, a:visited, a:active {
    color: #006193;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-family: 'Century Gothic', Arial, Sans-Serif;
    color: #006193;
    font-size: 2em;
}

h2 {
    color: #006193;
    font-size: 1.4em;
}

h3 {
    color: #444444;
    font-size: 1.3em;
}

h4 {
    color: #006193;
    font-size: 1em;
}

h3 .highlight {
    color: #006193;
}

p {
    padding: .5em 0;
    line-height: 1.35em;
    clear: left;
    display: block;
}


/* --- BUTTONS --- */
.orangeButton {
    position: relative;
    text-align: center
}

    .orangeButton button {
        background: #B72F2A;
        border: 0;
        padding: 5px 10px;
        color: #FFFFFF;
        text-align: center;
        cursor: pointer;
        width: 100%;
        font-weight: bold;
    }


/* Grrr. Currently no-one can make up their mind about the styling of these cells.  Right now padding is IN!  
   Un-Comment the next two lines if right padding becomes un-fashionable again.
.ui-jqgrid tr.jqgrow td.overflowEllipsis {padding-right: 0; padding-left: 16px;}*/
/* Removed for Firefox 7 // .ui-jqgrid tr.jqgrow td.overflowEllipsis span {margin-left: -8px;} */

#otherHoldings #col_2, #otherHoldings #col_6 {
    white-space: normal;
}

#otherHoldings .floatRight button {
    font-weight: normal;
    padding: 0 4px 0 0;
    line-height: normal;
}

/* VH: next line is ie6 hack for footer - sorry - should move to conditional style sheet */
* html .container {
    height: 100%;
}

select {
    position: relative;
    z-index: 0;
    zoom: 1;
}


/* ------------------------------ HEADER -------------------------------- */
.pageHeader {
    height: 95px;
}

.headerLogo {
    float: left;
    width: 184px;
    height: 57px;
    margin: 1.5em 2.5em;
}

.accountLinks {
    float: right;
    height: 35px;
    vertical-align: baseline;
}

    .accountLinks ul {
        line-height: 15px;
        float: right;
        margin: 1em 0;
    }

        .accountLinks ul li {
            float: left;
        }

            .accountLinks ul li a {
                border-right: 1px solid #444444;
                padding: 0 1em;
            }

                .accountLinks ul li a#contactUs {
                    border-right: 0 !important;
                }

            .accountLinks ul li.name {
                padding: 0 1em;
                border-right: 1px solid #444444;
            }

                .accountLinks ul li.name select {
                    margin: .7em 0;
                }

            .accountLinks ul li.impersonationName {
                background-color: #eaf5f9;
                color: #c00;
                font-weight: bold;
            }

/*.accountLinks ul li a:hover, p a:hover, a.standardLink:hover { color: #B72F2A; text-decoration: underline; }*/

.headerTitle {
    display: inline;
    float: right;
    clear: right;
    color: #f51;
    font-weight: normal;
    font-size: 2.3em;
    height: 55px;
    line-height: 55px;
    vertical-align: bottom;
    overflow: hidden;
    margin-right: .25em;
}


/* --------------------------------- MENU ----------------------------- */

.mainmenu {
    background: #006193;
    width: 100%;
    height: 38px;
    z-index: 1000; /*float: left;*/
}

    .mainmenu ul {
        list-style: none;
        margin: 0 0 0 0px;
        display: inline-table;
    }

        .mainmenu ul:after {
            content: "";
            clear: both;
            display: block;
        }

        .mainmenu ul li {
            background: transparent url(/images/sprite_buttons-New.png) 100% 0 no-repeat; /*height: 38px; line-height: 38px;*/
            float: left;
            display: inline;
            position: relative;
            z-index: 1000;
            cursor: pointer
        }

            .mainmenu ul li:hover {
                background: transparent url(/images/sprite_buttons-New.png) 100% -38px no-repeat;
                cursor: pointer
            }

            .mainmenu ul li.highlight {
                background: transparent url(/images/sprite_buttons-New.png) 100% -38px no-repeat;
            }

            .mainmenu ul li a {
                font-weight: bold;
                text-decoration: none;
                line-height: 38px;
                padding: 0 32px 0 25px;
                display: block;
                color: #ffffff;
            }

        /* --- submenu --- */
        .mainmenu ul ul {
            display: none;
            background: #006193;
            border-radius: 0px;
            padding: 0;
            margin: 0;
            position: absolute;
            top: 100%;
            width: 15em;
            z-index: 1001
        }

        .mainmenu ul li:hover ul {
            display: block;
            left: 0;
        }

        .mainmenu ul ul li {
            float: none;
            position: relative;
            cursor: pointer;
            display: block;
            background: #006193;
            z-index: 1001;
        }

            .mainmenu ul ul li:hover {
                background: #0067a0;
            }

            .mainmenu ul ul li a {
                font-size: .9em;
                line-height: 8px;
                padding: 10px 25px;
                *padding: 10px 25px;
                color: #fff;
                border-top: solid 1px #82bfe1;
                border-bottom: solid 1px #004b92;
            }

                .mainmenu ul ul li a:hover {
                    background: #0067a0;
                }

.noMenu {
    clear: both;
    height: 38px;
}

/* ----------------------------- Footer --------------------------------- */

.footer {
    position: relative;
    clear: both;
    background: transparent;
    width: 100%;
    text-align: center;
    height: 64px;
}

.footerContent {
    background: #FFFFFF;
    width: 1024px;
    margin: 0 auto;
    text-align: left;
    height: 64px;
    border-top: 1px solid #CECECE
}

.footer .copyright {
    float: right;
    color: #999999;
    padding: 13px 8px 0 0;
    font-size: 11px
}

.footer ul {
    float: left;
    clear: left;
    display: inline;
    height: 36px;
    overflow: hidden;
    vertical-align: baseline;
    line-height: 36px;
}

.footer li {
    float: left;
    vertical-align: baseline;
    margin-left: 1px;
}

.footerLinksAbout {
    height: 24px;
    line-height: 24px;
}

    .footerLinksAbout li a, .footerLinksAbout li a:active {
        color: #f60;
        text-decoration: none;
        padding: 0 .7em;
        font-weight: bold;
    }

.footerLinksMain li a, .footerLinksMain li a:active {
    padding: 0 .75em;
}

.footerLinksMain li a {
    border-right: solid 1px #CECECE;
}

.footerIjol {
    position: relative;
    clear: both;
    background: transparent;
    width: 100%;
    text-align: center;
    height: 64px;
}

.footerContentIjol {
    background: #FFFFFF;
    width: 1024px;
    margin: 0 auto;
    text-align: left;
    height: 64px;
    border-top: 1px solid #CECECE
}

.footerIjol .copyrightIjol {
    float: right;
    color: #999999;
    font-size: 9px
}

.footerIjol ul {
    float: left;
    clear: left;
    display: inline;
    height: 36px;
    overflow: hidden;
    vertical-align: baseline;
    line-height: 36px;
}

.footerIjol li {
    float: left;
    vertical-align: baseline;
    margin-left: 1px;
}

.footerLinksAbout {
    height: 24px;
    line-height: 24px;
}

    .footerLinksAbout li a, .footerLinksAbout li a:active {
        color: #f60;
        text-decoration: none;
        padding: 0 .7em;
        font-weight: bold;
    }

.footerLinksMainIjol li a, .footerLinksMain li a:active {
    padding: 0 .75em;
}
/*.footerLinksMainIjol li a { border-right: solid 1px #CECECE;}*/



/* ----------------------------- Login Content --------------------------------- */

#loginContent {
    width: 900px;
    display: block;
    position: relative;
    margin: 3em auto;
    height: 350px;
}

.loginInfoText {
    float: left;
    width: 46%;
    margin: 2em 0 0 3em
}

    .loginInfoText h1 {
        font-size: 2.5em;
        margin: 0 0 0.5em 0;
    }

    .loginInfoText p {
        font-weight: bold;
        padding-left: 0.25em;
    }

    .loginInfoText ul {
        margin: 0.5em 1em;
    }

.loginControls {
    float: right;
    width: 42%;
    margin-top: 24px;
    margin-top: 27px\0/;
    *margin-top: 34px;
}

@-moz-document url-prefix() {
    .loginControls {
        margin-top: 24px;
    }
}
/* FIREFOX */
.loginPanel {
    width: 280px;
    min-height: 250px;
    height: auto;
    float: left;
    background: #006193;
    position: relative;
    padding: 2em;
}

.loginBox {
    color: #FFFFFF;
    width: 100%;
}

    .loginBox h1 {
        font-size: 2.5em;
        color: #FFFFFF;
        margin: 0 0 1em 0;
    }

    .loginBox label {
        font-size: 1.3em;
        display: block;
        clear: both;
        margin: 1em 0 .25em 0;
        font-weight: normal;
        color: #FFFFFF;
    }

    .loginBox input {
        display: block;
        width: 90%;
        height: 15px;
        font-size: 1.3em;
        padding: 10px 10px
    }

    .loginBox .forgottenPassword {
        line-height: 1.5em;
        width: 180px;
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

        .loginBox .forgottenPassword a {
            color: #FFFFFF;
            margin: 0.5em 0 0.5em 0;
        }

    .loginBox .checkbox {
        margin: 0.75em 0 0.25em;
    }

        .loginBox .checkbox label {
            font-weight: normal;
            display: inline;
            font-size: 1em;
            ;
            line-height: 1.3em;
            padding-top: 5px;
            vertical-align: top;
            *vertical-align: middle;
        }

        .loginBox .checkbox input {
            border: thin;
            display: inline;
            width: 15px;
            padding: 0;
            margin: 0 0.5em 0 0
        }

.loginButton {
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: #B72F2A;
    border: 2px solid #FFF;
    width: 70px;
    text-align: center;
    padding: 5px 10px;
}

    .loginButton span {
        text-decoration: none;
        color: #FFF;
        float: none;
    }

        .loginButton span:hover {
            color: #FFF;
        }

    .loginButton .orangeButton button {
        font-size: 1.3em;
    }

/* --- Login no javascript --- */
.noJavascript {
    float: left;
    width: 457px;
    margin-top: 24px;
}

    .noJavascript div {
        background-color: #fee;
        border: solid 1px red;
        padding: 1em;
        border-radius: 1em;
        -moz-border-radius: 1em;
        -o-border-radius: 1em;
        -khtml-border-radius: 1em;
    }

    .noJavascript h3 {
        margin-top: .5em;
    }

    .noJavascript p {
        padding-top: .25em;
    }

#forgottenPasswordContainer {
    width: 100%;
    position: relative;
}

    #forgottenPasswordContainer .forgottenPassword {
        width: 48%;
        float: left;
    }

.forgottenPassword label {
    font-weight: bold;
    padding-top: 0.25em;
    float: left
}

.forgottenPassword input#UserName {
    width: 18em;
    float: right;
}

.forgottenPassword p {
    font-weight: bold;
    padding-left: 0.25em;
}

.forgottenPassword ul {
    margin: 0.5em 1em;
}

    .forgottenPassword ul li {
        background: transparent url(/images/sprite_buttons-New.png) -233px -382px no-repeat;
        line-height: 2em;
        padding-left: 1em;
    }

.forgottenPassword .orangeButton {
    float: right;
    clear: both;
    margin-top: 0.5em
}

    .forgottenPassword .orangeButton #btnSubmit {
        width: 80px;
    }

#forgottenPasswordContainer .forgottenUsername {
    width: 48%;
    float: right;
}

#forgottenPasswordContainer strong {
    color: #006193;
}

#forgottenPasswordContainer h1 {
    margin-bottom: 20px;
}

/* ----------------------------- Side Panel --------------------------------- */

#sidePanel {
    float: right;
    right: 0;
    width: 216px;
    margin: 0px 10px 0 0;
}

.infoPanel {
    width: 100%;
    background: transparent;
    position: relative;
    margin-bottom: 16px;
}

.infoPanelContent, .infoPanelContent p {
    padding-top: 3px;
}

    .infoPanelContent strong, .loginInfoText strong {
        font-weight: bold;
        color: #006193;
    }

ul.userInfo li, .loginInfoText ul li {
    background: transparent url(/images/sprite_buttons-New.png) -233px -382px no-repeat;
    line-height: 2em;
    padding-left: 1em;
}
/*ul.userInfo li { float: left }*/
ul.userInfo label {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-weight: bold;
    padding-right: 0.5em;
    width: 75px;
    vertical-align: top /*float: left;*/
}

ul.userInfo span {
    display: inline-block;
    *display: inline;
    zoom: 1; /*float: left;*/
    width: 100px
}

/* ----------------------------- Content --------------------------------- */

.fullWidthContent {
    width: 942px;
    margin: 0 8px 16px;
}

#mainContent {
    width: 700px;
    margin: 0 20px 16px 0px;
    float: left
}

    #mainContent h3 {
        margin-top: 5px;
        clear: both;
    }

/* --- icon links --- */
ul.serviceLinks {
    float: right;
    vertical-align: bottom;
}

    ul.serviceLinks li {
        float: left;
        display: inline;
    }

        ul.serviceLinks li a {
            display: inline-block;
            line-height: 25px;
            padding: 0 20px;
            margin: 0 0 5px 0;
            height: 18px;
        }

            ul.serviceLinks li a:hover {
                text-decoration: underline;
            }

            ul.serviceLinks li a#downloadLink {
                background: transparent url(/images/sprite_buttons-New.png) 0px -398px no-repeat;
            }

            ul.serviceLinks li a#printLink {
                background: transparent url(/images/sprite_buttons-New.png) 0px -419px no-repeat;
            }

            ul.serviceLinks li a.helpLink {
                background: transparent url(/images/sprite_buttons-New.png) 0px -440px no-repeat;
                cursor: pointer;
                padding-right: 0;
            }

/* --- Filter --- */
.holdingFilter {
    width: 100%;
    background: #f3f4f6;
    padding: 12px 0;
    clear: both;
    border: 1px solid #CECECE;
    margin-bottom: 10px;
}

    .holdingFilter label {
        width: auto;
        margin: 0 10px;
        font-weight: bold;
        color: #006193
    }

    .holdingFilter optgroup {
        font-weight: normal;
        background-color: white;
        color: #39f;
        font-style: normal;
    }

    .holdingFilter option {
        background-color: white;
        color: black;
    }

    .holdingFilter a {
        display: inline;
        margin: 0 0 0 8px;
        font-size: .85em;
        font-weight: normal;
        color: #39c;
        text-decoration: none;
    }

.fieldvalue {
    font-size: small;
}

/* -- dropdown filter --- */
.holdingFilter #ViewKey {
    font-family: Arial;
    overflow: visible;
    width: 70%;
    border: 1px solid #CECECE;
}

    .holdingFilter #ViewKey optgroup, .holdingFilter #ViewKey option {
        width: auto;
        overflow: visible;
        font-family: Arial;
    }

.holdingFilter select {
    position: relative;
    z-index: 0;
}

/* -- refine filter --- */
.refineFilter {
    margin: 0px 0px 10px 0px;
    float: left;
    *float: none;
}

    .refineFilter label {
        font-weight: bold;
    }

/* --- PORTFOLIO --- */
#portflioContainer {
    margin: 10px 0;
}

#gview_PortfolioGrid table.ui-jqgrid-htable tr th:last-child {
    width: 101px !important;
}
/* chrome & safari hack */
table#PortfolioGrid tr td:last-child {
    width: 101px !important;
    text-align: center !important;
}

.gridTotal {
    float: right;
    clear: both;
    color: #444444;
    margin-right: 6px;
    display: none;
    font-weight: bold;
}

.linkButton, .linkButton a {
    background-color: transparent;
    color: #006193;
    border: 0;
    padding: 2px 4px;
    font-weight: bold;
    cursor: pointer;
    line-height: 28px;
    height: 28px;
    overflow: visible;
    vertical-align: baseline;
    text-align: left;
    margin-left: 0;
}

    button.linkButton, .linkButton a {
        font-size: .8em;
        position: relative;
    }

        button.linkButton span, .linkButton a, a.linkButton {
            text-decoration: underline;
        }

        button.linkButton span {
            position: relative;
        }

            button.linkButton:hover span, button.linkButton span:hover, .linkButton a:hover, a.linkButton:hover {
                color: #B72F2A;
            }

.holdingsTitle {
    margin: 0 !important;
}
/* --- Transaction History  --- */
select#SelectedTransactionType {
    margin-right: 2em;
}

#gview_TransactionHistoryGrid table.ui-jqgrid-htable tr th:nth-child(3) {
    width: 166px !important;
}
/* chrome & safari hack */
#gview_TransactionHistoryGrid table.ui-jqgrid-htable tr th:nth-child(6) {
    width: 70px !important;
}
/* chrome & safari hack */
#gview_TransactionHistoryGrid table.ui-jqgrid-htable tr th:nth-child(7) {
    width: 60px !important;
}
/* chrome & safari hack */
#gview_TransactionHistoryGrid table.ui-jqgrid-htable tr th:nth-child(9) {
    width: 70px !important;
}
/* chrome & safari hack */

table#TransactionHistoryGrid tr td:nth-child(3) {
    width: 166px !important;
}
/* chrome & safari hack */
table#TransactionHistoryGrid tr td:nth-child(6) {
    width: 70px !important;
}
/* chrome & safari hack */
table#TransactionHistoryGrid tr td:nth-child(7) {
    width: 60px !important;
}
/* chrome & safari hack */
table#TransactionHistoryGrid tr td:nth-child(9) {
    width: 70px !important;
}
/* chrome & safari hack */

/* --- Price History  --- */
#gview_PriceHistoryGrid tr th:last-child {
    width: 87px !important;
}
/* chrome & safari hack */
table#PriceHistoryGrid tr td:last-child {
    width: 87px !important;
}
/* chrome & safari hack */

/* --- Distribution History --- */
#distributionHistoryForm .filterDateOptionLabel {
    float: left;
    margin: 3px 5px 0 0;
}

#distributionHistoryForm .refineFilter ul {
    float: left;
}

#gview_DistributionHistoryGrid table.ui-jqgrid-htable tr th:nth-child(3) {
    width: 165px !important;
}
/* chrome & safari hack */
#gview_DistributionHistoryGrid table.ui-jqgrid-htable tr th:last-child {
    width: 74px !important;
}
/* chrome & safari hack */

table#DistributionHistoryGrid tr td:nth-child(3) {
    width: 165px !important;
}
/* chrome & safari hack */
table#DistributionHistoryGrid tr td:last-child {
    width: 74px !important;
}
/* chrome & safari hack */

/* --- Correspondence History --- */
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(1) {
    width: 85px !important;
}
/* chrome & safari hack */
table#CorrespondenceHistoryGrid tr td:nth-child(1) {
    width: 85px !important;
}
/* chrome & safari hack */
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(2) {
    width: 80px !important;
}
/* chrome & safari hack */
table#CorrespondenceHistoryGrid tr td:nth-child(2) {
    width: 80px !important;
}
/* chrome & safari hack */
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(3) {
    width: 140px !important;
}
/* chrome & safari hack */
table#CorrespondenceHistoryGrid tr td:nth-child(3) {
    width: 140px !important;
}
/* chrome & safari hack */
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(4) {
    width: 85px !important;
}
/* chrome & safari hack */
table#CorrespondenceHistoryGrid tr td:nth-child(4) {
    width: 85px !important;
}
/* chrome & safari hack */
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(5) {
    width: 105px !important;
}
/* chrome & safari hack */
table#CorrespondenceHistoryGrid tr td:nth-child(5) {
    width: 105px !important;
}
/* chrome & safari hack */
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(6) {
    width: 120px !important;
}
/* chrome & safari hack */
table#CorrespondenceHistoryGrid tr td:nth-child(6) {
    width: 120px !important;
}
/* chrome & safari hack */
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(7) {
    width: 45px !important;
}
/* chrome & safari hack */
table#CorrespondenceHistoryGrid tr td:nth-child(7) {
    width: 45px !important;
}
/* chrome & safari hack */

/* --- Funds Under Advice --- */
#gview_FundsGrid table.ui-jqgrid-htable tr th:last-child {
    width: 108px !important;
}
/* chrome & safari hack */
table#FundsGrid tr td:last-child {
    width: 108px !important;
}
/* chrome & safari hack */

/* --- FORMS --- */
.formsSectionBox {
    border: solid 1px #CECECE;
    background-color: #f3f4f6;
    float: left;
    width: 698px;
    clear: both;
    margin-bottom: .5em;
}

    .formsSectionBox h2 {
        padding: 0.5em;
    }

        .formsSectionBox h2 a:hover {
            text-decoration: none;
        }

.formList {
    clear: both;
    display: none;
}

    .formList li {
        padding-left: 2.5em;
        zoom: 1;
    }

        .formList li a {
            padding: 5px 0 10px 30px;
            font-size: 1em;
            text-decoration: none;
            line-height: 1.1em;
            display: block;
            overflow: visible;
        }

            .formList li a.pdf {
                background: transparent url(/images/icons/pdf.gif) 0px 2px no-repeat;
                cursor: pointer;
                padding-bottom: 5px;
            }

.formtable {
    width: 100%;
    border-top: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
}

    .formtable th {
        border-bottom: 1px solid #CECECE;
        border-right: 1px solid #CECECE;
        background: #ffffff;
        padding: 13px 5px;
        text-align: left;
    }

    .formtable td {
        border-bottom: 1px solid #CECECE;
        border-right: 1px solid #CECECE;
        background: url(/images/form_td_Background.png) left top repeat-x;
        padding: 13px 5px;
    }

    .formtable a#downloadIcons {
        background: transparent url(/images/sprite_buttons-New.png) 0px -485px no-repeat;
        padding-left: 20px;
    }

    .formtable a#bookletButton {
        background: transparent url(/images/sprite_buttons-New.png) 0px -505px no-repeat;
        padding-left: 20px;
    }

    .formtable a#ApplicationButton {
        background: transparent url(/images/sprite_buttons-New.png) 0px -525px no-repeat;
        padding-left: 20px;
    }

/* --- HOLDINGS DETAILS --- */
table.info {
    width: 700px;
    margin: 1em 0;
    clear: both;
}

    table.info th {
        text-align: left;
        vertical-align: top;
    }

    table.info td {
        vertical-align: top;
        padding-bottom: 0.5em
    }

    table.info tr.sectionDivider, table.info tr.darkBorderTop {
        border-top: solid 2px #B72F2A;
    }

    table.info tr td ul li {
        line-height: 1.25em;
        clear: both;
    }

    table.info th.colTitle, table.info th.orange {
        color: #006193;
        text-align: left
    }

    table.info tr.padTop th {
        padding: 0.5em 0 0 0;
        text-align: left
    }

        table.info tr.padTop th.underline {
            padding-bottom: 0.25em;
            border-bottom: 1px solid #CECECE;
        }

    table.info tr.padTop td label.underline {
        font-weight: bold;
        border-bottom: 1px solid #cecece;
        display: block;
        padding-bottom: 0.25em
    }

    table.info tr.padTop td {
        padding: 0.5em 0 0.5em 0;
        text-align: left
    }

        table.info tr.padTop td label {
            font-weight: bold;
        }

    table.info tr.noPad td {
        padding: 0.5em 0 0.5em;
    }

        table.info tr.noPad td label {
            font-weight: bold;
        }

            table.info tr.noPad td label.underline {
                font-weight: bold;
                border-bottom: 1px solid #cecece;
                display: block;
            }

        table.info tr.noPad td ul {
            padding-top: 0.5em;
        }

    table.info .holding-detail-title {
        width: 150px;
    }

    table.info .holding-column1 {
        width: 220px;
    }

    table.info .holding-column2 {
        width: 220px;
    }

    table.info .linkButton {
        line-height: 0em;
        font-size: 1em;
        text-decoration: underline;
        padding: 0;
        margin: 0 0 1em 0;
        height: 14px;
    }

    table.info tr.contactRow td {
        padding: 0.5em 0 0em 0;
    }

table.assignments {
    width: 100%;
    vertical-align: top
}

    table.assignments tr.assignments-header th {
        text-align: left;
        padding: 0;
    }

td.holdingDetailsOwnerData label.holdingDetailsLabel {
    display: block;
    float: left;
    width: 120px;
}

td label.display-label {
    display: block;
    float: left;
    width: 120px;
}

td label.holdingDetailsLabel {
    display: block;
    float: left;
    width: 120px;
    font-weight: bold;
}

td span.holdingDetailsValue {
    display: inline;
    float: left;
    width: 130px;
}

.contactDetailsAddress {
    margin: 2px 0 5px;
    clear: both;
}

.contactDetailsLabelContainer {
    clear: both;
    padding-bottom: 5px;
}

.contactDetailsLabel {
    float: left;
    width: 15px;
    padding-top: 4px;
}

#editContactPostalDetailsDiv, #btnEditPostalWorkphone, #btnEditPostalFaxNumber, #btnDeletePostalWorkphone, #btnDeletePostalFaxNumber {
    float: left;
    margin-right: 5px;
}
/*#editMobileResidentialContactDetails,#editEmailResidentialContactDetails,#editWorkphonePostalContactDetails,#editFaxNumberPostalContactDetails { margin-left:15px; }*/
/*#updateCancelDivResidentialMobileNumber,#updateCancelDivResidentialEmail*/ #deleteWorkphonePostalContactDetails, #deleteFaxPostalContactDetails {
    margin-left: 15px;
    margin-right: 5px;
}

.btnEditAction, .btnDeleteAction, .btnUpdateAction, .btnCancelAction {
    background-repeat: no-repeat;
    background-position: 90% center;
    padding: 5px 30px 5px 5px;
    margin: 5px 5px 5px 0;
    float: left;
    border: 1px solid #FDAE39;
}

.btnEditAction {
    background-image: url(/images/icons/icon_edit.png);
}

.btnDeleteAction {
    background-image: url(/images/icons/icon_delete.png);
}

.btnUpdateAction {
    background-image: url(/images/icons/icon_update.png);
}

.btnCancelAction {
    background-image: url(/images/icons/icon_cancel.png);
}

/*--- Modal Box ---*/
#modalDialog table {
    width: 100%;
    margin: 1em 0;
}

#modalDialog td {
    padding: 0.25em 0;
    vertical-align: top;
}

    #modalDialog td li {
        float: none;
        width: 100%;
        line-height: 20px;
        clear: both;
    }

    #modalDialog td span.titleData {
        display: inline;
        width: 115px;
        float: left;
        font-weight: bold;
    }

    #modalDialog td span.valueData {
        display: inline;
        width: 160px;
        float: left;
    }

        #modalDialog td span.valueData.longtext {
            width: 400px
        }

    #modalDialog td.columnSlitter {
        width: 1px;
    }

#modalDialog .orangeButton button {
    width: auto;
    float: right;
    margin-bottom: 10px;
}

/* --- Investor Search --- */
#searchForm label.display-label {
    font-weight: bold;
    display: inline-block; /*width: 100px;*/
}

#searchForm button.linkButton {
    float: right;
    background: #B72F2A;
    width: 70px;
    text-align: center;
    font-size: 1.3em;
    line-height: 0;
    *line-height: 1.5em;
}

    #searchForm button.linkButton span {
        text-decoration: none;
        color: #FFF;
    }

        #searchForm button.linkButton span:hover {
            color: #FFF;
        }

#searchForm input#Name {
    width: 235px;
    margin-right: 63px;
    margin-left: 10px
}

#searchForm input#Surname {
    width: 215px;
    padding: 1px;
    margin-left: 20px;
    margin-left: 18px \9; /*float: right;*/
}

#searchForm select#SelectedType {
    width: 100px;
    margin-right: 0px;
    margin-left: 15px
}

#searchForm input#SearchNo {
    width: 122px;
    padding: 1px;
    margin-left: 10px;
    margin-left: 10px \9;
}

#gview_SearchGrid table.ui-jqgrid-htable tr th:last-child {
    width: 60px !important;
}
/* chrome & safari hack */
table#SearchGrid tr td:last-child {
    width: 60px !important;
}
/* chrome & safari hack */

/* --- new user validation --- */
#newuservalidationContainer {
    width: 750px;
    float: left;
    margin: 0px 20px 16px 0px;
}

    #newuservalidationContainer .subtitle {
        width: 430px;
        float: left;
        margin: 0px 20px 16px 0px;
    }

    #newuservalidationContainer fieldset {
        float: left;
        width: 435px;
    }

        #newuservalidationContainer fieldset div {
            margin-top: 0.5em;
            clear: both
        }

    #newuservalidationContainer label.display-label {
        display: inline-block;
        width: 250px;
        font-weight: bold
    }

    #newuservalidationContainer input {
        width: 150px;
    }

        #newuservalidationContainer input.hasDatepicker {
            width: 75px;
        }

    #newuservalidationContainer .passwordSection {
        border-top: 1px solid #CECECE;
        border-bottom: 1px solid #CECECE;
        padding: 0.5em 0;
    }

    #newuservalidationContainer .captchaSection {
        margin-top: 0.5em;
    }

        #newuservalidationContainer .captchaSection label {
            display: inline-block;
            vertical-align: top;
            font-weight: bold;
        }

    #newuservalidationContainer .captchaBox {
        display: inline-block;
        margin-bottom: 1em;
        float: right;
        margin-right: 15px;
    }

    #newuservalidationContainer p.passwordText {
        float: right;
        width: 300px;
        clear: right;
        vertical-align: top;
        margin-top: 120px;
        margin-top: 123px \9;
    }

    #newuservalidationContainer .buttonContainer {
        float: right;
        margin-right: 26px;
        margin-top: 0.5em;
    }

    #newuservalidationContainer .orangeButton button {
        width: auto;
    }

    #newuservalidationContainer strong {
        font-weight: bold;
        color: #006193;
    }

/* GENERIC */
img#newPasswordImage, img#confirmPasswordImage {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-top: 2px \9;
}

input.required hasDatepicker {
    height: 18px;
}

/* --- Manage Password --- */
#managePasswordContainer h1 {
    margin-bottom: 20px;
}

#managePasswordForm label.display-label {
    display: inline-block;
    width: 200px;
    font-weight: bold
}

#managePasswordForm fieldset {
    float: left;
    width: 400px;
}

    #managePasswordForm fieldset div {
        margin-top: 0.25em;
    }

#managePasswordForm p.passwordText {
    float: right;
    width: 300px;
    clear: right;
    margin-top: 26px;
    margin-top: 20px \9;
    vertical-align: top
}

#managePasswordForm .buttonContainer {
    float: right;
    margin-right: 40px;
    margin-top: 0.5em;
}

#managePasswordForm .orangeButton button {
    width: auto;
}

/* --- Change Password --- */
#changepasswordContainer {
    width: 770px;
    float: left;
    margin: 0px 20px 16px 0px;
}

    #changepasswordContainer fieldset {
        float: left;
        width: 465px;
    }

        #changepasswordContainer fieldset div {
            margin-top: 0.25em;
            clear: both;
        }

    #changepasswordContainer label.display-label {
        display: inline-block;
        width: 270px;
        font-weight: bold
    }

    #changepasswordContainer input {
        width: 150px;
    }

    #changepasswordContainer .passwordSection {
        border-top: 1px solid #CECECE;
        border-bottom: 1px solid #CECECE;
        padding: 0.5em 0;
    }

    #changepasswordContainer .captchaSection {
        margin-top: 0.5em;
    }

        #changepasswordContainer .captchaSection label {
            display: inline-block;
            font-weight: bold;
            vertical-align: top;
        }

    #changepasswordContainer .captchaBox {
        display: inline-block;
        margin-bottom: 1em;
        float: right;
        margin-right: 15px;
    }

    #changepasswordContainer p.passwordText {
        float: right;
        width: 300px;
        clear: right;
        vertical-align: top;
        margin-top: 60px;
        margin-top: 55px \9;
    }

    #changepasswordContainer .buttonContainer {
        float: right;
        margin-right: 36px;
        margin-top: 0.5em;
    }

    #changepasswordContainer .orangeButton button {
        width: auto;
    }

    #changepasswordContainer #btnEnterSite {
        margin-left: 25px;
    }

/* --- Contact Us --- */
#contactUsContainer {
    line-height: 1.5em;
}

    #contactUsContainer h2 {
        margin: 0.5em 0;
    }

/* --- termsAndConditions --- */
#termsAndConditionsContainer {
    line-height: 1.25em;
}

    #termsAndConditionsContainer div {
        margin: 0.5em 0;
    }

    #termsAndConditionsContainer h2 {
        padding: 1em 0 0.5em
    }

        #termsAndConditionsContainer h2.underline {
            border-bottom: 2px solid #B72F2A;
        }

    #termsAndConditionsContainer div ul {
        padding-left: 1.5em;
    }

        #termsAndConditionsContainer div ul li {
            background: transparent url(/images/sprite_buttons-New.png) -233px -385px no-repeat;
            line-height: 1.25em;
            padding-left: 1em;
        }

/* --- Frequently Asked Questions --- */
#faqContainer {
    overflow: scroll-y;
}

    #faqContainer h1 {
        padding: 0.5em;
        margin: 0;
        background: #006193;
        color: #FFFFFF;
    }

.faqbox {
    clear: both;
    margin: 1em;
    float: none;
    width: auto;
    border: solid 1px #CECECE;
    background: #FFFFFF;
}

    .faqbox h2 {
        float: none;
        display: block;
        padding: 0.5em .65em;
        margin: 0;
    }

        .faqbox h2 a {
            text-decoration: none;
            color: #006193;
            background: transparent url(/images/sprite_buttons-New.png) 0px -442px no-repeat;
            display: block;
            padding-left: 24px;
            min-height: 17px;
            overflow: visible;
        }

            .faqbox h2 a:hover {
                text-decoration: underline;
            }

    .faqbox .answer {
        display: none;
        padding: 0 1em 1em;
    }

/* --- Tool Tip --- */
.tooltip, .radioList li label span {
    font-size: 1em;
    padding: 0;
    border-bottom: dashed 1px #39f;
    color: #444;
}

.floatingTooltip {
    position: absolute;
    z-index: 999;
    line-height: 1.35em;
    font-family: Arial, Sans-Serif;
    font-size: 0.7em;
    font-weight: normal;
    text-decoration: none;
    background-color: #ffffe0;
    border: 1px solid #000;
    box-shadow: #444 3px 3px 3px;
    display: none;
    padding: 2px 3px 3px 3px;
}

/* --- Captcha --- */
.LBD_CaptchaDiv {
    margin: 0 0 4px;
    float: left;
    padding: 0;
}

.LBD_CaptchaDiv, .LBD_CaptchaImage {
    float: left;
}

.form div.LBD_CaptchaDiv, .form div.LBD_CaptchaIcons, .form div.LBD_CaptchaImage {
    clear: none;
}

.LBD_CaptchaIcons, .form div.LBD_CaptchaIcons {
    width: 22px;
    float: left;
    clear: none;
    padding-left: 2px;
    height: 50px;
    overflow: hidden;
}

.LBD_CaptchaDiv a {
    padding: 0;
    margin: 0;
    float: left;
    clear: both;
}

/* --- Autocomplete --- */
.ui-autocomplete {
    font-size: .91em;
    width: 276px;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border: solid 1px #aaa;
    float: left;
    overflow: hidden;
    position: absolute;
}

    .ui-autocomplete .ui-menu-item a {
        font-size: 0.8em;
        width: 100%;
        display: block;
        padding: 2px;
        margin: 0;
        width: 276px;
        overflow: hidden;
        white-space: nowrap;
    }

    .ui-autocomplete .ui-menu-item #ui-active-menuitem {
        background-color: #006;
        color: White;
        cursor: pointer;
    }

/* --- Error Container --- */
.errorContainer {
    width: 100%;
    color: #c00;
    background: #FFFFFF;
}

.fullWidthContent .errorContainer {
    width: 700px;
    overflow: hidden;
    background: #FFFFFF;
}

.errorContainer ul, .errorContainer ol {
    list-style: disc;
    margin-left: 2em;
}

    .errorContainer ol li {
        padding: .25em 0;
    }

.validation-summary-errors, .field-validation-error, label.error {
    clear: both;
    display: block;
    color: #c00;
    font-weight: bold;
    overflow: visible;
    width: auto;
    margin: 0;
    line-height: 1.5em;
}

.validation-summary-errors, .field-validation-error {
    clear: both;
    display: block;
    margin: 0;
    padding: .25em .25em .5em;
}

.loginBox .field-validation-error {
    color: #c00;
    background: #FFF;
    padding: 10px 10px;
    margin: 0;
    width: 91%;
}

#mainErrorDiv {
    float: left;
    clear: both;
    position: relative;
}

    #mainErrorDiv label {
        width: auto;
        float: none;
        display: block;
        font-weight: bold;
        margin: 0;
        padding-bottom: 0;
    }

.errorContainer h2 {
    padding: .25em;
    color: #c00 !important;
}

.errorContainer p {
    padding: .25em .25em 0 .25em;
}

    .errorContainer p a {
        color: #39c !important;
        font-size: 100% !important;
    }

.form {
    clear: both;
    padding: 0 0;
    margin: .25em 0 .25em 16px;
    width: 684px;
    display: inline;
    float: left;
    overflow: hidden;
}

    .form div {
        clear: both;
        width: 100%;
    }

.formRow {
    float: left;
    zoom: 1;
    line-height: 1.2em;
    overflow: visible;
}

.form label, .form .noLabelPadder {
    display: inline-block;
    float: left;
    clear: both;
    margin: .25em 1em .25em 0;
    width: 12em;
    font-size: .8em;
    line-height: 1.2em;
    vertical-align: baseline;
    padding: 3px 0;
    white-space: nowrap;
    overflow: visible;
}

.form span {
    vertical-align: baseline;
}

    .form span label {
        display: inline;
        width: auto;
    }

.form .smallPadder {
    display: inline-block;
    float: left;
    clear: both;
    margin: .25em 1em .25em 0;
    width: 12em;
    font-size: .8em;
    vertical-align: baseline;
    padding: 3px 0;
    white-space: nowrap;
    overflow: visible;
}

.form input, .form select, .form textarea {
    float: left;
    margin: .25em 0;
    width: 18em;
    clear: none;
    display: inline;
}

.form .subForm input {
    width: 16em;
}

.form .subForm p input {
    font-size: 1.05em;
    width: 24em;
}

.form select {
    width: 18.25em;
}

.form textarea {
    font-family: Arial, Sans-Serif;
    width: 400px;
    height: 120px;
}

.form br {
    clear: both;
}

.form p {
    clear: both;
    padding: 1em 0;
    zoom: 1;
}

.form span.labelDetail {
    display: inline;
    font-size: .75em;
    float: left;
    margin: 0.25em .5em 0.25em 0;
    padding: 3px 0;
    vertical-align: baseline;
}

.form a {
    display: inline;
    clear: right;
    white-space: nowrap;
    width: auto;
    color: #39f;
    text-decoration: underline;
    margin: 0.25em 1em 0.25em 0;
    font-size: .8em;
    padding: 3px 1em;
    line-height: 1.5em;
    vertical-align: baseline;
}

.form div a {
    float: left;
    vertical-align: baseline;
    display: inline-block;
}

    .form div a:hover {
        text-decoration: underline;
        color: #B72F2A;
    }

.form p a {
    float: none;
    padding: 0;
    margin: 0;
    font-size: 1em;
}

.form span.fieldValue {
    float: left;
    color: #444;
    font-size: .75em;
    margin: 0.25em .5em;
    overflow: visible;
    padding: 3px 0;
    vertical-align: baseline;
}

.form .checkbox, .form .checkList {
    clear: both;
}

.form .checkList {
    margin-left: 4em;
}

    .form .checkbox input, .form .checkList input, .subform .checkList input {
        float: left;
        width: 1.2em;
        clear: both;
        height: 1em;
        vertical-align: top;
        margin: .4em .8em .4em 0;
        padding: 0 0 4px;
    }

.form .checkbox label {
    float: left;
    clear: none;
    padding: 2px 1em .25em 0;
    margin: .2em 0;
    width: auto;
    line-height: 1.2em;
    vertical-align: baseline;
}

.form .noBold label {
    font-weight: normal;
}

.form .checkList label {
    float: left;
    clear: none;
    padding: 3px 1em 1px 0;
    width: auto;
    line-height: 1.1em;
    vertical-align: baseline;
    margin: 0;
}

.form .field-validation-error {
    margin: .75em 0 0 -10px;
}

#SingleHolding_Postcode, .loginControls #divAccessSingle #SingleHolding_Postcode, .loginControls #divAccessSingle #Postcode {
    width: 5.5em;
}

#SingleHolding_Fin, .loginControls #divAccessSingle #SingleHolding_Fin, .loginControls #divAccessSingle #Fin {
    width: 5.5em;
}

#Postcode {
    width: 7em;
}

#DateOfBirth {
    width: 7em !important;
}

#divCountryofTaxResidence {
    margin-left: 2em;
}

    #divCountryofTaxResidence label {
        width: auto;
    }

    #divCountryofTaxResidence select {
        margin-top: 0.3em;
    }

    #divCountryofTaxResidence .checkbox {
        padding-left: 11.15em;
    }

#divResWht label {
    margin-left: 2em;
    width: 11em;
}

#divResWht select {
    width: 25em;
    margin-top: 0.4em;
}

#divResWht p {
    margin-left: 2em;
}

.form .ui-datepicker-trigger {
    margin: .25em 0;
}

.form .checkTable {
    float: left;
    clear: none;
    margin-left: 0em;
}

    .form .checkTable td {
        padding-right: .5em;
    }

    .form .checkTable input {
        height: 1.3em;
        vertical-align: top;
    }

    .form .checkTable input, .form .checkTable label {
        width: auto;
        line-height: 1em;
        margin: 0;
    }

.form .noBold {
    width: auto;
}

    .form .noBold label {
        font-weight: normal;
        width: auto;
    }

.form .noClear, .form .noClear input, .form .noClear label {
    clear: none;
    display: inline;
}

.form .noLeftLabel {
    float: left;
    clear: none;
}

    .form .noLeftLabel label {
        width: 26em;
    }

.commsEmailAddress .radioList {
    float: left;
    clear: none;
    width: auto;
}

    .commsEmailAddress .radioList li {
        padding-bottom: 0;
    }

        .commsEmailAddress .radioList li label {
            font-weight: normal;
            padding-right: 0.5em;
        }

        .commsEmailAddress .radioList li #EmailAddress {
            width: 25em;
        }

.commsEmailAddress span label {
    margin-top: 0.1em;
}

.radioList {
    float: left;
    display: inline;
}

    .radioList ul {
        position: relative;
    }

    .radioList li {
        float: none;
        clear: both;
        display: inline-block;
        margin: 0;
        width: 100%;
        position: relative;
        min-height: 1.5em;
        padding-bottom: .5em;
    }

.radioListSlim {
    padding-bottom: 0;
}

    .radioListSlim li {
        padding-bottom: 0.2em;
        min-height: 1.0em;
    }

.radioList .divOtherOptions li {
    padding-bottom: 0;
}

.inlineRadioList li {
    float: left;
    clear: none;
    width: 11em;
    white-space: nowrap;
    min-height: 1em;
}

    .inlineRadioList li label, .form .subForm .inlineRadioList li label {
        white-space: nowrap;
        overflow: visible;
    }

.radioList input, .form .subForm .radioList input {
    display: inline-block;
    width: 24px;
    margin: 4px 0 0;
    clear: both;
    vertical-align: baseline;
    float: none;
}

.radioList .radioListInput {
    width: 10em;
    display: inline;
    vertical-align: baseline;
    float: none;
    margin: 0;
}

.radioList select.radioListInput {
    width: 25em;
}

.subForm .indent {
    padding-left: 13.7em;
    width: auto;
}

.radioList .indent {
    padding-left: 7em;
    width: auto;
}

    .radioList .indent input, .radioList .indent select {
        clear: none;
        width: 18em;
        margin-top: 6px;
    }

.radioList label {
    display: inline;
    float: none;
    clear: none;
    margin: 4px 0 0;
    padding: 4px 0 0;
    width: auto;
}

.radioList li.bigLabel label {
    font-size: 0.91em;
}

.radioList .divOtherOptions label {
    font-weight: normal;
}

.radioList .divOtherOptions .otherOptionsList {
    padding: 0.2em 0 0 2.5em
}

    .radioList .divOtherOptions .otherOptionsList label {
        float: left;
        width: 10em;
        line-height: 1.2em;
        vertical-align: bottom;
    }

    .radioList .divOtherOptions .otherOptionsList select {
        margin: 0.6em;
        width: 25em;
    }

.radioList .divOtherOptions {
    margin: 0 0 0 2em;
    width: auto;
}

.radioList .radioAndInput label {
    width: 7em;
    display: inline-block;
}

.radioList .indent label, .indent label {
    float: left;
    width: auto;
}

.radioAndInput input {
    float: none;
    display: inline-block;
}

.radioList li span {
    font-size: .75em;
    float: left;
    clear: both;
    width: auto;
    padding: 5px 0 0 2.2em;
    margin-bottom: .5em;
    color: #444;
    white-space: nowrap;
}

    .radioList li span.spanLabel {
        font-size: .8em;
        padding: 3px 0 0;
        vertical-align: baseline;
        float: left;
        clear: none;
    }

.highlightSpan li span {
    font-weight: bold;
    color: red;
    margin-top: 1em;
}

.formSubOptions {
    clear: both;
    border-top: solid 1px #e0e0e0;
    margin: 0 0 1em 38px;
    width: auto;
    display: inline-block;
    overflow: visible;
    white-space: nowrap;
    position: relative;
}

    .formSubOptions .formRow {
        display: inline-block;
        float: left;
        clear: both;
        border-bottom: solid 1px #e0e0e0;
        padding: .75em 0;
        width: 100%;
        white-space: nowrap;
    }

.formRow label {
    float: left;
    clear: none;
    width: 16em;
    display: inline;
    white-space: nowrap;
    vertical-align: baseline;
    padding: .15em 0;
}

.formRow input {
    vertical-align: baseline;
    padding: 0;
    white-space: nowrap;
    clear: none;
    margin-bottom: .25em;
}

.formSubOptions .formRow ul {
    float: left;
    clear: none;
    white-space: nowrap;
    display: block;
    width: auto;
}

.formRow li.horrizontal {
    float: left;
    clear: none;
    white-space: nowrap;
    display: block;
}

    .formRow li.horrizontal input {
        float: left;
    }

.formRow li label {
    display: block;
    float: none;
    width: 8em;
    clear: none;
    font-weight: normal;
    line-height: 1.2em;
    vertical-align: bottom;
}

.formRow select {
    float: left;
    clear: none;
    width: 16.35em;
    display: inline;
}

p label {
    font-size: 1em;
}

p .linkButton {
    font-size: 1em;
    padding: 0 .2em;
}

.updatecheckbox {
    width: 100%;
}

.holdingsList {
    float: left;
    clear: both;
    width: 100%;
}

    .holdingsList li {
        color: #555;
        font-size: .8em;
        margin: .5em 0 .5em 2em;
    }

        .holdingsList li .holdingCode {
            width: 6em;
            float: left;
            display: block;
            font-weight: bold;
        }

.showOverflow label {
    width: auto;
}

.applyList .issuerCode {
    display: inline-block;
    width: 5em;
    overflow: visible;
}

.applyList .hrn {
    display: inline-block;
    width: 8em;
    overflow: visible;
}

.shortcutsDiv {
    visibility: hidden;
    border-color: #aaa;
    border-style: solid;
    border-width: 1px 2px 4px 1px;
    z-index: 4001;
    background: #FFFFFF;
    position: absolute;
    text-align: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -khtml-border-radius: 6px;
    padding: .5em;
}

.shortcutLink {
    text-decoration: none;
    color: #39f;
    padding: 0.25em 0.25em;
    margin: 0 0.25em;
    font-size: .75em;
    cursor: pointer;
    float: left;
    clear: both;
    white-space: nowrap;
    width: auto;
    display: block;
    position: relative;
    width: 14em;
}

    .shortcutLink:hover {
        text-decoration: underline;
        color: #B72F2A;
    }

/*registry menu dropdown AUS*/
.registryMenuDiv {
    visibility: hidden;
    border-color: #aaa;
    border-style: solid;
    border-width: 1px 2px 4px 1px;
    z-index: 4001;
    background: #FFFFFF;
    position: absolute;
    text-align: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -khtml-border-radius: 6px;
    padding: .5em;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none repeat scroll 0 0 #FF5511;
    border: 1px solid #ffac8a !important;
    padding: 0em;
}

    .registryMenuDiv a {
        cursor: pointer;
        float: left;
        text-decoration: none;
        color: #FFF !important;
        font-size: 1em;
        line-height: 25px;
        background-color: #FF5511;
        padding: 0.25em 0.25em;
        margin: 0;
        width: 10em;
        border-top: 1px solid #ffac8a;
        clear: both;
    }

        .registryMenuDiv a:hover {
            color: #FFF !important;
            background: #DB4C12
        }

.container IFRAME {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    top: 0; /*must have*/
    left: 0; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    width: 100%; /*must have for any big value*/
    height: 100% /*must have for any big value*/;
    padding: 1px;
}

.alertHoldingBalance {
    color: Red;
}

.helpBody {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

.warning {
    color: red
}

.down, .right {
    background-repeat: no-repeat;
    padding-left: 20px;
}

.down {
    background-image: url(/images/buttons/down.gif);
}

.right {
    background-image: url(/images/buttons/right.gif);
}

.scroll {
    /*overflow-y:auto;
    overflow-x:hidden;
    width: 35%;
    float:left;
    border-right:solid #ff920a 2px;
    min-height:100px;*/
    height: 200px;
    overflow: scroll;
}
/* Admin/Registration */
#gview_RegistrationGrid table.ui-jqgrid-htable tr th:nth-child(4) {
    width: 140px !important;
}
/* chrome & safari hack */
table#RegistrationGrid tr td:nth-child(4) {
    width: 140px !important;
}
/* chrome & safari hack */
#gview_RegistrationGrid table.ui-jqgrid-htable tr th:nth-child(5) {
    width: 140px !important;
}
/* chrome & safari hack */
table#RegistrationGrid tr td:nth-child(5) {
    width: 140px !important;
}
/* chrome & safari hack */

/* Registration Details */
table.regDetails {
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}

    table.regDetails th {
        padding: 10px 3px;
        font-weight: bold;
        color: #006193;
        border-right: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        background-color: #f3f4f6
    }

    table.regDetails td {
        padding: 7px 3px;
        border-right: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

#accept.linkButton {
    background: #B72F2A;
    color: #FFF;
    padding: 0px 10px
}

#reject.linkButton {
    background: transparent;
    color: #006193;
    font-size: 11px;
    text-decoration: underline
}

/* address update  */
.validationError {
    color: #c00;
    font-weight: bold;
    overflow: visible;
    width: auto;
    margin: 0;
    line-height: 1.5em;
}

/* addded for browser upgrade font size*/
#browserWarningMessage {
    margin: 0;
    font-size: 16px;
}

/* addded for Register Captcha CSC*/

#frmVerification .captchaSection {
    margin-top: 0.5em;
}

    #frmVerification .captchaSection label {
        display: inline-block;
        vertical-align: top;
        font-weight: bold;
    }

#frmVerification .captchaBox {
    display: inline-block;
    margin-bottom: 1em;
    float: right;
    margin-right: 15px;
}

.rectangleboxwithsolid {
    border-style: solid;
    border-width: 2px;
    height: 150px;
}

.cursor {
    text-decoration: underline;
    cursor: pointer;
}

.rectanglebox {
    border-style: solid;
    height: 150px;
}

.Verificationortop {
    top: 65px;
    left: 20px;
}

#mainHdr {
    width: 100%;
    height: 38px;
    z-index: 1000; /* background: #006193; */
}
/*  #subHeading { color: white; }   */

/**** registration form  ****/
.registration-content h3 {
    font-weight: bold;
}

a#SendTemporaryPIN {
    padding-top: 8px;
    display: block;
}

.box_container {
    width: 700px;
    margin: 50px 150px 140px;
    float: left;
    color: #444;
}

.left_box {
    float: left;
}

    .left_box > p {
        text-align: center;
    }

    .left_box h3 {
        margin-top: 30px;
    }

.right_box {
    float: right;
}

    .right_box > p {
        text-align: center;
    }

    .right_box h3 {
        margin-top: 50px;
    }

.box {
    border: 2px solid #B5B5B5;
    width: 300px;
    height: 200px;
    text-align: center;
}

    .box p {
        margin: 0;
        padding: 2px 0;
        font-size: 14px;
    }

    .box a {
        text-decoration: underline;
        font-size: 16px;
    }

    .box h3 {
        font-size: 20px;
    }

.or {
    float: left;
    margin: 80px 0 0 42px;
    clear: none;
}

/* Reg Form Error*/
.error-message {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 10px 15px;
}

    .error-message p {
        margin: 0;
    }

.contactus-glyphicon-remove {
    color: #B72F2A;
}

.modal-header .contactus-close {
    margin-top: -2px;
    opacity: 1;
    color: #006193;
    background: #fff;
    border-radius: 50%;
    padding: 3px;
    font-size: 0.9em !important;
    line-height: 1;
}

.contactus-glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* ----------------------------- END CSS --------------------------------- */
.registerButton {
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: #B72F2A;
    border: 2px solid #FFF;
    width: 120px;
    text-align: center;
    padding: 5px 10px !important;
    height: 30px !important
}

.mfalogout {
    font-family: georgia,garamond,serif;
    font-size: 16px;
    font-style: normal;
    color: black;
}

.overflowBody {
    overflow: scroll !important;
}

.banner {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 0;
    margin-left: -15px;
    margin-right: -15px;
    z-index: 10;
}

    /*.banner:before {
		background: url('https://investorcentre.linkgroup.com/images/ic-bg.jpg') no-repeat center top/cover;
		content: '';
		position: absolute;
		width: 100vw;
		height: 100%;
		z-index: -1;
		left: 50%;
		margin-left: -50vw;
		top: 0;
	}*/

    .banner > div {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0 15px;
    }

    .banner .btn {
        background: #e60000;
        color: #fff !important;
        font-size: 16px;
        padding: 16px 24px;
        border-radius: 5px;
        text-transform: uppercase;
        font-weight: bold;
        white-space: nowrap;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }

        .banner .btn:hover {
            background: #fff;
            color: #e60000 !important;
        }

    .banner .borderLeft {
        border-left: 1px solid rgba(255,255,255,0.5);
    }

    .banner .leftBanner h2 {
        color: #000;
        font-size: 32px;
        margin-bottom: 12px;
    }

    .banner .leftBanner p {
        color: #000;
        font-size: 18px;
        margin: 0;
        padding: 0;
    }

    .banner .midBanner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .banner .rightBanner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-left: 0;
    }

        .banner .rightBanner .logoContainer img {
            max-width: 150px;
        }

.modal-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1010;
}

    .modal-popup:before {
        content: '';
        background: #fff;
        opacity: .75;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .modal-popup .modal-dialog {
        background: #fff;
        position: fixed;
        width: 80%;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        max-width: 480px;
        box-shadow: 0 0 20px rgba(0,0,0,0.15);
        border: 1px solid rgba(0,0,0,0.1);
        z-index: 1010;
    }

        .modal-popup .modal-dialog .modal-content .modal-header {
            padding: 24px;
            padding: 24px;
            padding: 1.5rem;
            border-bottom: 1px solid rgba(0,0,0,0.1);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .modal-popup .modal-dialog .modal-content .modal-header h4 {
                color: #252d59;
                font-size: 18px;
                font-size: 18px;
                font-size: 1.125rem;
            }

            .modal-popup .modal-dialog .modal-content .modal-header .close {
                background: #e60000;
                color: #fff;
                font-size: 30px;
                font-size: 30px;
                font-size: 1.875rem;
                padding: 2px 6px 0;
                cursor: pointer;
                -webkit-transition: all 0.1s ease-in-out;
                transition: all 0.1s ease-in-out;
                border: 2px solid #e60000;
                border-radius: 2px;
                height: 30px;
                width: 30px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                .modal-popup .modal-dialog .modal-content .modal-header .close:hover {
                    color: #e60000;
                    background: #fff;
                }

                .modal-popup .modal-dialog .modal-content .modal-header .close span {
                    display: block;
                }

        .modal-popup .modal-dialog .modal-content .modal-body {
            padding: 24px 24px 28px;
            padding: 24px 24px 28px;
            padding: 1.5rem 1.5rem 1.75rem;
        }

            .modal-popup .modal-dialog .modal-content .modal-body p {
                padding: 0;
                margin-bottom: 24px;
                margin-bottom: 24px;
                margin-bottom: 1.5rem;
            }

                .modal-popup .modal-dialog .modal-content .modal-body p:last-child {
                    margin: 0;
                }

            .modal-popup .modal-dialog .modal-content .modal-body .btn {
                background: #e60000;
                color: #fff !important;
                padding: 10px 20px;
                display: inline-block;
                border-radius: 2px;
                border: 2px solid #e60000;
                -webkit-transition: all .1s ease-in-out;
                transition: all .1s ease-in-out;
                text-decoration: none;
            }

                .modal-popup .modal-dialog .modal-content .modal-body .btn:hover {
                    background: #fff;
                    color: #e60000 !important;
                }

            .modal-popup .modal-dialog .modal-content .modal-body .link {
                color: #252d59 !important;
                text-decoration: underline;
            }

body.innerPages.portfolio.portfolioDetails fieldset {
    background-color: transparent !important;
}

.LoginPage .MuiDialog-container h6 {
    color: #000;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 10px 0 !important;
}

.LoginPage .MuiDialog-container .MuiDialogActions-root button,
.LoginPage .MuiDialog-container button .FmButton {
    background: #e60000;
    color: #fff !important;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 2px;
    border: 2px solid #e60000;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: bold;
}

    .LoginPage .MuiDialog-container .MuiDialogActions-root button:hover,
    .LoginPage .MuiDialog-container button .FmButton:hover {
        background: #923739;
        color: #fff !important;
        border-color: #923739;
    }

.LoginPage .MuiDialog-container .MuiDialogContent-root button {
    padding: 0;
    font-size: inherit;
    color: inherit;
    min-width: inherit;
    border-radius: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    line-height: inherit;
    font-weight: inherit;
    transition: none;
}

.LoginPage .MuiDialog-container .MuiDialogActions-root {
    padding: 0 24px 24px 0
}

    .LoginPage .MuiDialog-container .MuiDialogActions-root button span {
        text-transform: none;
    }

.LoginPage .MuiDialog-container #form-dialog-title {
    border-bottom: 1px solid #eaeaea;
}

.LoginPage .MuiDialog-container .link {
    color: #000 !important;
    text-decoration: underline;
}

    .LoginPage .MuiDialog-container .link:hover {
        text-decoration: none;
    }

/* ManageUsers */
/* Header -StepZero -StepOne -StepTwo -StepThree*/
#fm-adviser-staff-widget .sectionOneHeader .headerText {
    color: #002655;
    font-size: 36px;
    font-weight: bold;
}
/* Header1 -StepZero -StepOne -StepTwo -StepThree*/
#fm-adviser-staff-widget .sectionOneHeader1 .headerText1 {
    color: #002655;
    font-size: 24px;
    font-weight: bold;
}
/* StepZero->div */
#fm-adviser-staff-widget #stepZeroDivWithViewAuthorisedUsersTable {
    width: 1024px;
    margin-top: 100px;
    margin-bottom: 16px;
}
/* StepZero-> description */
#fm-adviser-staff-widget .stepZeroSectionTwo .descriptionText {
    font-size: 15px;
    color: #1c1e2a;
    font-weight: 100;
}
/* StepZero-> button */
#fm-adviser-staff-widget .buttonStyle {
    background-color: #002655;
    color: #fff;
    padding: 8px 8px;
}

    #fm-adviser-staff-widget .buttonStyle:hover {
        background-color: #0057ff;
        color: #fff;
    }

#fm-adviser-staff-widget .buttonText {
    text-transform: none;
    font-size: 15px;
    font-weight: 800;
}

#fm-adviser-staff-widget .stepZeroSectionOne {
    margin-top: 8px;
    padding-right: 8px;
}

/* StepZero->paper */
#fm-adviser-staff-widget #paper-ViewAuthorisedUsers-table {
    width: 1024px;
    margin-top: 20px;
    margin-bottom: 16px;
}
/* StepZero->table */
#fm-adviser-staff-widget .tableHeaderCellTextStyle {
    font-size: 13px;
    font-weight: bold;
    color: #002655;
    word-wrap: break-word;
    white-space: 'normal';
}

#fm-adviser-staff-widget .TableDataCellTextStyle {
    font-size: 12px;
    word-wrap: break-word;
    white-space: 'normal';
}

#fm-adviser-staff-widget .TableDataCellActionTextStyle {
    font-size: 12px;
    word-wrap: break-word;
    white-space: 'normal';
}
/* StepOne */
#fm-adviser-staff-widget .stepOneComponents {
    width: 750px;
}

#fm-adviser-staff-widget .stepOneSectionOne {
    margin-top: 8px;
    padding-right: 8px;
}

#fm-adviser-staff-widget #id_stepOneComponents #id_stepOneSectionThree .sectionOne {
    display: flex;
    padding-right: 12.5px;
}

#fm-adviser-staff-widget #id_stepOneComponents .stepOneForm {
    margin-top: 29px;
}

#fm-adviser-staff-widget #id_stepOneComponents .stepOneFooterDescription {
    margin-top: 29px;
}
/* StepOne */
#fm-adviser-staff-widget .stepTwoComponents {
    width: 750px;
}

#fm-adviser-staff-widget #paper-ConfirmAuthorisedUsers-table {
    width: 975px;
    margin-top: 20px;
    margin-bottom: 16px;
}

/* StepTwo */
#fm-adviser-staff-widget #id_stepTwoComponents .backButton {
    padding: 8px 8px;
    color: #002655;
}

    #fm-adviser-staff-widget #id_stepTwoComponents .backButton:hover {
        padding: 8px 8px;
        background-color: #0057ff;
        color: #fff;
    }

#fm-adviser-staff-widget #id_stepTwoComponents .stepTwoSectionThree {
    width: 928px;
    margin-top: 20px;
    margin-bottom: 16px;
}
/* StepThree */
#fm-adviser-staff-widget .stepThreeComponents {
    width: 750px;
}

#fm-adviser-staff-widget #id_stepThreeComponents .div_stepThreeSectionTwo {
    margin-top: 8px;
    padding-right: 8px;
}

#fm-adviser-staff-widget #id_stepThreeComponents .div_stepThreeSectionFooter {
    padding-top: 20px;
}

#fm-adviser-reporting-widget input[type=text] {
    border: none !important;
}

#fm-adviser-reporting-widget .MuiAutocomplete-inputRoot[class*="MuiInput-root"] .MuiAutocomplete-input:first-child {
    padding: 6px 6px;
}

#fm-adviser-reporting-widget #paper-ViewAuthorisedUsers-table {
    margin-top: 50px;
}

#fm-adviser-reporting-widget .generate_file_loader {
    width: 2px;
    aspect-ratio: 8 / 5;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
    height: 2px;
    margin-left: 25px !important;
    padding: 2px;
    background: conic-gradient(#000355 10%, #000355) content-box;
    -webkit-mask: repeating-conic-gradient(#000355 0deg, #000 1deg 20deg, #0000 21deg 36deg), radial-gradient(farthest-side, #0000 calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));
    -webkit-mask-composite: destination-in;
    mask-composite: intersect;
}


/* #fm-adviser-reporting-widget .grid_loader{
    width: 2px;
    aspect-ratio: 8 / 5;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
    height: 2px;
    margin-left: 10rem !important;
    padding: 2px;
  }*/
@keyframes l5 {
    0% {
        box-shadow: 20px 0 #000, -20px 0 #0002;
        background: #000355
    }

    33% {
        box-shadow: 20px 0 #000, -20px 0 #0002;
        background: #0002
    }

    66% {
        box-shadow: 20px 0 #0002, -20px 0 #000;
        background: #0001
    }

    100% {
        box-shadow: 20px 0 #0002, -20px 0 #000;
        background: #000355
    }
}

.skeleton {
    animation: scale 4s infinite linear alternate;
}

@keyframes scale {
    0% {
        box-shadow: 20px 0 #000, -20px 0 #0002;
    }

    33% {
        box-shadow: 20px 0 #000, -20px 0 #0002;
    }

    66% {
        box-shadow: 20px 0 #0002, -20px 0 #000;
    }

    100% {
        box-shadow: 20px 0 #0002, -20px 0 #000;
    }
    /* 0% {
        transform: scale(0.9);
    }
 
    100% {
        transform: scale(1);
    } */
}

#fm-adviser-reporting-widget .input-box {
    border: 1px solid #c4c0c0;
}

#fm-adviser-reporting-widget #id_steptwocomponents_forms {
    margin-top: 50px;
}

#fm-adviser-reporting-widget .MuiAutocomplete-inputRoot {
    flex-wrap: nowrap !important;
    overflow: hidden;
}

#fm-adviser-reporting-widget .MuiAutocomplete-clearIndicator {
    display: none;
}

#fm-adviser-reporting-widget .MuiInputBase-input {
    padding: 6px;
}

#fm-adviser-reporting-widget .buttonImg:hover,
.buttonImg:active,
.buttonImg:focus {
    background-color: unset;
}

#fm-adviser-reporting-widget .buttonImg {
    width: 0%;
}

#fm-adviser-reporting-widget .backButton {
    color: #056cb9;
    font-weight: 700 !important;
    margin-top: 10px;
    background: none;
}

#fm-adviser-reporting-widget .MuiChip-root.MuiAutocomplete-tag.MuiChip-deletable {
    background: none;
}

#fm-adviser-reporting-widget .MuiAutocomplete-popper .MuiAutocomplete-popper:active {
    background: none;
}

#fm-adviser-reporting-widget .MuiInput-underline:before,
.MuiInput-underline:after {
    border: none !important;
}

#fm-adviser-reporting-widget .MuiChip-root {
    font-size: 11px !important;
}

#fm-adviser-reporting-widget .id_dialogActions {
    justify-content: center !important;
    background-color: red;
}

.MuiPickersToolbarButton-toolbarBtn h6.MuiTypography-subtitle1 {
    font-family: 'Montserrat', sans-serif;
    padding: 6px;
    margin-top: 0px !important;
}

#fm-adviser-reporting-widget .wave_loader {
    width: 120px;
    height: 20px;
    background: linear-gradient(90deg,rgba(225, 222, 222, 0.067) 33%,rgba(239, 233, 233, 0.333) 50%,rgb(222, 218, 218) 66%) #f2f2f2;
    background-size: 300% 100%;
    animation: l1 1.3s infinite linear;
}

@keyframes l1 {
    0% {
        background-position: right
    }
}

/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #002655;
    color: #002655;
    box-shadow: 9999px 0 0 -5px;
    animation: dot-pulse 1.5s infinite linear;
    animation-delay: 0.25s;
}

    .dot-pulse::before,
    .dot-pulse::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #002655;
        color: #002655;
    }

    .dot-pulse::before {
        box-shadow: 9984px 0 0 -5px;
        animation: dot-pulse-before 1.5s infinite linear;
        animation-delay: 0s;
    }

    .dot-pulse::after {
        box-shadow: 10014px 0 0 -5px;
        animation: dot-pulse-after 1.5s infinite linear;
        animation-delay: 0.5s;
    }

@keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px;
    }

    30% {
        box-shadow: 9984px 0 0 2px;
    }

    60%, 100% {
        box-shadow: 9984px 0 0 -5px;
    }
}

@keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px;
    }

    30% {
        box-shadow: 9999px 0 0 2px;
    }

    60%, 100% {
        box-shadow: 9999px 0 0 -5px;
    }
}

@keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px;
    }

    30% {
        box-shadow: 10014px 0 0 2px;
    }

    60%, 100% {
        box-shadow: 10014px 0 0 -5px;
    }
}

#dropdown-header {
    font-weight: bold
}

#as-at-date-label {
    padding-right: 20px
}

#holdings-dropdown-label .h6.MuiTypography-subtitle1 {
    margin-top: 10px !important
}

#id_popupTitle, #id_dialogContent {
    padding-left: 10px;
}

/**
 * ==============================================
 * Updated
 * ==============================================
 */