/* Minification failed. Returning unminified contents.
(7021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */

/*.gridContainer {clear: both; padding-top: 14px; background: transparent url(/images/gridtop.png) 0 8px repeat-x; zoom:1;}*/
.gridContainer {
    clear: both;
    padding-top: 2px;
    border-top: 5px solid #39F;
    zoom: 1;
}

.otherHoldingsPad {
    width: 652px;
    margin-left: 48px;
    overflow: hidden;
}

.otherHoldingsGrid {
    width: 628px;
    margin-left: 72px;
    background-position: 0 0;
    padding-top: 6px;
}

.ui-jqgrid {
    position: relative;
}

    .ui-jqgrid .ui-jqgrid-view {
        position: relative;
        left: 0;
        top: 0;
        padding: .0em;
    }

    .ui-jqgrid .ui-jqgrid-titlebar {
        padding: .3em .2em .2em .3em;
        position: relative;
        border-left: 0 none;
        border-right: 0 none;
        border-top: 0 none;
    }

    .ui-jqgrid .ui-jqgrid-title {
        float: left;
        margin: .1em 0 .2em;
    }

    .ui-jqgrid .ui-jqgrid-titlebar-close {
        position: absolute;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-jqgrid .ui-jqgrid-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-jqgrid .ui-jqgrid-titlebar-close:hover {
            padding: 0;
        }

    .ui-jqgrid .ui-jqgrid-hdiv {
        position: relative;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        border-left: 0 none !important;
        border-top: 0 none !important;
        border-right: 0 none !important;
    }

    .ui-jqgrid .ui-jqgrid-hbox {
        float: left;
        padding-right: 20px;
    }

    .ui-jqgrid .ui-jqgrid-htable {
        table-layout: fixed;
        margin: 0;
    }

        .ui-jqgrid .ui-jqgrid-htable th {
            min-height: 22px;
            padding: 8px 0px 6px;
            color: #303030;
            background-color: #e0e0e0;
            vertical-align: bottom;
            overflow: hidden;
        }

            .ui-jqgrid .ui-jqgrid-htable th div {
                overflow: hidden;
                position: relative;
                padding: 0 0 .25em 0;
                font-size: 0.75em;
            }
            /* height:17px; */
            .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
                overflow: hidden;
                text-align: center;
                border-top: 0 none;
                border-bottom: 0 none;
            }
            /* white-space:nowrap; */
            .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
                border-right: solid 1px white;
            }

            .ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {
                border-right: 0 none;
            }

    .ui-jqgrid .ui-th-div-ie {
        zoom: 1;
    }
    /* white-space:nowrap;height:17px; */
    .ui-jqgrid .ui-jqgrid-resize {
        height: 20px !important;
        position: relative;
        cursor: e-resize;
        display: inline;
        overflow: hidden;
    }

    .ui-jqgrid .ui-grid-ico-sort {
        overflow: hidden;
        position: absolute;
        display: inline;
        cursor: pointer !important;
    }

.ui-icon {
    display: block;
    background: transparent url(/images/icons.gif) 0 0 no-repeat;
}

.ui-jqgrid .ui-icon-asc {
    margin-top: 3px;
    width: 8px;
    height: 8px;
}

.ui-jqgrid .ui-icon-desc {
    margin-top: 3px;
    width: 8px;
    height: 8px;
    background-position: 0 -24px;
}

.ui-state-disabled {
    visibility: hidden;
}

.ui-jqgrid .ui-i-asc {
    margin-top: 0;
    height: 16px;
}

.ui-jqgrid .ui-i-desc {
    margin-top: 0;
    margin-left: 13px;
    height: 16px;
}

.ui-jqgrid .ui-jqgrid-sortable {
    cursor: pointer;
    color: #303030;
}

.ui-jqgrid tr.ui-search-toolbar th {
    border-top-width: 1px !important;
    border-top-color: inherit !important;
    border-top-style: ridge !important;
}

tr.ui-search-toolbar input {
    margin: 1px 0 0 0;
}

tr.ui-search-toolbar select {
    margin: 1px 0 0 0;
}

.ui-jqgrid .ui-jqgrid-bdiv {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.ui-jqgrid .ui-jqgrid-btable {
    table-layout: fixed;
    margin: 0;
    padding: 0;
    margin-right: -1px;
}

.ui-jqgrid tr.jqgrow td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
    height: 1.2em;
    padding: 6px 8px;
    border-bottom-width: 1px;
    border-bottom-color: #e0e0e0;
    border-bottom-style: solid;
    font-size: 0.7em;
    color: #303030;
}

    .ui-jqgrid tr.jqgrow td.icons {
        padding: 3px 8px;
    }

.ui-jqgrid tr.ui-row-ltr td {
    text-align: left;
    border-right-width: 1px;
    border-color: #e0e0e0;
    border-style: solid;
}

    .ui-jqgrid tr.ui-row-ltr td.noBorderRight {
        border-right: 0 none;
    }

.ui-jqgrid tr.ui-row-rtl td {
    text-align: right;
    border-left-width: 0;
    border-left-color: inherit;
    border-left-style: none;
}

.ui-jqgrid td.jqgrid-rownum {
    padding: 0 2px 0 2px;
    margin: 0;
    border: 0 none;
}

.ui-jqgrid .ui-jqgrid-resize-mark {
    width: 2px;
    left: 0;
    background-color: #777;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
    top: 0;
    height: 100px;
    overflow: hidden;
    display: none;
    border: 0 none;
}

.ui-jqgrid .ui-jqgrid-sdiv {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-left: 0 none !important;
    border-top: 0 none !important;
    border-right: 0 none !important;
}

.ui-jqgrid .ui-jqgrid-ftable {
    table-layout: fixed;
    margin-bottom: 0;
}

.ui-jqgrid tr.footrow td {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    height: 21px;
    padding: 0 2px 0 2px;
    border-top-width: 1px;
    border-top-color: inherit;
    border-top-style: solid;
}

.ui-jqgrid tr.footrow-ltr td {
    text-align: left;
    border-right-width: 1px;
    border-right-color: inherit;
    border-right-style: solid;
}

.ui-jqgrid tr.footrow-rtl td {
    text-align: right;
    border-left-width: 1px;
    border-left-color: inherit;
    border-left-style: solid;
}

.ui-jqgrid .ui-jqgrid-pager {
    display: none;
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-bottom: 0 none !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    position: relative;
    height: 29px;
    white-space: nowrap;
    overflow: hidden;
}

.ui-jqgrid .ui-pager-control {
    position: relative;
}

.ui-jqgrid .ui-pg-table {
    position: relative;
    padding-bottom: 2px;
    width: auto;
    margin: 0;
}

    .ui-jqgrid .ui-pg-table td {
        font-weight: normal;
        vertical-align: middle;
    }

.ui-jqgrid .ui-pg-button {
    height: 19px !important;
}

    .ui-jqgrid .ui-pg-button span {
        display: block;
        margin: 1px;
        float: left;
    }

    .ui-jqgrid .ui-pg-button:hover {
        padding: 0;
        background-color: Transparent;
    }

.ui-jqgrid .ui-state-disabled:hover {
    padding: 1px;
}

.ui-jqgrid .ui-pg-input {
    height: 13px;
    font-size: .8em;
    margin: 0;
}

.ui-jqgrid .ui-pg-selbox {
    font-size: .8em;
    line-height: 18px;
    display: block;
    height: 18px;
    margin: 0;
}

.ui-jqgrid .ui-separator {
    height: 18px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 1px;
    float: right;
}

.ui-jqgrid .ui-paging-info {
    font-weight: normal;
    height: 19px;
    margin-top: 3px;
    margin-right: 4px;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
    padding: 1px 0;
    cursor: pointer;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    position: relative;
}

    .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
        float: left;
        margin: 0 2px;
    }

.ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea {
    margin: 0;
}

.ui-jqgrid td textarea {
    width: auto;
    height: auto;
}

.ui-jqgrid .ui-jqgrid-toppager {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    height: 25px !important;
    white-space: nowrap;
    overflow: hidden;
}

.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {
    display: block;
}

.ui-jqgrid .ui-subgrid {
    margin: 0;
    padding: 0;
    width: 100%;
}

    .ui-jqgrid .ui-subgrid table {
        table-layout: fixed;
    }

    .ui-jqgrid .ui-subgrid tr.ui-subtblcell td {
        height: 18px;
        border-right-width: 1px;
        border-right-color: inherit;
        border-right-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: inherit;
        border-bottom-style: solid;
    }

    .ui-jqgrid .ui-subgrid td.subgrid-data {
        border-top: 0 none !important;
    }

    .ui-jqgrid .ui-subgrid td.subgrid-cell {
        border-width: 0 0 1px 0;
    }

.ui-jqgrid .ui-th-subgrid {
    height: 20px;
}

.ui-jqgrid .loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 85%;
    margin-bottom: 24px;
    background: white url(/images/loading.gif) 50% 56px no-repeat;
    z-index: 1000;
    opacity: 0.5;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    -o-opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    text-align: center;
    padding-top: 90px;
    font-size: 1em;
    font-weight: bold;
    color: #f51;
    display: none;
}

.ui-jqgrid .jqgrid-overlay {
    display: none;
    z-index: 100;
}

* html .jqgrid-overlay {
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

* .jqgrid-overlay iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

.ui-jqgrid .ui-userdata {
    border-left: 0 none;
    border-right: 0 none;
    height: 21px;
    overflow: hidden;
}

.ui-jqdialog {
    display: none;
    width: 300px;
    position: absolute;
    padding: .2em;
    font-size: 11px;
    overflow: visible;
}

    .ui-jqdialog .ui-jqdialog-titlebar {
        padding: .3em .2em;
        position: relative;
    }

    .ui-jqdialog .ui-jqdialog-title {
        margin: .1em 0 .2em;
    }

    .ui-jqdialog .ui-jqdialog-titlebar-close {
        position: absolute;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-jqdialog .ui-jqdialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content {
        border: 0;
        padding: .3em .2em;
        background: none;
        height: auto;
    }

    .ui-jqdialog .ui-jqconfirm {
        padding: .4em 1em;
        border-width: 3px;
        position: absolute;
        bottom: 10px;
        right: 10px;
        overflow: visible;
        display: none;
        height: 80px;
        width: 220px;
        text-align: center;
    }

.ui-jqdialog-content .FormGrid {
    margin: 0;
}

.ui-jqdialog-content .EditTable {
    width: 100%;
    margin-bottom: 0;
}

.ui-jqdialog-content .DelTable {
    width: 100%;
    margin-bottom: 0;
}

.EditTable td input, .EditTable td select, .EditTable td textarea {
    margin: 0;
}

.EditTable td textarea {
    width: auto;
    height: auto;
}

.ui-jqdialog-content td.EditButton {
    text-align: right;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    padding-bottom: 5px;
    padding-top: 5px;
}

.ui-jqdialog-content td.navButton {
    text-align: center;
    border-left: 0 none;
    border-top: 0 none;
    border-right: 0 none;
    padding-bottom: 5px;
    padding-top: 5px;
}

.ui-jqdialog-content .CaptionTD {
    text-align: left;
    vertical-align: top;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    padding: 1px;
    white-space: nowrap;
}

.ui-jqdialog-content .DataTD {
    padding: 1px;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    vertical-align: top;
}

.ui-jqdialog-content .form-view-data {
    white-space: pre;
}

.fm-button {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: .4em .5em;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1;
}

.fm-button-icon-left {
    padding-left: 1.9em;
}

.fm-button-icon-right {
    padding-right: 1.9em;
}

.fm-button-icon-left .ui-icon {
    right: auto;
    left: .2em;
    margin-left: 0;
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.fm-button-icon-right .ui-icon {
    left: auto;
    right: .2em;
    margin-left: 0;
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

#nData, #pData {
    float: left;
    margin: 3px;
    padding: 0;
    width: 15px;
}

.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {
    font-style: normal;
    border-left: 0 none;
}

.ui-jqgrid .tree-wrap {
    float: left;
    position: relative;
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
}

.ui-jqgrid .tree-minus {
    position: absolute;
    height: 18px;
    width: 18px;
    overflow: hidden;
}

.ui-jqgrid .tree-plus {
    position: absolute;
    height: 18px;
    width: 18px;
    overflow: hidden;
}

.ui-jqgrid .tree-leaf {
    position: absolute;
    height: 18px;
    width: 18px;
    overflow: hidden;
}

.ui-jqgrid .treeclick {
    cursor: pointer;
}

.jqmOverlay {
    background-color: #000;
}

* iframe.jqm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

.ui-jqgrid-dnd tr td {
    border-right-width: 1px;
    border-right-color: inherit;
    border-right-style: solid;
    height: 20px;
}

.ui-jqgrid .ui-jqgrid-title-rtl {
    float: right;
    margin: .1em 0 .2em;
}

.ui-jqgrid .ui-jqgrid-hbox-rtl {
    float: right;
    padding-left: 20px;
}

.ui-jqgrid .ui-jqgrid-resize-ltr {
    float: right;
    margin: -2px -2px -2px 0;
}

.ui-jqgrid .ui-jqgrid-resize-rtl {
    float: left;
    margin: -2px 0 -1px -3px;
}

.ui-jqgrid .ui-sort-rtl {
    left: 0;
}

.ui-jqgrid .tree-wrap-ltr {
    float: left;
}

.ui-jqgrid .tree-wrap-rtl {
    float: right;
}

.ui-jqgrid .ui-ellipsis {
    text-overflow: ellipsis;
    -moz-binding: url('ellipsis-xbl.xml#ellipsis');
}

.ui-searchFilter {
    display: none;
    position: absolute;
    z-index: 770;
    overflow: visible;
}

    .ui-searchFilter table {
        position: relative;
        margin: 0;
        width: auto;
    }

        .ui-searchFilter table td {
            margin: 0;
            padding: 1px;
        }

            .ui-searchFilter table td input, .ui-searchFilter table td select {
                margin: .1em;
            }

    .ui-searchFilter .ui-state-default {
        cursor: pointer;
    }

    .ui-searchFilter .divider {
        height: 1px;
    }

        .ui-searchFilter .divider div {
            background-color: black;
            height: 1px;
        }

.ui-jqgrid a {
    color: #39f;
    text-decoration: none;
}

    .ui-jqgrid a:hover {
        text-decoration: underline;
        color: #fd5912;
    }

    .ui-jqgrid a.headerToolTip {
        margin-left: 3px;
        color: inherit;
        text-decoration: underline;
        display: none;
    }

.ui-jqgrid-view {
    border-left: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0;
}

.noRecords {
    width: 100%;
}

    .noRecords td {
        text-align: center;
        font-size: .8em;
        font-weight: bold;
        color: #800;
        padding: 1em;
        background-color: #fff0f0;
        border-bottom: solid 1px #e0e0e0;
    }

.gridContainer td a {
    padding: 0 .25em;
}

.ui-jqgrid .ui-state-hover, .ui-jqgrid .ui-state-hover td {
    background-color: #e4f6ff;
}
/* row highlght - now disabled */
/* .ui-jqgrid .ui-state-highlight, .ui-jqgrid .ui-state-highlight td {background-color: #fc9;} */
.hasDatepicker {
    text-align: center;
    padding: 0;
    font-size: .8em;
}

.ui-datepicker-trigger {
    cursor: pointer;
    width: 22px;
    height: 21px;
    padding: 0 .25em .1em;
    margin-right: .5em;
    vertical-align: middle;
}

.ui-jqgrid .ui-pg-table td {
    font-size: .85em;
    color: #303030;
    font-weight: bold;
}

.ui-paging-info, #gridPagingTop {
    color: #666;
    font-size: .85em;
}

#gridPagingTop {
    float: left;
    display: none;
    font-size: .75em;
    padding-top: .5em;
    width: 100%;
}

.ui-jqgrid .ui-pg-table .ui-pg-input {
    font-size: 1em;
    text-align: center;
    padding-top: .25em;
}

.ui-icon-seek-first, .ui-icon-seek-prev, .ui-icon-seek-next, .ui-icon-seek-end {
    width: 24px;
    height: 24px;
}

.ui-icon-seek-first {
    background-position: 0 -48px;
}

.ui-icon-seek-prev {
    background-position: 0 -72px;
}

.ui-icon-seek-next {
    background-position: 0 -96px;
}

.ui-icon-seek-end {
    background-position: 0 -120px;
}

.ui-icon-seek-first:hover {
    background-position: -24px -48px;
}

.ui-icon-seek-prev:hover {
    background-position: -24px -72px;
}

.ui-icon-seek-next:hover {
    background-position: -24px -96px;
}

.ui-icon-seek-end:hover {
    background-position: -24px -120px;
}


.ui-datepicker {
    background-color: #fff;
    z-index: 2000 !important;
    border: solid 1px #39f;
    font-size: .8em;
}


.ui-datepicker-week-col {
    background: none repeat scroll 0 0 #E7F1FF;
    border-bottom: 1px solid #A5BEDF;
    color: #333333 !important;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
    }

    .ui-datepicker .ui-datepicker-next-hover {
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -12px;
        top: 50%;
        margin-top: -10px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-datepicker-header .ui-icon {
    font-size: 0;
    color: #fff;
    width: 24px;
    height: 20px;
    cursor: pointer;
}

.ui-datepicker-prev span {
    background-position: 4px -75px;
}

.ui-datepicker-next span {
    background-position: -4px -99px;
}

.ui-datepicker-prev:hover span {
    background-position: -20px -75px;
}

.ui-datepicker-next:hover span {
    background-position: -28px -99px;
}

.ui-datepicker td a {
    color: #303030;
    padding: 2px;
    border: solid 1px #e0e0e0;
}

.ui-datepicker-week-col, .ui-datepicker th {
    background-color: #e0e0e0;
    color: #666;
}

.ui-datepicker-calendar .ui-state-hover {
    background-color: #a3cf61;
}

.ui-datepicker-calendar .ui-state-highlight {
    color: #000;
    background-color: #c0c0c0;
}

.ui-datepicker .ui-state-active {
    color: #fff;
    background-color: #a3cf61;
}

.ui-button {
    line-height: 1.2em;
    height: 18px;
}

#loadingSpinner {
    position: fixed;
    top: 25%;
    left: 55%;
    margin-left: -200px;
    z-index: 10000;
    background: #fff;
    padding: 1.5em 2.5em;
    border: 1px solid #ccc;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -o-border-radius: 1em;
    -khtml-border-radius: 1em;
    border-bottom: solid 2px #aaa;
    border-right: solid 2px #aaa;
}

    #loadingSpinner IMG {
        margin-right: 0.5em;
    }

.oc-radiogroupex {
    list-style-type: none;
}

    .oc-radiogroupex label {
        cursor: pointer;
        display: inline;
        position: relative;
        margin-left: 0.2em;
        _top: 0.2em;
    }

    .oc-radiogroupex li {
        line-height: 17px;
    }

        .oc-radiogroupex li input {
            display: inline;
        }

li.horrizontal {
    float: left;
}

/***** Modal window styles *****/
#simplemodal-overlay {
    background: #fff;
    opacity: 0.7 !important;
}

div.simplemodal-container {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    padding: 20px 30px;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    -khtml-border-radius: 0.5em;
}

    div.simplemodal-container h2 {
        margin: 0;
        padding: 0 0 5px 0;
        color: #f51;
        line-height: 1.5em;
        font-size: 1.4em;
        font-weight: normal;
    }

    div.simplemodal-container A.modalCloseImg {
        top: 5px;
        right: 5px;
        background: url(../images/buttons/modalclose.gif) no-repeat;
        border: none;
        cursor: pointer;
        position: absolute;
        z-index: 3200;
        height: 22px;
        width: 23px;
        display: inline;
    }

    DIV.simplemodal-container P.heading {
        background-color: #edf5f8;
        color: #666;
        font-size: 1.3em;
        font-weight: bold;
        left: 0;
        margin: 0;
        padding: 7px 5px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 514px;
    }

* + HTML DIV.simplemodal-data {
    padding-bottom: 10px;
}

.wait {
    background: white url(/images/ajax-loader.png) right center no-repeat;
}

/* specific for plan summary */
#planSummaryGridDiv .ui-jqgrid .ui-jqgrid-htable th {
    padding: 8px 2px 6px;
}

#planSummaryGridDiv .ui-jqgrid tr.jqgrow td {
    padding: 6px 2px;
}

/* Hide first row issue in IE7 */
.jqgfirstrow\ {
    *display: none;
}

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;
    font-family: 'Roboto', sans-serif;
    color: #303030;
}

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;
}

/* fonts */
@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('/fonts/FrutigerLTStd.eot');
    src: url('/fonts/FrutigerLTStd.eot?#iefix') format('embedded-opentype'), url('/fonts/FrutigerLTStd.woff') format('woff'), url('/fonts/FrutigerLTStd.ttf') format('truetype'), url('/fonts/FrutigerLTStd.svg#FrutigerLTStd') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*print logo*/

@media print {
    .headerLogo img {
        display: flex;
        background-color: #000;
    }
}

/****** HIDE ELEMENTS FOR MAIN SITE ******/

#loginContent #divAccessSingle,
div.selectOtherHoldings {
    display: none;
}

/* ------------------------------ HEADER -------------------------------- */

html {
    height: 100%;
    overflow-y: scroll;
}

body {
    height: 100%;
    overflow: visible;
}

xbutton {
    behavior: url("/css/csshover2.htc");
}

.clear {
    clear: both;
}

.floatRight {
    float: right;
}

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

.overflowEllipsis {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

/* 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;
}

input.error, input.input-validation-error, select.error, select.input-validation-error, textarea.error {
    outline: dotted 1px #c00;
    background-color: #ffe8e8 !important;
}

.container {
    position: relative;
    width: 100%;
    text-align: center;
    min-height: 100%;
    margin-bottom: -64px;
    background: url("/images/pageback.png") repeat-x scroll 0 0 transparent;
}
/* 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;
}

.mainBody {
    width: 960px; /*background: transparent url(/images/containerShadow.png) 50% 138px no-repeat;*/
    margin: 0 auto;
    text-align: left;
    padding-bottom: 64px;
    xposition: relative;
}

.pageHeader, .mainmenu, #mainContent, #loginContent, .fullWidthContent, .footerLinks {
    float: left;
    display: inline;
    clear: both;
    width: 100%;
}

.pageHeader, .footerLinks {
    float: left;
    clear: both;
    font-smooth: always;
}

.pageHeader {
    height: 89px;
    margin-top: 11px;
    overflow: hidden;
}

.headerLogo {
    float: left;
    width: 160px;
    height: 89px;
}

    .headerLogo img {
        width: 128px;
        height: 80px;
        padding: 4px 7px;
        margin: 1px;
    }

        .headerLogo img.issuerLogo {
            width: 160px;
            height: 80px;
        }

.accountLinks {
    float: right;
    display: inline;
    height: 35px;
    color: #666;
    font-size: .75em;
    font-family: 'Roboto', sans-serif;
    overflow: hidden;
    vertical-align: baseline;
}

    .accountLinks ul {
        vertical-align: baseline;
        line-height: 38px;
    }

    .accountLinks li {
        float: left;
        vertical-align: baseline;
        background: transparent url(/images/accountLinksSepator.png) 0 50% no-repeat;
        padding-left: 1px;
    }

        .accountLinks li.noLeftBar, .accountLinks li.name {
            background-image: none;
        }

        .accountLinks li.name {
            padding-right: 1em;
        }

            .accountLinks li.name select {
                margin: .7em 0;
            }

        .accountLinks li.impersonationName {
            color: #fff;
            font-weight: bold;
        }

    .accountLinks ul a, p a, a.standardLink {
        color: #39c;
        text-decoration: none;
    }

    .accountLinks ul a {
        padding: 0 1em;
    }

        .accountLinks ul a:hover, p a:hover, a.standardLink:hover {
            color: #a3cf61;
            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 {
    float: left;
    display: inline;
    height: 38px;
    z-index: 1000;
    font-family: 'Roboto', sans-serif;
}

    .mainmenu ul {
        font-size: 0.91em;
        float: left;
        list-style: none;
        height: 37px;
        cursor: pointer;
    }

        .mainmenu ul ul {
            position: absolute;
            display: none;
            height: auto;
            width: 15em;
            overflow: hidden;
            font-weight: normal;
            border-width: 1px;
            margin: 0;
            top: 37px;
            left: 0;
            font-size: .9em;
            z-index: 1001;
        }

        .mainmenu ul li { /*background: transparent url(/images/menuseparator.png) 100% 50% no-repeat;*/
            overflow: visible;
            height: 37px;
            line-height: 38px;
            vertical-align: middle;
            display: block;
            float: left;
            display: inline;
            position: relative;
            z-index: 1000;
        }

    .mainmenu li ul {
        margin: 0;
        float: left;
        clear: both;
    }

    .mainmenu li:hover ul, .mainmenu li.focus ul {
        display: block;
    }

    .mainmenu li.active {
        background-color: #a3cf61;
    }

    .mainmenu ul ul li, .mainmenu ul li#formsMenuItem {
        background-image: none;
    }
    /*.mainmenu a, .mainmenu a:hover, .mainmenu a:visited { color: #fff; }*/
    .mainmenu li a {
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        line-height: 38px;
        padding: 0 1.25em 0 1.25em;
        display: inline;
        vertical-align: bottom;
        height: 100%;
        white-space: nowrap;
        border-right: 1px solid #a3cf61
    }

    .mainmenu li:first-child a {
        padding: 0 1.25em 0 .7em;
    }

    .mainmenu li li a {
        display: block;
        position: relative;
        font-weight: normal;
        padding: 0 1.25em 0 1.25em !important;
        border: 0;
    }

    .mainmenu li.highlight a {
        background: transparent url(/images/menuhighlight.gif) 90% center no-repeat;
    }

    .mainmenu li.highlight li a {
        background: none;
    }

    .mainmenu li li {
        width: 100%;
        height: 2em;
        position: relative;
        z-index: 1001;
        border-top: solid 1px #ffac8a;
    }

        .mainmenu li li, .mainmenu li li a {
            line-height: 2em;
            vertical-align: bottom;
        }

            .mainmenu li li:hover a, .mainmenu li.focus, .mainmenu li:hover {
                background-color: #a3cf61;
            }

                .mainmenu li.focus li a, .mainmenu li:hover li a {
                    background-color: #a3cf61;
                }

            .mainmenu li li:hover a, .mainmenu li li.focus a, .mainmenu li li a:hover {
                background-color: #a3cf61;
            }

.noMenu {
    clear: both;
    height: 38px;
}

.helpmenu {
    background: #f51;
    width: 100%;
}

/* ----------------------------- Content --------------------------------- */
a {
    color: #3399ff
}

    a:hover {
        text-decoration: none;
    }

#loginContent {
    width: 942px;
    margin: 0 8px 16px 0;
}

#mainContent {
    width: 700px;
    margin: 0 28px 16px 8px;
}

#mainContentFader {
    display: none;
    background-color: white;
    position: absolute;
    z-index: 999;
}

.fullWidthContent {
    width: 942px;
    margin: 0 8px 16px;
}

h1 {
    font-family: 'Roboto', sans-serif;
    color: #f51;
    line-height: 1.5em;
    vertical-align: baseline;
    padding-top: 0.5em;
    font-size: 1.8em;
    font-weight: normal;
    float: left;
    display: inline;
    clear: both;
    zoom: 1;
    margin: 0;
}

h2 {
    float: left;
    clear: both;
    display: inline;
    color: #f51;
    margin-top: 1em;
    vertical-align: baseline;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0em;
    padding-bottom: .5em;
    width: 100%;
}

h3 {
    float: left;
    clear: both;
    display: inline;
    width: 100%;
    color: #303030;
    margin-top: 1.25em;
    padding-bottom: .15em;
    vertical-align: baseline;
    font-size: .91em;
    font-weight: bold;
}

    h3 .highlight, .highlight {
        color: #f51;
    }

    h3 label {
        padding-bottom: .5em;
    }

ul.serviceLinks {
    float: right;
    vertical-align: bottom;
    padding-top: 23px;
}

    ul.serviceLinks li {
        float: left;
        display: inline;
    }

        ul.serviceLinks li a {
            vertical-align: baseline;
            display: inline-block;
            line-height: 25px;
            color: #a3cf61;
            font-family: 'Roboto', sans-serif;
            font-size: 0.68em;
            text-indent: -999em;
            *text-indent: 0em;
            text-decoration: none;
            padding-right: 22px;
            margin-left: 1.2em;
        }

            ul.serviceLinks li a:hover {
                text-decoration: underline;
                color: #a3cf61;
            }

            ul.serviceLinks li a#downloadLink {
                background: transparent url(/images/icons/csv.gif) 100% 50% no-repeat;
            }

            ul.serviceLinks li a#printLink {
                background: transparent url(/images/icons/print.gif) 100% 50% no-repeat;
            }

.helpLink {
    background: transparent url(/images/icons/help.gif) 100% 50% no-repeat;
    cursor: pointer;
    font-size: 0.68em !important;
}

.helpLink-tooltip {
    width: 17px;
    height: 17px;
    padding-left: 17px;
    display: inline;
    font-size: 1.25em !important;
}

p {
    color: #303030;
    font-size: .75em;
    padding: .5em 0;
    line-height: 1.5em;
    clear: left;
    display: block;
}

.padTop {
    margin-top: 2.5em;
}

.padBottom {
    padding-bottom: 1em;
}

.formitem.padBottom span {
    padding-left: 5px;
    color: #f51;
}

#mainContent p {
    clear: both;
}

hr {
    border: 0;
    border-top: solid 1px #CCC;
    clear: both; /*height: 1px; color: #303030; background-color: white; 
       padding: 7px 0 14px; float: left; width: 700px; overflow: hidden; margin: 7px 0 -14px;*/
}

.fullWidthContent hr {
    width: 100%
}
/*input, select, textarea { font-size: .8em;}*/
.tooltip, .radioList li label span {
    font-size: 1em;
    padding: 0;
    border-bottom: dashed 1px #303030;
    color: #303030;
}

.floatingTooltip {
    position: absolute;
    z-index: 999;
    line-height: 1.35em;
    font-family: 'Roboto', 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;
}

.radioList li label span {
    float: none;
}

.section {
    float: left;
    margin: 0.5em 0 0;
    padding: 0 0 .5em;
    clear: both;
    width: 100%;
}

    .section h2 {
        margin-top: .25em;
    }

.sectionGap {
    padding-top: 1.5em;
}

label {
    display: inline;
    margin: 0 8px 0 0;
    font-size: .8em;
    font-weight: bold;
    color: #303030;
    cursor: pointer;
}

    label span.format {
        font-weight: normal;
        color: #666;
        font-size: .91em;
    }

h2 label, h3 label {
    display: block;
    font-size: 1em;
    color: #303030;
    margin: 0 0 .5em;
}

label.error {
    color: #800;
}

.planFilter, .holdingFilter {
    width: 700px;
    background: #e0e0e0; /*url(/images/holdingselecttop.png) top left repeat-x;*/
    padding: 12px 0;
    clear: both;
}

    .planFilter label, .holdingFilter label {
        width: auto;
        margin: 0 8px;
        font-size: .85em;
    }

    .planFilter optgroup, .holdingFilter optgroup {
        font-weight: normal;
        background-color: white;
        color: #303030;
        font-style: normal;
    }

    .planFilter option, .holdingFilter option {
        background-color: white;
        color: black;
    }

    .planFilter a, .holdingFilter a {
        display: inline;
        margin: 0 0 0 8px;
        font-size: .85em;
        font-weight: normal;
        color: #303030;
        text-decoration: none;
    }

.fieldvalue {
    font-size: small;
}

#ViewKey {
    font-family: 'Roboto', sans-serif;
    overflow: visible;
    width: 540px;
    font-size: .75em;
}

    #ViewKey optgroup, #ViewKey option {
        width: auto;
        overflow: visible;
        font-family: 'Roboto', sans-serif;
    }

.sectionHighlight {
    float: left;
    background: #e0e0e0;
    border-top: 5px solid #303030;
    margin: 0;
    padding: 0 0 1em;
}

    .sectionHighlight h2 {
        margin: .75em 1em;
        width: auto;
    }

    .sectionHighlight ul {
        margin: 0pt 0pt 0pt 32px;
        float: left;
        clear: both;
        font-size: 0.8em;
        list-style: disc inside;
        width: 600px;
    }

        .sectionHighlight ul li {
            padding: .15em 0;
        }


.holdingShadow {
    width: 700px;
    height: 15px; /*background: transparent url(/images/holdingselectshadow.png) 50% 0 no-repeat;*/
}

#sidePanel {
    float: right;
    right: 0;
    width: 216px;
    margin: 48px 8px 0 0;
}

.campaignPanel {
    width: 216px;
    background: transparent url(/images/campaignpanelback.gif) 0 0 no-repeat;
    position: relative;
    margin-bottom: 16px;
}

.campaignPanelContent {
    padding: 12px;
    color: #666;
}

    .campaignPanelContent h4 {
        font-size: .91em;
        font-weight: bold;
        color: #f51;
        margin: .35em 0;
    }

    .campaignPanelContent p {
        font-size: .75em;
        padding: 0 0 .5em;
    }

    .campaignPanelContent strong {
        font-weight: bold;
        color: #f51
    }

    .campaignPanelContent a, .campaignPanelContent a:visited {
        font-weight: bold;
        color: #303030;
        text-decoration: underline;
    }

        .campaignPanelContent a:hover {
            color: #a3cf61;
        }

.campaignPanelFooter {
    position: absolute;
    bottom: 0;
    background: transparent url(/images/campaignpanelback.gif) 0 100% no-repeat;
    float: left;
    clear: both;
    width: 100%;
    height: 12px;
}

.campaign-list {
    margin-top: 1em;
}

    .campaign-list li {
        margin-left: 1.5em;
        list-style: outside disc;
        font-size: .9em;
    }

.registerNow {
    background: transparent;
    height: 35px;
    display: inline-block;
    overflow: visible;
    vertical-align: top;
    padding: 0 0;
    margin: .25em 0 0;
    position: relative;
}

    .registerNow a {
        background: transparent url(/images/Btn-register-now.png) 0 0 no-repeat;
        color: #fff;
        border: 0;
        font-family: 'Roboto', sans-serif;
        display: inline-block;
        height: 35px;
        padding: 0 30px 0 10px;
        line-height: 35px;
        margin: 0;
        overflow: visible;
        vertical-align: middle;
        cursor: pointer;
        font-size: 13px;
        text-decoration: none
    }

table.affirmInfo {
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
}

table.info th.affirmOrange {
    font-size: 1em;
    color: #f51;
    width: 150px;
    *width: 185px;
    padding-left: 1em;
}

table.info th.affirmOrange1 {
    font-size: 1em;
    color: #f51;
    width: 150px;
    *width: 125px;
    padding-left: 1em;
}

table.info {
    width: 700px;
    margin: .5em 0;
    clear: both;
}

    table.info tr.lightGrey th, table.info tr.lightGrey td {
        background-color: #f5f5f5;
    }

    table.info tr.padTop th, table.info tr.padTop td {
        padding-top: .75em;
    }

    table.info tr.noPad th, table.info tr.noPad td {
        padding: 0 1em 0 0;
    }

    table.info tr.darkBorderTop th, table.info tr.darkBorderTop td {
        border-top: solid 1px #CCCCCC;
    }

    table.info tr.darkBorderBottom th, table.info tr.darkBorderBottom td {
        border-bottom: solid 1px #CCCCCC;
        padding-bottom: .75em;
    }

    table.info tr.borderTop th, table.info tr.borderTop td {
        border-top: solid 1px #ececec;
    }

    table.info tr.blueBorderTop td, table.info tr.blueBorderTop th {
        padding-top: 1em;
        border-top: solid 1px #303030;
    }

    table.info tr.blankRow td {
        line-height: 0.2em;
    }

table.widthAuto {
    width: auto;
}

table.info th {
    font-size: .75em;
    color: #303030;
    padding: 0 1em .4em 0;
    text-align: left;
    vertical-align: top;
    line-height: 1.35em;
}

    table.info th.orange {
        font-size: 1em;
        color: #f51;
        width: 132px;
        padding-left: 1em;
        font-weight: normal
    }

table.info tr.noPad th {
    white-space: nowrap;
}

table.info td {
    font-size: .75em;
    color: #303030;
    padding: 0 1em .4em 0;
    vertical-align: top;
    line-height: 1.35em;
}

    table.info td button.linkButton, table.info td .linkButton a {
        font-size: 1em;
        line-height: 1em;
    }

    table.info th label, table.info td label {
        font-size: 1em;
    }

    table.info td select {
        font-size: 1em;
    }

table.info th.alignRight, table.info th.alignRight {
    text-align: right;
}

table.info th.smallIndent, table.info td.smallIndent {
    padding-left: 1em;
}

table.info .subinfofirst {
    padding: .75em 1em 0 0;
    border: 0;
}

table.info .subinfo {
    padding: 0 1em 0 0;
    border: 0;
}

table.info .subinfolast {
    padding: 0 1em .75em 0;
    border-bottom: 0
}

table.votingTable .voteColumn {
    text-align: center;
    width: 10%;
    padding-right: 0.4em;
}

    table.votingTable .voteColumn input {
        width: 6em;
        text-align: right;
    }

TABLE.votingTable .prefOrder {
    text-align: left;
    width: 100%;
}

span.tick {
    background: transparent url(/images/icons/tick.gif);
    width: 17px;
    height: 17px;
    margin: 0 auto;
    display: block;
}

.holdingDetailView table.info .subinfofirst, .holdingDetailView table.info .subinfo {
    border: 0;
}

.holdingDetailView table.info .subinfolast {
    border-bottom: solid 1px #303030;
}

.NumberColumn {
    text-align: right;
}

span.ui-helper-hidden-accessible {
    display: none;
}


.buttonsPanel {
    float: right;
    clear: both;
    margin: .25em 0 .75em 0;
    display: inline;
    zoom: 1;
}

.orangeButton {
    background: #F51;
    height: 28px;
    display: inline-block;
    overflow: visible;
    vertical-align: top;
    padding: 0 3px 0 0;
    margin: 0;
    position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .orangeButton:hover {
        background: #f34f14;
    }

    .orangeButton button, .orangeButton input, .orangeButton a {
        background: #f51 url(/images/Btn_arrow-white.png) 95% 50% no-repeat;
        *background: #f51 url(/images/Btn_arrow_white_ie6.gif) 95% 50% no-repeat;
        color: #fff;
        border: 0;
        height: 28px;
        padding: 0 15px 0 10px;
        line-height: 26px;
        margin: 0;
        overflow: visible;
        vertical-align: baseline;
        cursor: pointer;
        font-size: .8em;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .orangeButton a {
        text-decoration: none;
    }

    .orangeButton:hover button, .orangeButton:hover input, .orangeButton:hover a {
        background-color: #f34f14;
    }

    .orangeButton.disabled, .orangeButton.disabled button {
        background: #c0c0c0;
        cursor: default;
    }

        .orangeButton.disabled:hover {
            background: #c0c0c0;
        }

            .orangeButton.disabled:hover button {
                background: #c0c0c0;
            }

.linkButton, .linkButton a {
    background-color: transparent;
    color: #303030;
    border: 0;
    padding: 2px 4px 2px 0;
    font-weight: normal;
    cursor: pointer;
    line-height: 28px;
    height: 28px;
    overflow: visible;
    vertical-align: baseline;
    text-align: left;
    margin-left: 0;
}

button::-moz-focus-inner {
    padding: 0;
    margin-left: -1px;
}

.floatRight button.linkButton {
    margin-left: .25em;
}

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: #a3c6f1;
        }

table.info .linkButton {
    height: 1.75em;
    line-height: 1.75em;
}

.footer {
    float: left;
    position: relative;
    bottom: 0;
    clear: both;
    background: #333 url(/images/footer-background.gif) 0 0 repeat-x;
    width: 100%;
    text-align: center;
    height: 64px;
    z-index: 1500;
}

.footerContent {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    height: 64px;
}

.footer .copyright {
    float: right;
    color: #666D70;
    font-size: .75em;
    padding: 10px 8px 0 0;
}

.footer ul {
    float: left;
    clear: left;
    display: inline;
    height: 36px;
    font-size: .75em;
    overflow: hidden;
    vertical-align: baseline;
    line-height: 36px;
}

.footer li {
    float: left;
    vertical-align: baseline;
    margin-left: 1px;
}

.footerLinksMain li a, .footerLinksMain li a:active {
    color: #666D70;
    text-decoration: none;
    padding: 0 .75em;
}

.footer .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 {
    border-right: solid 1px #666D70;
}

.footerLinksMain li.last a, .footerLinksAbout li.last a {
    border-right-width: 0px;
}

.footer a:hover {
    text-decoration: underline;
}

.loginWelcome, .loginLeftPanel {
    float: left;
    clear: both;
    margin: 0 32px 0 0;
    background: transparent url(/images/IC-desktop-banner.jpg) 0 25px no-repeat;
    width: 451px;
    padding-top: 270px;
}

.loginLeftPanel {
    background: inherit;
    padding-top: 10px;
}

.loginWelcome > div {
    padding: 0 !important;
}

.login-welcome-title {
    font-size: 1.8em !important;
    margin-bottom: 5px;
}

.loginWelcome h2 {
    float: none;
    display: block;
}

.loginWelcome li {
    color: #777;
    list-style: none url(/images/welcome-bullet.gif) outside;
    font-size: .8em;
    line-height: 1.5em !important;
    padding-left: 0;
    margin-left: 1.4em;
    text-indent: 0;
}

    .loginWelcome li a {
        color: #777;
    }

.loginControls {
    float: left;
    width: 457px;
    margin-top: 24px;
}

.customloginContent .loginControls {
    float: left;
    width: auto;
    display: none;
    margin-top: 24px;
}

.loginControls .titleBox {
    float: left;
    display: inline;
    width: 130px;
    margin: 16px 8px 16px 12px;
}

.loginControls .orangeBorderLeft {
    float: left;
    display: inline;
    border-left: solid 1px #f51;
    width: 288px;
    margin: 16px 16px 18px 0;
}

.loginControls .loginBox {
    width: 280px;
    margin-left: 8px;
    overflow: hidden;
}

    .loginControls .loginBox .formitem {
        margin-bottom: 0.75em;
    }

        .loginControls .loginBox .formitem span {
            display: inline-block;
            *display: inline;
            zoom: 1;
            width: 190px;
        }

.customloginContent .loginControls .orangeBorderLeft {
    float: left;
    display: inline;
    width: auto;
    margin: 16px 16px 18px 0;
}

.customloginContent .loginControls .loginBox {
    width: auto;
    margin-left: 8px;
    overflow: hidden;
}

.loginControls select#SingleHolding_IssuerCode {
    width: 230px;
}

.loginControls .warning p {
    color: #812 !important;
    font-size: .85em;
    padding-left: 1em;
}

a.loginLink {
    color: #333;
    font-size: 1em !important;
    text-decoration: underline;
}

.registerControls {
    float: left;
    width: 457px;
    margin-top: 24px;
}

    .registerControls .titleBox {
        float: left;
        display: inline;
        width: 300px;
        margin: 16px 8px 16px 12px;
    }

    .registerControls .registerPanelContent {
        float: left;
        display: inline;
        width: 121px;
        margin: 47px 16px 18px 0;
    }

.login-welcome-resource {
    float: left;
    clear: both;
    margin: 0 0;
    background: transparent url(/images/IC-EPS-banner.jpg) 0 15px no-repeat;
    width: 451px;
    padding-top: 260px;
}

h2.login-welcome-subTitle {
    float: none;
    display: block;
    color: #39C;
    font-size: 1.3em;
    font-weight: normal;
    margin: 0;
}

.login-welcome-description {
    margin: 1em 0;
}

    .login-welcome-description h2 {
        float: none;
        font-size: 1.3em;
        color: #666;
        font-weight: normal;
        margin: .4em 0 .2em;
    }

    .login-welcome-description ul {
        margin-top: .65em;
    }

    .login-welcome-description li {
        color: #777;
        list-style: none url(/images/welcome-bullet.gif) outside;
        font-size: .8em;
        line-height: 2em !important;
        padding-left: 0;
        margin-left: 1.4em;
        text-indent: 0;
    }


#employeeRegister h1 {
    color: #39C
}

#employeeRegister .titleBox a.registerLink {
    text-decoration: underline;
}

    #employeeRegister .titleBox a.registerLink:hover {
        text-decoration: none;
    }

#loginContent h1 {
    line-height: normal;
    font-size: 1.25em;
    padding-top: 0;
    font-weight: normal;
    float: none;
}

#loginContent .loginControls h1 {
    margin: 0;
    padding-bottom: .25em;
}

#loginContent .loginControls h2 {
    margin: 1em 0 .25em;
    font-size: .8em;
    color: #303030;
}

#loginContent .loginControls p {
    margin: .25em 0 .4em;
    clear: both;
    line-height: 1.2em;
    color: #666;
}

#loginContent .loginControls a, #loginContent .loginControls button.linkButton {
    font-size: 0.75em;
    font-weight: normal;
    height: auto;
}

    #loginContent .loginControls a:hover {
        color: #f51;
    }

#loginContent label {
    float: left;
    clear: both;
    width: 80px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: visible;
    margin: .35em 0 .15em 0;
    font-weight: normal;
}

#loginContent #divAccessSingle label {
    width: 94px;
}

#loginContent #divAccessSingle #mainErrorDiv label {
    width: auto;
    font-weight: normal;
}

#loginContent input {
    float: left;
    width: 194px;
    margin: 0.25em 0 .5em 0;
    border: 1px solid #CCC
}

#loginContent #divAccessSingle input {
    width: 180px;
}

#loginContent #divAccessSingle #SingleHolding_IssuerCode {
    width: 274px;
}

#loginContent select {
    float: left;
    width: 13.5em;
    margin: 0 0 .25em 0;
}

#loginContent .checkbox {
    margin: 0;
    padding: .15em 0 0;
    clear: both;
    width: 100%;
}

#loginContent .leftPad, #loginContent .loginLeftPad {
    margin: 0 0 6px;
    padding: 0 0 0 94px;
    clear: both;
    height: 1.4em;
}

    #loginContent .leftPad, #loginContent .loginLeftPad span {
        line-height: 1.1em;
        vertical-align: top;
        text-decoration: underline;
    }

.form .leftPad {
    float: none;
    display: block;
    padding-left: 10.2em;
    width: auto;
    zoom: 1;
}

#loginContent .checkbox label {
    width: auto;
    display: inline;
    float: none;
    clear: none;
    margin: 0 0 0 .25em;
    padding: 0;
    vertical-align: top;
}

#loginContent .checkbox input {
    width: auto;
    margin: 0 0 .25em;
    padding: 0;
    vertical-align: baseline;
}

#loginContent .checkbox a {
    vertical-align: baseline;
}

#loginContent #IssuerName {
    width: 100%;
}

.loginControlContent {
    margin: 16px
}

.loginPanel {
    overflow: visible;
    width: 457px;
    float: none;
    background: transparent;
    overflow: hidden;
    position: relative;
    border: 1px solid #CCC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    clear: both;
    margin-bottom: 1em;
    *padding-bottom: 1em;
}

#loginContent .loginControls a.register-link {
    font-size: 1em;
}

.registerPanel {
    overflow: visible;
    width: 457px;
    float: none;
    background: transparent;
    overflow: hidden;
    position: relative;
    border: 1px solid #CCC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    clear: both;
}

#divOpenBriefing {
    float: left;
    position: relative;
    margin-top: 0.2em;
}

    #divOpenBriefing .openBriefingLogo {
        float: left;
        background: transparent url(/images/OB-logo.gif) 0 0 no-repeat;
        width: 168px;
        padding-top: 65px;
        padding-left: 7px;
    }

        #divOpenBriefing .openBriefingLogo p {
            color: #0198c5;
        }

        #divOpenBriefing .openBriefingLogo a {
            font-size: 100%;
            color: #0198c5;
        }

    #divOpenBriefing .openBriefingSummary {
        float: right;
        padding-top: 0.9em;
        padding-left: 0.7em
    }

        #divOpenBriefing .openBriefingSummary p {
            padding-top: 0.25em;
            padding-left: 0.5em;
            margin: 0em;
        }

        #divOpenBriefing .openBriefingSummary .latestOpenBriefings a {
            background: url(/images/button-checkoutlatestOB.gif) 0 0 no-repeat;
            display: inline-block;
            height: 40px;
            padding-left: 268px;
            cursor: pointer;
        }

#divSignIn {
    margin-bottom: 1em;
}

.loginControlContent .orangeButton {
    margin: .25 0 .5em 0;
}
/*div.loginControlContentBottom {position: absolute; bottom: 0; background: transparent url(/images/login-panel.gif) 0 100% no-repeat; float: left; clear: both; width: 100%; height: 12px;}*/
.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;
    }


#mainErrorDiv {
    float: left;
    clear: both;
    position: relative;
}

    #mainErrorDiv label {
        width: auto;
        float: none;
        display: block;
        font-weight: normal;
        margin: 0;
        padding-bottom: 0;
    }

.errorContainer {
    width: 100%;
    font-size: 0.75em;
    background: #FFE8E8 url(/images/icons/error-msg.gif) 5px 5px no-repeat
}
/*#newHolding .errorContainer { *width: auto; }  Add holding error message issue in IE7 below */
.fullWidthContent .errorContainer {
    width: 700px;
    overflow: hidden;
    color: #c00;
}

.errorContainer h2 {
    padding: .25em;
    color: #c00 !important;
}

.errorContainer p {
    padding: .25em .25em 0 .25em;
}

    .errorContainer p a {
        color: #39c !important;
        font-size: 100% !important;
    }

.errorContainer ol { /*list-style: none outside url(/images/errorbullet.gif); margin: 0 0 0 0.5em;*/
}

    .errorContainer ol li {
        padding: .25em 0.5em;
        line-height: 1.3em;
        color: #c00;
        padding: .35em 0.5em 0.35em 3em;
    }

        .errorContainer ol li:first-child {
            border-top: 2px solid #c00
        }

        .errorContainer ol li:last-child {
            border-bottom: 2px solid #c00
        }

.field-validation-error, label.error {
    clear: both;
    display: block;
    font-size: 11px;
    color: #c00;
    overflow: visible;
    width: auto;
    margin: 0;
}

.field-validation-error {
    clear: both;
    display: block;
    margin: 0;
    padding: 0.85em 3em 0.5em;
}

.validation-summary-errors {
    margin: .75em 0;
    background: #FFE8E8 url(/images/icons/error-msg.gif) 5px 5px no-repeat
}

    .validation-summary-errors span {
        float: left;
        clear: both;
        display: block;
        color: #d33;
        font-size: .8em;
        height: 16px;
        overflow: visible;
        padding-left: 32px;
        font-weight: bold;
        margin: .25em 0;
        line-height: 1em;
    }

    .validation-summary-errors ul li {
        padding: .25em 0.5em 0.25em 3em;
        line-height: 1.5em;
        color: #c00
    }

        .validation-summary-errors ul li:first-child {
            border-top: 2px solid #c00
        }

        .validation-summary-errors ul li:last-child {
            border-bottom: 2px solid #c00
        }

.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%;
        *width: auto;
    }

.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 input[type="radio"] {
        width: 1em;
    }

.form .subForm p input {
    font-size: 1.05em;
    width: 24em;
}

.form select {
    width: 18.25em;
}

.form textarea {
    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: #303030;
    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: #a3cf61;
    }

.form p a {
    float: none;
    padding: 0;
    margin: 0;
    font-size: 1em;
}

.form span.fieldValue {
    float: left;
    color: #303030;
    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 0 0;
        *margin: 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: 3.5em;
}

#SingleHolding_Fin, .loginControls #divAccessSingle #SingleHolding_Fin, .loginControls #divAccessSingle #Fin {
    width: 4.5em;
}

#Postcode {
    width: 7em;
}

#DateOfBirth {
    width: 7em;
}

#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;
}

/*placeholder for Fritz*/

.applyHoldingsContainer {
}

    .applyHoldingsContainer .selectOtherHoldings {
    }

.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: #303030;
    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: #303030;
    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: #a3cf61;
    }


/*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: #a3cf61
        }

.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;
}

.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;
    }

.formList {
    clear: both;
}

    .formList li {
        padding-left: 2em;
        zoom: 1;
    }

        .formList li a {
            padding-left: 24px;
            padding-bottom: 0.75em;
            font-size: 0.8em;
            font-weight: bold;
            color: #39c;
            text-decoration: none;
            line-height: 1.1em;
            min-height: 19px;
            display: block;
            overflow: visible;
        }

.sectionHighlight a {
    color: #39c;
    text-decoration: none;
}

.formList li a.pdf {
    background: url("/images/buttons/pdf.gif") no-repeat scroll 0pt 2px transparent;
}

.formList li a:hover span.name, .sectionHighlight a:hover {
    text-decoration: underline;
    color: #a3cf61;
}

.formList li a span.description, .formList li a:hover span.description {
    font-size: 0.85em;
    font-weight: normal;
    text-decoration: none;
    color: #303030;
}

.msgBar, .form .msgBar {
    display: none;
    border: solid 1px #808080;
    padding: .75em .5em .25em;
    width: 650px;
    margin-top: .5em;
}

.otherHoldingsPad .msgBar {
    width: 598px;
}

#gbox_ApplyHoldingsGrid.ui-widget-content {
    border: 0
}

.list {
    list-style: outside disc;
    width: auto;
}

    .list li {
        list-style: outside disc;
        font-size: 0.75em;
        clear: both;
        margin: 0 0 .75em 2em;
        color: #303030;
        line-height: 1.35em;
    }

        .list li a {
            clear: right;
            color: #3399FF;
            display: inline;
            font-size: 1em;
            line-height: 1.5em;
            margin: 0;
            padding: 0;
            text-decoration: underline;
            vertical-align: baseline;
            white-space: nowrap;
            width: auto;
        }

            .list li a:hover {
                text-decoration: underline;
                color: #a3cf61;
            }

.formitem {
    clear: both;
    font-size: 0.75em;
}

    .formitem select {
        float: none;
    }

    .formitem label {
        font-size: 1em;
    }

    .formitem span {
        display: inline;
        line-height: 1.9em;
    }

.captchablock {
    height: 52px;
    padding-top: 5px;
}

.greyBorder {
    border: 1px solid #c0c0c0;
    margin: .75em 0;
    float: left;
    clear: both;
    width: 698px;
    padding: 10px 0;
    overflow: hidden;
}

    .greyBorder h3, .greyBorder p, .greyBorder table {
        margin-left: 10px;
        margin-right: 10px;
    }

        .greyBorder table.info, .greyBorder .section {
            width: 678px;
        }

            .greyBorder .section h3 {
                margin-top: 0;
            }

        .greyBorder table.widthAuto {
            width: auto;
        }

.borderDiv {
    clear: both;
    overflow: visible;
    overflow-x: hidden;
    overflow-y: auto !important;
    display: block;
    margin-bottom: .25em;
}

    .borderDiv div {
        padding: .5em 1em;
    }

    .borderDiv h3 {
        margin: 0;
        padding-bottom: .5em;
    }

.form .subForm {
    clear: both;
    float: none;
    width: auto;
    display: none;
    overflow: hidden;
    display: block;
    margin-left: 4em;
}

    .form .subForm label {
        white-space: normal;
        font-weight: normal;
    }

    .form .subForm .section {
        margin: 1.5em 0 0;
    }

input.readonly {
    background-color: #ddd;
    color: #303030;
    border: solid 1px #aaa;
    padding: 2px;
}

    input.readonly.input-validation-error {
        background-color: #dcc;
    }

.holdingDetailLink {
    font-weight: bold;
}

#rowTotalNumberOfVotes th, #rowTotalNumberOfVotes td {
    padding-top: .25em;
}

#rowTotalNumberOfVotes input {
    font-size: 1em;
}

table.info .resolutionRow th, table.info .resolutionRow td {
    border-bottom: solid 1px #ddd;
    padding-top: 4px;
    padding-bottom: 5px;
}

#IUnderstandCheckboxRow input {
    float: left;
}

#IUnderstandCheckboxRow label {
    float: left;
    padding-left: .5em;
    width: 24em;
}

#AnnualReportListCode {
    width: 25em;
}

.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;
    _float: right;
    clear: none;
    padding-left: 2px;
    height: 50px;
    overflow: hidden;
    margin-left: 4px;
    _margin: 0;
    _padding: 0;
}

.LBD_CaptchaDiv a {
    padding: 0;
    margin: 0;
    float: left;
    clear: both;
}


#loginContent .forgottenPassword {
    line-height: 1.4em;
    float: left;
}

#loginContent #divAccessSingle #SingleHolding_CaptchaCode, #loginContent #divRecaptcha #CaptchaCode {
    float: left;
}

#RegistrationCaptcha_AudioPlaceholder {
    height: 0;
}

#loginContent #divAccessSingle .checkbox input {
    width: auto;
}

#UserValidationForm label {
    width: 14em;
}

#divAddSingleHolding label {
    width: 14em;
}

#loginContent #divAccessSingle .IsTermConditionsAccepted input {
    margin-right: 4px;
    padding: 0;
    width: 12px;
}

#loginContent #divAccessSingle .IsTermConditionsAccepted label {
    margin: 0;
    vertical-align: baseline;
    font-size: 0.75em;
    width: auto;
}

#loginContent #divRecaptcha #labelCaptchaCode {
    width: 84px;
}

.wrapNormal {
    white-space: normal;
}

.planFilter a.backBtn, .holdingFilter a.backBtn {
    width: 16px;
    height: 16px;
    xborder: solid 1px red;
    display: block;
    float: left;
    line-height: .7em;
    margin-left: 5px;
    cursor: pointer;
    font-size: 1.4em;
    overflow: hidden;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    vertical-align: baseline;
    margin-top: 1px;
}

* html .holdingFilter a.backBtn {
    xpadding-top: 2px;
}

* html .planFilter a.backBtn {
    xpadding-top: 2px;
}

    .planFilter a.backBtn:hover, .holdingFilter a.backBtn:hover {
        color: #a3cf61;
    }

.exclusion {
    font-weight: bold;
    color: #400;
    font-size: 0.85em;
}

.formsSectionBox {
    border: solid 1px #ccc;
    background-color: #303030;
    float: left;
    width: 698px;
    clear: both;
    margin-bottom: .5em;
}

.dropdownOpener {
    width: auto;
    padding: 0.5em;
    margin: .25em;
}

    .dropdownOpener a {
        padding: 0.5em 0;
        text-decoration: none;
        min-height: 1.5em;
        color: #555;
    }

        .dropdownOpener a:hover {
            text-decoration: underline;
        }

#ValidateHoldingCaptcha_CaptchaImage, #ExpressLoginCaptcha_CaptchaImage {
    border: solid 1px #aaa;
}

#loginContent #divAccessSingle #SingleHolding_CaptchaCode {
    width: 154px;
}

#loginContent #divAccessSingle {
}

#CaptchaCode {
    width: 154px !important;
    font-size: 1em;
}

#loginContent #divAccessSingle #SingleHolding_Hrn {
    width: 156px;
    height: 1.29em;
}

.form .userExistsLoginContent a {
    margin-top: 0px;
    padding-left: 0em;
    float: none;
}

.form .userExistsLoginContent label {
    float: left;
    padding-right: 0.5em;
}

.orangeBorderLeft input, #divAccessSingle input { /*margin: 0*/
    ;
    float: left;
    padding: 0;
    overflow: visible;
}

.orangeBorderLeft .linkButton span, #divAccessSingle .linkButton span {
    margin: 0;
    line-height: .91em;
    padding-bottom: .91em;
    vertical-align: bottom;
}

.orangeBorderLeft .linkButton, #divAccessSingle .linkButton {
    vertical-align: bottom;
    line-height: 1em;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

* html .orangeBorderLeft div input {
    margin: 0 0 -2px;
    line-height: 1.2em;
}

.radioList .dob label {
    width: 7em;
}

.radioList .tfnType label {
    width: 4em;
}

.subForm .radioList li input {
    padding-left: .5em;
}

.subForm .radioList li label {
    font-size: 0.75em;
}

.subForm h2 {
    font-size: 0.8em;
}

.genericList li {
    padding-top: 5px;
}

.gridTotal {
    float: right;
    clear: both;
    font-size: 0.75em;
    color: #303030;
    margin-right: 6px;
    display: none;
    font-weight: bold;
}

table.contactUs {
    margin-left: 1em;
}

    table.contactUs tr.noPad th {
        width: 9em;
    }

    table.contactUs tr.noPad td {
        padding-left: 0.25em;
    }

.divContactUs p {
    padding-left: 1.25em;
}

.divContactUs input {
    width: 22em;
}

.divContactUs .radioList input {
    width: 24px;
}

.divContactUs label {
    width: 9em;
}

/*placeholder for Fritz*/
.divContactUs .issuerCode {
}

.singleHoldingModel {
}

    .singleHoldingModel .issuerCode {
    }

.accountDetails .help {
    padding-left: 0.5em;
    float: left;
}

    .accountDetails .help label {
        font-weight: normal;
    }

.accountDetails .textbox {
    width: auto;
}

.accountDetails span.textElem {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .8em;
    vertical-align: baseline;
    padding: 3px 0;
    margin: .25em 1em .25em 0;
}

.textElem {
    font-size: .75em;
    width: auto;
    padding: 5px 0 0 2.2em;
    margin-bottom: .5em;
    color: #303030;
    white-space: nowrap;
}

.aplHldDescLbl {
    display: inline-block;
    width: 150px;
    font-weight: bold;
}

.aplHldContentLbl {
    font-weight: normal;
}

/* Portfolio */
#yHoldingsContainer > div.floatRight {
    text-align: right
}

/* Voting */

#resolutionsList {
    margin: 1em 0;
}

    #resolutionsList LI {
        font-size: 0.75em;
        margin-bottom: 1.5em;
        position: relative;
        padding-left: 40px;
    }

    #resolutionsList.horizontal {
    }

        #resolutionsList.horizontal LI {
            display: inline;
            margin-right: 1em;
            padding-left: 0;
        }

    #resolutionsList SELECT {
        position: absolute;
        left: 0;
        top: -3px;
        width: 35px;
        font-size: 0.9em;
    }

    #resolutionsList.horizontal SELECT {
        position: static;
        width: auto;
    }

DIV.issuerNameBox {
    float: right;
    width: 186px;
}

    DIV.issuerNameBox span {
        font-size: .75em;
        line-height: 1.5em;
    }

.Privacy hr {
    width: 100%;
}

.Privacy p {
    zoom: 1;
}

ul.privacyList {
    margin: .5em 0;
}

    ul.privacyList li {
        font: Arial;
        color: #303030;
        list-style: disc outside;
        font-size: .75em;
        margin-left: 2em;
        line-height: 1.2em;
        margin-bottom: .5em;
    }

table.privacyTable {
    width: 100%;
    margin: .5em 0 .25em;
}

    table.privacyTable th, table.privacyTable td {
        font: Arial;
        color: #303030;
        font-size: .75em;
        border: solid 1px #ccc;
        padding: .75em;
    }

.securityQuestion {
    color: #444444;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    padding-top: 7px;
    line-height: 20px;
}

.errorContainerexpress {
    font-size: 0.75em;
    font-weight: bold;
    color: #CC0000;
    margin-bottom: 10px;
}

    .errorContainerexpress a {
        font-size: 1em !important;
        font-weight: bold !important;
    }

.mobile-message {
    text-align: center;
    background-color: rgb(0,31,114);
    color: rgb(255, 255, 255);
    height: 80px;
}

    .mobile-message span {
        display: block;
        padding-top: 30px;
    }

        .mobile-message span a {
            color: rgb(255, 255, 255);
            font-size: 50px;
        }

#DonationPercentage {
    width: 50px
}

#DonationPercentageLabel {
    width: 75%
}

DIV.holdingType {
    float: left;
    width: 186px;
}

    DIV.holdingType span {
        font-size: .75em;
        line-height: 1.5em;
    }

.textline { /* width: 700px; */
    font-size: .8em;
    font-weight: bold;
}

.ExerciseLeft .textline {
    font-size: 1.1em !important;
}

/* -------- cluetip tool tips ---------- */
.infoToolTip {
    font-size: 0.7em;
    margin-top: 10px;
    display: block;
}

    .infoToolTip li {
        list-style: disc inside;
    }

    .infoToolTip .infoToolTipRow {
        margin-top: 3px;
    }

    .infoToolTip .nameCol {
        float: left;
        display: inline;
        width: 60%;
    }

    .infoToolTip .valueCol {
        text-align: right;
    }

/* -------- Portfolio ---------- */
table.info tr th {
    padding-left: 0 !important;
}

#viewBarDetails .planSummarySectionColumn .planSummarySection {
    /*padding-top: 14px !important;
    padding-right: 0 !important;
    background: transparent url(/images/gridtop.png) 0 8px repeat-x;*/
    margin-top: 15px;
    border-top: 5px solid #303030;
    width: 552px;
}

#PlanSummaryGrid tr td {
    min-height: 22px;
    padding: 8px 2px 6px;
}

.holdingDetailView .planSummarySection table.ui-jqgrid-htable tr th {
    min-height: 22px;
    padding: 8px 4px 6px;
    vertical-align: bottom;
}

/*#gbox_PlanSummaryGrid {
    width: 538px !important;
}*/

/* -------- Plan Summary ---------- */
#planSummaryContainer .displayHeader {
    clear: none;
    margin-top: 1em;
}

#planSummaryOverviewContainer, #planSummaryDescriptionContainer {
    width: 100%;
    float: left;
    margin: 10px 0px 20px 0px;
    padding: 10px 0px;
    border-top: 1px solid #CCC;
}

#planSummaryDescriptionContainer {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#planSummaryOverviewContainer {
    border-bottom: 1px solid #CCC;
}

    #planSummaryOverviewContainer .display-label.highlight,
    #planSummaryDescriptionContainer .display-label.highlight {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
        width: 135px;
    }

    #planSummaryOverviewContainer .overviewSection,
    #planSummaryDescriptionContainer .descriptionSection {
        display: inline-block;
        *display: inline;
        zoom: 1;
        font-size: 0.8em
    }

    #planSummaryOverviewContainer .overviewItem,
    #planSummaryDescriptionContainer .overviewItem {
        padding: 0 0 5px 0;
        width: 552px;
    }

    #planSummaryOverviewContainer .overviewLinks {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 150px;
    }

    #planSummaryOverviewContainer .overviewDescription {
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

    #planSummaryOverviewContainer .overviewCol1 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 130px;
    }

    #planSummaryOverviewContainer .overviewCol2 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 140px;
    }

    #planSummaryOverviewContainer .overviewItem.underline {
        padding-bottom: 10px;
        border-bottom: 1px solid #CCC;
        margin-bottom: 10px;
    }

    #planSummaryOverviewContainer .overviewItem.overline {
        padding-top: 10px;
        border-top: 1px solid #CCC;
        margin-top: 10px;
    }

    #planSummaryOverviewContainer .overviewHeading {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 274px;
        margin-bottom: 4px;
    }

    #planSummaryOverviewContainer .bold {
        font-weight: bold;
    }

    #planSummaryOverviewContainer .marginR {
        margin-right: 4px;
    }


#planSummaryContainer .displayLinks {
    float: none;
    clear: both;
    display: block;
    height: 35px;
    color: #666;
    font-size: .75em;
    overflow: hidden;
    vertical-align: baseline;
}

    #planSummaryContainer .displayLinks ul {
        vertical-align: baseline;
        line-height: 38px;
        height: 34px;
        border-bottom: 1px solid #cccccc;
    }

        #planSummaryContainer .displayLinks ul a {
            padding: 8px 16px;
            border: 1px solid #cccccc;
            border-radius: 10px 10px 0 0;
            color: #AAA;
            text-decoration: none;
        }

            #planSummaryContainer .displayLinks ul a:hover {
                color: #f51 !important;
            }

            #planSummaryContainer .displayLinks ul a.selected {
                text-decoration: none;
                color: #f51 !important;
                font-weight: bold;
                border-bottom: 0px;
                border-bottom: 1px solid #FFF;
            }

    #planSummaryContainer .displayLinks li {
        float: left;
        vertical-align: baseline;
        padding-left: 0px;
    }

        #planSummaryContainer .displayLinks li.noLeftBar {
        }

        #planSummaryContainer .displayLinks li.noLeftPadding a {
        }

#planSummaryContainer .planDetailsDateRange {
    margin-top: 10px;
    margin-bottom: 10px;
}

    #planSummaryContainer .planDetailsDateRange select {
        width: 80px;
        margin-right: 10px;
    }

#planSummaryContainer .errorContainer {
    background-color: #fff;
}

    #planSummaryContainer .errorContainer label.error {
        background-color: #fff;
    }

#planSummaryGridDiv.gridContainer {
    margin-top: 15px;
}

#planSummaryGridTotals {
    font-size: 0.7em;
    width: 100%;
    font-weight: bold;
    padding-top: 1em
}

    #planSummaryGridTotals td {
        text-align: right;
        padding: 6px 2px;
        border-right: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        border-top: 1px solid #e0e0e0;
    }

        #planSummaryGridTotals td.gridTitle {
            text-align: left;
            padding-right: 4px;
            border-bottom: none;
            border-top: none;
        }

    #planSummaryGridTotals a.gridTooltip {
        text-decoration: none;
        color: #000 !important;
        cursor: default;
    }

#planDetailGridDiv a.cluetooltip {
    text-decoration: none;
    color: #000 !important;
    cursor: default;
}

#planDetailGridDiv.gridContainer {
    border-top: 0;
    padding-top: 0;
}

#planSummaryDisclaimer {
    margin-top: 20px;
    font-size: 0.7em;
}

.performanceRuleDetailModal {
    font-size: 0.8em;
}

.backToLinks {
    margin-bottom: 6px;
}

    .backToLinks span.prefix {
        font-size: 0.8em;
    }

    .backToLinks span.bar {
        margin-right: 4px;
    }

.page-container label.display-label {
    width: 100px;
    margin-right: 5px;
    display: block;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 1px;
}

#gbox_PlanDetailsGrid {
    margin-top: 15px;
    border-top: 5px solid #39F
}

/* -------- Offers ---------- */
div.actionlabelTitle {
    float: left;
    font-size: 0.85em;
    font-weight: bold;
    margin: 2px 20px 0 0;
}

.page-block.page-top-section table.info {
    width: 670px;
    margin: 0;
}

.page-block.page-top-section label.display-label {
    width: 100px;
    margin-right: 5px;
    display: block;
    color: #666666;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 1px;
}

.offerOptions .oc-radiogroupex {
    padding: 10px 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#frmOfferActions .termsandconditions input#TermsAndConditionsAccepted {
    float: none;
}

#divAccept p b {
    display: inline-block;
    width: 170px;
    text-indent: 0
}

.rejectWarning {
    font-weight: bold;
    margin-top: 10px;
    padding: 0.5em 1em 0em;
    background: #FFE47A;
    border: 1px solid #FFCD02;
    text-indent: 0 !important;
    text-align: center;
}

a.offerDocumentLink {
    text-decoration: underline;
    border-right: #444 solid 1px;
    padding-right: 4px;
    padding-left: 4px;
}

    a.offerDocumentLink.lastLink {
        border-right: none;
    }

    a.offerDocumentLink.firstLink {
        padding-left: 0;
    }

/* Offers modal box */
#OpenOffersForm .textline {
    font-weight: normal;
}

#OpenOffersForm .form {
    padding-top: 0.25em
}

#OpenOffersForm .formitem label {
    margin: 0;
    float: none;
    width: 125px;
}

#OpenOffersForm .checkbox label {
    font-weight: normal;
}

#OpenOffersForm .offerItems {
    min-height: 75px;
    border-bottom: 1px solid #CCC;
    padding: 0.25em 0;
}

.offerItems .checkbox {
    padding: 0.25em 0;
    height: 20px;
}

.offermodalwrap {
    min-height: 350px !important;
    *height: auto;
}

/* -------- Exercise ---------- */
.select-checkbox {
    cursor: pointer;
}

.message-text {
    width: 300px !important;
    height: 100px;
    overflow-y: auto;
    display: inline-block;
    float: left;
    clear: none !important;
    font-size: 1em;
}

#exercise_message .display-label {
    width: 80px;
}

.modal-container .form {
    width: 100%;
    margin-left: 0;
    padding-top: 15px;
    border-top: 5px solid #3399ff;
}

.modal-container h2 {
    margin-top: 0;
}

.exerciseAction {
    margin: 0.5em 0;
    display: block;
    height: 30px;
}

#gbox_ExerciseDetailsGrid {
    clear: both;
    display: block;
    padding-top: 2px;
    border-top: 5px solid #303030;
    margin-top: 0.5em;
}

#gbox_SellOrTransferSecuritiesGrid {
    padding-top: 14px;
    background: transparent url(/images/gridtop.png) 0 8px repeat-x;
}

#action-container.html-container {
    border: none;
}

.SecuritiesLeft {
    float: left;
    display: inline;
    width: 64%;
    font-size: 0.8em;
    padding-top: 15px;
    font-size: 0.7em;
}

.SecuritiesRight {
    float: right;
    display: inline;
    width: 36%;
}

    .SecuritiesRight input[type="checkbox"] {
        display: inline-block
    }

    .SecuritiesRight label.display-label {
        float: none;
        display: inline-block;
        width: 155px;
    }

.ExerciseLeft {
    float: left;
    display: inline;
    width: 71%;
    font-size: 0.8em;
    padding-top: 15px;
    font-size: 0.7em;
}

.ExerciseRight {
    float: right;
    display: inline;
    width: 29%;
    padding-bottom: 5px;
}

.ExerciseLeft input[type="checkbox"] {
    display: inline-block
}

.ExerciseRight label.display-label {
    float: none;
    display: inline-block;
    width: 110px;
}

.SecuritiesBorderBottom {
    width: 100%;
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px;
    line-height: 17px;
}

.SecuritiesBorderBottomFullWidth {
    width: 100%;
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px;
}

    .SecuritiesBorderBottomFullWidth .display-label {
        width: 100% !important;
    }

.page-block {
    border: none;
    width: 100%;
    display: block;
    clear: both;
}

    .page-block .formitem {
        line-height: 1.5em;
    }

    .page-block.page-top-section {
        padding: 15px 15px 15px 15px;
        border: 1px solid #CCCCCC;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -khtml-border-radius: 10px;
        width: auto;
    }

.page-container h2 {
    margin-bottom: 0;
}

.numberToExercise {
    width: 55px;
    font-size: 1em;
    text-align: right;
}

.totals {
    width: 300px;
    text-align: right;
    float: right;
    margin-right: 10px;
}

    .totals .formitem label {
        width: 200px;
    }

#SellNumber {
    width: 50px;
    text-align: right;
}

#ExerciseNumber {
    width: 50px;
    text-align: right;
}

input.SharesToTransact {
    text-align: right;
}

#action-container .totals .formitem label {
    width: 125px;
}

.totalInPlanRow {
    font-weight: bold;
}

.planSummaryDetailsLabel {
    padding-left: 15px;
}

.planSummaryDetailsValue {
    padding-left: 100px;
    text-align: right
}

.balanceValue {
    padding-left: 120px;
    text-align: right
}

.tradeableBalanceValue {
    padding-left: 105px;
    text-align: right
}


.exercise-methods {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
}

ul.transaction-methods {
    border-bottom: 1px solid #CCC;
    padding: 15px 0;
}

    ul.transaction-methods a.cluetooltip {
        margin-right: 10px;
    }

.exercise-method-container {
    padding: 0 0 10px 25px;
    width: 95%;
}

ul.method-detail-items {
    padding-left: 30px;
}

    ul.method-detail-items li {
        line-height: 1.5em;
    }

        ul.method-detail-items li div {
            display: inline-block;
            *display: inline;
            zoom: 1;
            vertical-align: top;
        }

            ul.method-detail-items li div label {
                font-weight: normal
            }

    ul.method-detail-items span.span-font {
        font-size: 0.8em;
    }

    ul.method-detail-items ul.method-details {
        padding-left: 20px;
    }

        ul.method-detail-items ul.method-details li {
            line-height: 1.2em;
        }

ul.view-details {
    padding-left: 35px;
    font-size: 0.8em;
}

    ul.view-details li {
        line-height: 1.5em;
    }

        ul.view-details li label {
            display: inline-block;
            *display: inline;
            zoom: 1;
            width: 110px;
            margin: 0;
            font-weight: normal;
            font-size: 1em;
        }

        ul.view-details li span {
            display: inline-block;
            *display: inline;
            zoom: 1;
            font-size: 1em;
        }

    ul.view-details span.exercise-address {
        display: block;
        padding-left: 110px;
        line-height: 1.5em;
        font-size: 1em;
    }

    ul.view-details .update-address {
        font-size: 1em;
    }

.terms-conditions {
    float: none;
    clear: both;
    padding: 10px 0 0 0;
    border-top: 1px solid #CCC;
}

    .terms-conditions .display-label {
        width: 150px !important;
        font-weight: bold;
    }

    .terms-conditions .borderDiv {
        font-size: 0.75em;
        line-height: 1.4em;
        padding: 5px;
        border: none;
        background: none;
    }





.planSummarySectionColumn {
    padding-bottom: 1em !important;
}

.planSummarySection table td {
    font-size: 0.95em !important;
}

.planSummarySection table th {
    font-size: 0.95em !important;
}

    .planSummarySection table th div {
        font-size: 0.95em !important;
    }

.planSummarySection #planSummaryGridTotals {
    padding-top: 2.5em;
}

    .planSummarySection #planSummaryGridTotals td.gridTitle {
        font-weight: bold;
        text-align: left;
        width: 138px;
        padding-right: 4px;
        padding-top: 0.5em;
        border-bottom: none;
        border-top: none;
        font-size: 1.25em !important;
    }

    .planSummarySection #planSummaryGridTotals td.gridCol1 {
        width: 62px;
        font-size: 1.25em !important;
    }

    .planSummarySection #planSummaryGridTotals td.gridCol2 {
        width: 55px;
        font-size: 1.25em !important;
    }

    .planSummarySection #planSummaryGridTotals td.gridCol3 {
        width: 62px;
        font-size: 1.25em !important;
    }

    .planSummarySection #planSummaryGridTotals td.gridCol4 {
        width: 72px;
        font-size: 1.25em !important;
    }

.html-container {
    clear: both;
    display: block;
    padding-top: 2px;
    border-top: 5px solid #303030;
}

.extented-labels .formitem label {
    width: 200px;
}

.planDetailsTable {
    font-size: 0.75em;
}

.balanceTooltipTitle {
    font-weight: bold;
}

.balanceTooltipMessage {
    font-weight: bold;
}

.floatRight .display-label {
    width: 240px !important;
}

.buttonsPanel .linkButton { /*line-height: 0;*/
}

.confirmSummary {
    width: 100%;
}

    .confirmSummary label.display-label {
        width: 200px !important;
        margin-right: 5px;
        display: block;
        color: #666666;
        font-weight: bold;
        float: left;
        padding-left: 5px;
        padding-top: 1px;
    }

table.confirmSummary tr.padTop td {
    padding-top: 5px;
}

table.confirmSummary td {
    padding: 0.2em 0;
}

.totalFeesDiv {
    padding: 0 0 15px 25px;
}

.salesDisclaimerDiv {
    height: 150px;
    overflow-y: auto;
    background-color: #fff;
    border: none;
    font-size: 0.75em;
    line-height: 1.5em;
}

.borderTop {
    border-top: 1px solid #CCCCCC;
    width: 100%;
    clear: both;
    padding: 7px 0 14px;
}

.borderBottom {
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
    clear: both;
    padding: 7px 0 14px;
}

    .borderBottom td {
        *border-bottom: 1px solid #CCCCCC;
    }

.borderRight {
    border-right: 1px solid #CCCCCC;
    height: 100%;
    clear: both;
}

.exerciseSummary {
    font-weight: bold;
}

/* Exercise - view Confirmation */
.confirmExerciseDiv label.display-label {
    float: none;
    width: 200px;
    margin: 0px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-weight: bold;
    padding: 0px;
    vertical-align: top
}

.confirmExerciseDiv .rowTotal {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
    clear: both;
    padding: 0.5em 0;
    margin: 0.5em 0;
}

.page-block-with-no-border {
    width: 100%;
    display: block;
    clear: both;
    margin-top: 1.5em;
}

    .page-block-with-no-border .formitem {
        line-height: 1.5em;
    }

    .page-block-with-no-border .addressDiv {
        display: inline-block;
        *display: inline;
        zoom: 1;
        float: none;
    }

.page-block .addressDiv {
    display: inline-block;
    *display: inline;
    zoom: 1;
    float: none;
}

#bankAccountDetailsForm .bank-details-title h1 {
    float: none;
}

.transactionPasswordError {
    font-size: 0.75em;
    font-weight: bold;
    color: #CC0000;
    margin-top: 5px;
}

.transaction_password {
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
    border-bottom: 3px solid #303030;
}

#SellPrice {
    width: 100px;
}

/* Securities */
.securities-methods {
    padding-left: 50px;
}

.securities-method-container {
    padding: 10px 0 10px 5px;
    width: 95%;
}

    .securities-method-container ul {
        *width: 500px;
    }

        .securities-method-container ul.view-details {
            padding-left: 20px;
        }

.salesMethodClass li label {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 300px;
    margin: 0;
}


.securitiesBoldLabel {
    font-weight: bold;
}

.confirmSecuritiesDiv label.display-label {
    width: 200px;
    margin-right: 5px;
    display: block;
    color: #666666;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 1px;
}
/*.method-details { display: inline-block; }
.method-details ul li label { width: 70px; }
.method-details ul li span { font-size: 0.8em;-ms-word-wrap: break-word; word-wrap: break-word; }*/

.bottom-blue-line {
    height: 20px;
    width: 100%;
    border-bottom: 3px solid #303030;
}

input#TermsAndConditionsAccepted {
    float: left;
}

input#chkAcceptTermsAndConditions {
    float: left;
}

input#IsDeclarationAccepted {
    float: left;
}

.addressDiv {
    float: left;
}

.underwater-error {
    background: transparent url(/images/icons/help.gif) no-repeat;
    height: 17px;
}

.underwater-warning, .underwater-warning-item {
    background: transparent url(/images/icons/exclamation.gif) no-repeat;
    height: 17px;
}

.underwater-warning-container {
    font-size: 0.75em;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 5px;
}

    .underwater-warning-container span {
        display: inline-block;
        padding-left: 20px;
    }

.quoteDisclaimerDownloadLink {
    background: transparent url(/images/buttons/pdf.gif) 100% 50% no-repeat;
    cursor: pointer;
    font-size: 0.68em !important;
    width: 16px;
    height: 16px;
    padding-left: 15px;
    display: inline-block;
}

#action-container .errorContainer {
    background-color: #fff;
    font-size: 0.90em;
}

    #action-container .errorContainer label.error {
        background-color: #fff;
        font-size: 0.90em;
    }

/*.securities-method-container label {
    width: 300px !important;
}*/

/*ul.salesMethodClass.method-detail-items li {
    float: left;
    *float: none;
    padding: 5px 0;
}*/

ul.paymentMethodClass.method-detail-items {
    padding-left: 30px;
}

.radio-option label {
    width: auto !important;
}

.exercise-methods a.cluetooltip {
    text-decoration: none;
}

.page-container .noLabelPadder {
    display: inline-block;
    float: left;
    clear: both;
    margin: .25em 1em .25em 0;
    width: 10.5em;
    font-size: .8em;
    line-height: 1.2em;
    vertical-align: baseline;
    padding: 3px 0;
    white-space: nowrap;
    overflow: visible;
}

.bank-details-column2 {
    padding-left: 50px;
}

.bank-address-title {
    padding-left: 5px;
    font-weight: bold;
}

#TotalSharesSelected {
    font-size: 1em;
}

#EstimatedValue {
    font-size: 1em;
}

.electedAccountSpan {
    font-size: .8em;
}

.floatRight label {
    display: block;
    font-size: .8em;
    font-weight: bold;
    color: #303030;
    cursor: pointer;
    float: left;
    padding-left: 5px;
    padding-top: 3px
}

.bank-account-details-div .formitem select {
    width: 204px;
}

.bank-account-details-div .formitem input {
    width: 200px;
}

.bank-account-details-div .formitem {
    padding-bottom: 3px;
}

.update-address {
    font-size: .8em;
}

.update-bank-account {
    font-size: .8em;
}

.ibw-update-account {
    font-size: .8em;
}

.bank-account-details-div label.display-label {
    width: 200px;
    margin-right: 5px;
    display: block;
    color: #666666;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 7px;
}

#passwordValidationErrorSpan {
    padding-left: 5px;
}

.pinHelpLink {
    width: 17px !important;
    height: 17px;
    padding-left: 6px !important;
    float: left !important;
    display: inline !important;
}

.pinHelpLinkFont {
    font-size: 100% !important;
}

.callCentreDetails {
    font-weight: bold;
}

#updatedSucceededMessage {
    padding-bottom: 125px;
    border-bottom: 3px solid #303030;
}

.toolTipMessage {
    font-size: .8em;
}

.indent {
    text-indent: 50px;
}

.floatRight label {
    display: block;
    font-size: .8em;
    font-weight: bold;
    color: #303030;
    cursor: pointer;
    float: left;
    padding-left: 5px;
    padding-top: 3px
}

.exercise-address {
    padding-left: 58px;
}

.pointer {
    cursor: pointer
}

.grantDetailsTooltipTitle {
    font-weight: bold;
}

.payByDirectCreditMessage {
    font-weight: bold;
}

/* International Bank WireSpecify an account */
#internationalBankWireForm .bank-details-title {
    padding-bottom: 10px;
}

#internationalBankWireForm .formitem {
    line-height: 2.3em;
}

#internationalBankWireForm label.display-label {
    float: none;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0;
}

#internationalBankWireForm span.noLabelPadder {
    float: none;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0;
    width: 100px;
    margin: 0 5px 0 0;
}

#internationalBankWireForm .bank-address-title {
    padding: 0;
}

#internationalBankWireForm #BeneficiaryBankDetails_CountryCode,
#internationalBankWireForm #IntermediaryBankDetails_CountryCode,
#internationalBankWireForm #BeneficiaryBankDetails_BankAddress_State,
#internationalBankWireForm #IntermediaryBankDetails_BankAddress_State {
    width: 153px;
    margin-left: 2px;
    width /*\**/: 155px\9;
    margin-left /*\**/: 0\9;
}

.intermediary-bank-details-label {
    padding-top: 10px;
}

.international-bank-wire-address {
    padding-left: 99px;
}

.costSummaryDiv label.display-label {
    width: 225px !important;
}

#partialPaticipation a.cluetooltip {
    text-decoration: none;
    float: none;
}

form#confirmExerciseForm ul ul {
    padding-left: 10px;
}

.indent {
    margin-left: 5%;
    display: block;
}


#PreferencesForm .applyHoldingsContainer {
    /*display: none;*/
}

.password-rule-div {
    display: block;
    height: 25px;
    vertical-align: top;
}

    .password-rule-div img {
        padding-right: 5px;
    }

.password-rule-label {
    vertical-align: top;
    line-height: 18px;
}

#divMandatoryValidations_Password .password-rule-label {
    font-size: 14px !important;
    color: black !important;
}
/**********************************************
****** LMS SOUTH AFRICA  REBRAND STYLES *******
**********************************************/

/* general */
body {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
    line-height: normal;
    background: #fff;
}

b,
strong {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

a,
button.linkButton span,
.linkButton a,
a.linkButton,
.linkButton,
.linkButton a {
    font-family: 'Roboto', sans-serif;
    color: #303030;
    text-decoration: underline;
}

    a:hover,
    button.linkButton span:hover,
    button.linkButton:hover span,
    button.linkButton span:hover,
    .linkButton a:hover,
    a.linkButton:hover,
    .linkButton:hover {
        color: #a3cf61;
        text-decoration: none;
    }

.orangeButton.disabled,
.orangeButton.disabled button,
.orangeButton.disabled:hover,
.orangeButton.disabled button:hover,
.orangeButton.disabled:hover button {
    border-color: #c0c0c0 !important;
    color: #fff !important;
}

button.linkButton:disabled span {
    color: #aaa;
    cursor: context-menu;
}

.accountLinks {
    display: block;
    overflow: visible;
}

    .accountLinks ul {
        float: right;
        line-height: normal;
    }

        .accountLinks ul a,
        p a,
        a.standardLink {
            color: #303030;
            text-decoration: none;
        }

            .accountLinks ul a:hover,
            p a:hover,
            a.standardLink:hover {
                color: #303030;
                text-decoration: underline;
            }

hr {
    margin: 20px 0;
    border-top: solid 1px #D1D1D1;
}

.errorContainer {
    padding: 0;
    line-height: normal;
    color: #af3e3e;
    border-left: 3px solid #af3e3e !important;
    border: none;
    margin: 10px 0;
    background: #fce0e0;
    font-size: 14px;
}

    .errorContainer ol li,
    .errorContainer ul li {
        border: none !important;
        font-size: 16px;
        padding: 5px 0 5px 15px;
    }

        .errorContainer ol li label,
        .errorContainer ul li label {
            color: #af3e3e !important;
            margin: 0 !important;
            width: auto !important;
            font-size: 14px;
        }

input.error,
input.input-validation-error,
select.error,
select.input-validation-error,
textarea.error {
    background: #fce0e0 !important;
    border: 1px dotted #af3e3e !important;
    outline: none;
}

li.validationErrorHtmlRaw {
    padding: 20px;
    line-height: normal;
    color: #af3e3e;
    border-left: 3px solid #af3e3e !important;
    border: none;
    margin: .25em 0;
    background: #fce0e0;
    font-size: 14px;
}

    li.validationErrorHtmlRaw a {
        color: #af3e3e;
        text-decoration: underline;
    }

.warning {
    float: left;
    margin: 10px 0;
    padding: 15px !important;
    color: #f26729 !important;
    background: #f7ebe8;
    border-left: 3px solid #a3cf61;
}

    .warning a {
        color: #f26729 !important;
        font-size: inherit !important;
    }

/* fonts */
@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('/fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('/fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/helveticaneueltstd-lt-webfont.woff') format('woff'), url('/fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'), url('/fonts/helveticaneueltstd-lt-webfont.svg#helveticaneueltstd-lt-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('/fonts/helveticaneueltstd-bd-webfont.eot');
    src: url('/fonts/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/helveticaneueltstd-bd-webfont.woff') format('woff'), url('/fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'), url('/fonts/helveticaneueltstd-bd-webfont.svg#helveticaneueltstd-bd-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    line-height: 1.2em;
    color: #303030;
    margin: 0.5em 0;
    padding: 0;
}

h1 {
    font-size: 1.7em;
    margin: 0.5em 0;
}

h2 {
    font-size: 1.3em;
}

h3 {
    color: #303030;
    font-size: 0.8em;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

h4 {
    color: #303030;
    font-size: 1.2em;
}

h5, h6 {
    color: #303030;
    font-size: 1em;
}

.page-container h2 {
    margin: 0 0 0.5em 0;
    padding: 0 !important;
}

p {
    font-size: 0.8em;
    line-height: 1.5em;
}

/* forms */
.form input,
.form select,
.form textarea {
    padding: 10px;
    border: 1px solid #D1D1D1;
}
/* .form span label { font-size: 100%; } */

/* structure */
#mainBody {
    position: relative;
}

.mainBody {
    position: relative;
}

    .mainBody hr {
        display: none;
    }

.pageHeader {
    height: 110px;
    margin: 10px 0 0 0;
}

.pageHeader,
.mainmenu,
#loginContent,
.fullWidthContent,
.footerLinks {
    padding: 0;
}

.fullWidthContent {
    width: auto;
    margin: 0;
}

.container {
    margin: 0;
    background: url("/images/Ims-header.png") repeat-x scroll 0 0 transparent;
}

    .container.login {
        margin: 0;
        background: #fff url(../images/lms-bg.png) top left no-repeat;
    }

.headerTitle {
    height: auto;
    margin: 0;
    font-size: 1.8em;
    color: #fff;
    line-height: 1.2em;
}

.headerLogo {
    width: auto;
    height: auto;
    padding: 20px 0 0 0;
}

    .headerLogo a {
        display: block;
    }

    .headerLogo img {
        width: 240px;
        padding: 0;
        height: auto
    }

.footer {
    height: auto;
    min-height: 100px;
    margin: 0;
    padding: 20px 0;
    background: #262626;
}

.footerContent {
    background: none;
}

.footer .copyright {
    font-size: 0.8em;
    line-height: normal;
    padding: 0;
}

.footerLinksAbout li a,
.footerLinksAbout li a:active {
    color: #2983c5;
    font-weight: normal;
}

.footer ul {
    height: auto;
}

    .footer ul li {
        line-height: normal;
    }

        .footer ul li:first-child {
            margin: 0;
        }

            .footer ul li:first-child a {
                padding-left: 0;
            }

.footer .footerLinksAbout {
    height: auto;
    margin: 10px 0 0 0;
    line-height: normal;
}


/*********** LOGIN **********/
.login .mainBody {
    margin: 0 auto;
    padding: 0 0 40px 0;
}

#loginContent {
    width: 960px;
    margin: 2em 0;
}

    #loginContent .loginControls p {
        color: #303030;
        margin: 10px 0;
        padding: 0;
    }

.loginLeftPanel {
    width: 100%;
    margin: 38px 0;
    padding: 0;
    background: none;
    display: block;
    float: none;
}

.loginWelcome {
    width: 40%;
    margin: 0;
    padding: 0;
    background: none;
    display: block;
    float: left;
}

.loginControls {
    float: right;
    width: 50%;
    margin: 0;
}

#loginContent .leftCol {
    float: left;
    width: 48%;
    margin-right: 4%;
}

#loginContent .rightCol {
    float: left;
    width: 48%;
}

#divSignIn {
    margin: 0;
}

    #divSignIn.loginPanel.employee {
        margin: 8% 0 0 0;
    }

#loginContent .loginControls h1 {
    display: block;
    margin: 0 0 0.5em 0;
    padding: 0;
    font-size: 1.4em !important;
}

.login-welcome-title {
    display: block;
    margin: 0 0 0.5em 0 !important;
    color: #a3cf61;
}

.loginWelcome h2 {
    font-size: 2em;
    margin: 0 0 0.5em 0;
}

.loginWelcome .clear {
    display: none;
}

.loginWelcome ul {
    margin: 10px 0;
}

    .loginWelcome ul li {
        list-style: disc;
        font-size: 1em;
        color: #303030;
    }

.registerNow {
    height: auto;
    margin: 10px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

    .registerNow a {
        display: inline-block;
        height: auto;
        margin: 0;
        padding: 5px 40px;
        background: #fff;
        border: 2px solid #fff;
        color: #303030;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 0.8em;
        line-height: 26px;
        text-decoration: none;
    }

        .registerNow a:hover {
            background: none;
            color: #fff;
        }

#loginContent .loginControls a,
#loginContent .loginControls button.linkButton {
    font-size: 0.8em;
}

#loginContent .loginControls a {
    color: #303030;
    text-decoration: underline;
}

    #loginContent .loginControls a:hover {
        color: #a3cf61;
        text-decoration: none;
    }

#loginControls {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 40px 0 0 0;
}

.loginControls label {
    font-family: 'Roboto', sans-serif;
}

.loginPanel {
    width: 100%;
    padding: 20px;
    background: #fff;
    border: none;
    border-radius: 0px;
    float: left;
    clear: none;
    margin: 0;
    box-sizing: border-box;
    box-shadow: 0 3px 15px 3px rgba(0,0,0,0.1);
}

.loginControls .titleBox {
    float: none;
    margin: 0;
}

.titleBox p > b {
    font-size: 1.1em;
}

.loginControls .loginBox {
    width: auto;
    margin: 0;
    overflow: visible;
}

    .loginControls .loginBox DIV.issuerNameBox {
        float: left;
        width: 65%;
        margin: 15px 0;
    }

#loginContent #divSignIn a {
    color: #303030 !important;
}

#loginContent #divSignIn p br {
    display: none;
}

#loginContent #divSignIn p a:hover {
    text-decoration: none !important;
}

#loginContent #divSignIn a {
    text-decoration: underline;
}

    #loginContent #divSignIn a:hover {
        text-decoration: none;
    }

#loginContent .forgottenPassword {
    float: none;
    display: block;
    margin: 0;
    text-align: right;
    line-height: inherit;
}

#loginContent .floatRight {
    float: none;
    margin: 20px 0 0 0 !important;
    text-align: right;
}

#loginContent label {
    margin: 15px 0;
    color: #303030;
    width: 35%;
    font-size: 0.8em;
}

#loginContent input {
    width: 145px;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #d1d1d1;
    width: 65%;
    box-sizing: border-box;
}

#loginContent #divRecaptcha #labelCaptchaCode {
    width: 35%;
}

#loginContent #divRecaptcha #CaptchaCode {
    font-size: 0.8em;
}

.loginControls .orangeBorderLeft {
    float: none;
    width: auto;
    display: block;
    margin: 0;
    border: none;
}

.orangeButton button,
.orangeButton button:hover {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px 40px;
    color: #fff;
    background: #a3cf61;
    border: 2px solid #a3cf61;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    cursor: pointer;
}

.orangeButton input,
.orangeButton {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0;
    padding: 0px;
    background: none !important;
    border: none !important;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    cursor: pointer;
}

    .orangeButton button:hover {
        background: none !important;
        color: #a3cf61;
    }

#loginContent #divAccessSingle {
    margin: 0 !important;
}

    #loginContent #divAccessSingle h1 {
        color: #a3cf61;
    }

    #loginContent #divAccessSingle a {
        color: #303030;
    }

    #loginContent #divAccessSingle #SingleHolding_IssuerCode {
        width: 60%;
    }

    #loginContent #divAccessSingle #SingleHolding_CaptchaCode {
        width: 30%;
    }

    #loginContent #divAccessSingle #SingleHolding_Hrn {
        width: 60%;
        height: auto;
    }

#loginContent #divInsideAustralia input {
    width: 30% !important;
}

#loginContent #divAccessSingle .helpLink {
    background: transparent url(/images/icons/help.png) 100% 50% no-repeat;
    padding: 40px 0 0 5px !important;
    position: absolute;
    /* right: 175px; */
}

#loginContent #divAccessSingle label {
    width: 35%;
    font-size: 0.8em !important;
    text-align: left;
}

.mainBody #loginContent .LBD_CaptchaDiv {
    max-width: 150px !important;
    display: inline-block;
}

.mainBody #loginContent .LBD_CaptchaImage {
    width: 120px !important;
}

.mainBody #loginContent .LBD_CaptchaDiv img {
    max-width: 120px;
}

#loginContent #divHrn {
    width: 100%;
}

#loginContent #divAccessSingle #divInsideAustralia {
    text-align: right;
}

    #loginContent #divAccessSingle #divInsideAustralia span,
    #loginContent #divAccessSingle #divInsideAustralia button {
        margin: 0;
        padding: 20px 0;
        line-height: normal;
        vertical-align: inherit;
    }

    #loginContent #divAccessSingle #divInsideAustralia span, #loginContent #divAccessSingle #divInsideAustralia button {
        padding: 16px 0 !important;
    }

#RegistrationCaptcha_CaptchaImage, #ExpressLoginCaptcha_CaptchaImage {
    border: none;
    float: right;
}

.LBD_CaptchaIcons {
    margin-left: 5px;
}

#loginContent #divAccessSingle #divInsideAustralia button {
    color: #303030;
    text-decoration: underline;
}

    #loginContent #divAccessSingle #divInsideAustralia button:hover {
        text-decoration: none;
    }

        #loginContent #divAccessSingle #divInsideAustralia button:hover span {
            color: #303030;
            text-decoration: none;
        }

#loginContent #divAccessSingle .IsTermConditionsAccepted input {
    width: auto;
    float: none;
}

#loginContent #divAccessSingle .floatRight {
    margin: 33px 0 0 0 !important;
    display: block;
    width: 100%;
}

#loginContent #divAccessSingle .IsTermConditionsAccepted {
    display: block !important;
    float: none !important;
    padding-top: 20px !important;
}

#loginContent .orangeButton button {
    width: auto;
    min-width: 200px;
    height: auto;
    margin: 0;
    padding: 5px 40px;
    color: #fff;
    background: #a3cf61;
    border: 2px solid #a3cf61;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    cursor: pointer;
}

    #loginContent .orangeButton button:hover {
        background: none;
        border: 2px solid #a3cf61;
        color: #a3cf61;
    }

#loginContent .loginPanel.employee .orangeButton button,
#loginContent #employeeLogin .orangeButton button {
    background-color: #303030;
    border-color: #303030;
}

    #loginContent .loginPanel.employee .orangeButton button:hover,
    #loginContent #employeeLogin .orangeButton button:hover {
        background: none;
        border: 2px solid #303030;
        color: #303030;
    }

.orangeButton #btnClose {
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 40px;
    color: #fff;
    background: #aaa;
    border: 2px solid #aaa;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    cursor: pointer;
}

    .orangeButton #btnClose:hover {
        background: none;
        border: 2px solid #aaa;
        color: #aaa;
    }

#loginContent #divSignIn:nth-child(3) {
    background: #fff;
}

#loginContent #divSignIn .employeeTitleBox {
    width: auto;
    float: none;
    margin: 0;
}

#divSignIn h1 {
    color: #f26729 !important;
}

#divSignIn .employeeTitleBox h1 {
    color: #303030 !important;
}

#loginContent #divSignIn .employeeLoginBox {
    width: auto;
    margin: 0;
}

.loginControls .loginBox .formitem {
    font-size: inherit;
}

.login .campaignBody {
    display: block;
    min-height: 260px;
    padding: 4% 0;
    background: #eee;
}

    .login .campaignBody .campaignInner {
        width: 960px;
        margin: 0 auto;
    }

        .login .campaignBody .campaignInner .left {
            float: left;
            width: 48%;
            margin-right: 4%;
        }

        .login .campaignBody .campaignInner .right {
            float: left;
            width: 48%;
            background: #ccc;
        }

/* Open Briefing campaign */
#divOpenBriefing {
    height: 260px;
    margin: 0;
    padding: 25px;
    background: #fff;
    border: none;
    border-radius: 0px;
    float: none;
    clear: none;
    box-sizing: border-box;
}

    #divOpenBriefing .openBriefingLogo {
        float: none;
        width: 168px;
        height: 70px;
        margin: 0 auto;
        padding: 0;
        background: transparent url(/images/OB-logo.gif) center center no-repeat;
    }

    #divOpenBriefing .openBriefingSummary .latestOpenBriefings a {
        width: 254px;
        height: 42px;
        margin: 0;
        padding: 0;
        background: url(/images/button-checkoutlatestOB.png) center center no-repeat;
    }

    #divOpenBriefing .openBriefingLogo p {
        display: none;
        margin: 0 auto;
        padding: 0;
    }

    #divOpenBriefing .latestOpenBriefings {
        display: inline-block;
        margin: 20px auto;
    }

    #divOpenBriefing .openBriefingSummary {
        float: none;
        width: 100%;
        padding: 0;
    }

.openBriefingSummary p br {
    display: none;
}

/* 2nd Campaign */
.login .campaignBody #divCampaign {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

    .login .campaignBody #divCampaign h1 {
        margin: 50px 0 0 0;
    }

    .login .campaignBody #divCampaign p {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 16px;
        color: #303030;
    }

    .login .campaignBody #divCampaign .divCampaignInner.au {
        height: 260px;
        padding: 0 80px;
        background: url(../images/LMS-share-sale-centre.jpg);
    }

    .login .campaignBody #divCampaign .divCampaignInner.nz {
        height: 260px;
        padding: 0 40px 0 180px;
        background: url(../images/LMS-annual-tax-statements.jpg);
    }

        .login .campaignBody #divCampaign .divCampaignInner.nz h1 {
            margin: 30px 0 0 0;
            font-size: 1.4em;
            color: #a3cf61;
        }

        .login .campaignBody #divCampaign .divCampaignInner.nz p {
            color: #fff;
        }

        .login .campaignBody #divCampaign .divCampaignInner.nz #btnDivCampaign {
            display: inline-block;
            margin-top: 10px;
            padding: 5px 40px;
            background: #fff;
            border: 2px solid #fff;
            color: #303030;
            font-family: 'Roboto', sans-serif;
            font-weight: normal;
            font-size: 0.8em;
            line-height: 26px;
            text-decoration: none;
        }

            .login .campaignBody #divCampaign .divCampaignInner.nz #btnDivCampaign:hover {
                background: none;
                border: 2px solid #fff;
                color: #fff;
            }


#loginContent #divAccessSingle div#divOscarShares .clear:last-child {
    margin-top: 10px;
}

/********* Single Holding *********/
#loginControls.singleHolding {
    float: none;
    margin: 0 auto;
}

    #loginControls.singleHolding .rightCol {
        float: none;
        width: 60%;
        margin: 0 auto;
    }

        #loginControls.singleHolding .rightCol .loginPanel {
            float: none;
        }

/********* REGISTRATION *********/
form div.LBD_CaptchaDiv div.LBD_CaptchaIcons a {
    line-height: 0;
}


/********* INTERNAL *********/

/* general */
.noMenu {
    height: 60px;
}

.container.login .noMenu {
    height: 0;
}

.accountLinks li.name {
    color: #303030;
}

.accountLinks ul li {
    position: relative;
    padding: 0;
    background: none;
    line-height: normal;
}

.accountLinks ul a {
    margin: 0 10px;
    padding: 0;
}

.accountLinks ul a {
    color: #fff;
}

    .accountLinks ul a:hover {
        color: #a3cf61;
    }

.accountLinks small {
    font-size: 12px;
    letter-spacing: 5px;
}

.mainmenu {
    height: 60px; /*background:#303030*/
    ;
}

    .mainmenu ul {
        height: auto;
    }

        .mainmenu ul li {
            display: block;
            height: auto;
            padding: 11px 0;
            background: none !important;
            line-height: normal;
        }

    .mainmenu li a {
        margin: 0;
        padding: 0 25px;
        color: #fff;
        background: none;
        border: none;
    }

    .mainmenu ul li a {
        margin: 0;
        padding: 0 25px;
        color: #fff;
        background: none;
        border: none;
    }

        .mainmenu ul li a:hover {
            color: #a3cf61;
        }

    .mainmenu li ul {
        padding: 10px 0;
        background: #F7F7F7;
        border: 1px solid #e1e1e1;
        border-top: none;
    }

    .mainmenu ul ul {
        top: 100%;
    }

        .mainmenu ul ul li,
        .mainmenu ul ul li:hover {
            padding: 0;
            line-height: normal;
            background: none;
            border: none;
        }

            .mainmenu ul ul li a {
                padding: 10px 25px !important;
                line-height: normal;
                background: none;
                font-size: 14px;
            }

                .mainmenu ul ul li a:hover {
                    color: #a3cf61;
                }

    .mainmenu li.focus li a {
        color: #7E7E7E;
    }

    .mainmenu li:hover li a {
        background: none !important;
    }

    .mainmenu li:hover {
        background-color: #F7F7F7 !important;
    }

    .mainmenu ul li:hover a {
        color: #7E7E7E;
    }

#LastLogin {
    position: absolute;
    top: 180px;
    right: 8px;
    font-size: 0.65em;
}

.gridContainer {
    border-color: #303030;
}

label {
    font-family: 'Roboto', sans-serif;
    font-weight: normal !important;
    font-size: 14px;
}

h3 .highlight,
.highlight {
    color: #a3cf61;
}

.planFilter,
.holdingFilter {
    display: inline-block;
    margin-top: 20px;
    padding: 15px 0;
}

    .planFilter label,
    .holdingFilter label {
        width: auto !important;
        display: inline !important;
        float: none !important;
        margin: 0 20px !important;
    }

    .holdingFilter .fieldvalue {
        display: inline-block;
        padding: 13px 10px;
    }

    .planFilter a.backBtn,
    .holdingFilter a.backBtn {
        margin: 10px 0 0 20px;
    }

    .planFilter optgroup,
    .holdingFilter optgroup {
        color: #303030;
    }

#ViewKey {
    padding: 10px;
    border: 2px solid #9c9c9c;
}

#myHoldingsContainer {
    margin-top: 20px;
}

    #myHoldingsContainer .floatRight {
        width: auto !important;
    }

#btnEditPortfolio,
#btnNewHolding {
    float: left;
    height: auto;
    padding: 5px 15px;
    background: #a3cf61;
    border: 2px solid #a3cf61;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    text-decoration: none;
    margin: 0 0 0 1em;
}

    #btnEditPortfolio:hover,
    #btnNewHolding:hover,
    #btnEditPortfolio:hover span,
    #btnNewHolding:hover span {
        background: none;
        color: #a3cf61;
    }

    #btnEditPortfolio span,
    #btnNewHolding span {
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
    }

.buttonsPanel .linkButton {
    margin: 5px 10px 5px 0;
}

.helpLink {
    background: transparent url(/images/icons/help.png) 100% 50% no-repeat;
}

.sectionHighlight {
    margin-top: 20px;
    background: #e0e0e0;
    border-top: 5px solid #303030;
}

    .sectionHighlight a,
    .sectionHighlight a:hover {
        font-size: 1.2em;
        color: #303030;
    }

.formsSectionBox {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

    .formsSectionBox .dropdownOpener {
        margin: 0 0 0.5em 0;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 1.2em;
    }

        .formsSectionBox .dropdownOpener a {
            padding: 0;
            font-family: 'Roboto', sans-serif;
            font-weight: normal;
            color: #a3cf61;
            text-decoration: none !important;
        }

    .formsSectionBox .formList {
        margin: 15px 0 30px 30px;
    }

        .formsSectionBox .formList li {
            margin: 3px 0;
            padding: 0;
        }

            .formsSectionBox .formList li a {
                display: inline-block;
                margin: 0;
                padding: 0 0 0 25px;
            }

            .formsSectionBox .formList li a,
            .formList li a:hover span.name,
            .sectionHighlight a:hover {
                color: #303030;
                font-weight: normal;
            }

.form a,
.form a:hover,
.form div a,
.form div a:hover {
    color: #303030;
}

.textline {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

#ConfirmForm table.info {
    float: left;
}

.smsPinRegistrationDiv ul li {
    list-style: disc;
}

.html-container {
    border-color: #303030;
}

.floatRight .display-label {
    width: 245px !important;
}

.gridContainer.otherHoldingsGrid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* tables */
.ui-jqgrid .ui-jqgrid-htable th {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

    .ui-jqgrid .ui-jqgrid-htable th div {
        font-size: 0.6em !important;
    }

.ui-jqgrid tr.jqgrow td {
    font-size: 0.6em !important;
    font-weight: normal !important;
}

.ui-jqgrid a {
    color: #303030;
    text-decoration: none;
}

    .ui-jqgrid a:hover {
        text-decoration: none;
        color: #A3CF61;
    }

.ui-jqgrid .ui-pg-table td {
    font-family: 'Roboto', sans-serif;
    font-weight: normal !important;
    color: #303030;
    !important;
}

.holdingDetailLink {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

.gridTotal {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

#myHoldingsContainer .buttonPanel {
    margin: -1.75em 0 0.25em 0 !important;
}

#btnHideZeroBalances {
    text-decoration: underline;
}

    #btnHideZeroBalances:hover,
    #btnHideZeroBalances span {
        text-decoration: none;
    }

.ui-datepicker {
    border-color: #303030 !important;
}

/* top menu */
.accountLinks ul li:last-child a {
    margin-right: 0;
}

/* modals */
div.simplemodal-container {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
}

    div.simplemodal-container A.modalCloseImg {
        background: transparent url(/images/icons/modalclose.png) 100% 50% no-repeat !important;
    }

    div.simplemodal-container h2 {
        color: #303030 !important;
    }

.modal-container .form {
    padding: 0;
    border: none;
}

.shortcutsDiv {
    border: 1px solid #aaa;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -khtml-border-radius: 0px;
}

.shortcutLink,
.shortcutLink:hover {
    color: #303030;
}

.offermodalwrap {
    height: auto !important;
}

.offers-content {
    height: 150px;
}

.simplemodal-wrap {
    overflow: initial;
}

div#addressDiv table tr td {
    padding: 5px !important;
}

    div#addressDiv table tr td:first-child {
        width: 25% !important;
        padding-left: 0 !important;
    }

    div#addressDiv table tr td:last-child {
        width: 75% !important;
    }

/* errors */
.sandalButton,
#divPwdExpiryDetails,
#divBannerDetails {
    display: block;
    width: auto;
    height: auto;
    padding: 1% 2%;
    background: #d6e3e8;
    border-left: 3px solid #2983c5;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #2983c5;
    font-size: 14px;
    text-align: left;
}

    .sandalButton a,
    .sandalButton a:hover,
    .sandalButton p a,
    .sandalButton p a:hover,
    .sandalButton .mobileNotRegisteredMessage a,
    .sandalButton .mobileNotRegisteredMessage a:hover {
        color: #2983c5;
        text-decoration: underline;
    }

    .sandalButton .pointer {
        text-decoration: none !important;
    }

    .sandalButton p,
    .sandalButton .mobileNotRegisteredMessage {
        float: none;
        color: inherit;
        font-size: inherit;
    }

.validation-summary-errors ul li {
    padding: .35em 0.5em 0.35em 3em;
    font-size: 11px;
}

.noRecords td {
    color: #af3e3e !important;
    background: #fce0e0;
}

/* Preferences */
#PreferencesForm #otherHoldings {
    float: none !important;
}

tr.ui-widget-content {
    background: #FFFFFF !important
}

/* holdings */
table.info tr th,
table.info tr td {
    padding: 10px !important;
}

table.info th.orange {
    font-size: 0.8em;
    color: #A3CF61
}

/* help */
.helpmenu.mainmenu {
    float: left;
    background: #262626 !important;
}

    .helpmenu.mainmenu ul {
        float: none;
    }

        .helpmenu.mainmenu ul li a,
        .helpmenu.mainmenu li:first-child a {
            color: #fff;
        }

#helpPane {
    margin: 0 0 40px 0;
    padding: 0 4%;
}

    #helpPane h1 {
        color: #303030;
    }

    #helpPane h1,
    #helpPane h2 {
        margin: 0.5em 0 0.25em 0;
        padding: 0;
    }

    #helpPane p {
        padding: 0;
    }

/* side panel */
#sidePanel {
    margin-top: 84px;
}

/* settings */
form#ConfirmPasswordForm h2 {
    font-size: 0.8em;
    color: #303030;
}

/* contact */
#contactUsDiv div {
    margin: 0 !important;
}

#contactUsDiv table.info th {
    padding-left: 0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;
    font-weight: normal;
}

#contactUsDiv table.info td {
    padding-left: 0 !important;
    font-size: 0.8em;
}

.form label,
.form .noLabelPadder {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

/* terms */
ol.tacList li,
ul.privacyList li {
    margin-left: 2em !important;
    font-size: 0.8em !important;
    line-height: 1.5em !important;
}

    ol.tacList li ol li {
        font-size: inherit !important;
    }

/* privacy */
.privacyTable a {
    color: #303030 !important;
}

/* fatca/crs */
#nonFinancialEntities hr,
#entityOrganizationForm hr {
    display: block;
}

#nonFinancialEntities h2,
#entityOrganizationForm h2 {
    margin-top: 1em;
}

.portfolioMenuDiv,
.registryMenuDiv {
    width: 200px;
    top: 25px !important;
    left: 0px !important;
    background: #a3cf61;
    border: 1px solid #f26729 !important;
}

    .portfolioMenuDiv a,
    .registryMenuDiv a {
        float: none;
        display: block;
        width: auto;
        margin: 0 !important;
        padding: 5px 12px !important;
        background: none;
        border: none;
        text-align: right;
        text-decoration: none !important;
    }

        .portfolioMenuDiv a:hover,
        .registryMenuDiv a:hover {
            background: #fff;
            color: #f26729 !important;
        }

a#read_more u {
    text-decoration: none !important;
}

#InvestorSummaryDetails_RegisteredInvestor {
    width: 180px !important;
    margin-left: 10px !important;
}

#InvestorSummaryDetails_Capacity {
    width: 140px !important;
    margin-right: 0 !important;
}

#summaryQuestionare > table > tr > td {
    width: 50% !important;
}

.spanDeceasedQuestion {
    font-family: 'Roboto', sans-serif;
}

/*.ActionTaxPurpose table tr td { width: auto !important; display: block !important; padding: 5px 0 !important; }*/
.ActionTaxPurpose table tr td span,
.IsDeceasedQuestion table tr td span {
    position: relative !important;
    float: none !important;
}

.IsDeceasedQuestion .oc-radiogroupex {
    margin-top: 10px;
}

    .IsDeceasedQuestion .oc-radiogroupex label {
        font-size: 100%;
    }

.spanDeceasedRadioButton {
    padding: 0 !important;
}

.partial-address {
    margin: 10px 0;
    background: #f4f4f7;
    border: none !important;
}

.orangeButton.disabled,
.orangeButton.disabled button {
    background: #c0c0c0 !important;
}

select#EntityOrganizationDetails_NonFinancialEntities_ControllingPersonDetails_0__InvestorTaxDetails_0__TaxIdentificationType,
input#EntityOrganizationDetails_NonFinancialEntities_ControllingPersonDetails_0__InvestorTaxDetails_0__TIN,
select#IndividualInvestor_ControllingPersonDetails_0__InvestorTaxDetails_0__TaxIdentificationType,
input#IndividualInvestor_ControllingPersonDetails_0__InvestorTaxDetails_0__TIN,
select#EntityOrganizationDetails_NonFinancialEntities_ActiveInvestorTaxDetails_0__TaxIdentificationType,
input#EntityOrganizationDetails_NonFinancialEntities_ActiveInvestorTaxDetails_0__TIN {
    width: auto !important;
}

.legalNameLabel {
    float: left;
    margin: 10px 0;
    font-weight: normal;
}

h3#cluetip-title,
.cluetip-securities h3#cluetip-title,
.cluetip-exercise h3#cluetip-title {
    font-family: 'Roboto', sans-serif !important;
    font-weight: normal !important;
    color: #303030 !important;
    font-size: 0.8em !important;
    background: none !important;
}

/* sell */
#divFatcaValidation .oc-radiogroupex {
    margin-left: 100px;
}

.validationMessageRadioButton {
    padding: 20px;
    line-height: normal;
    color: #af3e3e;
    border-left: 3px solid #af3e3e !important;
    border: none;
    margin: .25em 0;
    background: #fce0e0;
    font-size: 14px;
}

.exercise-method-container ul.view-details li label {
    width: 150px;
    font-size: 14px;
}

.bottom-blue-line {
    margin: 20px 0;
    border: none !important;
}

#confirmOnlineSaleSecuritySaleForm .buttonsPanel .linkButton {
    right: auto !important;
}

.SecuritiesLeft {
    width: 60%;
}

.SecuritiesRight {
    width: 40%;
    margin-bottom: 15px;
}

    .SecuritiesRight label.display-label {
        width: 175px;
        padding: 0;
    }

.terms-conditions .display-label {
    width: auto !important;
}

#gbox_SellOrTransferSecuritiesGrid {
    border-color: #303030;
}

#onlineSaleInvestorDetailsForm #Names {
    margin: 20px 0;
    text-indent: 0;
}

    #onlineSaleInvestorDetailsForm #Names .formitem label {
        width: 190px;
    }

    #onlineSaleInvestorDetailsForm #Names .formitem input {
        margin-left: 30px !important;
    }

        #onlineSaleInvestorDetailsForm #Names .formitem input#DateOfBirth,
        #onlineSaleInvestorDetailsForm #Names .formitem input#ResidentialStreetAddress {
            margin-left: 21px !important;
        }

    #onlineSaleInvestorDetailsForm #Names .formitem span.dob,
    #onlineSaleInvestorDetailsForm #Names .formitem span.required {
        margin: 0 !important;
    }

#ui-datepicker-div .ui-state-disabled {
    visibility: visible;
    opacity: 0.3;
}

/* exercise */
.ExerciseLeft {
    width: 65%;
}

.ExerciseRight {
    width: 35%;
}

    .ExerciseRight label.display-label {
        width: 145px;
    }

.payByDirectCreditMessage {
    font-weight: normal;
}

/* grants */
#planSummaryOverviewContainer .display-label.highlight,
#planSummaryDescriptionContainer .display-label.highlight {
    width: 130px;
}

#planSummaryOverviewContainer .overviewSection,
#planSummaryDescriptionContainer .descriptionSection {
    float: right;
}

/* payment instructions */
div#smsPinBanner {
    float: left;
}

    div#smsPinBanner .mobileNotRegisteredMessage {
        float: left;
        width: 95%;
    }

.form .accountDetails input {
    width: 20em;
}

/* tax details */
#divCountryofTaxResidence .checkbox label {
    white-space: normal;
    width: 85%;
}

/* portfolio login */
#portfolioCampaign {
    float: left;
}

    #portfolioCampaign h2 {
        color: #303030;
    }

    #portfolioCampaign .regBenefits {
        list-style: disc;
    }

        #portfolioCampaign .regBenefits li a {
            font-style: normal !important;
        }

    #portfolioCampaign .buttonsPanel a {
        margin: 10px 10px 0 0;
        font-size: 16px;
    }

/* comms */
.commsEmailAddress span {
    float: left;
    width: 20%;
}

.commsEmailAddress .radioList {
    width: 80%;
}

#PreferencesForm .radioList li span {
    white-space: normal;
}

/*********** LMS Employee Login **********/
.loginLeftPanel.employeeLeftPanel {
    width: auto;
    margin: 96px 0;
    padding: 0;
}

.employeeLeftPanel .login-welcome-subTitle,
.employeeLeftPanel .login-welcome-description p {
    color: #fff;
}

#employeeLogin {
    float: none;
    width: 48%;
    margin-bottom: 10px;
}

    #employeeLogin .titleBox p,
    #employeeLogin .orangeBorderLeft label {
        color: #303030;
    }

    #employeeLogin .orangeButton {
        margin: 15px 0 0 0;
    }

.employeeRightPanel {
    margin-left: 0 !important;
}

    .employeeRightPanel span.back-link-label {
        font-size: 0.8em;
    }


/*********** New Zealand styles **********/
#loginContent #divSignIn .IsTermConditionsAccepted {
    float: left;
    margin: 10px 0;
    padding: 0 !important;
}

#loginContent #divAccessSingle #divFin {
    width: 100%;
}

    #loginContent #divAccessSingle #divFin label {
        clear: none;
    }

#SingleHolding_Fin,
.loginControls #divAccessSingle #SingleHolding_Fin,
.loginControls #divAccessSingle #Fin {
    width: 35%;
}


/*********** Employee non-branded styles **********/
.loginLeftPanel {
    float: left;
    width: 48%;
    margin: 0 4% 0 0;
    padding: 40px 0 0 0;
}

#loginContent .loginLeftPanel h1 {
    display: block;
    margin: 0 0 0.5em 0;
    padding: 0;
    font-size: 1.5em !important;
}

.login-welcome-resource {
    float: none;
    width: 100%;
    height: 226px;
    clear: none;
    margin: 0 0 20px 0;
    padding: 0;
    background-position: center center;
}

h2.login-welcome-subTitle {
    margin: 0 0 0.5em 0;
    padding: 0;
    font-size: 1.1em;
    color: #303030;
}

.login-welcome-description {
    margin: 0;
}

    .login-welcome-description h2 {
        display: block;
        margin: 0.5em 0;
        font-family: 'Roboto', sans-serif;
        font-size: 0.8em;
        color: #303030;
    }

    .login-welcome-description ul {
        margin: 0;
    }

        .login-welcome-description ul li {
            color: #303030;
            line-height: 1.8em !important;
            list-style: disc;
        }

.registerControls {
    float: left;
    width: 48%;
    margin: 0;
    padding: 40px 0 0 0;
}

.registerPanel,
.loginPanel {
    width: 100% !important;
}

.registerPanel {
    padding: 20px;
    background: none;
    border: none;
    border-radius: 0px;
    clear: none;
    margin: 0;
    box-sizing: border-box;
    box-shadow: 0 3px 15px 3px rgba(0,0,0,0.1);
}

    .registerPanel h1 {
        margin: 0 0 0.5em 0 !important;
        padding: 0 !important;
        font-size: 1.4em !important;
        color: #f26729 !important;
    }

    .registerPanel p {
        margin: 10px 0;
        padding: 0;
    }

.registerControls .titleBox {
    float: none;
    display: block;
    width: auto;
    margin: 0;
}

.registerControls .registerPanelContent {
    float: none;
    display: block;
    width: auto;
    margin: 20px 0 0 0;
}

#loginContent .registerControls .floatRight {
    float: none;
    margin: 0 !important;
    text-align: right;
}

.registerControls .registerPanelContent .registerNow {
    margin: 0;
}

    .registerControls .registerPanelContent .registerNow a {
        width: auto;
        min-width: initial;
        height: auto;
        margin: 0;
        padding: 5px 40px;
        color: #fff;
        background: #a3cf61;
        border: 2px solid #a3cf61;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        font-weight: normal;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        cursor: pointer;
    }

        .registerControls .registerPanelContent .registerNow a:hover {
            background: none;
            border: 2px solid #a3cf61;
            color: #a3cf61;
        }

.loginControls .loginBox .formitem span {
    width: auto;
    margin: 15px 0;
    font-size: 0.8em;
    line-height: normal;
}

#planSummaryContainer .displayLinks {
    height: 46px;
    margin-bottom: 20px;
}

    #planSummaryContainer .displayLinks ul {
        line-height: 50px;
        height: 45px;
        border-bottom: 1px solid #e5e5e5;
    }

        #planSummaryContainer .displayLinks ul a {
            padding: 15px 12px;
            font-family: 'Roboto', sans-serif;
            font-weight: normal !important;
            color: #303030;
            border: none !important;
            border-radius: 0px;
        }

            #planSummaryContainer .displayLinks ul a.selected {
                background: #fff;
                border: 1px solid #e5e5e5 !important;
            }

/* IC Dev fix*/
/*#divBannerDetails {
    text-align: center !important;
}*/
.padTop {
    margin-top: 0px !important;
}

.ActionTaxPurpose {
    font-size: 75%;
}

.sectionHighlight {
    width: 95%;
}

/*********** Express ID styles **********/
.container.expressID .loginWelcome {
    margin: 48px 0;
}

    .container.expressID .loginWelcome h1 {
        display: block;
        margin: 0 0 0.5em 0 !important;
        color: #a3cf61;
    }

.container.expressID .loginPanel {
    width: 48% !important;
}

    .container.expressID .loginPanel .clear > div {
        float: left;
        margin: 15px 0;
        padding: 0 !important;
    }

.container.expressID .campaignBody {
    display: none;
}

.errorContainerexpress .validation-summary-errors {
    padding: 0;
    line-height: normal;
    color: #af3e3e;
    border-left: 3px solid #af3e3e !important;
    border: none;
    margin: 10px 0;
    background: #fce0e0;
    font-size: 14px;
}

    .errorContainerexpress .validation-summary-errors ul li {
        border: none !important;
        font-size: 14px;
        padding: 5px 0 5px 15px;
        color: #af3e3e;
        font-weight: normal;
    }


#loadingSpinner {
    padding: .25em 1em
}

