﻿

@charset "UTF-8";
/* CSS Document */
/***************************************************************************/
/* Migrated from the Reset.css file. Removes any reference in Default.aspx */
/* Part of the DotNetNuke upgrade - SK 11/08/2011.                         */
/***************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 12px;
    font-family: inherit;
    vertical-align: baseline;
}

h4 {
    font-size: 13px;
    letter-spacing: normal;
    line-height: 18px;
}

:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul, ul li, ul li li, ul li li li, ol li, ol ol li, ol ol ol li {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}
/***************************************************************************/
/* End of code migrated from the Reset.css file.                           */
/***************************************************************************/

html {
    font-size: 100%;
    height: 100%;
    margin-bottom: 1px;
}
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */

/*DEFAULT BODY STYLES + BG FOR MAIN AND LOGIN SCREENS*/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 140%;
    padding: 0 0 50px 0;
}

p {
    padding-bottom: 7px;
}

.clear {
    clear: both;
}

strong {
    font-weight: bold;
}

a, a:hover {
    text-decoration: none;
}

em {
    font-style: italic;
}

/*UL*/
ul.points {
    list-style: none;
    padding: 15px 0;
}

    ul.points li {
        padding: 3px 0 3px 20px;
    }

/*MAIN CONTAINERS*/
div.Wrapper {
    width: 100%;
    float: left;
    position: relative;
    z-index: 0;
}

div.TopWrap {
    height: 140px;
    z-index: 1;
}

div.NavPane {
    width: 160px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

div.ContentPane {
    width: initial 100%;
    position: relative;
    margin-left: 160px;
}

/*MAIN CONTAINER*/
div.TopWrap2 {
    height: 100px;
}

div.ContentPane2 {
    width: 80%;
    float: left;
    padding: 0 0 0 160px;
}

div.htmlform {
    margin: 30px;
}

/*SUB CONTAINERS*/
.container1 {
    /* 
        It is intended that this style and all other 'Container' styles become depreciated
        
        PLEASE DO NOT USE THIS OR ANY OF THE OTHER CONTAINER STYLES IN NEW DEVELOPMENT.
    */
    width: 100%;
    margin: 15px 0 10px 30px;
    float: none;
    padding: 15px 0 0 0;
    display: block;
}

.container2 {
    width: 370px;
    margin: 15px 0 10px 30px;
    float: left;
    padding: 15px 0 0 0;
}

.container3 {
    width: 300px;
    margin: 15px 0 10px 30px;
    float: left;
    padding: 15px 0 0 0;
}

.container4 {
    width: 170px;
    margin: 15px 0 10px 30px;
    float: left;
    padding: 15px 0 0 0;
}

.container5 {
    width: 570px;
    margin: 15px 0 10px 30px;
    float: left;
    padding: 15px 0 0 0;
}

.container6 {
    width: 50%;
    margin: 0 0 0 0;
    float: left;
    padding: 0 0 0 0;
}

.container7 {
    width: 25%;
    margin: 0 0 0 0;
    float: left;
    padding: 0 0 0 0;
}

.container8 {
    width: 75%;
    margin: 0 0 0 0;
    float: left;
    padding: 0 0 0 0;
}

.search_container {
    width: 270px;
    margin: 0 0 10px 30px;
    float: left;
    padding: 0 0 0 0;
}

.twitter_Content {
    width: 65%;
    margin: 15px 0 10px 30px;
    float: left;
    padding: 15px 0 0;
}

.twitter_Feed {
    width: 25%;
    margin: 15px 0 10px 30px;
    float: left;
    padding: 15px 0 0;
}

.search_button {
    width: 170px;
    margin: 0 0 10px 30px;
    float: left;
    padding: 0 0 0 0;
}

/*HEADER*/
div#logo {
    height: 140px;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
}

    div#logo h1 {
        position: absolute;
    }

        div#logo h1 a {
            text-indent: -9999px;
            display: block;
        }

    div#logo .header_strapline {
        font-size: 12px;
        position: relative;
        top: 78px;
        left: 220px;
    }

    div#logo ul#welcome {
        list-style: none;
        color: #ababab;
        font-size: 10px;
    }

        div#logo ul#welcome li {
            margin-top: 30px;
            float: right;
            margin-right: 15px;
        }

            div#logo ul#welcome li#last {
                clear: both;
                padding: 8px 0 0 0;
                margin-top: 5px;
            }

            div#logo ul#welcome li strong {
                font-weight: normal;
                color: #ece0d2;
            }

            div#logo ul#welcome li a {
                text-decoration: none;
                padding: 1px 0 1px 15px;
                color: #ababab;
            }

                div#logo ul#welcome li a:hover {
                    color: #efefef;
                }

            div#logo ul#welcome li#eng a {
                border-left: none;
                background: url(/images/flags/gb.png) no-repeat left center;
                text-indent: -9999px;
                display: block;
                width: 16px;
                height: 16px;
                padding: 0;
            }

            div#logo ul#welcome li#esp a {
                border-left: none;
                background: url(/images/flags/es.png) no-repeat left center;
                text-indent: -9999px;
                display: block;
                width: 16px;
                height: 16px;
                padding: 0;
            }

/*MENU*/
.first {
    border: none;
}

.menu_main_section h4 {
    padding: 11px 0 11px 18px;
    font-weight: bold;
    cursor: pointer;
}

.menu_main_section ul li a {
    padding: 6px 20px;
    text-align: left;
    display: block;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
}

/*BUSINESS UNIT SEARCH*/
.BusinessUnitSearch {
    margin: 30px;
}

    .BusinessUnitSearch h4 {
        padding-top: 20px;
    }

/*DASHBOARD*/
.welcome_list {
    padding: 20px 30px;
    border: 1px solid #b8c6d2;
    background: url(/images/layout/highlight_blue.gif) repeat-x #dae6f1;
}

    .welcome_list img {
        margin-right: 20px;
        position: relative;
        top: 3px;
    }

    .welcome_list .upload {
        height: 75px !important;
        left: -70px !important;
        width: 800px !important;
        margin-right: 20px;
        width: 350px;
    }

.SkinObject {
    color: #003366;
    font-size: 8.5pt;
    font-weight: bold;
    text-decoration: none;
}

a.SkinObject:link,
a.SkinObject:visited,
a.SkinObject:hover,
a.SkinObject:active {
    color: #003366;
    text-decoration: none;
}

a:link {
    color: #003366;
    text-decoration: none;
}

/*FORMS*/
.mdas_form {
}

    .mdas_form fieldset {
        border: none;
        outline: none;
        background: url(/images/icons/cross_circle.png) no-repeat -9999px -9999px;
    }
    /*give the fieldset the image background so that it loads ready for jQuery execution*/
    .mdas_form label {
        display: block;
        position: relative;
        padding: 10px 0;
        clear: both;
        float: left;
        width: 100%;
        height: 45px;
    }

        .mdas_form label.ta {
            height: 175px;
        }

    .mdas_form fieldset input {
        border: 1px solid #CCCCCC;
        height: 14px;
        padding: 6px 5px 4px 5px;
        position: absolute;
        top: 30px;
        left: 0;
        outline: none;
        width: 100%;
        background: #f7f7f7;
    }

    .mdas_form fieldset select {
        border: 1px solid #CCCCCC;
        height: 27px;
        padding: 5px 5px;
        position: absolute;
        top: 30px;
        left: 0;
        outline: none;
        width: 100%;
        background: #f7f7f7;
    }

    .mdas_form fieldset textarea {
        height: 143px;
        display: block;
        border: 1px solid #CCCCCC;
        overflow: auto;
        padding: 5px 5px;
        outline: none;
        position: absolute;
        bottom: 6px;
        left: 0;
        background: #f7f7f7;
    }

    .mdas_form label.error {
        color: #da3939;
        font-size: 10px;
        font-style: italic;
        width: 40%;
        text-align: right;
        padding: 0 20px 0 0;
        background: url(/images/icons/cross_circle.png) no-repeat center right;
        position: absolute;
        top: 10px;
        right: 0;
        height: 16px;
    }

    .mdas_form fieldset .label1 input,
    .mdas_form fieldset .label1 textarea,
    .mdas_form fieldset .label1 select {
        width: 200px;
    }

    .mdas_form fieldset .label2 input,
    .mdas_form fieldset .label2 textarea,
    .mdas_form fieldset .label2 select {
        width: 270px;
    }

    .mdas_form fieldset .label3 input,
    .mdas_form fieldset .label3 textarea,
    .mdas_form fieldset .label3 select {
        width: 370px;
    }

    .mdas_form fieldset label.label_calendar1 input {
        width: 170px;
        padding: 6px 5px 4px 30px;
    }

    .mdas_form fieldset label.label_calendar2 input {
        width: 240px;
        padding: 6px 5px 4px 30px;
    }

    .mdas_form fieldset label.label_calendar3 input {
        width: 340px;
        padding: 6px 5px 4px 30px;
    }

/*OTHER FORM ITEMS*/

em {
    color: red;
}

fieldset {
    border: 1px solid #aaa;
    padding: 10px;
}

    fieldset legend {
        font-weight: bold;
        padding: 6px;
    }

.input_field {
    clear: both;
    position: relative;
    padding: 5px;
}

    .input_field label {
        color: #333;
        display: block;
        text-align: right;
        width: 225px;
        float: left;
        position: relative;
        top: 3px;
        padding-right: 6px;
    }

.field_desc {
    padding-left: 6px;
    margin-bottom: 4px;
    color: #868176;
}

    .field_desc:hover {
        color: #59544A;
    }

input.tinyfield {
    width: 50px;
}

input.smallfield {
    width: 100px;
}

input.mediumfield {
    width: 200px;
}

input.bigfield {
    width: 400px;
}

input[type=radio] {
    background: #fff;
    padding: 3px 8px;
    margin: 2px 0px;
    margin: 0px 2px 0 2px;
}

input[type=text],
input[type=password],
textarea {
    background: #fafafa;
    border: 1px solid #ccc;
    padding: 1px 8px;
    margin: 0px 2px 0 2px;
}

textarea {
    width: 100%;
    margin: 0px;
    padding: 5px;
}

    input[type=text]:focus,
    input[type=password]:focus,
    textarea:focus {
        background: #FFF;
    }

.validate_success {
    padding-left: 18px;
    margin-left: 4px;
}

.validate_error {
    padding-left: 18px;
    margin-left: 4px;
}

.validate_wait {
    padding-left: 18px;
    margin-left: 4px;
}

.validate_success {
    background: url(/images/validate_success.png) no-repeat left 50%;
    color: #39ce31;
}

.validate_error {
    background: url(/images/validate_error.png) no-repeat left 50%;
    color: #d33232;
}

.validate_wait {
    background: url(/images/postbackwait.gif) no-repeat left 50%;
    COLOR: #cccccc;
}

/* LOGIN & PASSWORD RESET */
.forgotten_password {
    padding-left: 100px;
    padding-top: 50px;
    display: block;
}

/*NOTIFICATIONS -controls*/
a.close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding-right: 15px;
    color: #990000;
    background: url(/images/icons/cross_small.png) no-repeat right center;
    font-size: 9px;
}

/*NOTIFICATIONS -defaults*/
div.notification {
    position: relative;
    font-weight: bold;
    width: 100%;
}

    div.notification em {
        padding: 15px;
        font-style: normal;
        display: block;
        color: #333;
    }

        div.notification em img {
            margin-right: 10px;
            position: relative;
            top: 3px;
        }

.notifier_full {
    margin: 30px;
    clear: both;
}

.notifier_half {
    width: 370px;
    float: left;
}

.notifier_full_nomargin {
    margin: 0 0 10px 0;
    clear: both;
}

/*NOTIFICATIONS -variations*/
div.error {
    border: 1px solid #d7bbb8;
    background: url(/images/layout/highlight_red.gif) repeat-x #f6dcd9;
}

div.confirm {
    border: 1px solid #cad3a6;
    background: url(/images/layout/highlight_green.gif) repeat-x #dfe9b8;
}

div.attention {
    border: 1px solid #dbd6a1;
    background: url(/images/layout/highlight_yellow.gif) repeat-x #f8f2b7;
}

div.information {
    border: 1px solid #b8c6d2;
    background: url(/images/layout/highlight_blue.gif) repeat-x #dae6f1;
}

/* TABLES */
table.mdas_table {
    border-collapse: collapse;
    margin: 0px;
    border: 1px solid #CCCCCC;
    border-right: none;
    font-size: 12px;
}

    table.mdas_table thead th {
        border-bottom: 1px solid #CCCCCC;
        color: #333333;
        text-align: left;
        text-transform: uppercase;
        font-weight: bold;
        padding: 10px;
        border-right: 1px solid #CCCCCC;
    }

        table.mdas_table thead th.asc {
            background: url(/images/icons/arrow_090.png) no-repeat right center;
        }

        table.mdas_table thead th.desc {
            background: url(/images/icons/arrow_270.png) no-repeat right center;
        }

        table.mdas_table thead th.right {
            text-align: right;
        }

    table.mdas_table tfoot td {
        font-family: Arial, Helvetica, sans-serif;
        border-top: 1px solid #CCCCCC;
        color: #333333;
        text-align: right;
        font-size: 12px;
        text-transform: uppercase;
        padding: 11px 20px 11px 22px;
    }

    table.mdas_table td {
        padding: 5px 10px 5px 10px;
        height: 1.0em;
        vertical-align: middle;
        background: #F8F8F8;
        border-right: 1px solid #CCCCCC;
    }

        table.mdas_table td.right {
            text-align: right;
        }

        table.mdas_table td a {
            display: block;
            padding: 10px 0;
        }

    table.mdas_table tr.odd td {
        background: #eeeeee;
    }

    table.mdas_table tr.grouphead {
        border-bottom: 1px solid #CCCCCC;
        color: #333333;
        text-align: left;
        font-weight: normal;
        font-size: 12px;
        text-transform: uppercase;
        padding: 5px 20px 5px 25px;
        border-top: 1px solid #CCCCCC;
        cursor: pointer;
    }

        table.mdas_table tr.grouphead td {
            background: White;
        }

        table.mdas_table tr.grouphead:hover td {
            background: #C0C0C0;
        }

    table.mdas_table tr.detail {
        display: none;
        background-color: Red;
    }

.tablefooter {
    text-align: right;
    font-style: italic;
}

.clientsort {
    background-color: #ffffff;
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    padding: 15px 20px 15px 25px;
    border-right: 1px solid #CCCCCC;
    cursor: pointer;
    color: Blue;
}

table.mdas_table td.topalign {
    vertical-align: top;
    padding: 15px 15px 0px 15px;
}

table.mdas_table td.noborder {
    border: none;
    padding: 0 0 0 0;
    height: 1.5em;
}

table td.padding {
    padding: 5px 30px 0px 5px;
}

/*MOUSEOVER*/
table.clickable tr.over td,
table.clickable tr:hover td {
    cursor: pointer;
    background: #E8E4DE;
}

table.clickable tr:hover a {
}

table.mdas_table a.table_view {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/magnifier.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_delete {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/cross.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_edit {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/pencil.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_comment {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/balloon.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_select {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/tick.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_bunit {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/home.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_adviser {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/adviser.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_master {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/blogs_stack.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_sub {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/blog.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_pdf {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/pdf.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_excel {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/excel.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_word {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/word.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_yes {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/tick.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_yes_disabled {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/tick_disabled.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_yes_centred {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/tick.png) no-repeat;
    float: left;
    margin: 0 10px 0 20px;
}

table.mdas_table a.table_no {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/cross.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_no_centred {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/cross.png) no-repeat;
    float: left;
    margin: 0 10px 0 20px;
}

table.mdas_table a.table_wand {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/wand.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_flag {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/flag.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_commentadd {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/balloon__plus.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_deposit {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/money--plus.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_withdrawal {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/money--minus.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_buy {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/receipt_plus.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_sale {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/receipt_minus.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_text {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/documents_text.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_html {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/document-globe.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_info {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/information-frame.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_bugger {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/exclamation.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_uncheck {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/ui-check-box-uncheck.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_plus {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/plus.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_plussmall {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/plus_small.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_minus {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/minus.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_minussmall {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/minus_small.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_form {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/notebook_arrow.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_users {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/users.png) no-repeat;
    float: left;
    margin: 0 10px 0 15px;
}

table.mdas_table a.table_ias {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/ias_logo.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_save {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/disk.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_up {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/up_arrow.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_down {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/down_arrow.png) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_load {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/loadthis.gif) no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

table.mdas_table a.table_Exe_Stat_Success {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/tick.png) no-repeat;
    float: none;
    margin: 0px 0px 0px 60px;
}

table.mdas_table a.table_Exe_Stat_Pending {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/information-frame.png) no-repeat;
    float: none;
    margin: 0px 0px 0px 60px;
}

table.mdas_table a.table_Exe_Stat_Failed {
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/images/icons/information-frame.png) no-repeat;
    float: none;
    margin: 0px 0px 0px 60px;
}

/*TABLE - RECORD PAGINATION*/
.pagination {
    padding: 13px 0;
    text-transform: uppercase;
    font-size: 9px;
    float: left;
}

    .pagination a {
        text-decoration: none;
        color: #666666;
        background: #f1f1f1;
        padding: 6px 9px;
        margin: 0 3px 7px 0;
        border: 1px solid #CCCCCC;
    }

    .pagination span {
        text-decoration: none;
        width: 200px;
        color: #666666;
        padding: 6px 9px;
        margin: 0 3px 7px 0;
    }

    .pagination select {
        position: relative;
        top: 4px;
    }

    .pagination a:hover {
        cursor: pointer;
        background: #E8E4DE;
        color: #666666;
    }

    .pagination a.selected {
        color: #ffffff;
        background: #5e5552;
        border: 1px solid #5e5552;
    }

/*TABLE - REPORT STRIP*/
.reportstrip {
    position: relative;
    padding: 20px 0;
    text-transform: uppercase;
    float: right;
    margin: 0px;
    top: 15px;
}

    .reportstrip a {
        text-decoration: none;
        color: #666666;
        background: #f1f1f1;
        padding: 10px 9px;
        margin: 0 3px 7px 0;
        border: 1px solid #CCCCCC;
    }

    .reportstrip span {
        text-decoration: none;
        width: 200px;
        color: #666666;
        padding: 8px 9px;
        margin: 0 3px 7px 0;
    }

    .reportstrip select {
        position: relative;
        top: 4px;
    }

    .reportstrip a:hover {
        cursor: pointer;
        background: #E8E4DE;
        color: #666666;
    }

    .reportstrip a.selected {
        color: #ffffff;
        background: #5e5552;
        border: 1px solid #5e5552;
    }

    .reportstrip a.excel {
        background: #f1f1f1 url(/images/icons/excel.png) no-repeat;
        padding-left: 27px;
        background-position: 9px center;
        font-size: 11px;
    }

    .reportstrip a.pdf {
        background: #f1f1f1 url(/images/icons/pdf.png) no-repeat;
        padding-left: 27px;
        background-position: 9px center;
        font-size: 11px;
    }

    .reportstrip a.mhtml {
        background: #f1f1f1 url(/images/icons/document-block.png) no-repeat;
        padding-left: 27px;
        background-position: 9px center;
        font-size: 11px;
    }

    .reportstrip a.lores {
        background: #f1f1f1 url(/images/icons/image.png) no-repeat;
        padding-left: 27px;
        background-position: 9px center;
        font-size: 11px;
    }

    .reportstrip a.hires {
        background: #f1f1f1 url(/images/icons/image_plus.png) no-repeat;
        padding-left: 27px;
        background-position: 9px center;
        font-size: 11px;
    }

    .reportstrip a.word {
        background: #f1f1f1 url(/images/icons/document-word.png) no-repeat;
        padding-left: 27px;
        background-position: 9px center;
        font-size: 11px;
    }

/*COMMAND BUTTONS*/
.mdas_command {
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 9px;
    position: relative;
    top: 15px;
    clear: both;
}

    .mdas_command a {
        text-decoration: none;
        color: #666666;
        background: #f1f1f1;
        padding: 8px 10px;
        border: 1px solid #CCCCCC;
    }

        .mdas_command a:hover {
            cursor: pointer;
            background: #E8E4DE;
            color: #666666;
        }

        .mdas_command a.add {
            background: #f1f1f1 url(/images/icons/plus.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.delete {
            background: #f1f1f1 url(/images/icons/cross.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.cancel {
            background: #f1f1f1 url(/images/icons/cross_circle.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.update {
            background: #f1f1f1 url(/images/icons/card__pencil.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.magic {
            background: #f1f1f1 url(/images/icons/wand.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.back {
            background: #f1f1f1 url(/images/icons/arrow_skip_180.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.go {
            background: #f1f1f1 url(/images/icons/arrow.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.submit {
            background: #f1f1f1 url(/images/icons/document__plus.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.scan {
            background: #f1f1f1 url(/images/icons/printer__arrow.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.upload {
            background: #f1f1f1 url(/images/icons/document__arrow.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.loading {
            background: #f1f1f1 url(/images/icons/loadthis.gif) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.yes {
            background: #f1f1f1 url(/images/icons/tick.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.no {
            background: #f1f1f1 url(/images/icons/cross.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

        .mdas_command a.yes_disabled {
            background: #f1f1f1 url(/images/icons/tick_disabled.png) no-repeat;
            padding-left: 28px;
            background-position: 5px 9px;
        }

/*TEXT AND BUTTON*/
.textandbutton {
    font-size: 9pt;
    padding: 0;
}

    .textandbutton a {
        position: relative;
        left: 10px;
        background: #efefef;
        padding: 2px 10px 2px 10px;
        text-decoration: none;
        color: #666666;
        border: 1px solid #CCCCCC;
    }

        .textandbutton a:hover {
            background: #cfcfcf;
            color: #fafafa;
        }

    .textandbutton img {
        position: relative;
        margin-top: -1px;
        left: 15px;
    }

/*NAME VALUE PAIRS*/
.namevalue {
    position: relative;
    width: 100%;
    display: block;
    font-size: 9pt;
    padding: 5px;
}

    .namevalue .n {
        width: 150px;
        display: block;
        float: left;
        font-weight: bold;
        text-align: left;
    }

    .namevalue .v {
        font-weight: normal;
        clear: right;
    }

/*TEXTDROP*/
.select-free {
    position: absolute;
    z-index: 10;
    overflow: hidden;
    width: 247px;
}
    /*.select-free iframe  { display: none; display: block; position: absolute; top: 0px; left: 0px; z-index: -1;  filter: mask(); width: 3000px; height: 3000px; }*/
    .select-free .bd {
        padding: 11px;
    }

/* ADMIN */
.dnnForm fieldset fieldset {
    /*width: 98%;*/
}

.dnnForm fieldset {
    clear: none;
    position: relative;
    text-align: left;
    margin-bottom: 9px;
}

.dnnFormInfo {
    max-width: 100%;
}

    .dnnFormInfo ul li {
        color: black;
    }

.dnnFormWarning {
    max-width: 100%;
}

/*LOGIN*/
.login_form {
    position: absolute;
    top: 200px;
    left: 200px;
    background: url(/images/layout/bg_login_top.gif) no-repeat #FFFFFF;
    width: 600px;
}

    .login_form fieldset {
        background: url(/images/layout/bg_login_bottom.gif) no-repeat left bottom;
        padding: 10px 30px 15px 30px;
        margin-top: 10px;
    }

    .login_form label {
        display: block;
        position: relative;
        padding: 10px 0 10px 0;
        float: left;
        width: 200px;
        height: 45px;
    }

    .login_form fieldset input {
        border: 1px solid #CCCCCC;
        height: 27px;
        padding: 0 5px;
        position: absolute;
        top: 30px;
        left: 0;
        outline: none;
        width: 170px;
        background: #f7f7f7;
    }

    .login_form .button {
        clear: none;
        margin: 30px 0 10px 0;
    }

    .login_form a.forgot_login {
        font-size: 10px;
        float: right;
        clear: both;
    }

/*FOOTER*/
.Footer {
    position: static;
    font-size: 9px;
    list-style: none;
    padding-left: 50px;
    margin-top: 100px;
    margin-left: 180px;
    height: 100%;
}

    .Footer li {
        float: left;
        margin-right: 10px;
    }

/*IE7 FIX 18/12/2008 */
ul.tabbernav li,
.login_form a.forgot_login {
    white-space: nowrap;
}
/*additional*/
.mdas_form {
    clear: both;
}
/*additional*/
.container2 {
    margin: 0;
    padding: 20px 0 20px 30px;
}
/*overwrites previous*/

/*TABBER*/
.tabber {
    top: -33px;
}

.tabbertabhide {
    display: none;
}

.tabberstatic {
    position: relative;
    z-index: 0;
}

.tabberlive .tabbernav {
    position: relative;
    top: -33px;
    clear: both;
    z-index: 0;
}

.tabbertab {
    position: relative;
    top: -35px;
    clear: both;
}

    .tabbertab h2 {
        display: none;
        height: 0px;
    }

.tabbertabnone {
    position: relative;
    top: -33px;
    clear: both;
}

ul.tabbernav ul.tabberlive {
    position: relative;
    padding: 0;
}

ul.tabbernav li {
    list-style: none;
    font-size: 12px;
    float: left;
    background: url(/images/layout/tab_inactive_left.png) no-repeat;
}

    ul.tabbernav li.tabberactive {
        display: block;
        background: url(/images/layout/tab_active_left.png) no-repeat;
    }

    ul.tabbernav li a {
        display: block;
        margin: 0 5px;
        padding: 10px 25px;
        text-decoration: none;
        color: #a59a92;
        border-bottom: 0;
        background: url(/images/layout/tab_inactive_right.png) no-repeat right top;
    }

        ul.tabbernav li a:hover {
            color: #ece0d2;
        }

    ul.tabbernav li.tabberactive a {
        color: #333;
        background: url(/images/layout/tab_active_right.png) no-repeat right top;
    }

/*DATEPICKER*/

/* Calender Control */
table.jCalendar th {
    font-weight: bold;
    padding: 7px;
}

table.jCalendar td {
    padding: 5px 7px;
    text-align: center;
    border-right: 1px solid #342c29;
    border-bottom: 1px solid #342c29;
}

    table.jCalendar td.other-month:hover {
        cursor: default;
    }

/* For the popup you will probably want to style a.dp-choose-date */
div.dp-popup {
    position: relative;
    font-size: 9px;
    padding: 20px;
    background: #342c29;
}

div#dp-popup {
    position: absolute;
    z-index: 199;
}

div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    line-height: 170%;
    color: #FFFFFF;
}

a#dp-close {
    font-size: 12px;
    padding: 4px 0;
    text-align: center;
    display: block;
}

    a#dp-close:hover {
        text-decoration: underline;
    }

div.dp-popup a {
    color: #ac9a7a;
    text-decoration: none;
    padding: 5px 5px;
}

    div.dp-popup a:hover {
        color: #fff1be;
    }

div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}

    div.dp-popup div.dp-nav-prev a {
        float: left;
    }

    /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
    div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
        cursor: pointer;
    }

        div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
            cursor: default;
        }

div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}

    div.dp-popup div.dp-nav-next a {
        float: right;
    }

div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}

div.dp-popup td {
    cursor: pointer;
}

    div.dp-popup td.disabled {
        cursor: default;
    }

a.dp-choose-date {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../img/icons/calendar.png) no-repeat;
    position: absolute;
    top: 35px;
    left: 6px;
}

    a.dp-choose-date.dp-disabled {
        background-position: 0 -20px;
        cursor: default;
    }

    a.dp-choose-date:hover {
        cursor: pointer;
    }

/* makes the input field shorter once the date picker code has run (to allow space for the calendar icon */
input.dp-applied {
    width: 140px;
    float: left;
}

form.main label input.date-pick {
    width: 53%;
}

/* CONTAINERS */
.ActionButtons {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

/* ORDERS SCREEN */
.MDASOrderDetail {
    margin: 0 0 15px 0;
    overflow: hidden;
    word-wrap: break-word;
    clear: both;
    background: #fdfdfd;
    border: 1px solid #eaeaea;
}

    .MDASOrderDetail h4 {
        padding-left: 10px;
    }

    .MDASOrderDetail .order_status {
        display: block;
        background-color: #9f9f9f;
        padding: 5px;
        border-left: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
        margin: 0px;
        text-align: right;
        float: right;
    }

        .MDASOrderDetail .order_status em {
            color: White;
            font-style: normal;
            font-weight: bold;
        }

    .MDASOrderDetail .order_portfolio {
        padding-left: 10px;
        font-weight: bold;
        font-size: 120%;
    }

/* Custom bullet points */
.Bullet {
    list-style: disc inside;
}

.SquareBullet {
    list-style: square inside;
}

.Number {
    list-style: decimal inside;
}

.Alpha {
    list-style: lower-alpha inside;
}

.dnnFormExpandContent > a {
    color: #666;
    font-size: 13px;
    font-weight: bold;
}

.threeColSocial .dnnFormExpandContent a.ComposeMessage {
    font-size: 12px;
}

ul {
    position: static;
}

.RadTreeView {
    background: none repeat scroll 0 0;
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
    border-top: 1px solid #D5D5D5;
}

.dnnRolesGrid {
    width: 65%;
}

/* Panels to be used on the Dashboard */
.fullPanel {
    border-bottom: 1px solid #CCCCCC;
    margin: 10px;
    padding-bottom: 10px;
    width: 1250px;
    min-height: 200px;
    overflow: hidden;
}

.bigPanel {
    margin: 5px 20px 10px 0px;
    width: 700px;
    min-height: 250px;
    overflow: hidden;
    padding-bottom: 10px;
}

.bigPanelDIY {
    margin: 5px 20px 10px 0px;
    width: 700px;
    min-height: 450px;
    overflow: hidden;
}

.smallPanel {
    margin: 5px 20px 10px 10px;
    width: 450px;
    min-height: 250px;
    overflow: hidden;
    padding-bottom: 10px;
}

.smallPanelDIY {
    margin: 5px 20px 10px 10px;
    width: 450px;
    height: 450px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.position {
    margin-top: 5px;
    margin-left: 10px;
}

.buffer {
    margin-top: 20px;
    margin-left: 10px;
}

.leftMargin {
    margin-left: 20px;
}

/* Styles used on the Liquidity Management Tool */
.fullPanelLMT {
    border: 1px solid #CCCCCC;
    width: 1000px;
    min-height: 10px;
    overflow: hidden;
}

.fullPanelNoBorderLMT {
    width: 1000px;
    min-height: 10px;
    overflow: hidden;
    margin: 30px;
    top: 0px;
}

.contentPanelLMT {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 1000px;
    min-height: 10px;
    overflow: hidden;
    border-bottom: 1px solid #CCCCCC;
}

.contentPanelNoBorderLMT {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 1000px;
    min-height: 10px;
    overflow: hidden;
}

.halfPanelLMT {
    width: 470px;
    padding: 10px;
    min-height: 10px;
    overflow: hidden;
}

.quarterPanelLMT {
    width: 200px;
    padding: 15px;
    min-height: 10px;
    overflow: hidden;
}

.accountPanel {
    width: 400px;
    padding: 10px;
    min-height: 10px;
    overflow: hidden;
    border: 1px solid #CCCCCC;
}

.eodPanelSmall {
    width: 100px;
    padding: 15px;
    min-height: 10px;
    overflow: hidden;
}

.eodPanelMedium {
    width: 175px;
    padding: 15px;
    min-height: 10px;
    overflow: hidden;
}

.eodPanelLarge {
    width: 500px;
    padding: 15px;
    min-height: 10px;
    overflow: hidden;
}

.leftContent {
    width: 150px;
    min-height: 10px;
    overflow: hidden;
}

.middleContent {
    width: 550px;
    min-height: 10px;
    overflow: hidden;
}

.middleRightContent {
    width: 800px;
    min-height: 10px;
    overflow: hidden;
}

.rightContent {
    width: 250px;
    min-height: 10px;
    overflow: hidden;
}

.rightMFContent {
    width: 400px;
    padding: 20px;
    margin-left: 50px;
    min-height: 10px;
    overflow: hidden;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.rightLabel {
    text-align: right;
    margin-right: 15px;
}

.sub {
    vertical-align: sub;
    font-size: 11px;
    font-style: italic;
    color: #0026FF;
}

.labelLMT {
    display: block;
    text-align: right;
    font-style: italic;
    width: 150px;
    float: left;
    position: relative;
    top: 7px;
    right: 10px;
}

.labelTimeLMT {
    display: block;
    text-align: right;
    font-style: italic;
    width: 70px;
    float: left;
    position: relative;
    top: 3px;
    right: 10px;
}

.labelConfirmLMT {
    display: block;
    text-align: right;
    font-style: italic;
    width: 150px;
    float: left;
    position: relative;
    top: 3px;
    right: 10px;
}

.labelAddLMT {
    display: block;
    text-align: right;
    font-style: italic;
    width: 150px;
    float: left;
    position: relative;
    top: 3px;
    right: 10px;
}

.labelEODLMT {
    display: block;
    font-style: italic;
    width: 155px;
    float: left;
    position: relative;
    top: 3px;
    left: 10px;
    padding-right: 10px;
}

.headingLMT {
    margin-top: 10px;
    margin-left: 10px;
    font-weight: bold;
}

.subHeadingLMT {
    margin-top: 10px;
    margin-left: 5px;
    font-style: italic;
}

.subHeadingOffsetLMT {
    margin-top: 20px;
    margin-left: 75px;
    font-style: italic;
}

.spacer {
    padding-top: 5px;
    padding-bottom: 5px;
}

.clipboard {
    width: 16px;
    height: 16px;
    background: url(/images/icons/clipboard_text.png) no-repeat;
}

.FormatRadioButtonList label
{
  margin-right: 5px;
}