/* -- General -- */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: var(--gray-color-100);
}

.datepicker-hide {
  display: none;
}


#categoryscroller {
    background: none;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    height: 52px;
    width: 100%;
    font-size: 15px;
}

.scroller {
    position: relative;
    overflow: hidden;
    width: 742px;
    height: 210px;
    background-position: bottom;
    background-repeat: repeat-x;
    margin: auto;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cecece;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

    .scroller .items {
        width: 20000em;
        position: absolute;
        clear: both;
    }


.premium-category-item {
    padding-top: 3px;
    border-radius: 5px;
    background-color: #fdfdfd;
    height: 40px;
    margin-left: 0px !important;
    border: 1pt solid #e7e7e7;
    margin-right: 6px;
    text-align: center;
    float: left;
    width: 154px;
    line-height: 1.4em;
    font-size: 0.8em;
    font-family: 'Open sans';
    font-weight: normal;
}


.premium-box {
    border-radius: 5px;
    background-color: #fdfdfd;
    border: 1pt solid #e7e7e7;
    font-family: 'Open sans';
    padding: 15px;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 17px;
    border-left: 5px solid #0084b4;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3');
    background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#f3f3f3)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #f3f3f3); /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #ffffff, #f3f3f3); /* FF3.6+ */
    background: -o-linear-gradient(top, #ffffff, #f3f3f3); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff, #f3f3f3); /* W3C */
}

.premium-box-header {
    color: #0084b4;
    font-size: 1.8em;
    line-height: 1.8em;
    font-weight: 300;
}

.premium-box-news-header {
    color: #5a9976;
    font-size: 1.8em;
    line-height: 1.4em;
    font-weight: 300;
    margin-bottom: 3px;
}

.premium-info-header {
    color: #5a9976;
    font-size: 4em;
    line-height: 1.6em;
    font-weight: 300;
}

.premium-info-header-small {
    color: #5a9976;
    font-size: 2em;
    line-height: 1em;
    font-weight: 300;
}

.premium-page-section {
    margin-bottom: 20px;
    margin-top: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 20px;
}

.premium-info-bread {
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 300;
    margin-top: 20px;
    font-weight: 300;
}

.premium-breadcrumb {
    font-size: 1.4em;
    text-align: center;
    color: #5a9976;
}

.premium-info-up {
    font-size: 1.4em;
    float: right;
    margin-right: 20px;
}

    .premium-info-up a {
        color: #5a9976;
        margin-right: 20px;
    }



.premium-breadcrumb a {
    color: #5a9976;
    margin-right: 20px;
}

.premium-box-news {
    border: 1px solid #5a9976;
    border-left: 5px solid #5a9976;
    background: none;
}

.premium-box-info {
    border: 1px solid #5a9976;
    border-top: 5px solid #5a9976;
    font-size: 1.6em;
    font-weight: 300;
}

.premium-box-company {
    border-left: 5px solid #5b5c5d;
}

.premium-box-header-company {
    color: #5b5c5d;
}



/* Always show scrollbars to remove feeling of jumping pages */
html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

img {
    border: 0;
}

h1, h2, h3, h4, h5, p {
    margin: 0;
    padding: 0 0 0.5em 0;
}

a:focus {
    -moz-outline-style: none;
}

a:hover {
    text-decoration: underline;
}

th {
    text-align: left;
}
/* -- Site structure -- */
#site {
    position: relative;
    width: 97em;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 43px 0;
}

@media(min-width: 768px) {
    #site {
        padding: 80px 0;
    }
}

#content {
    float: left;
    clear: both;
    width: 970px;
    margin-top: 0.2em; /*margin-top: 0.5em;*/
    z-index: 1;
}

.premiumLogoContainer {
    width: 223px;
    margin-left: auto;
    margin-right: auto;
}

/* content rows */
.content-row {
    float: left;
    width: 970px;
    margin-bottom: 1.2em;
}

.content-row-banner {
    float: left;
    width: 970px;
}

.content-row .row-content {
    float: left;
    margin-top: 3px;
}

    .content-row .row-content .col {
        float: left;
        margin-left: 14px;
        padding: 18px;
    }

    .content-row .row-content .unread-message {
        float: left;
        margin-left: 14px;
        padding: 4px 18px 0;
    }

.content-one-col .row-content .unread-message {
    width: 934px;
}

    .content-one-col .row-content .unread-message p {
        margin-left: 5px;
    }

.content-row .row-content .first-col {
    margin-left: 0 !important;
}

.content-row .bottom {
    float: left;
    width: 100%;
    height: 3px;
}
/* one col */
.content-one-col {
    background: url(../Images/one-col-col-top.gif) no-repeat 0 0;
}

    .content-one-col .row-content {
        background: url(../Images/content-one-col-content.gif) repeat-y 0 0;
    }

        .content-one-col .row-content .col {
            width: 934px;
        }

    .content-one-col .bottom {
        background: url(../Images/one-col-bottom.gif) no-repeat left top;
    }

.content-one-col-thick-border {
    background: url(../Images/one-col-col-top-thick-border.gif) no-repeat 0 0;
}

.content-one-col-thick-border-green {
    background: url(../Images/one-col-col-top-thick-border-green.gif) no-repeat 0 0;
    margin-bottom: 25px;
}

.content-one-col-thick-border .row-content {
    background: url(../Images/content-one-col-content-thick-border.gif) repeat-y 0 0;
    margin-top: 5px;
}

.content-one-col-thick-border-green .row-content {
    background: url(../Images/content-one-col-content-thick-border-green.gif) repeat-y 0 0;
    margin-top: 5px;
}

.content-one-col-thick-border .bottom {
    height: 7px;
    background: url(../Images/one-col-col-bottom-thick-border.gif) no-repeat left top;
}

.content-one-col-thick-border-green .bottom {
    height: 7px;
    background: url(../Images/one-col-col-bottom-thick-border-green.gif) no-repeat left top;
}

.content-one-col-thick-border-white-bg .row-content {
    background: url(../Images/content-one-col-content-thick-border-white-bg.gif) repeat-y 0 0;
    margin-top: 5px;
}
/* two col */
.content-two-col {
    background: url(../Images/two-col-col-top.gif) no-repeat 0 0;
}

    .content-two-col .row-content {
        background: url(../Images/content-two-col-content.gif) repeat-y 0 0;
    }

        .content-two-col .row-content .col {
            width: 442px;
        }

    .content-two-col .bottom {
        background: url(../Images/two-col-bottom.gif) no-repeat left top;
    }

.content-two-col-thick-border {
    background: url(../Images/two-col-col-top-thick-border.gif) no-repeat 0 0;
}

    .content-two-col-thick-border .row-content {
        margin-top: 6px;
        background: url(../Images/content-two-col-content-thick-border.gif) repeat-y 0 0;
    }

        .content-two-col-thick-border .row-content .col {
        }

    .content-two-col-thick-border .bottom {
        height: 7px;
        background: url(../Images/two-col-bottom-thick-border.gif) no-repeat 0 0;
    }

/* three col */
.content-three-col {
    background: url(../Images/three-col-col-top.gif) no-repeat 0 0;
}

    .content-three-col .row-content {
        background: url(../Images/content-three-col-content.gif) repeat-y 0 0;
    }

        .content-three-col .row-content .col {
            width: 278px;
        }

    .content-three-col .bottom {
        background: url(../Images/three-col-bottom.gif) no-repeat left top;
    }

.content-three-col-thick-border {
    background: url(../Images/three-col-col-top-thick-border.gif) no-repeat 0 0;
}

    .content-three-col-thick-border .row-content {
        margin-top: 5px;
        background: url(../Images/content-three-col-content-thick-border.gif) repeat-y 0 0;
    }

    .content-three-col-thick-border .bottom {
        height: 7px;
        background: url(../Images/three-col-bottom-thick-border.gif) no-repeat left top;
    }

/* three quarter left */
.content-three-quarter-left {
    background: url(../Images/contentthreequarterlefttop.gif) no-repeat 0 0;
}

    .content-three-quarter-left .row-content {
        background: url(../Images/contentQuarterLeftContent.gif) repeat-y 0 0;
    }

        .content-three-quarter-left .row-content .col {
            width: 278px;
        }

        .content-three-quarter-left .row-content .first-col {
            width: 606px;
        }

    .content-three-quarter-left .bottom {
        background: url(../Images/contentthreequarterleftbott.gif) no-repeat 0 0;
    }

.content-three-quarter-left-thick-border {
    background: url(../Images/contentthreequarterlefttop-thick-border.gif) no-repeat 0 0;
}

    .content-three-quarter-left-thick-border .row-content {
        margin-top: 5px;
        background: url(../Images/contentQuarterLeftContent-thick-border.gif) repeat-y 0 0;
    }

        .content-three-quarter-left-thick-border .row-content .col {
        }

    .content-three-quarter-left-thick-border .bottom {
        height: 7px;
        background: url(../Images/threequarterleftbott-thick-border.gif) no-repeat left top;
    }

/* three quarter left - no right column */
.content-three-quarter-left-no-right-column {
    background: url(../Images/contentthreequarterlefttop-noright.gif) no-repeat 0 0;
}

    .content-three-quarter-left-no-right-column .row-content {
        background: url(../Images/contentQuarterLeftContent-noright.gif) repeat-y 0 0;
    }

    .content-three-quarter-left-no-right-column .bottom {
        background: url(../Images/contentthreequarterleftbott-noright.gif) no-repeat 0 0;
    }

.content-three-quarter-left-no-right-column {
}

/* three quarter right */
.content-three-quarter-right {
    background: url(../Images/contentthreequarterrtop.gif) no-repeat 0 0;
}

    .content-three-quarter-right .row-content {
        background: url(../Images/contentQuarterRightContent.gif) repeat-y 0 0;
    }

        .content-three-quarter-right .row-content .col {
            width: 606px;
        }

        .content-three-quarter-right .row-content .first-col {
            width: 278px;
        }

    .content-three-quarter-right .bottom {
        background: url(../Images/threequarterrightbott.gif) no-repeat 0 0;
    }

.content-three-quarter-right-thick-border {
    background: url(../Images/contentthreequarterrtop-thick-border.gif) no-repeat 0 0;
}

    .content-three-quarter-right-thick-border .row-content {
        margin-top: 5px;
        background: url(../Images/contentQuarterRightContent-thick-border.gif) repeat-y 0 0;
    }

        .content-three-quarter-right-thick-border .row-content .col {
        }

    .content-three-quarter-right-thick-border .bottom {
        height: 7px;
        background: url(../Images/threequarterrightbott-thick-border.gif) no-repeat 0 0;
    }

/* site structure with thick column borders */
.thick-border .one-col {
    float: left;
    background: url(../Images/container_background.gif) repeat-y left top;
}

.thick-header {
    padding-top: 2em;
    height: 39px;
    margin-top: -25px;
    margin-left: -18px;
    width: 925px;
    padding-left: 28px;
    padding-right: 17px;
    background: url(../Images/container_top.gif) no-repeat left top;
}

.thick-header-search {
    padding-top: 2em;
    height: 19px;
    margin-top: -25px;
    margin-left: -18px;
    width: 925px;
    padding-left: 28px;
    padding-right: 17px;
    background: url(../Images/container_top.gif) no-repeat left top;
}

.thick-header-search-bottom {
    height: 15px;
    margin-top: -4px;
    margin-left: -18px;
    width: 925px;
    padding-left: 28px;
    padding-right: 17px;
}

.thick-header-solid-grey {
    background: url(../Images/container_top-solid-grey.gif) no-repeat left top;
    padding-top: 1em;
    padding-bottom: 1em;
}

.thick-header-single-line-divider {
    background: none;
    border-bottom: solid 1px #D7D7CA;
    padding-top: 2.5em;
}

.thick-header_bottom {
    height: 5px;
    width: 970px;
    background: url(../Images/header_bottom.gif) no-repeat left top;
}

.content-one-col-thick-border .content {
    padding: 20px 4px 12px 10px;
}

.inner-container {
    background: url(../Images/subcontainer-background.gif) repeat-y left top;
    margin-bottom: 32px;
}

.inner-container_header {
    background: url(../Images/subcontainer-header.gif) no-repeat left top;
    height: 60px;
    width: 920px;
}

.inner-container-light-bg {
    background: url(../Images/subcontaine-light-bg.gif) repeat-y left top;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 860px;
}

    .inner-container-light-bg .inner-container_header {
        background: url(../Images/subcontainer-header-light.gif) no-repeat left top;
        height: 14px;
        width: 860px;
    }

.inner-container-thin-top {
    background: url(../Images/subcontainer-no-header.gif) no-repeat left top;
    height: 12px;
    width: 920px;
}

.inner-container-thin-top-vertical-divider {
    background: url(../Images/subcontainer-background-vertical-divider.gif) repeat-y left top;
}

    .inner-container-thin-top-vertical-divider .inner-container-thin-top {
        background: url(../Images/subcontainer-no-header-vertical-divider.gif) no-repeat left top;
    }

.inner-container_header h3 {
    padding: 15px 0 0 16px;
    float: left;
}

.inner-container table {
    margin: 0 21px;
    width: 878px;
}

.nested-table {
    margin: 0 !important;
    width: 878px;
}

    .nested-table tbody th {
        text-align: left;
    }

.small-nested-table {
    width: 560px !important;
}

.inner-container table th, .inner-container table td {
    border-bottom: solid 1px #dfdfdd;
    padding: 0.25em 0;
}

.inner-container table td {
    width: 397px !important;
}

.inner-container table tbody th {
    width: 445px;
    padding-right: 30px;
}

.inner-container .has-icon tbody th, .inner-container table .has-icon {
    background: url(../Images/yellow_bullet_white_arrow.gif) no-repeat 4px 0.55em;
    padding-left: 26px;
    width: 445px !important;
}

.inner-container table .indent {
    padding-left: 26px !important;
}

.inner-container_bottom {
    background: url(../Images/subcontainer-bottom.gif) no-repeat left bottom;
    height: 6px;
    margin-top: 20px;
    width: 920px;
}

.inner-container-light-bg .inner-container_bottom {
    background: url(../Images/subcontainer-light-bottom.gif) no-repeat left bottom;
    height: 6px;
    margin-top: 6px;
    width: 860px;
}

.inner-container-thin-top-vertical-divider .inner-container_bottom {
    background: url(../Images/subcontainer-bottom-vertical-divider.gif) no-repeat left bottom;
    height: 6px;
    margin-top: 20px;
    width: 920px;
}

.customer-profile .icon, .account-profile .icon {
    top: 0;
    left: 0;
    float: left;
}

.content-one-col-thick-border .preamble {
    margin-bottom: 20px;
    width: 520px;
}

.option {
    float: right;
    margin: 21px 25px 0 0;
}

.thick-header h1 {
    float: left;
}

.narrow .thick-header h1 {
    margin-top: 28px;
    margin-left: 4px;
}

.progressbar {
    margin-right: 15px;
}

    .progressbar img {
        vertical-align: text-bottom;
    }

/*nested table*/
.nested-table {
    margin-left: 0 !important;
}

    .nested-table tbody th {
        background: none !important;
    }

    .nested-table th, .nested-table td {
        border: none !important;
    }

/* -- Top user information -- */
#top-user {
    position: relative;
    width: 100%;
    height: 32px;
    margin-bottom: 1.3em;
    position: relative;
    z-index: 989;
}

    #top-user .information {
        float: right;
        padding: 0.8em 0.3em 0 1em;
    }

    #top-user .username {
        float: left;
        padding: 0.7em 0 0 1.5em;
    }

    #top-user .logged-in {
        background: url(../Images/lock-locked.png) no-repeat 0 0.6em;
    }

.mmbody #top-user .logged-in {
    margin-top: 5px;
}

.mmbody #top-user .username {
    margin-top: 5px;
}

.mmbody #top-user .information {
    margin-top: 4px;
}


/* -- Header -- */
/* -- Header -- */
#header {
}

#header-basic {
    float: left;
    height: auto;
    width: 100%;
}

#header .searchblock {
    float: right;
    width: 288px;
    margin-top: 5em;
}

    #header .searchblock input.search-input {
        float: left;
        background: #fff url(../Images/h-search-input.gif) repeat-x 0 0;
        border: 0;
        width: 193px;
        height: 17px;
        padding-top: 5px;
        padding-right: 3px;
        padding-left: 3px;
    }

    #header .searchblock input.submit {
        float: right;
    }

#header .logotype {
    float: left;
    display: inline-block;
    text-decoration: none !important;
}

#header .logotype:after {
    display: block;
    clear: left;
    font-size: 10px;
    padding-top: 5px;
    width: 100%;
    text-align: right;
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0);
    font-weight: 500;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.5);
}
    
#header .fmsubtext:after {
    content: 'En del av Fondab' !important;
}
#header a.logotype img {
    /*	height: 79px; width: 218px;*/
}

/* -- Topmenu -- */
.topmenu-container {
    float: left;
    z-index: 988;
    position: relative;
}

#topmenu {
    /*background: url(../Images/menu/menu-background.gif) repeat-x left bottom;*/
    border-bottom: 1px dotted #ccc !important;
}

    #topmenu, #topmenu ul {
        float: left;
        display: block;
        list-style: none;
        margin: 1em 0;
        margin-bottom: 0px;
        padding: 0;
        width: 970px;
    }

        #topmenu ul {
            margin: 0;
            padding: 0 0 6px 0;
            width: 178px;
        }

            #topmenu ul li {
                float: left;
                background: url(../Images/menu/submenu-bg.gif) repeat-y left bottom;
                width: 100%;
                padding-bottom: 8px;
            }

                #topmenu ul li.start {
                    padding-top: 5px;
                }

        #topmenu li {
            float: left;
            display: block;
            padding-bottom: 5px;
            padding-left: 5px;
            position: relative;
        }

            #topmenu li li {
                padding-bottom: 0px;
            }

            #topmenu li.selected {
                background: #fff url(../Images/menu/topmenu-selected-bg.gif) no-repeat 0 0;
                padding-bottom: 0px;
                position: relative;
            }

            #topmenu li .menu-arrow {
                float: left;
                /*background: url(../Images/menu/menu-arrow.gif) no-repeat left bottom;*/
                display: block;
                margin-left: 13px;
            }

                #topmenu li .menu-arrow img {
                    width: 27px;
                    height: 41px;
                }

            #topmenu li .menu-arrow-hover {
                background: url(../Images/menu/menu-arrow-hover.gif) no-repeat left bottom !important;
            }

            #topmenu li.selected .menu-arrow {
                background: url(../Images/menu/menu-arrow-selected.gif) no-repeat left bottom;
                height: 44px;
            }

            #topmenu li .menu-arrow img {
                visibility: hidden;
            }

            #topmenu li a.navigate {
                float: left;
            }


input {
    font-size: 12px;
}


#topmenu .submenu {
    position: absolute;
    background: url(../Images/menu/submenu-bottom.png) no-repeat 0 100%;
    top: 44px;
    width: 178px;
    visibility: hidden;
}

#topmenu .submenuWide .submenu {
    background: url(../Images/menu/submenu-wide-bottom.png) no-repeat 0 100% !important;
    width: 215px;
}

    #topmenu .submenuWide .submenu li {
        background: url(../Images/menu/submenu-wide-bg.gif) repeat-y left bottom;
    }

#topmenu .float-right {
    float: right !important;
    margin-right: 0 !important;
}

.topmenu-noscript {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 0 1em 0;
    width: 90em;
}

    .topmenu-noscript li {
        float: left;
        background: url(../Images/breadcrumbs.gif) no-repeat 100% 2px;
        margin-right: 0.5em;
        padding-right: 1em;
        padding-bottom: 0.5em;
    }

    .topmenu-noscript .selected {
        background: none;
    }

#topmenu li.selected ul.display-none {
    display: block !important;
}

#topmenu .item-0 ul {
    left: 0;
}

#topmenu .item-1 ul {
    left: 0;
}

#topmenu .item-2 ul {
    left: 0;
}

#topmenu .item-3 ul {
    left: 0;
}

#topmenu .item-4 ul {
    left: 0;
}

#topmenu .item-5 ul {
    left: 0;
}

    #topmenu .item-5 ul li a {
        width: 160px;
    }

#topmenu .item-6 ul {
    left: 0;
}

#topmenu li:hover > div ul {
    visibility: visible !important;
}

#topmenu li li a {
    padding: 5px 0px 5px 0px;
    height: auto;
    width: 152px;
}

#topmenu .menuheader {
    font-weight: 300;
    color: #5a8160 !important;
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px;
    padding: 5px 0 0 5px;
    font-family: 'Open sans', "Arial Rounded MT Bold normal", Arial, Verdana, sans-serif;
}


/* -- Breadcrumbs -- */
.breadcrumbs {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 50em;
}

    .breadcrumbs li {
        float: left;
        background: url(../Images/breadcrumbs.gif) no-repeat 100% 2px;
        margin-right: 0.5em;
        padding-right: 1em;
        padding-bottom: 0.5em;
    }

    .breadcrumbs .selected {
        background: none;
    }

/* -- Site Settings -- */
.site-settings {
    float: right;
    list-style: none;
    margin: 0 5px 0 0;
    padding: 0;
}

    .site-settings li {
        float: left;
        margin-left: 1.5em;
        padding-bottom: 0.5em;
    }

/* -- Footer -- */
#footer {
    float: left;
    background: url(../Images/footer-top-bg.gif) repeat-x 0 0;
    border-top: 0.6em solid #5b8160;
    width: 970px;
    margin-top: 0px;
    margin-bottom: 40px;
}

.footer-top {
    float: left;
    background: url(../Images/footer-colums.gif) repeat-y 0 0;
    width: 100%;
    margin-top: 14px;
    padding: 0.5em 0 0.5em 0;
}

    .footer-top .col {
        float: left;
        display: inline;
        width: 220px;
        margin-left: 8px;
        padding-right: 10px;
    }

        .footer-top .col .float-right {
            margin-top: -5px;
        }

    .footer-top .col-1 {
        margin-right: 5px;
    }

    .footer-top .col-2 {
        margin-right: 3px;
    }

    .footer-top .col-3 {
        margin-right: 2px;
    }

.footer-navigation {
    float: left;
    border-top: 3px solid #5b8160;
    border-bottom: 3px solid #5b8160;
    width: 100%;
    margin-top: 2em;
    padding-bottom: 0.8em;
}

    .footer-navigation .columns {
        float: left;
        width: 100%;
        margin-top: -0.5em;
    }

        .footer-navigation .columns .col {
            float: left;
            width: 138px;
            margin-left: 6px;
        }

        .footer-navigation .columns .thin {
            width: 116px;
        }

        .footer-navigation .columns .first-col {
            margin-left: 8px !important;
        }

    .footer-navigation ul {
        list-style: none;
        margin: -5px 0;
        padding: 0 0 1em 0;
    }

.footer-bottom .contact-information {
    float: left;
    width: 58em;
    margin-right: 0.9em;
    margin-left: 0.1em;
    padding-top: 0.6em;
}

.footer-bottom .company-address {
    float: left;
}

    .footer-bottom .company-address td {
        padding-left: 1em;
    }

.footer-bottom .customer-service {
    float: left;
    margin-left: 4.5em;
    padding-left: 2.5em;
}

.mmbody .footer-bottom .customer-service {
    float: left;
    background: url(../Images/mm-customer-service-bg.jpg) no-repeat 0px 8px;
    margin-left: 4.5em;
    padding-left: 2.5em;
}

.footer-bottom .about {
    float: left;
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0.4em 0;
    width: 38em;
}

    .footer-bottom .about li {
        float: right;
        margin-right: 0.5em;
        margin-left: 2.0em;
    }

/* Overlay */
#overlay {
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    z-index: 100;
}

#ajax-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 110;
    text-align: center;
}

    #ajax-layer #ajax {
        position: relative;
        margin: 10% auto;
        text-align: left;
    }

        #ajax-layer #ajax #top-user, #ajax-layer #ajax #header, #ajax-layer #ajax .logotype, #ajax-layer #ajax #footer {
            display: none;
        }

        #ajax-layer #ajax #content {
            margin-top: 0;
        }

            #ajax-layer #ajax #content .narrow {
                margin-left: 80px;
            }

/* -- Global classes -- */
.display-block {
    display: block !important;
}

.display-none {
    display: none !important;
}

.hide {
    display: none;
}

.float-right {
    float: right !important;
}

.float-clear {
    clear: both;
}

/*next or previous navigation*/
.next-or-prev-navigation {
    text-align: center;
    width: 920px;
    padding-top: 13px;
}

/*.next-or-prev-navigation span
{
	background: url(../Images/prev-or-next-button_left.gif) no-repeat left top;
	padding: 8px 4px;
	height: 26px;
}
    */

/*.next-or-prev-navigation span a
{
	background: url(../Images/prev-or-next-button_right.gif) no-repeat right top;
	height: 30px;
	padding: 5px 24px 10px 20px;
}*/

.next-or-accept {
    clear: right;
}

.next-or-prev-navigation p {
    text-align: center;
    padding-top: 13px;
}

.next-or-prev-navigation .proceed {
    padding: 18px 0 14px;
}

    .next-or-prev-navigation .proceed p {
        padding-top: 0;
        height: 20px;
        color: #5C5C5C;
    }

/* site structure with narrow column w. thick borders */
.narrow {
    width: 799px !important;
}

    .narrow h2 {
        padding-bottom: 0px;
    }

.narrow-header {
    width: 778px !important;
    background: url(../Images/container-top-narrow.png) no-repeat left bottom !important;
    height: 68px;
    padding-right: 0px;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.purchase-order .narrow-header {
    background: url(../Images/container-top-narrow-no-header-flat.png) no-repeat left bottom !important;
    height: 42px;
}

    .purchase-order .narrow-header h1 {
        margin-top: 19px;
        margin-left: 2px;
    }

.narrow-header-thin {
    background: url(../Images/container-top-narrow-no-header.png) no-repeat left bottom !important;
}

.disclaimer h1 {
    padding-left: 10px;
}

.disclaimer .content {
    padding-top: 0px !important;
}

.disclaimer p {
    padding: 0.5em 130px;
}

.update-client p {
    padding: 0.2em 40px;
}

.narrow .content {
    background: url(../Images/input-box-background.png) repeat-y left top !important;
    padding-bottom: 1px;
    padding-left: 29px;
    padding-top: 20px;
}

.content-popup {
    font-size: 0.9em;
}

.purchase-order .content {
    padding-left: 29px;
    padding-top: 0px !important;
}

.new-account-narrow-content {
    width: 770px;
    padding-top: 0px !important;
    padding-bottom: 20px !important;
    margin-left: 0px !important;
}

.new-account-narrow-content-white-bg {
    width: 745px !important;
    padding-right: 25px !important;
}

.narrow-container-bottom {
    background: url(../Images/narrow-container_bottom.png) no-repeat left top !important;
    height: 10px;
}

.filter-result-col4 img {
    padding-left: 4px;
}

.narrow .one-col {
    width: 799px;
    background: none !important;
}

.narrow .preamble {
    width: 488px;
}

.narrow .next-or-prev-navigation {
    width: 749px;
    height: 50px;
    padding-top: 25px;
}

.three-col-funds-list .next-or-prev-navigation {
    width: 749px;
    height: 40px;
    padding-top: 10px;
}

.narrow-guidance form div {
    height: 25px;
}

.narrow-guidance label {
    float: left;
}

.close-imput {
    position: relative;
    top: 0px;
    right: 0px;
}

.close-overlay-icon {
    float: right;
}

.FM-registration--information {
    float: right;
    width: 60%;
    margin-top: 5px;
    line-height:16px;
}

.FM-panel .FM-panel--header .close-overlay-icon {
    position: absolute;
    top: -12px;
    right: -12px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    border: 4px solid #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    outline-color: transparent;
}

.FM-panel .FM-panel--header .close-overlay-icon:hover {
    cursor: pointer;
}

/*progress bar*/
.progressbar-background {
    width: 200px;
    height: 13px;
    background: url(../Images/progressbar-background.gif) no-repeat left bottom;
    float: left;
}

.progress {
    height: 13px;
    background: url(../Images/progressbar.gif) no-repeat left bottom;
    width: 0;
    display: block;
    margin-left: 3px;
}

.progress-percent {
    display: block;
    width: 40px;
    float: left;
    text-align: right;
    padding-bottom: 2px;
}

.progressbar {
    width: 240px;
    height: 20px;
}

.narrow .progressbar {
    padding-top: 32px;
    padding-right: 8px;
}

/*small progress bar*/
.small-progressbar-background {
    width: 90px;
    height: 13px;
    background: url(../Images/small-progressbar-background.gif) no-repeat left bottom;
    float: left;
}

.small-progress-percent {
    display: block;
    width: 37px;
    float: left;
    text-align: left;
    padding-bottom: 2px;
    padding-left: 3px;
}

.small-progressbar {
    width: 135px;
    height: 20px;
}

.small-progress {
    height: 13px;
    background: url(../Images/small-progressbar.gif) no-repeat left bottom;
    width: 0;
    display: block;
    margin-left: 3px;
}

/*BUY AND SELL FUNDS*/
.buy-or-sell-fund-table {
    border: solid 1px #e3e3e3;
    width: 930px;
    background: #ffffff;
}

    .buy-or-sell-fund-table input {
    }

.header-row {
    height: 29px;
}

    .header-row th, .header-row td {
        background: url(../Images/table-header-gray.gif) no-repeat left top;
    }

    .header-row td {
        background-position: -5px 0;
    }

    .header-row th {
        padding-left: 16px;
    }

.buy-or-sell-fund-table td {
    padding-left: 35px;
}

.buy-or-sell-fund-table .nested-table label {
    padding-left: 5px;
}

.fee-table {
    margin: 0;
}

.column-one-text span {
    display: block;
    width: 170px;
    margin-bottom: 5px;
}

.column-two-text span {
    display: block;
    width: 140px;
    margin-bottom: 5px;
}

.column-three-text span {
    display: block;
    width: 160px;
    margin-bottom: 5px;
}

.small-nested-table .column-one {
    width: 180px;
}

.small-nested-table .column-two {
    width: 80px;
}

.small-nested-table .column-three {
    width: 140px;
}

.small-nested-table .column-four {
    width: 40px;
}

.small-nested-table th.column-two, .small-nested-table th.column-three, .small-nested-table th.column-four, .small-nested-table tbody td {
    text-align: right;
}

.column-one {
    width: 300px;
}

.column-two {
    width: 200px;
}

.column-three {
    width: 230px;
}

.right-aligned-table-data td {
    text-align: right;
}

.right-aligned-table-data .column-two, .right-aligned-table-data .column-three, .right-aligned-table-data .column-four {
    text-align: right;
}

.trashcan-column {
    width: 20px;
}

.fund-listing-top td, .fund-listing-top th {
    border-top: solid 1px #dcdcdc !important;
}

.fund-listing-top a {
    text-decoration: underline !important;
}

.fund-listing-bottom td, .fund-listing-bottom th {
    border-bottom: solid 1px #dcdcdc !important;
}

.row-bottom-padding td, .row-bottom-padding th {
    padding-bottom: 26px !important;
}

.gray-link-left {
    text-align: left !important;
}

.row-top-padding td, .row-top-padding th {
    padding-top: 16px !important;
}

.fund-listing-top .no-top-border, .no-top-border, .condition .no-top-border {
    border-top: none !important;
}

.buy-or-sell-fund-table .nested-table {
    padding-top: 10px;
}

    .buy-or-sell-fund-table .nested-table .text-column-no-padding td {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .buy-or-sell-fund-table .nested-table td {
        padding: 0;
    }

.buy-or-sell-fund-table .small-nested-table td {
    padding-top: 5px;
    padding-bottom: 0;
}

.fee-columns td, .fee-columns th {
    padding-left: 5px !important;
    padding-right: 5px !important;
    vertical-align: top;
}

.buy-or-sell-fund-table td, .buy-or-sell-fund-table th {
    padding-top: 8px;
}

.buy-or-sell-fund-table .nested-table td, .buy-or-sell-fund-table .nested-table th {
    padding-top: 5px;
    padding-bottom: 5px;
}

.buy-or-sell-fund-table .nested-table thead td, .buy-or-sell-fund-table .nested-table thead th {
    padding-bottom: 4px;
}

.condition td {
    border-top: solid 1px #dcdcdc !important;
    border-bottom: solid 1px #dcdcdc !important;
    padding-bottom: 10px;
}

.buy-or-sell-fund-table tbody .header-row td {
    text-align: right;
    padding-right: 15px;
    padding-bottom: 5px;
}

.buy-or-sell-fund-table .condition p {
    width: 650px;
}

.small-block-text-aligned-right {
    width: 5.51em;
    text-align: right;
}

/*FONDSÖK*/
.large-full-vertical-menu {
    margin: 0 !important;
    padding: 0 !important;
    width: 970px !important;
}

    .large-full-vertical-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 960px !important;
        margin-left: 5px !important;
    }

        .large-full-vertical-menu ul li {
            list-style: none;
            height: 39px;
            width: 239px;
            display: block;
            float: left;
            text-align: center;
            border-right: solid 1px #b6b6ad;
            padding-top: 0px;
        }

            .large-full-vertical-menu ul li.selected {
                background: url(../Images/large-full-vertical-menu-bg.gif) no-repeat left top;
            }

            .large-full-vertical-menu ul li a {
                height: 18px;
                padding-bottom: 20px;
                padding-top: 12px;
                margin-top: 0px;
                display: block;
                text-decoration: none;
                font: bold 1.6em/1em Arial, Verdana, sans-serif;
                color: #4b4b4b;
            }

            .large-full-vertical-menu ul li.selected a {
                color: #fefefe;
                background: url(../Images/large-full-vertical-menu-selected-bottom-arrow.gif) no-repeat 50% bottom;
                position: relative;
            }

            .large-full-vertical-menu ul li.last {
                border-right: none;
            }

/*fund searc col*/
.search-fund-box {
    background: url(../Images/fund-search-col-bg-yellow.gif) no-repeat top left;
    /*float: left;*/
    height: 120px;
    padding: 20px 16px 25px 220px;
}


.search-fund-overlay .search-fund-box {
    padding: 20px 0px 20px 205px !important;
}


.search-fund-box form {
    width: 560px;
}

.search-fund-box select, .search-fund-box input {
    margin-right: 2px;
    margin-left: 8px;
}

.search-fund-box .drop-down-container select {
    width: 230px;
}

.rg-container {
    padding: 20px 0 0 75px;
}

.drop-down-container {
    margin-top: 15px;
}

.serach-field-top {
    width: 411px;
}

.search-statistics-column {
    float: left;
    width: 300px;
}

    .search-statistics-column h3 {
        color: #2a2a2a;
    }

    .search-statistics-column ol {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .search-statistics-column ol li {
            background: url(../Images/small-yellow-arrow-bullet.gif) no-repeat top left;
            padding-left: 7px;
            background-position: 0 3px;
            height: 15px;
        }

            .search-statistics-column ol li a {
                color: #2a2a2a;
                font: normal 1.1em/1.1em Arial, Verdana, sans-serif;
            }

.owerlap {
    margin-top: -19px;
    background: url(../Images/one-col-thick-border-overlap-top.gif) no-repeat 0 0;
}

    .owerlap .row-content {
        margin-top: 7px;
    }

.align-center {
    text-align: center !important;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

#new-search {
    float: left;
    background: #fff;
    display: none;
    width: 100%;
    padding-top: 1em;
}

    #new-search .bottom {
        background: url(../Images/search-again-bottom.gif) no-repeat 0 0 !important;
        margin-left: -13px;
        width: 960px;
        margin-bottom: 10px;
    }

/*search button*/
.dropdown-width-230 {
    width: 230px;
}

.search-categories-dropdown {
    width: 250px;
    background: blue;
}

    .search-categories-dropdown ul {
        position: relative;
        width: 210px;
    }

/* your funds */
.your-funds-small {
    float: left;
    margin-bottom: 1.2em;
    width: 970px;
    height: 23px;
    margin-top: 5px;
}

    .your-funds-small img {
        margin-top: 1px;
    }

.your-funds-top {
    float: right;
    background: url(../Images/your-funds-top-right.gif) no-repeat top right;
    width: 35px;
    height: 35px;
    margin-top: -5px;
}

.mmbody .your-funds-top {
    float: right;
    background: none no-repeat top right;
    width: 35px;
    height: 35px;
    margin-top: -5px;
}

.your-funds-views {
    float: right;
    margin-top: -18px;
    margin-right: 27px;
}

.overview-news-container .your-funds-views {
    margin-top: -20px;
}

.overview-news-container .body-text p {
    width: 580px;
}

.your-funds-views-select {
}

    .your-funds-views-select select {
        width: 200px;
        margin-right: 50px;
    }

.content-one-col-thick-border-white-bg .your-funds-views {
    margin-right: -14px;
    margin-top: -35px;
}

.your-funds-views ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .your-funds-views ul li {
        float: left;
        border-right: 1px solid #CECECD;
        padding: 1px 13px 3px 13px;
    }

    .your-funds-views ul .first {
        border-left: 1px solid #CECECD;
    }

    .your-funds-views ul .last {
        border-right: none !important;
    }

    .your-funds-views ul .selected {
        background: #FFFFFF !important;
    }

.content-your-funds .col {
    margin-top: -30px;
}

.content-your-funds .content {
    float: left;
    margin-top: 0px;
    margin-left: -5px;
}

    .content-your-funds .content .header {
        margin-top: -10px;
        margin-right: 6px;
        float: left;
        margin-bottom: 15px;
        width: 915px;
    }

    .content-your-funds .content .time {
        float: left;
        margin-top: -10px;
        padding-top: 6px;
    }

    .content-your-funds .content .funds {
        float: left;
        background: url(../Images/content-your-funds-funds.gif) repeat-y 0 0;
        width: 904px;
    }


.content-your-funds .funds-left {
    float: left;
    width: 295px;
    margin-top: 5px;
    margin-left: 10px;
}

.content-your-funds .funds-right {
    float: right;
    margin-top: 5px;
    width: 578px;
}

.content-your-funds .funds-two-col .top {
    /*	float:left;*/
    height: 25px; /*	width:100%*/
}

.content-your-funds {
    /*background: url(../Images/content-your-funds-top.gif) no-repeat 0 0;*/
}





    .content-your-funds .row-content {
        background: url(../Images/content-your-funds-content.gif) repeat-y 0 0;
        margin-top: 5px;
    }

.mmbody .content-your-funds .row-content {
    background: none;
    margin-top: 0px;
    background-color: #fbfbf9;
}

.content-your-funds .bottom {
    height: 7px;
    background: url(../Images/content-your-funds-bottom.gif) no-repeat left top;
}

/*.account-block {
    border-radius: 5px;
    clear: both;
    margin-top: 10px;
    width: 593px;
    padding: 0 0 0 10px;
    border: 1px solid #e3e3e2;
    min-height: 65px;
}*/

.FM-panel .search-result-table tr {
    height: 30px;
}

.FM-panel .content {
    float: none;
    margin: 0 auto;
}

.FM-panel.FM-deposit-overview th {
    font-weight: normal; 
}

.FM-panel .content .funds {
    width: 100%;
    background: initial;
    /* overflow: hidden; */
}

.FM-panel .content .funds .funds-left {
    float: left;
    margin: 0;
    width: 35%;
    padding-right: 35px;
    box-sizing: border-box;
    overflow: hidden;
}

.FM-panel .content .funds .funds-right {
    width: 65%;
    padding-left: 35px;
    box-sizing: border-box;
    float: right;
    border-left: 1px solid #e3e3e2;
}

.FM-panel .content .funds .funds-right .top {
    width: 100% !important;
    box-sizing: border-box;
    height: auto;
}

.FM-panel .account-block-link {
    text-decoration: none !important;
    display: block;
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
    border: 1px solid #e3e3e2;
    border-radius: 2px;
    -webkit-transition: box-shadow 300ms ease-in-out, background-color 150ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, background-color 150ms ease-in-out;
    box-shadow: 5px 5px 15px -8px rgba(0,0,0,0.3);
    background-color: #fff;
    clear: both;
}

.FM-panel .account-block-link .account-block {
    padding: 7px 12px;
    min-height: 65px;
}

.FM-panel .account-block-link .account-block table {
    margin: 0;
}

.FM-panel .tooltip {
    text-align: center;
    line-height: 17px;
    width: 17px;
    height: 17px;
    display: inline-block;
}

.FM-panel .tooltip i {
    font-size: 16px !important;
}

.FM-panel .tooltip span.balloon {
    bottom: 30px;
    border: 1px rgba(0, 0, 0, 0.1) solid;
    box-shadow: 5px 5px 15px -8px rgba(0,0,0,0.3);
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, -25px, 0) scale3d(0, 0, 0);
    transition-delay: 0;
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out, transform 300ms ease-in-out;
}

.FM-panel .tooltip:hover span.balloon {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transition-delay: 300ms;
}

.FM-panel .tooltip span.balloon:after {
    bottom: -8px;
}

.FM-panel .content .header {
    float: none;
    margin: 0 0 15px 0;
    width: 100%;
    overflow: hidden;
}

.FM-panel .medium-width-header {
  width: 100% !important;
  border-radius: 2px;
  margin: 0 !important;
}

.FM-panel .account-view-header-content {
  padding: 10px 8px 5px 8px;
  box-sizing: border-box;
  width: 100%;
}

.FM-panel .account-header-value-box {
  width: 275px;
  float: left;
  margin-left: 0;
  margin-right:40px;
}

.FM-panel #headermenu.tabrow {
  width: 100% !important; 
  margin-left: 0;
  text-align: left;
  height: 35px;
  line-height: 35px;
  padding: 0 0 0 10px;
  bottom: 1px;
  margin-top: 15px;
}

.FM-panel #headermenu.tabrow:before {
  width: calc(100% - 12px);
}

.FM-panel .collapsible-row-header, .FM-panel .collapsible-row-content {
    border-top: 0;
    margin: 0;
    margin-left: 0 !important;
    width: calc(100% - 2px) !important;
    box-sizing: border-box;
}

.FM-panel .AddFundPanel table.search-result-table {
    width: 708px !important;
}

.FM-panel .AddFundPanel .content.new-account-narrow-content.search-fund-overlay {
    overflow: hidden;
}

.accounttype-DP {
    border-bottom: 2px solid #71977f;
    /*background-color: #f9f9f9;*/
}

.accounttype-KF {
    border-bottom: 2px solid #5991b4;
    /*background-color: #f9f9f9;*/
}

.accounttype-IPS {
    border-bottom: 2px solid #e78b31;
    /*background-color: #f9f9f9;*/
}

.accounttype-ISK {
    border-bottom: 2px solid #e0bb43;
    /*background-color: #f9f9f9;*/
}

.accounttype-PK {
    border-bottom: 2px solid #b96981;
    /*background-color: #f9f9f9;*/
}

.accounttype-test {
    border-bottom: 2px solid #a5a5a5;
    /*background-color: #f9f9f9;*/
}

.account-block-bottom {
    /*background: url(../Images/account-block-bottom.gif) no-repeat left top;*/
    height: 8px;
}

.depositOverview_smallheader {
    font-size: 18px;
    font-family: 'Open sans', "Arial Rounded MT Bold normal", Arial, Verdana, sans-serif;
    font-weight: 300;
}

.test-account-block {
    /*background: url(../Images/test-account-block-bg.gif) no-repeat left top;*/
    min-height: 70px;
}

    .test-account-block .account-name {
    }

    .test-account-block .account-type {
        padding-left: 45px;
        color: #6F6F6F;
    }

.account-arrow {
    position: absolute;
}

.new-account {
    margin: 3px 0 3px 0;
    padding: 5px;
}

.inactive table th {
    width: 270px !important;
}

.account-block table th {
    width: 380px;
}

.account-block table {
    width: 570px;
    margin: 7px 12px;
}

.info-text {
    float: left;
    clear: left;
    text-align: center;
    width: 332px;
    padding-left: 306px;
}

.account-block-info-row {
    float: left;
    margin-top: 15px;
}

.right-corner-top-links {
    width: 267px;
    float: left;
    text-align: right;
}

.right-corner-top-links-wide {
    width: 895px;
}

.sell-button {
    width: 33px;
    height: 20px;
}

/* shopping basket */
/*#basket {
    position: absolute;
    width: 970px;
    bottom: 0;
    z-index: 9999;
}

div > div#basket {
    position: fixed;
}

.basket-content {
    float: left;
    width: 958px;
    margin-left: 8px;
}

    .basket-content .top {
        float: left;
        background: url(../Images/basket-top.png) no-repeat bottom left;
        width: 958px;
        height: 8px;
    }

#basketContent {
    float: left;
    background: url(../Images/basket-middle.png) repeat-y 0 0;
    width: 942px;
    height: 35px;
    padding: 0 8px 0 8px;
}

    #basketContent .fundblock {
        float: left;
        height: 29px;
        margin-left: 16px;
        margin-right: -11px;
    }

        #basketContent .fundblock .left {
            float: left;
            background: #CCCCBC url(../Images/fundblock-left.gif) no-repeat bottom left;
            width: 13px;
            height: 29px;
        }

        #basketContent .fundblock .middle {
            float: left;
            background: #CCCCBC;
            height: 29px;
        }

        #basketContent .fundblock .right {
            float: left;
            background: #CCCCBC url(../Images/fundblock-right.gif) no-repeat bottom right;
            width: 13px;
            height: 29px;
        }

    #basketContent .fundblock-selected .left {
        background: #2D5C35 url(../Images/fundblock-left-selected.gif) no-repeat bottom left;
    }

    #basketContent .fundblock-selected .middle {
        background: #5b8160;
    }

    #basketContent .fundblock-selected .right {
        background: #2D5C35 url(../Images/fundblock-right-selected.gif) no-repeat bottom right;
    }

    #basketContent .go-buy {
        float: right;
        margin-top: -20px;
        margin-right: 110px;
    }

    #basketContent .toggle {
        float: right;
    }

    #basketContent .content-left {
        float: left;
        width: 910px;
        margin-left: 16px;
    }

    #basketContent .wide-content-left {
        width: 900px;
    }

        #basketContent .wide-content-left table {
            width: 910px;
        }

    #basketContent .content-right {
        float: right;
        width: 215px;
        margin-top: 18px;
        margin-right: 10px;
    }

        #basketContent .content-right select {
            float: left;
            border: 1px solid #9C9C9C;
            margin: 0 0 1em 0;
            padding: 0;
            width: 204px;
        }

    #basketContent .content-left table.buy {
        float: left;
        width: 658px;
        margin-top: 16px;
        margin-bottom: 40px;
    }

        #basketContent .content-left table.buy thead td {
            padding-bottom: 3px;
        }

        #basketContent .content-left table.buy tbody th, #basketContent .content-left table.buy tbody td {
            border-bottom: 1px solid #E5E5E5;
            padding: 0 3px 4px 0;
            text-align: center;
        }

        #basketContent .content-left table.buy .fund {
            text-align: left;
        }

        #basketContent .content-left table.buy .fund {
            width: 287px;
        }

        #basketContent .content-left table.buy .rate {
            width: 67px;
        }

        #basketContent .content-left table.buy .trash {
            border-bottom: none;
            width: 17px;
            padding-top: 3px;
            text-align: right;
        }

.basket-buttons-bottom {
    float: left;
    width: 910px;
}

.basket-buttons {
    width: 200px;
    padding-top: 2px;
}

.basket-buttons-compare {
    width: 120px;
}

.basket-buttons-compare-last {
    margin-right: 25px;
    margin-bottom: 30px;
}


.basket-buttons span {
    width: 200px;
    display: block;
    height: 25px;
}

.basket-buttonlink {
    font-weight: bold;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9');
    background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#f9f9f9)); 
    background: -webkit-linear-gradient(top, #ffffff, #f9f9f9); 
    background: -moz-linear-gradient(top, #ffffff, #f9f9f9); 
    background: -o-linear-gradient(top, #ffffff, #f9f9f9); 
    background: linear-gradient(top, #ffffff, #f9f9f9); 
    background-color: #f9f9f9;
    border: 1px solid #d0d0cf;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    display: block;
    width: 120px;
    text-align: center;
}

.basket-error-box {
    color: #b94a48;
    font-size: 12px !important;
    padding: 5px 5px 5px 30px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 10px;
    width: 625px;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-image: url(../Images/Icons/error.png);
}*/


.grey-thin-button {
    text-align: center;
    width: 200px;
    padding-top: 2px;
}

    .grey-thin-button span {
        float: left;
        background: url(../Images/thin-button-grey-left.gif) no-repeat left top;
        padding: 5px 4px;
        height: 25px;
    }

        .grey-thin-button span a {
            background: url(../Images/thin-button-grey-right.gif) no-repeat right top;
            padding: 4px 20px 8px 16px;
        }

.userbasket-selectlist {
    font: normal 11px arial, verdana, sans-serif;
    border: 1px solid #E5E7DC;
    margin: 0;
    padding: 0;
}

.userbasket-devlopment {
    width: 64px;
}

.userbasket-fee {
    width: 48px;
}

.userbasket-deposit {
    width: 99px;
}

.monthlysavings-disclaimer {
    background-color: white;
    padding: 10px;
    border-radius: 10px;
}

/* sliders */
.slider-monthly-savings {
    background: url(../Images/slider-background.png) no-repeat center left;
    width: 348px;
}

.slider-step-10 {
    background: url(../Images/slider-bg-10.gif) no-repeat center left;
    width: 152px;
}

.ui-slider-1 {
    position: relative;
    height: 23px;
}

.ui-slider-monthly-savings {
    position: relative;
    height: 34px;
    outline: none;
    float: left;
}

/* LABELS FOR MONTHLY SLIDERS */
.lblInsertedAmount {
    left: 25px;
    position: absolute;
    text-align: center;
    width: 100px;
}

    .lblInsertedAmount:after {
        content: "kr";
    }

.lblRevenue {
    left: 90px;
    position: absolute;
    text-align: center;
    width: 100px;
}

    .lblRevenue:after {
        content: "%";
    }

.lblYearAmount {
    left: 25px;
    position: absolute;
    text-align: center;
    width: 100px;
}

    .lblYearAmount:after {
        /*content: "år";*/
    }

.big-header {
    color: #606060;
    font-size: 2.5em !important;
    font-weight: 400 !important;
    font-family: 'Open sans', "Arial Rounded MT Bold normal", Arial, Verdana, sans-serif;
}

.fundkit-box {
    position: relative;
    margin-left: 10px;
    margin-right: 5px;
    width: 292px;
    border: 1pt solid #d6d6d6;
    border-radius: 5px;
    height: 700px;
    float: left;
    overflow: auto;
}

.fundkit-image {
    position: absolute;
    top: 12px;
    left: -40px;
}



.fundkit-choose {
    position: absolute;
    right: 10px;
    top: 85px;
}

.fundkit-risk {
    position: absolute;
    right: 22px;
    top: 160px;
}

.fundkit-info {
    margin-top: 226px;
    padding: 25px;
    font-size: 1.4em;
    font-family: 'Open sans';
    line-height: 1.5em;
    font-weight: 300;
}


.fundkit-infoheader {
    color: #5b5b5b;
    font-size: 16px;
    font-family: 'Open sans';
    font-weight: 600;
}

.mmbody .fundkit-infoheader {
    text-align: center;
    font-size: 18px;
    font-weight: 900;
}

.fundkit-disclaimer {
    font-family: 'Open sans';
    font-size: 1.3em;
    line-height: 1.3em;
    position: relative;
    padding: 20px;
    border: 1pt solid #d6d6d6;
    border-radius: 5px;
    float: left;
    overflow: hidden;
}

.fortypercentgraygradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');
    background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#e7e7e7)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff 50%, #e7e7e7); /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #ffffff 50%, #e7e7e7); /* FF3.6+ */
    background: -o-linear-gradient(top, #ffffff 50%, #e7e7e7); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 50%, #e7e7e7); /* W3C */
    background-color: #ffffff;
}

.fortypercentbluegradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1eaf2');
    background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#e1eaf2)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff 60%, #e1eaf2); /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #ffffff 60%, #e1eaf2); /* FF3.6+ */
    background: -o-linear-gradient(top, #ffffff 60%, #e1eaf2); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 60%, #e1eaf2); /* W3C */
    background-color: #ffffff;
}

.fortypercentyellowgradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fdf5d8');
    background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#fdf5d8)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff 60%, #fdf5d8); /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #ffffff 60%, #fdf5d8); /* FF3.6+ */
    background: -o-linear-gradient(top, #ffffff 60%, #fdf5d8); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 60%, #fdf5d8); /* W3C */
    background-color: #ffffff;
}

.fortypercentredgradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6e7e1');
    background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#f6e7e1)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff 60%, #f6e7e1); /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #ffffff 60%, #f6e7e1); /* FF3.6+ */
    background: -o-linear-gradient(top, #ffffff 60%, #f6e7e1); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 60%, #f6e7e1); /* W3C */
    background-color: #ffffff;
}


.ui-slider-handle-monthly-savings {
    position: absolute;
    /*background-image: url(../Images/slider-handle2.png);*/
    cursor: pointer;
    height: 34px;
    width: 16px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 10;
    top: 0px;
    left: 0px;
}


.ui-slider-handle-revenue {
    position: absolute;
    /*background-image: url(../Images/slider-handle2.png);*/
    cursor: pointer;
    height: 34px;
    width: 16px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 10;
    top: 0px;
    left: 0px;
}

.ui-slider-handle-yearamount {
    position: absolute;
    /*background-image: url(../Images/slider-handle2.png);*/
    cursor: pointer;
    height: 34px;
    width: 16px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 10;
    top: 0px;
    left: 0px;
}

.slider-inner-rail-blue {
    pointer-events: none;
    border-radius: 5px;
    position: relative;
    background-image: url(../Images/slider-blue.png);
    height: 9px;
    left: 13px;
    width: 35px;
    top: 22px;
    z-index: 1;
}

.slider-inner-rail-red {
    pointer-events: none;
    border-radius: 5px;
    position: relative;
    background-image: url(../Images/slider-red.png);
    height: 9px;
    left: 13px;
    width: 92px;
    top: 22px;
    z-index: 1;
}

.slider-inner-rail-green {
    pointer-events: none;
    border-radius: 5px;
    position: relative;
    background-image: url(../Images/slider-green.png);
    height: 9px;
    left: 13px;
    width: 32px;
    top: 22px;
    z-index: 1;
}


.ui-slider-header {
    font-size: 1.6em !important;
    font-family: 'Open sans' !important;
    font-weight: 300;
}

.blue {
    color: #658eaa;
}

.red {
    color: #c76d4a;
}

.green {
    color: #5a8160;
}

.monthly-savings-total-wrapper {
    width: 350px;
}

    .monthly-savings-total-wrapper div {
        margin: 5px;
    }

.lightgrayline {
    height: 1px;
    border-top: 1pt dashed #5a8160;
    width: 100%;
}

.ui-slider-handle {
    position: absolute;
    background-image: url(../Images/slider-handle.png);
    cursor: pointer;
    height: 26px;
    width: 13px;
    top: 0px;
    left: 0px;
}

.second-handle {
    left: 139px;
}

/* general classes */
.float-clear {
    clear: both;
}

.align-right {
    text-align: right !important;
}

.bottom-aligned {
    vertical-align: bottom;
}

.inner-container-thin-top-vertical-divider table {
}

    .inner-container-thin-top-vertical-divider table tbody th {
    }

    .inner-container-thin-top-vertical-divider table tbody td {
    }

    .inner-container-thin-top-vertical-divider table .col-1 {
        width: 170px;
    }

    .inner-container-thin-top-vertical-divider table .col-2 {
        width: 160px;
        text-align: center;
    }

    .inner-container-thin-top-vertical-divider table .col-3 {
        width: 40px;
    }

    .inner-container-thin-top-vertical-divider table .col-4 {
        width: 332px;
    }

    .inner-container-thin-top-vertical-divider table .col-5 {
        width: 160px;
        text-align: center;
    }

.less-padding .inner-container-thin-top-vertical-divider table th, .less-padding .inner-container-thin-top-vertical-divider table td {
    padding: 10px 0 9px;
}

.less-padding .inner-container-thin-top-vertical-divider table tr.contains-arrow td {
    padding: 4px 0 0 0;
}

.three-col-large-left .header-column {
    padding: 10px 0 5px !important;
}

.inner-container-thin-top-vertical-divider table th, .inner-container-thin-top-vertical-divider table td {
    border-bottom: solid 1px #dfdfdd;
    padding: 1em 0;
}

.inner-container-thin-top-vertical-divider table {
    margin: 0 0 0 21px;
    width: 700px;
}

.no-border {
    border: none !important;
}

.inner-container-thin-top-vertical-divider table {
    float: left;
}

.meter-container {
    float: right;
    width: 141px;
    text-align: center;
    margin-top: 10px;
    margin-right: 1px;
}

    .meter-container div {
        float: right;
        text-align: center;
    }

        .meter-container div img {
            padding-top: 5px;
            margin-right: 29px;
            margin-bottom: 15px;
        }

.left-reminder {
    background: url(../Images/reminder-arrow-left-arrow.png) no-repeat top left;
    padding: 0px;
    margin: 0px;
}

.left-reminder-top {
    background: url(../Images/reminder-arrow-left-top.png) no-repeat top right;
    padding-top: 4px;
    padding-bottom: 1px;
    padding-left: 15px;
    margin-left: 11px;
}

.left-reminder-bottom {
    height: 3px;
    background: white url(../Images/reminder-arrow-left-bottom.png) no-repeat top right;
    margin-left: 11px;
}

.left-reminder-fixed-width {
    width: 400px;
    float: left;
    margin-left: 10px;
}

.align-right .reminder-arrow {
    float: right;
}

.right-reminder {
    background: url(../Images/reminder-arrow-right-arrow.png) no-repeat top right;
    padding: 0px;
    margin: 0px;
    width: 300px;
}

.right-reminder-top {
    background: url(../Images/reminder-arrow-right-top.png) no-repeat top left;
    padding-top: 4px;
    padding-bottom: 1px;
    margin-right: 11px;
    padding-right: 11px;
}

.right-reminder-bottom {
    height: 3px;
    background: url(../Images/reminder-arrow-right-bottom.png) no-repeat top left;
    margin-right: 11px;
}

.risk-profile {
    margin-top: 25px;
}

.disclaimer .narrow-header-thin img {
    float: left;
    padding-top: 17px;
}

.align-left {
    text-align: left !important;
}

/*OVERLAY SEARCH*/
.overlay-search table {
    width: 740px;
}

.overlay-search .content {
}

.overlay-search table .column-one {
    width: 440px;
}

.overlay-search table .column-two {
    width: 100px;
}

.overlay-search table .column-three {
    width: 246px;
}

.overlay-search table .column-four {
    width: 70px;
}

.overlay-search form {
    margin-bottom: 15px;
}

.overlay-search input, .overlay-search select {
    margin-right: 10px;
}

.overlay-search .search-field {
    width: 250px;
}

.overlay-search .dropdown {
    width: 170px;
}

.align-bottom {
    vertical-align: bottom;
}

/*PAGINATION*/
.pagination {
    width: 609px;
    margin-top: 2px;
    padding-left: 155px;
    padding-top: 20px;
    margin-bottom: 20px;
    clear: both;
    height: 30px;
}

.overlay-search .pagination {
    width: 585px;
}

.search-result-filter-box .pagination {
    width: 336px;
    margin-top: 2px;
    padding-left: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    clear: none !important;
    height: 30px;
    float: left;
    height: 100px;
    width: 336px;
}

    .search-result-filter-box .pagination ul {
        margin: 0;
        padding: 0;
    }

/*new working general pagination*/
.general-pagination {
    width: 700px;
    margin: 0px auto;
    position: relative;
    margin-top: 10px;
}

    .general-pagination .pre-pagination {
        padding-top: 6px !important;
        margin-top: 0px !important;
        font-size: 10px;
        width: 160px;
    }

    .general-pagination .post-pagination {
        margin-top: 0px !important;
        font-size: 10px;
        width: 160px;
    }

    .general-pagination .pagination {
        width: 336px !important;
        padding-left: 0px !important;
        padding-top: 3px;
        margin: 0 auto; /* bottom 10px;*/
        clear: none !important;
        float: left;
        height: 30px;
        width: 336px;
    }

        .general-pagination .pagination ul {
            margin: 0 !important;
            padding: 0 !important;
        }
/*new working general pagination*/

.pagination ul {
    list-style: none;
}

.pagination span {
    float: left;
    padding-top: 2px;
    padding-right: 5px;
}

.pagination ul li {
    float: left;
    padding: 0 0 0 2px;
    background: url(../Images/pagination-bg-left.gif) no-repeat left top;
    margin-left: 6px;
}

    .pagination ul li a {
        background: url(../Images/pagination-bg-right.gif) no-repeat right top;
        display: block;
        padding: 3px 6px 5px 4px;
    }

    .pagination ul li.plain-text {
        padding-top: 1px;
        background: none;
    }

        .pagination ul li.plain-text a {
            background: none;
            display: inline;
        }

        .pagination ul li.plain-text span {
            padding-top: 1px;
        }

.risk-profile-description #risk-img {
    margin-left: 27px;
    float: left;
}

.risk-profile-description p {
    padding-right: 200px;
    padding-left: 150px;
}

.nested-table-two-col .left-col {
    width: 220px;
}

.narrow-fund-listing {
    width: 520px;
}

    .narrow-fund-listing .col3 {
        width: 120px;
    }

    .narrow-fund-listing .col1 {
        width: 280px;
    }

.no-bottom-padding {
    vertical-align: bottom;
}

.narrow-fund-listing {
    padding-bottom: 20px;
    float: left;
}

.briefcase-recommend .top {
    float: left;
    background: url(../Images/briefcase-recommend-top.gif) no-repeat bottom left;
    width: 924px;
    height: 6px;
}

.briefcase-recommend .middle {
    float: left;
    background: url(../Images/briefcase-recommend-middle.gif) repeat-y 0 0;
    width: 924px;
}

.briefcase-recommend .bottom {
    float: left;
    background: url(../Images/briefcase-recommend-bottom.gif) no-repeat 0 0;
    width: 924px;
    height: 20px;
    margin-bottom: 10px;
}

.briefcase-recommend-left {
    float: left;
    background: url(../Images/briefcase_rec_left.gif) repeat-x bottom left;
    display: inline;
    width: 613px;
    margin-left: 2px;
    padding: 15px;
}

    .briefcase-recommend-left .risk {
        float: right;
        display: inline;
        width: 95px;
        text-align: center;
    }

        .briefcase-recommend-left .risk .risk-image {
            margin-bottom: 20px;
        }

    .briefcase-recommend-left table .advice-table-header th, .narrow-fund-listing .advice-table-header th {
        border-bottom: 1px solid #EFEFEF;
        padding: 0 8px 0 4px;
    }

    .briefcase-recommend-left table .funds, .narrow-fund-listing .funds {
        border-bottom: 1px solid #EFEFEF;
        width: 386px;
        padding: 0 4px 0 4px;
    }

    .briefcase-recommend-left table .shareholding, .narrow-fund-listing .shareholding {
        border-bottom: 1px solid #EFEFEF;
        text-align: right;
        padding: 0 8px 0 0;
    }

.narrow-fund-listing .shareholding {
    text-align: left;
    padding-left: 8px !important;
}

.briefcase-recommend-right {
    float: right;
    display: inline;
    width: 270px;
    margin-right: 5px;
    padding: 15px 0 15px 0;
}

.briefcase-recommend-left table .buy-fund {
    border-bottom: 1px solid #EFEFEF;
    width: 386px;
    padding: 0 4px 0 4px;
}

.briefcase-recommend-left table .buy-value {
    border-bottom: 1px solid #EFEFEF;
    padding: 0 4px 0 4px;
    text-align: right;
}

#fund-info-popup {
    position: absolute;
    background: transparent url(../Images/fund-info-popup-bg.png) no-repeat 0 5px;
    width: 406px;
    height: 210px;
}

    #fund-info-popup .close {
        float: right;
        display: inline;
        width: 22px;
        height: 20px;
    }

#fund-info-popup-content {
    float: left;
    display: inline;
    width: 367px;
    height: 162px;
    margin: 17px 0 0 15px;
}

    #fund-info-popup-content table {
        float: left;
        display: inline;
        width: 180px;
    }

        #fund-info-popup-content table.right {
            float: right;
        }

        #fund-info-popup-content table th {
            width: 85px;
        }

        #fund-info-popup-content table th, #fund-info-popup-content table td {
            padding: 4px 0 5px 0;
        }

/*narrow  box overlay*/
.centered-inner-column div.narrow-box {
    width: 511px;
}

.narrow-box .narrow-box-top {
    background: url(../Images/narrow-grey-box-top.gif) no-repeat top left;
    height: 5px;
    margin: 10px 0 0 0;
    padding: 0;
}

.narrow-box .narrow-box-content {
    background: url(../Images/narrow-grey-box-bg.gif) repeat-y top left;
    text-align: center;
    padding: 10px 0;
}

.narrow-box .narrow-box-bottom {
    background: url(../Images/narrow-grey-box-bottom.gif) no-repeat top left;
    height: 5px;
    margin-bottom: 10px;
}

.narrow-box .narrow-box-content-notop-pad {
    padding-top: 0 !important;
}

.contains-buttons {
    padding: 15px 0;
}

.narrow-box-content input {
    width: 180px;
    margin-top: 4px;
}

.narrow-box-centered-text {
    padding-right: 29px;
}

.centered-inner-column .narrow-box-centered-text {
    width: 511px;
    margin-bottom: 15px;
}

.narrow-box-content label {
    margin-left: -19px;
}

.centered-inner-column .content {
    padding-left: 150px;
}

    .centered-inner-column .content div {
        width: 511px;
        text-align: center;
    }

.top-right-link {
    float: right !important;
    padding-right: 10px;
    clear: both;
}

.narrow-box-content div.confirm-text {
    clear: both;
}

.inner-container-thin-top-vertical-divider table.three-col-large-left .col-1 {
    width: auto;
}

.inner-container-thin-top-vertical-divider table.three-col-large-left .col-2 {
    width: 155px;
    text-align: center;
}

.inner-container-thin-top-vertical-divider table.three-col-large-left .col-3 {
    width: 35px;
}

.inner-container-thin-top-vertical-divider table.three-col-large-left td.percent {
    text-align: right;
    width: 35px;
}

.inner-container-thin-top-vertical-divider table.three-col-large-left td.traschcan {
    width: 35px;
}

.inner-container-thin-top-vertical-divider table.three-col-large-left th.fund-name {
    width: 445px;
}

.inner-container-thin-top-vertical-divider table.three-col-large-left td.slider {
    width: 155px;
}

.container-bottom-links {
    /*position: absolute;*/
    margin-left: 10px;
    margin-top: 5px;
}

.visibility-hidden {
    visibility: hidden;
}

.float-left {
    float: left;
}

/*SEARCH RESULT FILTER PAGE*/
.search-result-filter-box .row-content {
    background: url(../Images/filter-box-bg.gif) repeat-y top right;
}

.simple-horizontal-menu {
    margin: 0;
    padding: 0;
    float: left;
    width: 717px;
}

    .simple-horizontal-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .simple-horizontal-menu ul li {
            float: left;
            border-left: 1px solid #d1d1d1;
        }

            .simple-horizontal-menu ul li.last {
                border-right: 1px solid #d1d1d1;
            }

            .simple-horizontal-menu ul li.selected {
                background: #f8f8f7;
            }

            .simple-horizontal-menu ul li a {
                display: block;
                padding: 2px 18px 5px 18px;
            }

.filter-result {
    float: left;
    width: 700px;
}

.filter-alternative-column {
    padding-top: 10px;
    width: 194px;
    float: right;
}

.filter-result {
    margin-top: 20px;
}

.filter-result-col1 {
    width: 20px;
}

.filter-result-col2 {
    width: 270px !important;
}

.filter-result-perf-col2 {
    width: 222px !important;
}

.filter-result-risk-col2 {
    width: 350px !important;
}

.filter-result-fact-col2 {
    width: 216px !important;
}

.search-result-table th img {
    margin-left: 1px;
}

.filter-result-col3 {
    text-align: right;
    padding-right: 15px;
}

.filter-result-col4 {
    padding-left: 5px;
}

.filter-result-col5 {
    text-align: center;
}

.filter-result-col6 {
    text-align: center;
}

.filter-result-col6a {
    text-align: center;
}

.filter-result-col6b {
    width: 120px;
    text-align: center;
}

.filter-result-col7 {
    width: 82px;
}

.filter-result-col8 {
    width: 5px;
}

.filter-result tbody td {
    text-align: center;
}

.rate-column {
    text-align: right !important;
    padding-right: 15px;
}

.filter-result .header th {
    vertical-align: bottom;
    height: 28px;
}

.filter-result td, .filter-result th {
    border-top: solid 1px #d1d1cd;
}

.filter-result .header th {
    border-top: 0;
}

.divider-table-row {
    height: 2.1em;
}

.no-background {
    background: none !important;
}

.hover-left-corner {
    background: url(../Images/hover-left-corner.gif) no-repeat top right !important;
}

.hover-right-corner {
    background: url(../Images/hover-right-corner.gif) no-repeat top left !important;
}

.search-result-table {
    width: 708px;
    table-layout: fixed;
}

.depositproprietor {
    width: 923px !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9');
    background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#f9f9f9)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #f9f9f9); /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #ffffff, #f9f9f9); /* FF3.6+ */
    background: -o-linear-gradient(top, #ffffff, #f9f9f9); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff, #f9f9f9); /* W3C */
    background-color: #f9f9f9;
    padding: 5px !important;
    margin-left: 11px;
    border: 1px solid #DADAD6;
    margin-bottom: 10px;
}

    .depositproprietor td, .depositproprietor th {
        padding: 5px;
    }

.pre-pagination {
    clear: left;
    width: 160px;
    float: left;
    padding-top: 8px;
    padding-left: 20px;
}

.post-pagination {
    float: left;
    width: 178px;
    text-align: right;
}

.filter-alternative-column {
    /*	border-bottom:solid 1px #e0e0e0;*/
}

.toggle-selected-filter {
    display: block;
    border: solid 1px #e0e0e0;
    border-bottom: none;
    padding-left: 22px;
    background: url(../Images/grey-arrow-right.gif) no-repeat 0.8em 0.6em;
}

.toggle-selected-filter-last {
    border-bottom: solid 1px #e0e0e0 !important;
}

.filter-alternative-column a.selected {
    background: url(../Images/grey-arrow-down.gif) no-repeat 0.7em 0.6em;
}

.selected-filter-alternative {
    background: url(../Images/selected-filter-alternative-bg.gif) repeat-y top left;
    border-bottom: solid 1px #e0e0e0;
    display: none;
}

.selected-filter-alternative-top {
    background: url(../Images/selected-filter-alternative-top-bg.gif) no-repeat top left;
    height: 3px;
}

.selected-filter-alternative .content {
    min-height: 20px;
    height: auto !important;
    height: 20px;
    padding-top: 12px !important;
    width: 179px !important;
}

.search-thick-header {
    float: left;
    display: inline;
}

.filter-inactivate {
    float: right;
    background: none !important;
    border: 0 !important;
    margin: 0 6px 0 0 !important;
}

.filter-grade {
    position: relative;
    background: url(../Images/filter-grade.gif) no-repeat left top;
    width: 111px;
    margin: 0 auto;
}

    .filter-grade td {
        width: 21px;
        text-align: center;
    }

.filter-slider {
    position: relative;
    width: 160px;
    padding-left: 12px;
    margin-bottom: 15px;
}

    .filter-slider .ui-slider-handle div {
        margin-top: 30px;
    }

.filter-timeperiod {
    float: left;
    border: 1px solid #9C9C9C;
    width: 72px;
    margin-top: -5px;
    margin-left: 10px;
    padding: 1px 0 1px 0;
}

.filter-timeperiod-space {
    clear: both;
    margin-bottom: 15px;
}

.filter-risk {
    position: relative;
    width: 175px;
    padding-left: 5px;
    margin-bottom: 5px;
}

    .filter-risk .float-right {
        float: right;
        width: 90px;
    }

        .filter-risk .float-right td {
            vertical-align: top;
        }

.risk-profile {
    margin-top: 10px;
    margin-left: 8px;
}

    .risk-profile td {
        vertical-align: top;
    }

.filter-scroll {
    background: #FDFDFB;
    border: 1px solid #BEBEBC;
    border-width: 1px 0 1px 1px;
    width: 176px;
    margin-bottom: 5px;
    overflow: auto;
}

    .filter-scroll ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 158px;
    }

        .filter-scroll ul input {
        }

        .filter-scroll ul .colored {
            background: #F6F6F4;
        }

.filter-fundcompanies {
    height: 153px;
}

.filter-subcategories-scroll {
    height: 150px;
}

fieldset.subcategories {
    border: 0;
    margin: 0;
    padding: 0 0 8px 0;
}

    fieldset.subcategories fieldset {
        border: 0;
        margin: 0 0 0 15px;
        padding: 0;
    }

    fieldset.subcategories input {
    }

/*DINA KONTON DETALJERAD VY*/
.funds-detailed-view tbody td {
    background: url(../Images/detailed-row-bg.gif) repeat-x left center;
}

    .funds-detailed-view tbody td span {
        line-height: 9px;
    }

.funds-detailed-view tbody tr {
    height: 33px;
}

.funds-detailed-view thead tr th {
    height: 33px;
    vertical-align: bottom;
    padding-bottom: 4px;
}

.funds-detailed-view {
    margin: 2px 0 8px 0px !important;
    width: 896px;
}

.detailed-col3 img {
    margin-right: 5px;
    vertical-align: bottom;
    padding-bottom: 1px;
}

/*tbody*/
.detailed-col1 {
    height: 30px;
    width: 40px;
    background: none !important;
}

    .detailed-col1 img {
        float: right;
        margin-right: 1px;
    }

.detailed-col2 {
    width: 148px;
    padding-left: 10px;
    background: url(../Images/detailed-row-bg-left.gif) no-repeat left center !important;
}

.detailed-col3 {
    width: 102px;
}

.detailed-col4 {
    width: 90px;
}

.detailed-col5 {
    width: 80px;
    text-align: right;
}

.detailed-col6 {
    width: 95px;
    text-align: right;
}

.detailed-col7 {
    width: 93px;
    text-align: right;
}

.detailed-col8 {
    padding-right: 30px;
    width: 75px;
    text-align: right;
    background: url(../Images/detailed-row-bg-right.gif) no-repeat right center !important;
}

.detailed-col9 {
    width: 85px;
    text-align: right;
}

.detailed-col10 {
    background: url(../Images/detailed-row-bg-right-last.gif) no-repeat right center !important;
    width: 45px;
    text-align: right;
    padding-right: 20px;
}

.funds-detailed-view tbody .sum-row td {
    background: none !important;
}

.sum-row-flat, .sum-row-flat th, .sum-row-flat td {
    height: 15px !important;
}

.detailed-head-col9-10 a.dropdown-top {
    display: block;
    margin-right: 10px;
    padding-top: 10px;
    background: url(../Images/drop-down-small.gif) no-repeat right bottom;
}

/*theader*/

.detailed-head-col1 {
    width: 40px;
}

.detailed-head-col2 {
    width: 158px;
}

.detailed-head-col3 {
    width: 102px;
}

.detailed-head-col4 {
    width: 90px;
}

.detailed-head-col5 {
    width: 80px;
    text-align: right;
}

.detailed-head-col6 {
    width: 95px;
    text-align: right;
}

.detailed-head-col7 {
    width: 93px;
    text-align: right;
}

.detailed-head-col8 {
    width: 75px;
    text-align: right;
    padding-right: 30px;
}

.detailed-head-col9-10 {
    width: 125px;
    text-align: center;
}

/*OPEN NEW ACCOUNT OVERLAY*/
.new-account-box {
    /*	float: left;
	width: 303px;
	height: 121px;
	margin: 10px 20px 10px 0;
	background: url(../Images/new-account-box-bg.gif) no-repeat top left;
	padding: 10px 20px 0px 20px;

       
    */
    clear: both;
    margin-top: 10px;
    width: 717px;
    padding: 10px;
    border: 1px solid #e3e3e2;
    border-radius: 5px;
    min-height: 65px;
}

.new-account-box-top {
    height: 90px;
}

.new-account-box-bottom a {
    padding-top: 10px;
}

.new-account-narrow-content .preamble {
    width: 630px;
}

.narrow-content-inner-container {
    background: url(../Images/narrow-content-inner-container-bg.gif) repeat-y top left;
    width: 749px;
}

    .narrow-content-inner-container .inner-container-content {
        background: url(../Images/narrow-content-inner-container-bg.gif) repeat-y top left;
        padding: 5px 10px 15px 10px;
    }

.inner-container-content .grey-button-flat {
    /*margin-left: 10px;*/
}

.narrow-content-inner-container-top {
    background: url(../Images/narrow-content-inner-container-top.gif) no-repeat top left;
    height: 6px;
    width: 749px;
}

.narrow-content-inner-container-bottom {
    height: 4px;
    background: url(../Images/narrow-content-inner-container-bottom.gif) no-repeat top left;
    margin-bottom: 16px;
}

.form-block {
    width: 290px;
    float: left;
}

.form-block-wide {
    width: 340px;
    float: left;
    padding-bottom: 5px;
}

.form-block label {
    width: 290px;
    display: block;
    padding-bottom: 3px;
}

.same-row label {
    width: 100px !important;
    display: inline !important;
}

.same-row .bank-name {
}

.inner-container-content {
    float: left;
    width: 729px;
}

    .inner-container-content table {
    }

.horizontal-divider {
    height: 20px;
    background: url(../Images/horizontal-divider-bg.gif) repeat-x center left;
}

.dotted-horizontal-divider {
    height: 20px;
    background: url(../Images/dotted-horizontal-divider.gif) repeat-x center left;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.left-float-fixed-width {
    float: left;
    width: 570px;
}

.new-account-narrow-content p {
/*    width: 660px; */
}

.new-account-narrow-content .new-account-box p {
    width: 590px;
}

.new-account-narrow-content .large-field {
    width: 245px;
}

.new-account-narrow-content .narrow-field {
    width: 180px;
}

.new-account-narrow-content .small-field {
    width: 50px;
}

.new-account-narrow-content .medium-field {
    width: 115px;
}

.no-padding-left {
    padding-left: 0 !important;
}

.left-padding-10 {
    padding-left: 10px !important;
}

.new-account-narrow-content .inner-container-content label {
    padding-left: 0px;
    padding-top: 10px;
    pointer-events:none;
}

.new-account-narrow-content-white-bg ul, .inner-container-content ul {
    /*padding: 0;
	margin: 0;*/
    list-style-image: url("../Images/small-bullet.gif");
}

    .new-account-narrow-content-white-bg ul li, .inner-container-content ul li {
        list-style-type: none;
        /*background: url(../Images/small-bullet.gif) no-repeat center left;
	padding-left: 10px;*/
    }

        .inner-container-content ul li div {
            float: left;
            width: 350px;
        }

.account-info-text {
    padding-top: 15px;
}

.new-account-narrow-content-white-bg .account-info-text {
    padding-top: 15px;
    padding-bottom: 15px;
}

.large-bottom-margin {
    margin-bottom: 25px;
}

.dropdown-width-230-styled .head-option {
    font-weight: bold;
    padding-left: 10px;
}

.dropdown-width-230-styled option {
    padding-left: 30px;
}

.option-divider {
    background: url(../Images/option-divider.gif) repeat-x center left !important;
}

.margin-over {
    margin-top: 4px;
}

/*OVERLAY NO BORDER*/

.medium-width-no-border {
    width: 870px;
}

.medium-width-header {
    /*width:870px!important;*/
    width: 880px !important;
    /*background: url(../Images/medium-width-header-no-border.png) no-repeat left bottom !important;*/
    height: 60px;
    padding-right: 0px;
    margin-left: 0 !important;
    margin-top: 5px !important; /*25*/
    border: 1px solid #e3e3e2;
    border-radius: 5px;
}

.medium-width-no-border .content {
    background: url(../Images/medium-width-content-bg-no-border.png) repeat-y left top !important;
    width: 858px;
    padding-bottom: 1px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0px;
}

.medium-width-bottom {
    background: url(../Images/medium-width-bottom-no-border.png) no-repeat left top !important;
    height: 7px;
}

.collapsible-row-header {
    background: #f7f7f8 url(../Images/collapsible-row-header-bg.gif) repeat-x left top !important;
    border-top: solid 1px #d5d5d5;
    height: 1.9em;
    margin-left: 2px;
    margin-right: 2px;
}

.collapsible-row-header-no-bg {
    background: none !important;
}

.no-background {
    background: none !important;
}

.toggle-collapsible-row {
    display: block;
    padding-left: 18px;
    padding-top: 0.4em;
    background: url(../Images/Icons/plus.png) no-repeat 0.6em 0.45em;
}

.toggle-collapsible-row-selected {
    background: url(../Images/Icons/minus.png) no-repeat 0.6em 0.45em;
}

.collapsible-row-content {
    display: none;
    padding: 0 25px 25px 25px;
}

    .collapsible-row-content td, .collapsible-row-content th {
        text-align: right;
    }

        .collapsible-row-content th img {
            margin-left: 2px;
            vertical-align: middle;
        }

        .collapsible-row-content th status {
            text-align: right;
        }

    .collapsible-row-content table {
        margin-left: 22px;
    }

    .FM-panel .collapsible-row-content table {
        margin-left: 0;
    }

#row-1 table {
    margin-left: 0px !important;
}

.collapsible-row-content .col1 {
    width: 18px;
}

.collapsible-row-content .col2 {
    width: 20px;
}

.collapsible-row-content .col3 {
}

.collapsible-row-content .col4 {
    width: auto !important;
}

.collapsible-row-content .col5 {
    width: 78px;
}

.collapsible-row-content .col6 {
    width: 78px;
}

.collapsible-row-content .col7 {
    width: 84px;
}

.collapsible-row-content .col8 {
    width: 70px;
}

.collapsible-row-content .col9 {
    width: 80px;
}

.holdings-container .col2 {
    width: 10px;
}

.holdings-container .col7 {
    width: 80px;
}

.holdings-container .col8 {
    width: 58px;
}

.holdings-container .col9 {
    width: 64px;
}

.orders-container col4 {
    padding-right: 5px;
}

.five-column-container {
    margin: 20px 0;
    width: 804px;
    background: url(../Images/five-column-grey-bg-border.gif) no-repeat top;
}

.five-column-container-bottom {
    height: 10px;
    background: url(../Images/five-column-grey-bottom-border.gif) no-repeat bottom;
}

.five-column-col {
    width: 121px;
    float: left;
    padding: 10px 17px 0 17px;
}

.five-column-container .first-col {
    width: 130px;
}


.five-column-container .last-col {
    width: 150px !important;
    padding: 10px 0 10px 17px !important;
}

.fund-type-name {
    width: 98px;
    display: block;
    float: left;
    margin-bottom: 1em;
}


.five-column-col .fund-type-name {
    width: 90px !important;
}



.fund-type-percentage {
    display: block;
    float: left;
    margin-bottom: 1em;
}

.fund-type-percentage-last, .fund-type-name-last {
    margin-bottom: 0 !important;
}

.account-dropdown-selected {
    width: 220px;
    padding: 3px 0 0 6px;
    height: 33px;
    border: solid 1px #c4c4c4;
    background: #ededeb;
}

.account-dropdown-selected-clicked {
    background: #fff !important;
}

.medium-width-header-content {
    padding-top: 14px; /*16px*/
    padding-left: 12px;
}
    /*.medium-width-header-content table
{
	margin-left: 50px;
}*/
    .medium-width-header-content .left-table {
        margin-left: 50px;
    }

    .medium-width-header-content .right-table {
        margin-left: 50px;
    }

    .medium-width-header-content table .col3 {
        width: 100px;
    }

    .medium-width-header-content table .col4 {
        width: 50px;
    }

.fixed-col-width {
    width: 70px;
}

.account-dropdown {
    width: 220px;
    padding: 3px 0 0 6px;
    height: 33px;
    border: solid 1px #c4c4c4;
    background: #fff;
    border-top: none;
}

.account-dropdown-non-selected-container {
    position: absolute;
}

.left-margin {
    margin-left: 35px;
}

.trade-dropdown {
    background: url(../Images/small-button-buy-alt2-clicked.gif) no-repeat left top;
    float: left;
    width: 58px !important;
    padding-top: 17px;
    margin: 0;
    position: absolute; /*margin-left:21px; 	margin-top:-21px;*/
}

    .trade-dropdown ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
        background: url(../Images/small-button-buy-alt2-bottom.png) no-repeat left bottom;
        padding-bottom: 7px;
    }

        .trade-dropdown ul li {
            background: url(../Images/small-button-buy-alt2-bg.png) repeat-y left top;
            padding-left: 15px;
        }

.time-span-dropdown-calendar {
    position: absolute;
    margin-left: -58px !important;
    margin-top: -26px;
    width: 88px;
    padding-top: 30px;
    background: url(../Images/time-span-calendar-bg-top.png) no-repeat left top;
    padding-bottom: 10px;
}

    .time-span-dropdown-calendar ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
        background: url(../Images/time-span-calendar-bg-bottom.png) no-repeat left bottom;
        padding-bottom: 3px;
    }

        .time-span-dropdown-calendar ul li {
            background: url(../Images/time-span-calendar-bg.png) repeat-y left top;
            padding-left: 10px;
            float: none;
        }

.time-span-dropdown {
    position: absolute;
    background: url(../Images/time-span-bg-top.png) no-repeat left top;
    width: 88px;
    right: 70px;
    padding-top: 7px; /* 	position:absolute; 	margin-left:28px; 	width:88px; 	padding-top:7px; 	background:url(../Images/time-span-bg-top.png) no-repeat left top;	 	*/
}

    .time-span-dropdown ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
        background: url(../Images/time-span-bg-bottom.png) no-repeat left bottom;
        padding-bottom: 7px;
    }

        .time-span-dropdown ul li {
            background: url(../Images/time-span-bg.png) repeat-y left top;
        }

.detailed-head-col9-10 a.dropdown-top {
    display: block;
    margin-right: 10px;
    padding-top: 10px;
    background: url(../Images/drop-down-small.gif) no-repeat right bottom;
}

.time-span-dropdown ul li a {
    padding-left: 15px;
    display: block;
    float: none !important;
}

.cursor-pointer {
    cursor: pointer;
}

.form-rows {
    margin-top: 30px;
}

    .form-rows label {
        display: block;
        border-bottom: solid 1px #dbdbda;
        width: 715px;
        margin-left: 15px;
    }

        .form-rows label.top-label {
            border-top: solid 1px #dbdbda;
        }

.three-columns-thin-border {
    background: url(../Images/inner-container-three-columns-bg.gif) repeat-y left top;
}

.inner-container-thin-top-three-columns {
    height: 7px;
    background: url(../Images/inner-container-three-columns-top.gif) no-repeat left top;
}

.inner-container-three-columns-bottom {
    height: 7px;
    background: url(../Images/inner-container-three-columns-bottom.gif) no-repeat left top;
}

.inner-container-column {
    width: 239px;
    margin-right: 18px;
    float: left;
    padding-left: 11px;
    padding-right: 40px;
    vertical-align: bottom;
}

.inner-container-column-wide {
    width: 269px;
    padding-right: 10px;
}

    .inner-container-column-wide img {
        margin-top: 10px;
    }

.inner-container-column-last {
    margin-right: 0px !important;
}

.footer-disclaimer {
    width: 725px;
    padding-left: 25px;
    padding-top: 20px;
}

.shaded-top-box-top {
    height: 7px;
    background: url(../Images/shaded-top-box-top.gif) no-repeat left top;
}

.shaded-top-box {
    background: url(../Images/shaded-top-box-bg.gif) no-repeat left bottom;
    margin-left: 10px;
    padding-bottom: 25px;
    margin-bottom: 5px;
}

    .shaded-top-box .inner-container-column div {
        padding-left: 15px;
        width: 225px;
    }

    .shaded-top-box .inner-container-column ul {
        list-style: none url(../Images/raquo.gif);
        margin: 0px;
        padding: 0px;
        padding-left: 15px;
    }

    .shaded-top-box .inner-container-column {
        padding-right: 5px;
        width: 285px;
        margin-right: 0px;
    }

        .shaded-top-box .inner-container-column img {
            float: left;
            padding-top: 24px;
        }

.first-inner-container-column {
    padding-left: 17px;
}

.content-one-col-thick-border-green .preamble {
    margin-left: 13px;
    width: 660px;
}

.content-one-col-thick-border-green .row-content .col {
    padding-bottom: 5px !important;
}

.overlay-box-with-clip {
    padding: 35px 50px 0px 50px;
    width: 412px;
    height: 147px;
    background: url(../Images/overlay-box-with-clip.png) no-repeat left bottom;
    position: absolute;
    margin-left: 206px;
    margin-top: -6px;
}

.clip-container {
    float: left;
    clear: both;
}

.feedback {
    width: 570px;
    margin-left: 15px;
    margin-top: 3px;
}

.larmsettings-feedback {
    width: 200px;
    margin-left: 14px;
    margin-top: 10px;
    float: left;
}

.agreement label {
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 300 !important;
}

.register {
    margin-left: 20px;
}

    .register input, .register select {
        margin-right: 10px;
    }

    .register label, .soc-sec-nr-label {
        display: block;
        clear: both;
        margin-top: 5px;
    }

.register-radio-button-list label {
    display: inline-block;
    margin-top: 2px;
    font-size: 1.1em;
}

.registration-referrals-list {
    clear: both;
}

.referrals-list {
    margin-right: 10px;
}

.register-last-row {
    padding-top: 15px;
}

    .register-last-row label {
        display: inline;
        margin-left: -10px;
    }

    .register-last-row input {
        margin-bottom: 2px;
    }

.inner-container-light-bg p {
    padding-left: 10px;
    width: 635px;
}

.register .reminder-arrow {
    width: 400px;
    float: left;
    margin-bottom: 14px;
}

.content-your-funds-graphic-view .funds-two-col table {
    width: 430px;
}

    .content-your-funds-graphic-view .funds-two-col table td {
        border-bottom: solid 1px #cececa;
    }

.content-your-funds-graphic-view table tr.thead td.col1 {
    width: 18px;
}

.content-your-funds-graphic-view table {
}

    .content-your-funds-graphic-view table .sum-row td {
        border: none !important;
    }

.graph-container {
    margin-bottom: 20px;
    text-align: right;
}

.content-your-funds-graphic-view table .th img {
    vertical-align: middle;
    margin: 0 10px 0 5px;
}

.content-your-funds-graphic-view .content .funds {
    float: left;
    background: none;
    width: 904px;
}

.content-your-funds-graphic-view .funds-left {
    margin-left: 22px;
    width: 431px;
}

.content-your-funds-graphic-view .funds-right {
    margin-left: 12px;
    width: 431px;
}

.padded-header-text {
    padding-left: 15px;
}

.content-your-funds-graphic-view .right-corner-top-links {
    margin-bottom: 10px;
}

.content-your-funds-graphic-view table td {
    padding-right: 5px;
}

.content-your-funds-graphic-view .col4 {
    width: 70px;
}

.content-your-funds-graphic-view .col5 {
    width: 40px;
}

.fictitious-account {
    margin-top: 15px;
    margin-bottom: 15px;
}

.time-span {
    list-style: none;
    background: url(../Images/detailed-row-bg.gif) repeat-x left top;
    height: 29px;
    width: 875px;
    margin-left: 40px;
    padding-left: 0;
    margin-bottom: 5px;
}

.time-span-narrow {
    width: 780px !important;
    margin-left: 0;
}

.time-span-narrow-centered {
    margin: 10px auto 30px;
}

.time-span li {
    float: left;
    height: 29px;
}

    .time-span li.first {
        background: url(../Images/detailed-row-bg-left.gif) repeat-x left top;
    }

    .time-span li a {
        display: block;
        height: 17px;
        margin-top: 2px;
        border-right: solid 1px #d9d9d9;
        border-left: solid 1px #ffffff;
        padding-top: 6px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .time-span li.last {
        float: right !important;
        background: url(../Images/detailed-row-bg-right-last.gif) no-repeat right top;
    }

    .time-span li.selected {
        background: url(../Images/detailed-row-bg-selected.gif) no-repeat left top;
    }

        .time-span li.selected a {
            border-left: none;
        }

    .time-span li.last a {
        border-right: none;
        border-left: solid 1px #d9d9d9;
        padding-left: 12px;
        padding-right: 16px;
    }

    .time-span li.last select {
        font-size: 1em;
        margin-top: 4px;
        margin-right: 7px;
    }

.compare-to-field {
    padding-right: 30px;
}

    .compare-to-field span {
        padding-left: 3px;
    }

    .compare-to-field img {
        vertical-align: middle;
        margin-right: 5px;
    }

.compare-index-dropdown {
    width: 300px;
    height: 200px;
    position: relative;
    overflow: auto;
}

.small-overlay {
    width: 450px !important;
    margin-top: 20px;
}

.narrow-header-thin-small-overlay {
    width: 423px !important;
    background: url(../Images/container-top-small-no-header.png) no-repeat left top !important;
    height: 0px;
    padding-right: 0px;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

    .narrow-header-thin-small-overlay img {
        margin-top: -20px;
    }

.small-overlay .content {
    background: url(../Images/small-input-box-background.png) repeat-y left top !important;
    padding-bottom: 1px;
    padding-left: 29px;
    padding-top: 0px;
    padding-bottom: 10px;
}

.small-overlay .one-col {
    width: 450px !important;
    background: none !important;
}

.small-container-bottom {
    background: url(../Images/small-container_bottom.png) no-repeat left top !important;
    height: 10px;
}

.three-col-funds-list ul {
    width: 200px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 40px;
}

    .three-col-funds-list ul li {
        display: block;
        margin-bottom: 5px;
        height: 26px;
        background: url(../Images/button-funds-category.gif) no-repeat left top;
        padding-top: 6px;
        padding-left: 22px;
    }

        .three-col-funds-list ul li.head {
            background: none;
        }

        .three-col-funds-list ul li.non-selectable {
            background: url(../Images/button-funds-category-none-selectable.gif) no-repeat left top;
        }

        .three-col-funds-list ul li.selected {
            background: url(../Images/button-funds-category-selected.gif) no-repeat left top;
        }

        .three-col-funds-list ul li a {
            display: block;
            height: 29px;
        }

.check-text {
    float: right;
    background: url(../Images/green-check.gif) no-repeat left top;
    padding-right: 20px;
    padding-left: 15px;
}

.three-col-funds-list .first-col {
    margin-left: 0px;
}

.col-column-borders {
    width: 750px;
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
    margin: 10px 0;
}

.button-row {
    margin: 20px 0;
}

.narrow-centered-content {
    float: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

    .narrow-centered-content select {
        width: 350px;
        margin-bottom: 10px;
        margin-top: 3px;
    }

    .narrow-centered-content label {
        margin-left: 50px;
    }

#basketContent .wide-content-left table img {
}

#basketContent .wide-content-left table thead th {
    border-top: none !important;
    vertical-align: top;
    color: #231F20;
}

#basketContent .wide-content-left table td {
    color: #545454 !important;
}

#basketContent .wide-content-left table a {
    text-decoration: underline;
    color: #5a8160;
}

.trasch-can {
    vertical-align: top;
    padding-top: 3px;
    margin-left: 5px;
}

#basketContent .wide-content-left .filter-result-col2 {
    width: 400px;
}

#basketContent .wide-content-left .filter-result-col4 {
    width: 95px;
}

#basketContent .wide-content-left .filter-result-col6a {
    width: 90px;
}

#basketContent .wide-content-left .filter-result-col6b {
    width: 110px;
}

#basketContent .wide-content-left .filter-result-col6a, #basketContent .wide-content-left .filter-result-col6b {
    text-align: left !important;
}

    #basketContent .wide-content-left .filter-result-col4 a.dropdown-top, #basketContent .wide-content-left .filter-result-col6b a.dropdown-top, #basketContent .wide-content-left .filter-result-col6a a.dropdown-top, .compare-funds-table .filter-result-col4 a.dropdown-top, .compare-funds-table .filter-result-col6b a.dropdown-top, .compare-funds-table .filter-result-col6a a.dropdown-top {
        float: left;
        background: url(../Images/drop-down-small-white.gif) no-repeat right bottom;
        height: 16px;
        padding-right: 30px;
        margin-right: 10px;
        color: #545454 !important;
    }


/*
.time-span-dropdown ul {
	background:url(../Images/time-span-bg-bottom-white.png) no-repeat left bottom!important;
}

.time-span-dropdown ul li {
	background: url(../Images/time-span-bg-white.png) repeat-y left top!important;
}

.time-span-dropdown {
	background: url(../Images/time-span-bg-top-white.png) no-repeat left top!important;
	position:absolute;
	left:424px;
	top:91px;
}
*/




.time-span-dropdown-fees ul {
    background: url(../Images/time-span-bg-bottom-white-narrow.png) no-repeat left bottom !important;
}

    .time-span-dropdown-fees ul li {
        background: url(../Images/time-span-bg-white-narrow.png) repeat-y left top !important;
    }

.time-span-dropdown-fees {
    left: 647px;
    background: url(../Images/time-span-bg-top-white-narrow.png) no-repeat left top !important;
}

.time-span-dropdown-minimum ul {
    background: url(../Images/time-span-bg-bottom-white-wide.png) no-repeat left bottom !important;
}

    .time-span-dropdown-minimum ul li {
        background: url(../Images/time-span-bg-white-wide.png) repeat-y left top !important;
    }

.time-span-dropdown-minimum {
    left: 750px;
    width: 108px;
    background: url(../Images/time-span-bg-top-white-wide.png) no-repeat left top !important;
}

.inner-container-rounded-corners {
    margin: 20px 0 10px 0;
    width: 804px;
    background: url(../Images/inner-container-rounded-corners.gif) no-repeat top;
}

.inner-container-rounded-corners-704 {
    margin: 20px 0 10px 0;
    width: 704px;
    background: url(../Images/inner-container-rounded-corners-704.gif) no-repeat top;
}

.inner-container-rounded-corners-bottom {
    height: 10px;
    background: url(../Images/five-column-grey-bottom-border.gif) no-repeat bottom;
}

.inner-container-rounded-corners-704-bottom {
    height: 10px;
    background: url(../Images/four-column-grey-bottom-border.gif) no-repeat bottom;
}

.inner-container-rounded-corners-white-bg {
    background: url(../Images/inner-container-rounded-corners-white-bg.gif) no-repeat top;
}

.inner-container-rounded-corners-bottom-white-bg {
    background: url(../Images/inner-container-rounded-corners-bottom-white-bg.gif) no-repeat bottom;
}

.inner-container-rounded-corners label {
    display: block;
}

.inner-container-rounded-corners img {
    float: left;
}

.container-content {
    padding: 10px;
    vertical-align: bottom;
}

.input-container {
    margin-left: 10px;
    float: left;
}

    .input-container label {
        padding-bottom: 2px;
    }

.input-container-1 label, .input-container-2 label {
    background: url(../Images/calendar-icon.gif) no-repeat right center;
}

.input-container-1 input {
    width: 77px;
}

.input-container-2 input {
    width: 77px;
}

.input-container-3 select {
    width: 87px;
}

.input-container-4 select {
    width: 150px;
}

.filter-show-button {
    float: left;
}

    .filter-show-button input {
        margin-top: 10px;
        padding-left: 8px;
    }

.input-container-5 select {
    width: 87px;
}

.input-container-6 select {
    width: 87px;
}

.button-container {
    padding-top: 2px;
    padding-right: 10px;
}

    .button-container span {
        display: inline !important;
        border: none !important;
    }

.order-history-table {
    margin-left: 0px !important;
}

    .order-history-table .thead td {
    }

    .order-history-table td {
        text-align: left;
        border-bottom: solid 1px #e9e9e8;
    }

    .order-history-table .col1 {
        width: 75px;
    }

    .order-history-table .col2 {
        width: 110px;
    }

    .order-history-table .col3 {
        width: 388px;
    }

    .order-history-table .col4 {
        width: 158px;
    }

    .order-history-table .col5, .order-history-table .col-nota {
        width: 40px;
        text-align: right;
        padding-left: 8px;
    }

        .order-history-table .col5 a, .order-history-table .col-nota a {
            display: block;
            background: url(../Images/account-icon.gif) no-repeat left center;
        }

.note-switchorder {
    position: absolute;
    margin-left: -15px;
    top: 0px;
}

.order-history-table .thead .col5, .order-history-table .thead .col-nota {
    background: none;
}

.collapsible-row .your-funds-views {
    float: right;
    position: relative;
    margin-right: -26px;
    top: -1px;
}

.collapsible-row-content .pagination {
    float: left;
    /*margin-bottom: 20px;*/
    padding-left: 200px;
}

.collapsible-row-content .pre-pagination {
    clear: left;
    width: 140px;
    float: left;
    padding-top: 8px;
    padding-left: 20px;
    margin-top: 16px;
}

.collapsible-row-content .post-pagination {
    float: left;
    width: 178px;
    text-align: right;
    margin-top: 16px;
}

.purchase-order-info {
    float: left;
    width: 740px;
    border-top: solid 1px #d4d4d4;
    border-bottom: solid 1px #d4d4d4;
    margin-bottom: 17px;
    padding: 5px 0;
}

    .purchase-order-info div {
        width: 350px;
        float: left;
    }

        .purchase-order-info div strong {
            display: block;
            float: left;
            width: 120px;
        }

.table-container {
    width: 730px;
    padding: 5px;
    margin-top: 4px;
    background: #ebebe4;
}

    .table-container table .col1 {
        width: 180px;
    }

    .table-container table .col2 {
        width: 65px;
    }

    .table-container table .col3 {
        width: 85px;
    }

    .table-container table .col4 {
        width: 130px;
    }

    .table-container table .col5 {
        width: 90px;
    }

    .table-container table .col6 {
        width: 80px;
    }

    .table-container table .col7 {
        width: 80px;
    }

.purchase-order .info-text {
    margin: 18px 0 10px 0;
    text-align: left;
    width: 332px;
    padding-left: 0px;
}

.print {
    float: right;
    padding: 20px 16px 0 0;
}

    .print img {
        margin: 0 3px 0 0;
        vertical-align: middle;
    }

.events-title {
    margin: 25px 0 5px;
}

    .events-title span {
        font-size: 1.3em;
        font-weight: bold;
    }

.no-events-title {
    margin: 22px 0;
}

    .no-events-title span {
        font-size: 1.3em;
    }

.events {
    margin: 5px 0 15px;
    width: 100%;
}

    .events td, .monthly-table td {
        text-align: left;
        border-bottom: solid 1px #e9e9e8;
    }

.events, .monthly-table {
    margin-left: 0px !important;
}

    .order-history-table td, .events td, .monthly-table td {
        padding: 2px 0;
    }

    .events td {
        padding: 2px;
    }

    .events .col1 {
        width: 111px;
    }

    .events .col2 {
        width: 91px;
    }

    .events .type {
        width: 110px;
    }

    .events .col3 {
        width: 291px;
    }

    .events .col4 {
        width: 131px;
    }

    .events .col-transaction {
        width: 131px;
    }

    .events .col5 {
        width: 64px;
    }

    .events .col-nota {
        padding-left: 20px;
    }

    .events .col6 {
        width: 150px;
    }

    .events .col-status {
        width: 150px;
        text-align: right;
    }

.green-progress {
    margin-left: 4px;
    vertical-align: middle;
}

.monthly-table .thead td, .monthly-table .sum-row td {
    background: none;
    padding-left: 0px;
}

.monthly-table .sum-row td {
    border: none;
}

.monthly-table .col1 {
    width: 300px;
    padding-left: 16px;
    background: url(../Images/calendar-icon-small.gif) no-repeat left center;
}

.monthly-table .inactive .col1 {
    background: url(../Images/calendar-icon-small-inactive.gif) no-repeat left center;
}

.monthly-table .col2 {
    width: 145px;
}

.monthly-table .col3 {
    width: 135px;
}

.monthly-table .col4 {
    width: 50px;
    padding-left: 16px;
    padding-right: 10px;
    background: url(../Images/change-tools.gif) no-repeat left center;
}

.monthly-table .col5 {
    width: 50px;
    padding-left: 14px;
    background: url(../Images/traschcan-light.gif) no-repeat left center;
}

.monthly-table .col6 {
    width: 56px;
}

    .monthly-table .col6 div {
        padding-left: 14px;
        background: url(../Images/pause.gif) no-repeat left center;
    }

        .monthly-table .col6 div.inactive {
            background: url(../Images/activate.gif) no-repeat left center;
        }

.monthly-table .sum-row .col1 {
    padding-left: 16px;
}

.inner-container-rounded-corners-white-bg .inner-container-content {
    width: 793px;
}

    .inner-container-rounded-corners-white-bg .inner-container-content span {
        float: left;
    }

.add-fund {
    padding-left: 15px;
    width: 530px;
}

.remove-all a {
    width: 70px;
    padding-left: 14px;
    padding-right: 6px;
    background: url(../Images/traschcan-light.gif) no-repeat left center;
}

.pause-or-start-all a {
    width: 70px;
    padding-left: 14px;
    padding-right: 6px;
    background: url(../Images/pause.gif) no-repeat left center;
}

.activate-all a {
    width: 70px;
    padding-left: 14px;
    background: url(../Images/activate.gif) no-repeat left center;
}

.inner-container-rounded-corners-white-bg .inner-container-content {
    padding: 12px 5px 3px 5px;
}

.compare-funds-table th, .compare-funds-table td {
    border-top: 1px solid #D1D1CD;
}

.compare-funds-table td {
    text-align: center;
}

.compare-funds-table .filter-result-col4 {
    width: 85px;
    text-align: left;
}

.compare-funds-table .filter-result-col7 {
    width: 70px;
}

.compare-funds-table .filter-result-col6a {
    width: 65px;
    text-align: left;
}

.compare-funds-table .filter-result-col2 {
    width: 360px;
}

.compare-funds-table .filter-result-col6b {
    width: 110px;
    text-align: left;
}

.compare-funds-table thead th {
    border-top: none;
    padding-bottom: 10px;
}

.compare-funds-table tbody th img {
    margin: 0 3px 0 3px;
    vertical-align: middle;
}

.compare-funds-table {
    position: relative;
}



    .compare-funds-table .time-span-dropdown ul {
        background: url(../Images/time-span-bg-bottom-white.png) no-repeat left bottom !important;
    }

        .compare-funds-table .time-span-dropdown ul li {
            background: url(../Images/time-span-bg-white.png) repeat-y left top !important;
        }

    .compare-funds-table .time-span-dropdown {
        background: url(../Images/time-span-bg-top-white.png) no-repeat left top !important;
        top: 32px;
        left: 437px;
    }

    .compare-funds-table .time-span-dropdown-fees {
        left: 666px !important;
    }

    .compare-funds-table .time-span-dropdown-minimum {
        left: 751px !important;
    }

.content-one-col-thick-border-white-bg h1.align-center {
    margin-top: -5px;
}

.content-one-col-thick-border-white-bg a.top-corner-left {
    margin-top: -20px;
}

.content-one-col-thick-border-white-bg .flash-container {
    margin-top: 10px;
}

/*tiny overlay box*/
.tiny .narrow-header {
    width: 352px !important;
}

.tiny .narrow-header {
    background: url(../Images/container-top-tiny-no-header-flat.png) no-repeat left bottom !important;
    height: 42px;
    padding-left: 15px;
}

.tiny {
    width: 362px !important;
}

    .tiny .content {
        background: url(../Images/tiny-input-box-background.png) repeat-y left top !important;
        padding: 0 20px 0 16px;
    }

    .tiny .narrow-container-bottom {
        background: url(../Images/tiny-container_bottom.png) no-repeat left top !important;
    }

    .tiny .one-col {
        width: 362px;
        background: none !important;
    }

    .tiny .one-col {
        width: 362px;
        background: none !important;
    }

    .tiny .narrow-header h1 {
        margin-top: 19px;
        margin-left: 2px;
    }

.info-row span {
    float: left;
    width: 75px;
    font-size: 1.1em;
}

.tiny .first-row th, .tiny .first-row td {
    padding-top: 10px;
}

.tiny table {
    width: 328px;
    margin-top: 10px;
    border-top: solid 1px #d4d4d4;
}

.tiny td, .tiny th {
    padding: 5px 0;
}

.tiny th {
    vertical-align: top;
    padding-right: 5px;
}

.tiny td {
}

/*medium sized ovelay container*/
.medium-header-thin {
    width: 522px !important;
    background: url(../Images/container-top-medium-no-header.png) no-repeat left bottom !important;
    height: 68px;
    padding-right: 0px;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.medium .content {
    background: url(../Images/medium-input-box-background.png) repeat-y left top !important;
    padding-bottom: 30px;
    padding-left: 29px;
    padding-top: 0px;
}

    .medium .content .button-container {
        padding-top: 20px;
    }

.medium .one-col {
    width: 545px;
    background: none !important;
}

.medium .thick-header h1 {
    margin-top: 28px;
    margin-left: 4px;
}

.medium-content-white-bg {
    width: 490px !important;
    padding-right: 25px !important;
}

.medium-container-bottom {
    background: url(../Images/medium-container_bottom.png) no-repeat left top !important;
    height: 10px;
}

.medium-content-white-bg table .col1 {
    width: 250px;
}

.medium-content-white-bg table .col2 {
    width: 115px;
}

    .medium-content-white-bg table .col2 input {
        width: 60px;
    }

.medium-content-white-bg table .col3 {
    width: 135px;
}

.medium-content-white-bg table .thead td {
    padding: 5px 0 2px 0;
}

.medium-content-white-bg table td {
    padding-bottom: 10px;
}

.medium-content-white-bg table {
    border-top: solid 1px #d6d6d6;
    border-bottom: solid 1px #d6d6d6;
    margin-bottom: 10px;
}

.left-aligned-info-text {
    border-top: solid 1px #d6d6d6;
    padding-top: 10px;
    margin-top: 10px;
    padding-right: 130px;
}

.detailed-compare-funds-table .top-image-row td {
    width: 147px;
}

    .detailed-compare-funds-table .top-image-row td.arrow-left {
        width: 110px;
    }

.detailed-compare-funds-table td {
    text-align: center;
    background: url(../Images/compare-columns-bg.gif) repeat-y center;
}

    .detailed-compare-funds-table td.arrow-left {
        text-align: right;
        background: none;
        padding-right: 10px;
    }

    .detailed-compare-funds-table td.arrow-right {
        background: none;
        width: 20px;
    }

.detailed-compare-funds-table .top-image-row td {
    background: url(../Images/compare-columns-first-row-top-bg.gif) repeat-y top;
    height: 30px;
    padding-top: 10px;
}

.detailed-compare-funds-table .middle-image-row td {
    background: url(../Images/compare-columns-first-row-top-bg.gif) repeat-y center;
    padding: 5px 20px;
    height: 90px;
}

.detailed-compare-funds-table .middle-image-row .arrow-left {
    padding-right: 3px !important;
}

.detailed-compare-funds-table .middle-image-row .arrow-right {
    padding-left: 3px !important;
}

.detailed-compare-funds-table .middle-image-row td {
}

.detailed-compare-funds-table .bottom-image-row td {
    background: url(../Images/compare-columns-first-row-bottom-bg.gif) repeat-y top;
    height: 45px;
    vertical-align: top;
}

    .detailed-compare-funds-table .top-image-row td.arrow-left, .detailed-compare-funds-table .top-image-row td.arrow-right, .detailed-compare-funds-table .bottom-image-row td.arrow-left, .detailed-compare-funds-table .bottom-image-row td.arrow-right {
        background: none !important;
    }

.detailed-compare-funds-table .top-image-row td.arrow-left {
}

.detailed-compare-funds-table .contentData {
    width: 107px;
}

.detailed-compare-funds-table .top-image-row td.arrow-right {
    width: 33px;
}

.column-end-row td {
    background: url(../Images/compare-columns-bottom-bg.gif) no-repeat center bottom;
    padding-bottom: 5px;
}

.column-start-row td {
    background: url(../Images/compare-columns-top-bg.gif) no-repeat center top;
    padding-top: 20px;
}

.no-background-row td {
    background: none !important;
    padding-top: 20px;
}

.column-start-row-no-padding td {
    background: url(../Images/compare-columns-top-no-padding-bg.gif) no-repeat center top;
    padding-top: 3px !important;
}

.detailed-compare-funds-table .button-container {
    padding-top: 6px;
    padding-right: 0px;
}

    .detailed-compare-funds-table .button-container .grey-button a {
        color: #c59404;
    }

.detailed-compare-funds-table .th {
    font-weight: bold;
}

.detailed-compare-funds-table td span {
    padding: 2px 0;
}

.detailed-compare-funds-table td span {
    display: block;
    margin: 0 15px;
    border-top: solid 1px #eeeeec;
    width: 118px;
}

.detailed-compare-funds-table td div.button-container {
    width: 118px;
    margin-left: 20px;
}

.detailed-compare-funds-table td span img {
    padding: 2px 0;
}

.column-button-row div {
    margin: 20px 0;
}

.bottom-border span {
    border-bottom: solid 1px #eeeeec;
}

.favorite-container {
    height: 20px;
    margin: 0px !important;
    margin-bottom: 10px !important;
    text-align: left;
}

    .favorite-container img {
        margin-left: 70px;
    }

.middle-image-row img.navigate {
    position: relative;
    top: 10px;
}

.trashcan-top-right {
    float: right;
    margin-right: 9px;
}

.favorite-star-container {
    position: relative;
    top: 8px;
    left: 15px;
    width: 118px;
}

.favorite-star {
    margin-top: -11px;
    position: relative;
    top: 20px;
    left: 16px;
}

.inner-analytics-container {
    background: url(../Images/analytics-container-top.gif) repeat-y left top;
    margin-bottom: 12px;
}

.inner-analytics-container-bottom {
    background: url(../Images/analytics-container-bottom.gif) repeat-y left top;
    height: 7px;
}

.analytics-menu-list {
    width: 187px;
}

    .analytics-menu-list ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-left: 2px;
    }

    .analytics-menu-list li {
        margin: 0;
        padding: 0px !important;
        background: #f7f7f7;
    }

        .analytics-menu-list li a {
            display: block;
            padding: 2px 0px 2px 25px;
            border-right: solid 1px #e1e1e1;
            border-bottom: solid 1px #e1e1e1;
        }

        .analytics-menu-list li.first {
            background: #f7f7f7 url(../Images/analytics-first-top-left.gif) no-repeat left top;
            margin-left: -2px !important;
        }

            .analytics-menu-list li.first a {
                padding-top: 10px;
            }

        .analytics-menu-list li a.selected {
            background: #fff url(../Images/analytics-selected-arrow.gif) no-repeat left center;
            border-right: none !important;
        }

        .analytics-menu-list li.first a.selected {
            background: #f7f7f7 url(../Images/analytics-first-top-left-selected.gif) no-repeat left top;
        }

.right-content {
    float: left;
    width: 700px;
    margin: 20px 0 5px 25px;
}

.right-content-top {
    border-bottom: solid 1px #d0d0cd;
    padding-bottom: 20px;
}

.rating-container {
    float: left;
    width: 47px;
    text-align: center;
}

.right-content-top .rating-container span {
    font-size: 1.2em;
    color: #6F6F6F;
}

.analytics-text {
    padding-left: 10px;
    width: 460px;
    float: left;
}

.analytics-smallbox-text {
    width: 448px;
}

.analytics-smallbox-chart {
    padding-left: 18px;
    float: left;
}

.right-content .basket-buttons {
    padding-top: 30px;
    margin-left: 10px;
    width: 130px !important;
}

.right-content .basket-buttons span a {
    background: url(../Images/basket-button_right.gif) no-repeat right top;
    padding: 2px 10px 10px 10px;
}

.right-content .right-content-bottom .basket-buttons span a {
    padding: 4px 9px 6px 8px;
    line-height: 1.5em;
}

.narrow-preamble {
    width: 660px;
    padding-bottom: 20px;
}

.top3-preamble {
    width: 580px;
    padding-bottom: 20px;
}

.right-content-bottom {
    margin-top: 10px;
}

    .right-content-bottom ul {
        list-style: none;
        margin: 0;
        padding: 0 0 0 10px;
    }

        .right-content-bottom ul li {
            margin: 0;
            padding: 5px;
        }

            .right-content-bottom ul li img {
                vertical-align: bottom;
            }

            .right-content-bottom ul li span {
                padding-left: 5px;
            }

.newslist {
    list-style: none;
    width: 290px;
    padding: 0;
    margin: 0;
}

    .newslist li {
        margin: 0;
        padding: 0;
    }

        .newslist li a {
            background: url(../Images/small-yellow-arrow-bullet.gif) no-repeat left center;
        }

.read-more-link {
    padding-top: 15px !important;
}

.newslist li.read-more-link a {
    margin-top: 40px !important;
    background: none !important;
}

.thumbs-explanation {
    padding-left: 5px;
}

    .thumbs-explanation span {
        margin-left: 20px;
        margin-right: 15px;
        height: 20px;
    }

        .thumbs-explanation span img {
            vertical-align: middle;
            margin-right: 5px;
        }

.medium-width-header-green {
    background: #5b8160 !important;
    margin-left: 30px !important;
    float: left;
    height: auto !important;
    padding-bottom: 4px !important;
}

.medium-width-header-lightblue {
    margin-left: 30px !important;
    float: left;
    height: auto !important;
    padding-bottom: 4px !important;
    margin-top: 0px !important;
}


.depositheadertype-DP {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9');
    background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#f9f9f9)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #f9f9f9); /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #ffffff, #f9f9f9); /* FF3.6+ */
    background: -o-linear-gradient(top, #ffffff, #f9f9f9); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff, #f9f9f9); /* W3C */
    border-bottom: 2px solid #71977f;
    background-color: #f9f9f9;
}

.depositheadertype-KF {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9');
    background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#f9f9f9)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #f9f9f9); /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #ffffff, #f9f9f9); /* FF3.6+ */
    background: -o-linear-gradient(top, #ffffff, #f9f9f9); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff, #f9f9f9); /* W3C */
    border-bottom: 2px solid #5991b4;
    background-color: #f9f9f9;
}

.depositheadertype-IPS {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9');
    background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#f9f9f9)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #f9f9f9); /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #ffffff, #f9f9f9); /* FF3.6+ */
    background: -o-linear-gradient(top, #ffffff, #f9f9f9); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff, #f9f9f9); /* W3C */
    border-bottom: 2px solid #e78b31;
    background-color: #f9f9f9;
}

.depositheadertype-ISK {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9');
    background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#f9f9f9)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #f9f9f9); /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #ffffff, #f9f9f9); /* FF3.6+ */
    background: -o-linear-gradient(top, #ffffff, #f9f9f9); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff, #f9f9f9); /* W3C */
    border-bottom: 2px solid #e0bb43;
    background-color: #f9f9f9;
}

.depositheadertype-PK {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9');
    background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#f9f9f9)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #f9f9f9); /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #ffffff, #f9f9f9); /* FF3.6+ */
    background: -o-linear-gradient(top, #ffffff, #f9f9f9); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff, #f9f9f9); /* W3C */
    border-bottom: 2px solid #b96981;
    background-color: #f9f9f9;
}

.depositheadertype-Test {
    background: -webkit-gradient(linpanelHeaderTitleear, top, bottom, from(#ffffff), to(#f9f9f9)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #f9f9f9); /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #ffffff, #f9f9f9); /* FF3.6+ */
    background: -o-linear-gradient(top, #ffffff, #f9f9f9); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff, #f9f9f9); /* W3C */
    border-bottom: 2px solid #a5a5a5;
    background-color: #f9f9f9;
}



.green-border .collapsible-row-content {
    border-left: solid 1px #AAA;
    border-right: solid 1px #AAA;
    border-bottom: solid 1px #AAA;
    margin-left: 35px; /*width:818px;*/
    width: 830px;
    background: #ffffff;
}

.green-border .collapsible-row-header, .green-border .collapsible-row-header-info {
    /*width:868px;*/
    width: 880px;
    border-left: solid 1px #AAA;
    border-right: solid 1px #AAA;
    margin-left: 35px;
    margin-right: 2px;
}

.green-border .collapsible-row-header-no-bg {
    background: none !important;
}

.green-border .your-funds-views ul li {
    float: left;
    padding: 1px 13px 3px 13px;
    background: #F3F3EF;
}

.green-border .collapsible-row .your-funds-views {
    margin-right: -25px;
}

.green-border .no-background {
    background: #ffffff !important;
}

.green-border .last-collapsible-row .no-background {
    border-bottom: none !important;
}

.green-border .last-collapsible-row .collapsible-row-content, .green-border .last-collapsible-row .collapsible-row-header {
    border-bottom: solid 1px #5b8160;
}

.green-border .content .content {
    /*	margin-left:25px!important; */
    margin-top: -2px;
}

.dropdown-container {
    padding-top: 8px;
}

.advicer-top-list {
    margin-bottom: 0.5em;
}

    /*härifrån??*/
    .advicer-top-list td {
        width: 311px;
        height: 45px;
        background: url(../Images/top-list-cell-bg.gif) no-repeat center center;
        padding-left: 0px;
    }

        .advicer-top-list td span {
            margin-left: 5px;
            padding-left: 5px;
        }

    .advicer-top-list a {
        margin-left: 5px;
    }

    .advicer-top-list .thead td {
        background: none !important;
        height: 20px;
        padding-left: 0px;
    }

        .advicer-top-list .thead td img {
            margin-right: 3px;
            padding-left: 2px;
        }
/*hit??*/

.centered-link a {
    color: #7e7e7e;
    font-size: 1.2em;
}

.centered-link {
    margin: 8px 0;
}

.three-col-table {
}

.active-box {
    width: 268px;
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
}

    .active-box img {
    }

.box-content {
    padding-left: 60px;
}

.top-center-box {
    width: 350px;
    padding-right: 50px;
    float: left;
    padding-left: 204px;
}

.top-right-box {
    float: left;
    width: 290px;
    padding-left: 20px;
    padding-right: 20px;
}

.green-link-yellow-square-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .green-link-yellow-square-list a {
        background: url(../Images/square-list-bullet.gif) no-repeat left center;
        padding-left: 20px;
    }

.top-large-button {
    width: 262px;
    height: 35px;
    margin-top: 10px;
    background: url(../Images/top-large-button-background.gif) no-repeat left top;
}

    .top-large-button a {
        width: 230px;
        display: block;
        padding-left: 25px;
        margin-left: 10px;
    }

    .top-large-button .contact-me {
        background: url(../Images/small-contact-me-symbol.png) no-repeat left center;
    }

    .top-large-button .guidence {
        background: url(../Images/small-guidence-symbol.png) no-repeat left center;
    }

.grey-vertical-divider {
    background: url(../Images/grey-vertical-divider-bg.gif) repeat-y left top;
}

.grey-border-top {
    border-top: solid 1px #d4d4d4;
}

.top-left-small-box {
    width: 440px;
    float: left;
    margin-left: 160px;
}

.top-right-box-wide {
    float: left;
    width: 270px;
    padding-left: 10px;
}

    .top-right-box-wide ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .top-right-box-wide ul li p {
            padding-left: 21px;
        }

        .top-right-box-wide ul li h3 {
            padding: 0;
        }

            .top-right-box-wide ul li h3 img {
                vertical-align: middle;
                margin-right: 5px;
            }

        .top-right-box-wide ul li a {
        }

.position-relative {
    position: relative;
}

.min-height-fixed {
    min-height: 260px;
}

.min-height-fixed-235 {
    min-height: 235px;
}

.left-down-corner {
    margin-bottom: -2px;
    margin-left: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.collapsible-row .left-down-corner {
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.left-down-corner-small {
    margin-bottom: 0px;
    margin-left: 1px;
}

.find-funds-box {
    width: 150px; /*131px;*/
    padding-left: 62px; /*66px;*/
    padding-right: 14px; /*30px;*/
    padding-top: 20px;
    height: 76px;
    float: left;
    margin-bottom: 2px;
}

    .find-funds-box strong {
        display: block;
    }

        .find-funds-box strong img {
            margin-left: 5px;
        }

.find-funds-box-1 {
    background: url(../Images/find-funds-box-1.gif) no-repeat left top;
    margin-right: 9px;
}

.find-funds-box-2 {
    background: url(../Images/find-funds-box-2.gif) no-repeat left top;
    margin-right: 9px;
}

.find-funds-box-3 {
    background: url(../Images/find-funds-box-3.gif) no-repeat left top;
    margin-right: 8px;
}

.find-funds-box-4 {
    background: url(../Images/find-funds-box-4.gif) no-repeat left top;
}

.structured-products-bar-bg {
    background: url(../Images/structured-products-bar-bg.gif) no-repeat left top;
    width: 930px;
    height: 40px;
    float: left;
}

.change-account-drop {
    width: 200px;
    /*margin-left: 10px;*/
}

.structured-products-bar-bg a {
    display: block;
    padding-left: 60px;
    width: 830px;
    height: 40px;
    padding-top: 10px;
}

.fund-start-categoriers-box {
    background: url(../Images/fund-start-cat-box-bg.gif) no-repeat left top;
    width: 449px;
    height: 221px;
}

    .fund-start-categoriers-box table {
        width: 445px;
    }

        .fund-start-categoriers-box table td {
            height: 44px;
        }

    .fund-start-categoriers-box .col1 {
        width: 145px;
        padding-left: 5px;
    }

    .fund-start-categoriers-box .col2 {
        width: 140px;
        padding-left: 14px;
    }

    .fund-start-categoriers-box .col3 {
        width: 140px;
        padding-left: 18px;
    }

    .fund-start-categoriers-box .fundname {
        float: left; /*width:60px;*/
    }

    .fund-start-categoriers-box .percent {
        float: right;
        font-weight: bold;
        padding-right: 10px;
        vertical-align: middle;
    }

.tool-box-row {
    width: 970px;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .tool-box-row div {
        width: 245px;
        float: left;
    }

        .tool-box-row div img {
            float: left;
            margin-right: 10px;
        }

        .tool-box-row div .content {
        }

.toplist-row {
    width: 425px;
}

    .toplist-row .no-background {
        background: url(../Images/toplist-bg-selected.gif) no-repeat left top !important;
    }

        .toplist-row .no-background a {
            background: none !important;
        }

.toplist-row-header {
    height: 24px;
    background: url(../Images/toplist-bg.gif) no-repeat left top;
}

.toplist-row-header-selected {
    height: 26px;
    background: url(../Images/toplist-bg-selected.gif) no-repeat left top;
}

.toplist-row-header a {
    height: 24px;
    width: 405px;
    display: block;
    padding-left: 30px;
    padding-top: 5px;
    position: relative;
}

    .toplist-row-header a span {
        position: absolute;
        right: 80px;
    }


.top-list-table td {
    border-bottom: solid 1px #ebebea;
    padding-top: 2px;
    padding-bottom: 2px;
}

.top-list-table .col1 {
    padding-left: 2px;
    width: 294px;
}

.top-list-table .col2 {
    width: 60px;
    text-align: right;
}

.top-list-table .col3 {
    width: 66px;
    text-align: right;
}

/* field errors */
.error-message {
    background: url(../Images/error-message-top.gif) repeat-y 0 0;
    width: 930px;
    margin-bottom: 5px !important;
}

    .error-message .row-content {
        background: url(../Images/error-message-content.gif) repeat-y 0 0;
        width: 930px;
    }

        .error-message .row-content .col {
            width: 870px !important;
        }

    .error-message .bottom {
        background: #FBFBF9 url(../Images/error-message-bottom.gif) no-repeat left top;
        width: 930px;
        height: 3px;
    }

    .error-message .feedback {
        padding-top: 10px;
    }

.error-field {
    border: 1px solid #a94442 !important;
}

.error-field-clear {
    background: #fff !important;
    color: #333 !important;
}


label.error-field {
    background: transparent !important;
    color: #a94442 !important;
}

.error-text {
    color: #a94442 !important;
    font-size: 1.4em !important;
    line-height: 1.5em !important;
}

label.error-field-clear {
    background: transparent !important;
    color: #606060 !important;
}

.three-column-list {
    width: 930px;
    float: left;
    border-top: solid 1px #d4d4d4;
    margin-top: 10px;
    padding-top: 20px;
}

    .three-column-list div {
        float: left;
        width: 306px;
    }

        .three-column-list div ul {
            margin: 0;
            padding: 0;
            margin-left: 15px;
        }

.table-to-left {
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 20px 0 10px 0;
    background: url(../Images/horizontal-grey-divider.gif) repeat-x top left;
}

    .table-to-left .content-block {
        width: 400px;
        margin-right: 60px;
        float: left;
    }

    .table-to-left table {
        width: 460px;
        float: left;
    }

        .table-to-left table .thead td, .table-to-left table .thead th {
            border: none;
        }

        .table-to-left table .thead th {
            padding: 3px 0;
        }

        .table-to-left table td {
            border-top: solid 1px #d1d1d0;
            padding: 3px 0;
        }

        .table-to-left table .col1 {
            width: 360px;
        }

        .table-to-left table .col2 {
            width: 120px;
            text-align: right;
        }

        .table-to-left table .col3 {
            width: 80px;
            text-align: right;
        }

.narrow-event-list {
    font-family: 'Open sans';
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

    .narrow-event-list li {
        border-top: solid 1px #ffffff;
        border-bottom: solid 1px #dadad6;
        background: url(../Images/square-list-bullet.gif) no-repeat left center;
        padding: 5px 0 5px 20px;
    }

.middle-border-grey {
    margin-top: 20px;
    border: 2px solid #dadad6;
    margin-bottom: 20px;
}

.bottom-border-grey {
    border-bottom: solid 1px #dadad6;
}

.alarm-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

    .alarm-list li {
        background: url(../Images/alarm-list-bg.gif) no-repeat left top;
        width: 248px;
        height: 21px;
        padding-top: 4px;
        padding-bottom: 6px;
        padding-left: 30px;
    }

.alarm-sumary {
    margin: 10px 0 20px 0;
    float: left;
}

.grey-thin-button-float-left {
    float: left;
    width: auto;
}

.contact-telephone {
    padding-left: 24px;
    height: 20px;
    padding-top: 5px;
    margin-top: 10px;
    background: url(../Images/contact-phone.gif) no-repeat left top;
}

.contact-email {
    padding-left: 24px;
    height: 20px;
    padding-top: 4px;
    background: url(../Images/contact-mail.gif) no-repeat left top;
}

.tool-box-row-narrow {
    width: 420px;
}

    .tool-box-row-narrow div {
        width: 210px;
    }

        .tool-box-row-narrow div p {
            padding-right: 30px;
        }

.news-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .news-list li {
        background: url(../Images/small-yellow-arrow-bullet.gif) no-repeat top left;
        padding: 5px 0 5px 10px;
        background-position: 0 11px;
    }

.box-top-navigation {
    float: right;
    margin-top: -20px;
    margin-right: 0px;
}

    .box-top-navigation ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .box-top-navigation ul li {
            float: left;
            border-right: 1px solid #CECECD;
            padding: 1px 13px 3px 13px;
        }

        .box-top-navigation ul .first {
            border-left: 1px solid #CECECD;
        }

        .box-top-navigation ul .last {
            border-right: none !important;
        }


        .box-top-navigation ul li {
            background: #F3F3EF;
        }

        .box-top-navigation ul .selected {
            background: none !important;
        }

.grey-thin-button-float-left span {
    padding: 8px 4px;
}

.small-inner-container-white {
    width: 277px;
    background: url(../Images/small-inner-container-white-bg.gif) no-repeat bottom left;
    margin-bottom: 10px;
}

    .small-inner-container-white .top {
        width: 277px;
        height: 4px;
        background: url(../Images/small-inner-container-white-bg-top.gif) no-repeat top left;
    }

    .small-inner-container-white .content {
        width: 257px;
        padding: 10px;
    }

    .small-inner-container-white .content {
        width: 257px;
        padding: 10px;
    }

.monthly-table-alarm .col1 {
    background: none !important;
    padding-left: 0px !important;
}

.monthly-table-alarm .col2-3 {
    width: 280px;
}

.monthly-table-alarm .col4-5 {
    width: 104px;
}

.monthly-table-alarm .col6-start {
    text-align: left;
}

.monthly-table-alarm .col5 {
    background: url(../Images/pause.gif) no-repeat left center;
}

.monthly-table-alarm .col6 {
    background: url(../Images/traschcan-light.gif) no-repeat left center;
    padding-left: 14px;
}

.monthly-table-alarm .col6-start {
    background: url(../Images/activate.gif) no-repeat left center;
}

.four-column-col {
    margin-top: 10px;
    width: 183px;
    padding: 0 10px 20px 10px;
    border-right: solid 1px #d5d5d5;
    float: left;
    height: 110px;
}

    .four-column-col p {
        height: 67px;
    }

.four-column-container .four-column-container-last {
    border-right: none !important;
}

.four-column-container {
}

    .four-column-container .inner-container-content {
        width: 818px;
    }

.four-column-col-last {
    border: none;
}

.four-column-container .grey-thin-button {
    padding-left: 40px;
    width: 120px;
}

/*ERIKS ONSDAG*/
.one-third-table {
    float: left;
    width: 275px;
    margin-right: 50px;
}

.one-third-table-last {
    margin-right: 0px !important;
}

.one-third-table td {
    border-bottom: solid 1px #e6e6e4;
    padding: 3px 0;
}

.one-third-table-two-col .col1 {
    width: 200px;
}

.one-third-table-two-col .col2 {
    width: 75px;
    text-align: right;
}

.one-third-table-two-col-col2-wide .col1 {
    width: 100px;
}

.one-third-table-two-col-col2-wide .col2 {
    width: 175px;
    padding-right: 30px;
}

h2 .small-grey-text {
    font-size: 0.68em;
    color: #d3d3d3;
    padding-left: 5px;
}

.one-third-col {
    float: left;
    width: 275px;
    margin-right: 50px;
}

.overview-holding-allocation {
    margin-right: 30px;
}

.one-third-col-last {
    margin-right: 0px !important;
}

.one-third-table-two-col-narrow {
    width: 145px;
    margin-right: 0px !important;
    margin-left: 10px;
}

    .one-third-table-two-col-narrow .col1 {
        width: 90px;
    }

    .one-third-table-two-col-narrow td {
        border: none !important;
    }

    .one-third-table-two-col-narrow .col1 img {
        vertical-align: middle;
        margin-right: 4px;
    }

    .one-third-table-two-col-narrow .col2 {
        width: 55px;
    }

.time-span-small {
    width: 430px;
    margin-left: 0px;
}

.graph-flash-container {
    width: 465px;
    height: 240px;
}

.wider-graph-flash-container {
    width: 716px;
    height: 364px;
}

/*.development-container {
	width:430px;
	height:240px;
	padding-left:35px;
}*/

.development-container {
    width: 186px;
    height: 364px;
    padding-left: 10px;
}

/* user settings - update */
.usersettings {
    margin-right: 20px;
}

    .usersettings ul {
        float: left;
        border-right: 1px solid #CFCFCB;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .usersettings ul li {
            float: left;
            background: #F3F3EF;
            border-left: 1px solid #CFCFCB;
            padding: 4px 13px 3px;
            padding-bottom: 5px;
        }

        .usersettings ul .selected {
            background: transparent;
        }

.usersettings-table {
    float: right;
    margin: -20px 130px 0 0;
}

.custumer-settings-block {
    float: left;
    border-top: 1px solid #CECECA;
    width: 914px;
    margin-top: 0.3em;
    padding: 8px 0 3px 0;
}

    .custumer-settings-block .left {
        float: left;
        width: 309px;
        padding-top: 9px;
    }

.customer-settings-block-text .left {
    width: 520px;
    padding-top: 2.5em;
}

.custumer-settings-block .right {
    float: left;
    width: 605px;
}

.customer-settings-block-text .right {
    float: right;
    width: 319px;
    padding-top: 2.5em;
}

.custumer-settings-block .right table td {
    vertical-align: top;
    width: 464px;
    padding: 7px 0 7px 0;
}

.custumer-settings-block .right table .column-1 {
    width: 141px;
}

.custumer-settings-block .right table td.space {
    font-size: 0;
    background: url(../Images/custumer-settings-space.gif) repeat-x 0 0;
    height: 7px;
    padding: 3px 0 3px 0;
}

.custumer-settings-block .right table td input.field {
    width: 197px;
}

.custumer-settings-block .right table td input.half {
    width: 95px;
    margin-right: 1px;
}

.custumer-settings-block .right table td .next-or-prev-navigation {
    float: left;
    width: 100%;
    text-align: left;
}

.customer-settings-block-text .right .count-example {
    float: left;
    background: #F0F0EB;
    width: 283px;
    padding: 18px 18px 0 18px;
}

    .customer-settings-block-text .right .count-example table.count-example-table {
        float: left;
        width: 100%;
        margin-top: 1em;
        margin-bottom: 1em;
    }

.development-container table {
    background: url(../Images/development-container-bg.gif) repeat-y left top;
}

    .development-container table .col1 {
        width: 100px;
        text-align: right;
        padding-top: 10px;
    }

    .development-container table .col2 {
        width: 80px;
        padding-left: 14px;
        text-align: right;
        vertical-align: bottom;
        padding-bottom: 1px;
    }

    /*
.development-container table .col1 {
	width:115px;
	padding-top:15px;
}

.development-container table .col2 {
	width:115px;
	text-align:right;
	padding-top:15px;
}

.development-container table .col3 {
	width:70px;
	padding-left:30px;
	text-align:center;
	vertical-align:bottom;
	padding-bottom:4px;
}

.development-container table .col4 {
	width:70px;
	padding-left:30px;
	text-align:center;
	vertical-align:bottom;
	padding-bottom:4px;
}
*/

    .development-container table .has-progressbar .col1 {
        background: url(../Images/development-container-progressbar-bg.png) no-repeat left top;
        height: 25px;
        padding-top: 0px !important;
    }

    .development-container table .has-progressbar .col2 {
        background: url(../Images/development-container-progressbar-bg.png) no-repeat right top;
        height: 25px;
        padding-top: 0px !important;
    }

.thick-progress {
    height: 19px;
    display: block;
    margin-bottom: 2px;
    float: left;
}

.negative-progress {
    float: right;
    margin-bottom: 2px;
    background: url(../Images/negative-progress-bg.gif) repeat-x left top;
    width: 70px;
}

.positive-progress {
    margin-bottom: 2px;
    background: url(../Images/positive-progress-bg.gif) repeat-x left top;
    width: 50px;
    margin-left: 1px;
}

.development-container table .has-progressbar .col3, .development-container table .has-progressbar .col4 {
    vertical-align: top;
}

.small-info-box {
    width: 110px;
    height: 30px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

    .small-info-box .head {
    }

.bullet-list-no-padding {
    margin: 0 0 10px 13px;
    padding: 0;
}

    .bullet-list-no-padding li {
        padding: 0px;
    }

        .bullet-list-no-padding li span {
            padding-left: 5px;
        }

.maximize-link {
    float: right;
    padding-right: 30px;
    margin-right: 40px;
    background: url(../Images/maximize-plus-icon.gif) no-repeat right top;
    padding-top: 3px;
    height: 14px;
}

.fund-page-box-navigation {
    margin-top: -18px;
    margin-right: -14px;
}

.summary-table {
    float: left;
    margin-top: 14px;
}

    .summary-table .col1 {
        width: 200px;
    }

    .summary-table .col2 {
        width: 80px;
        text-align: right;
    }

    .summary-table .col3 {
        width: 140px;
        text-align: right;
    }

    .summary-table .col4 {
        width: 90px;
        text-align: center;
    }

    .summary-table .col5 {
        width: 80px;
        text-align: center;
    }

.top-button-container {
    width: 335px;
    float: left;
    margin-top: 14px;
}

.top-button-container-narrow {
    width: 300px;
}

.top-button-container .grey-thin-button {
    margin-top: 10px;
    float: right;
    width: 60px;
}

    .top-button-container .grey-thin-button span a {
        padding: 4px 10px 10px 6px;
        line-height: 0.9em;
    }

.large-favorite-star {
    position: absolute;
    left: 20px;
}

.text-next-to-favorite-star {
    margin-left: 68px;
    width: 600px;
}

/* innehav */
.large-graphs .large-graphs {
    margin-top: 15px;
}

.large-graphs {
    width: 423px;
}

    .large-graphs table {
        margin-left: 20px;
    }

table.largest-placements td {
    border-bottom: 1px solid #E6E6E4;
    padding: 3px 2px 3px 2px;
}

table.largest-placements .col1 {
    width: 249px;
}

table.largest-placements .col2 {
    width: 140px;
}

table.largest-placements .col3 {
    width: 135px;
}

table.largest-placements .col4 {
    width: 41px;
    padding-right: 5px;
    text-align: right;
}

/* fund-history-development */
table.fund-history-development td {
    border-bottom: 1px solid #E6E6E4;
    padding: 7px 0 7px 0;
    text-align: right;
}

table.fund-history-development .col1 {
    width: 113px;
    padding-left: 2px;
    text-align: left !important;
}

table.fund-history-development .col2 {
    width: 49px;
}

table.fund-history-development .col3 {
    width: 94px;
}

table.fund-history-development .col4 {
    width: 94px;
}

table.fund-history-development .col5 {
    width: 107px;
}

table.fund-history-development .col6 {
    width: 106px;
}

table.fund-history-development .col7 {
    width: 95px;
}

table.fund-history-development .col8 {
    width: 91px;
}

table.fund-history-development .col9 {
    width: 86px;
}

table.fund-history-development .col10 {
    width: 76px;
    padding-right: 5px;
}

.fund-history-development-divider {
    float: left;
    background: url(../Images/development-divider.gif) repeat-x 0 0;
    width: 100%;
    height: 1em;
    margin: 3em 0 3em 0;
}

.development-graphs {
    float: left;
    width: 100%;
    padding-bottom: 2em;
}

    .development-graphs .left {
        float: left;
    }

    .development-graphs .right {
        float: right;
    }

.large-meter-container {
    background: url(../Images/large-meter-container-bg.gif) no-repeat right top;
    width: 381px;
    height: 238px;
    margin-left: 32px;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 18px;
}
    .large-meter-container img {
        margin-top: 40px;
    }

    .large-meter-container span {
        display: block;
    }

.large-meter-container-msrisk, .large-meter-container-msrating {
    text-align: center;
}

    .large-meter-container-msrisk img {
        margin-top: 23px;
        margin-bottom: 11px;
    }
    
    .large-meter-container-msrating img {
        margin-top: 23px;
        margin-bottom: 6px;
    }

.FM-Box-Row .large-meter-container-msrisk h3, .FM-Box-Row .large-meter-container-msrating h3 {
    font-size: 11.7px;
    display: block;
    /*font-weight: 900;*/
    color: #494949;
}

.volatilitet-table .thead td {
    background: #fbfbf9;
}

.volatilitet-table td {
    background: #eeeeee;
    border-bottom: solid 2px #fbfbf9;
}

    .volatilitet-table td img {
        vertical-align: middle;
        margin-bottom: 3px;
        margin-right: 6px;
    }

.volatilitet-table tr.thick-border td {
    border-bottom: solid 6px #fbfbf9;
}

.volatilitet-table .col1 {
    width: 362px;
}

.volatilitet-table .col2 {
    width: 71px;
}

.structured-products-table .col1 {
    width: 160px;
}

.structured-products-table .col2 {
    width: 120px;
    text-align: right;
}

.structured-products-table .col3 {
    width: 120px;
    text-align: right;
}

.structured-products-table .col4 {
    width: 120px;
    text-align: right;
}

.structured-products-table .col5 {
    width: 100px;
    text-align: right;
}

.fees-and-routine-table {
    border-top: solid 1px #e6e6e4;
}

    .fees-and-routine-table td {
        border-bottom: solid 1px #e6e6e4;
    }

    .fees-and-routine-table .col1 {
        width: 340px;
    }

    .fees-and-routine-table .col2 {
        text-align: right;
        width: 80px;
    }

.three-quarter-left-block {
    width: 600px;
    padding-right: 20px;
    border-right: solid 1px #dfdfdd;
    float: left;
}

.left-fixed-width {
    width: 6.5em;
    display: block;
    float: left;
}

.one-quarter-righ-block {
    float: right;
    padding-left: 20px;
    width: 285px;
}

/* my-account-divider */
.my-account-divider-left {
    float: left;
    width: 330px;
    margin-top: 20px;
    margin-left: 12px;
}

    .my-account-divider-left table {
        margin-top: 2px;
        margin-left: 20px;
        width: 183px;
    }

        .my-account-divider-left table td {
            text-align: left !important;
        }

            .my-account-divider-left table td.col1 {
                width: 160px !important;
            }

            .my-account-divider-left table td.col2 {
                text-align: right !important;
            }

.my-account-divider-right {
    float: right;
    width: 365px;
    margin-top: 20px;
    margin-right: 10px;
}

    .my-account-divider-right table {
        margin-top: 2px;
        margin-left: 20px;
        width: 213px;
    }

        .my-account-divider-right table td {
            text-align: left !important;
        }

            .my-account-divider-right table td.col1 {
                width: 160px !important;
            }

            .my-account-divider-right table td.col2 {
                text-align: right !important;
            }

/* detaljvy fondfakta */
table.fund-facts-detail {
    border-bottom: solid 1px #e6e6e4;
    width: 436px !important;
    margin-top: 4px;
    margin-right: 0 !important;
}

    table.fund-facts-detail td {
        border-top: solid 1px #e6e6e4;
        padding: 3px 0;
    }

    table.fund-facts-detail .col1 {
        width: 265px !important;
    }

    table.fund-facts-detail .col2 {
        padding-right: 5px;
        text-align: right;
    }

.usersettings-messages {
    float: left !important;
    margin-left: -18px !important;
    margin-top: -20px !important;
}

.messages-table {
    margin-top: 20px;
}

    .messages-table .col1 {
        width: 25px;
    }

    .messages-table .col2 {
        width: 248px;
    }

    .messages-table .col3 {
        width: 405px;
    }

    .messages-table .col4 {
        width: 155px;
    }

    .messages-table .col5 {
        width: 75px;
        text-align: center;
        border-right: solid 1px #fbfbf9;
    }

    .messages-table td {
        border-bottom: 1px solid #cececa;
    }

        .messages-table td.col1 {
            padding-left: 8px;
        }

    .messages-table .open-messages-head td {
        background: #F6F6F4 url(../Images/read-message-row-bg.gif) repeat-x left top;
        border-bottom: none !important;
    }

        .messages-table .open-messages-head td.col1 {
            background: url(../Images/read-message-row-bg-col1.gif) no-repeat left top;
        }

    .messages-table .open-messages-content .col1 {
        background: #f6f6f4 url(../Images/read-message-row-left-bg.gif) repeat-y left top;
    }

    .messages-table .open-messages-content .col2-5 {
        padding: 0 150px 0 0;
        width: 600px;
        line-height: 1.3em;
        background: #f6f6f4;
    }

    .messages-table .open-messages-content .col2-5, .messages-table .open-messages-head .col5 {
        border-right: solid 1px #e0e0e0 !important;
    }

.top-corner-button {
    margin-top: -10px;
    margin-right: -15px;
}

.erase-button {
    margin-right: -32px;
    margin-top: 10px;
}

.no-width {
    width: auto;
    float: left;
    margin-top: 15px;
}

.four-column-col-with-dropdown p {
    height: 35px !important;
}

.four-column-col-with-dropdown select {
    width: 185px;
    margin: 5px 0;
}

.message-drop {
    width: 300px;
}

.message-label {
    display: block;
    float: left;
    width: 120px;
    text-align: right;
    padding-right: 10px;
}

.send-message-form-row {
    padding: 5px 0;
}

.send-message-form-row-buttons {
    padding-left: 590px;
}

.published-date {
    display: block;
    margin-top: -5px;
    margin-bottom: 1em;
}

.yellow-square {
    background: url(../Images/square-list-bullet.gif) no-repeat left center;
    padding-left: 20px;
}

.search-fund-box-right {
    width: 300px;
    float: left;
    padding-left: 50px !important;
    background: none !important;
    padding-right: 0px;
}

.searchbox-info-text {
    width: 355px;
    float: left;
    background: url(../Images/fund-search-col-bg.gif) no-repeat top left;
    min-height: 140px;
}

.three-step-box {
    width: 269px;
    background: white;
    float: left;
    margin-right: 27px;
    background: url(../Images/three-pufs-white-bg.gif) no-repeat top left;
    min-height: 169px;
    padding: 10px 12px;
}

.three-step-box-last {
    margin-right: 0px !important;
}

.three-columns-thin-border-on-grey .inner-container-thin-top-three-columns {
    background: url(../Images/inner-container-three-columns-top-on-grey.gif) no-repeat left top;
}

.three-columns-thin-border-on-grey {
    background: url(../Images/inner-container-three-columns-bg-on-grey.gif) repeat-y left top;
}

    .three-columns-thin-border-on-grey .inner-container-three-columns-bottom {
        background: url(../Images/inner-container-three-columns-bottom-on-grey.gif) no-repeat left top;
    }

.narrow-paragraph {
    width: 660px;
}

.one-quarter-columns-container {
    background: url(../Images/read-message-row-left-bg.gif) repeat-y center top;
    float: left;
}

.one-quarter-column {
    float: left;
    width: 195px;
    padding-right: 20px;
}

.one-quarter-column-right {
    width: 195px;
    padding-left: 20px;
    padding-right: 0px;
}

.green-raquo-bullets {
    list-style-image: url(../Images/green-raquo.gif);
}

    .green-raquo-bullets li {
        padding-bottom: 0.8em;
    }

hr {
    background-color: #cececa;
    color: #cececa;
    border-color: #cececa;
    border-style: solid none;
    border-width: 1px 0pt;
    height: 2px;
}

.centered-button {
    padding-left: 230px;
}

.support-col {
    margin-top: 20px;
}

    .support-col ul {
        margin-bottom: 20px;
    }

        .support-col ul li {
            padding: 4px 0;
        }

.daily-word-box {
    position: relative;
    top: 20px;
    bottom: 20px;
    background: url(../Images/daily-word-box-bg.gif) no-repeat left top;
    width: 252px;
    height: 184px;
    padding: 20px;
}

    .daily-word-box .grey-thin-button {
        position: absolute;
        bottom: 10px;
        margin-left: 52px;
    }

        .daily-word-box .grey-thin-button span a {
            line-height: 1.1em;
        }

/* kategorier startsida */
.content-one-col .content {
    /*	width:620px; */
}

.categories-colored {
    float: left;
    width: 933px;
    margin: 1.5em 0 0 0;
}

    .categories-colored .top {
        float: left;
        background: url(../Images/categories-colored-top.gif) no-repeat 0 0;
        width: 933px;
        height: 6px;
    }

    .categories-colored .middle {
        float: left;
        background: url(../Images/categories-colored-middle.gif) no-repeat 0 0;
        width: 933px;
        height: 488px;
        overflow: hidden;
    }

    .categories-colored .bottom {
        float: left;
        background: url(../Images/categories-colored-bottom.gif) no-repeat 0 0;
        width: 933px;
        height: 9px;
    }

    .categories-colored .content-block {
        float: right;
        width: 810px;
        margin: 18px 17px 0 0;
    }

    .categories-colored .row {
        float: left;
        width: 810px;
        margin-bottom: 1em;
    }

    .categories-colored .one-col {
        float: left;
        background: url(../Images/categories-colored-one.png) no-repeat 0 0;
        width: 810px;
        height: 57px;
    }

        .categories-colored .one-col .left {
            float: left;
            width: 188px;
            margin: 17px 0 10px 13px;
        }

        .categories-colored .one-col .right {
            float: left;
            width: 580px;
            margin: 15px 0 10px 11px;
        }

    .categories-colored .two-col {
        float: left;
        background: url(../Images/categories-colored-two.png) no-repeat 0 0;
        width: 369px;
        height: 36px;
        margin-left: 10px;
        padding: 10px 10px 10px 11px;
    }

    .categories-colored .three-col {
        float: left;
        background: url(../Images/categories-colored-three.png) no-repeat 0 0;
        width: 235px;
        height: 36px;
        margin-left: 10px;
        padding: 10px 10px 10px 11px;
    }

    .categories-colored .indicator {
        float: left;
        margin: 7px 0 0 13px;
    }

.contact-col .one-third-col span {
    display: block;
    float: left;
    width: 60px;
}

.contact-col .one-third-col {
    padding-left: 30px;
    width: 245px;
    min-height: 145px;
}

.contact-col .one-third-col {
    border-left: solid 1px #dadad6;
}

.extra-top-margin {
    margin-top: 10px;
}

.contact-col h2 {
    padding-left: 40px;
    padding-bottom: 12px;
    padding-top: 5px;
    background: url(../Images/large-phone-icon.gif) no-repeat 0 0;
}

.contact-col h3 {
    padding-bottom: 0px;
}

.narrow-paragraph-left-margin {
    margin-left: 20px;
}

.special-bullets-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 2px;
}

    .special-bullets-list li {
        padding-left: 20px;
        background: url(../Images/yellow_bullet_white_arrow.gif) no-repeat left center;
    }

.large-submit-button {
    width: 287px;
    height: 43px;
    margin-left: 83px;
    margin-top: 20px;
    text-align: center;
    background: url(../Images/large-submit-button-bg.gif) no-repeat left top;
}

    .large-submit-button a {
        display: block;
        height: 28px;
        padding-top: 14px;
    }

.register-col label {
    display: block;
    margin-bottom: 3px;
}

.register-col div {
    margin-bottom: 5px;
}

.register-col input {
    margin-right: 10px;
    width: 200px;
}

.register-col .grey-thin-button span {
    padding: 6px 4px 0px 4px;
}

    .register-col .grey-thin-button span a {
        padding: 4px 20px 8px 16px;
    }

.open-messages-content .grey-thin-button span {
    padding: 5px 4px 5px 4px;
}

    .open-messages-content .grey-thin-button span a {
        padding: 4px 20px 8px 16px;
        line-height: 1.1em;
    }

.time-span-specific-account {
    width: 812px !important;
}

.development-table {
    margin-left: -16px !important;
}

    .development-table td {
        width: 65px;
        padding: 2px 0;
    }

    .development-table .thead td {
        width: 65px;
        padding: 0;
    }

    .development-table td.col1 {
        width: 18px;
        border-bottom: none !important;
    }

    .development-table td.col2 {
        width: 25px;
        text-align: center;
    }

    .development-table td.col3 {
        width: 191px;
        text-align: left;
    }

    .development-table .thead td {
    }

    .development-table .tbody td {
        border-bottom: solid 1px #e4e4e4;
    }

.your-funds-views-development {
    margin-bottom: 10px;
}

.risk-col-1 {
    float: left;
    width: 420px;
}

    .risk-col-1 .time-span-small {
        width: 420px;
    }

.risk-col-2 {
    float: left;
    width: 284px;
}

.risk-col-3 {
    float: left;
    width: 110px;
    min-height: 300px;
    border-left: solid 1px #dcdcdc;
    text-align: center;
    padding-left: 10px;
}

.risk-col-2 table {
    margin-left: 0px;
}

    .risk-col-2 table td {
        padding: 3px 0;
    }

.risk-col-2 .col1 {
    width: 212px;
    text-align: left;
    padding-left: 5px;
}

    .risk-col-2 .col1 img {
        vertical-align: middle;
        margin-right: 4px;
    }

.risk-col-2 .col2 {
    width: 48px;
}
.risk-col-3 .col3 {
    width: 48px;
}
.risk-col-3 img {
    margin-top: 5px;
    margin-bottom: 10px;
}

.risk-col-voalitet-value {
    margin-bottom: 30px;
}

.guidance-col1 {
    width: 200px;
}

.guidance-col1 {
    float: left;
    width: 150px;
}

.guidance-col2 {
    float: left;
    width: 285px;
    padding-right: 50px;
    padding-left: 20px;
    margin-left: 148px;
}

.guidance-col3 {
    float: left;
    padding-left: 20px;
    width: 275px;
    background: url(../Images/guidance-col3-bg.gif) no-repeat left top;
    height: 174px;
    border-left: solid 1px #d5d5d5;
}

.guidance-col1 img {
    margin-bottom: -25px;
    margin-left: -25px;
}

.guidance-button-one {
    background: url(../Images/guidance-button-one.gif) no-repeat left top;
    width: 272px;
    height: 35px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 15px;
}

.guidance-button-two {
    background: url(../Images/guidance-button-two.gif) no-repeat left top;
    width: 272px;
    height: 35px;
    text-align: center;
}

    .guidance-button-two a, .guidance-button-one a {
        display: block;
        width: 260px;
        height: 25px;
        padding-top: 10px;
        padding-left: 10px;
    }

.guidance-col3 ol li {
    height: 45px;
}

    .guidance-col3 ol li a {
        float: left;
    }

.step-col {
    width: 270px;
    height: 29px;
    padding-top: 13px;
    padding-left: 10px;
    position: relative;
}

.last-step-col {
}

    .last-step-col img {
        position: absolute;
        top: 14px;
        right: 20px;
    }

    .last-step-col a {
        float: left;
    }

.pension-description {
    width: 450px;
}

.half-col {
    float: left;
}

.col-left {
    border-right: solid 1px #dadad6;
    background: url(../Images/ppm-bg.gif) no-repeat left top;
    padding-right: 30px;
    width: 371px;
    padding-left: 65px;
}

.col-right {
    width: 341px;
    margin-left: 30px;
    background: url(../Images/individuall-bg.gif) no-repeat left top;
    padding-left: 55px;
}

.half-col .grey-thin-button {
    margin-top: 10px;
    margin-left: 90px;
}

.error-message ul li {
    width: 800px;
}

    .error-message ul li span {
        display: block;
        width: 320px;
        float: left;
    }

    .error-message ul li a {
        padding-left: 20px;
        width: 200px;
    }

.alarm-table-list tr {
    height: 33px;
    background: url(../Images/detailed-row-bg.gif) repeat-x left center;
}

.alarm-table-list td {
}

.alarm-table-list .col1 {
    width: 26px;
    background: url(../Images/detailed-row-bg-left.gif) no-repeat left center !important;
}

    .alarm-table-list .col1 img {
        margin-left: 10px;
    }

.alarm-table-list .col2 {
    width: 290px;
}

.alarm-table-list .col3 {
    width: 460px;
}

.alarm-table-list .col4 {
    width: 70px;
}

.alarm-table-list .col5 {
    width: 70px;
}

.alarm-table-list .col6 {
    width: 10px;
    background: url(../Images/detailed-row-bg-right-last.gif) no-repeat right center !important;
}

    .alarm-table-list .col4 img, .alarm-table-list .col5 img, .alarm-table-list .col6 img {
        margin-right: 5px;
        vertical-align: middle;
    }

.one-third-box {
    float: left;
    background: url(../Images/fixed-size-box-bg-one-third.png) no-repeat left top;
    width: 260px;
    height: 62px;
    margin-right: 16px;
    padding: 15px 20px 20px 20px;
    margin-top: 10px;
}

.one-third-box-last {
    margin-right: 0px !important;
}

    .one-third-box-last ul {
        list-style: none;
        margin-left: 0px;
    }

        .one-third-box-last ul li {
            background: url(../Images/grey-arrow-right.gif) no-repeat left center;
            padding-left: 10px;
        }

.trailing-arrow {
    vertical-align: middle;
    margin-bottom: 2px;
}

.new-alarm-box {
    background: url(../Images/alarm-small-box-bg-high.gif) no-repeat 0 0;
    width: 614px;
    height: 450px;
}


.new-alarm-box-funds {
    background: url(../Images/alarm-large-box-bg.gif) no-repeat left center;
    width: 614px;
    height: 745px;
}

.alarm-step-block {
    width: 500px;
    /*height: 85px;*/
    padding-top: 9px;
    padding-bottom: 25px;
}

.new-alarm-box ol {
    padding-top: 20px;
}

    .new-alarm-box ol li {
        padding-left: 20px;
        font-weight: bold;
    }

.alarm-step-block table {
    margin-top: 5px;
}

.alarm-step-block .col1 {
    width: 180px;
}

.alarm-step-block .col2 {
    width: 146px;
}

.alarm-step-block label {
    width: 230px;
    padding-top: 2px;
}

.alarm-step-block div {
    padding: 5px 0;
    font-weight: normal !important;
}

.alarm-step-block .yellow-button {
    margin-top: 8px !important;
    margin-left: 0px !important;
}

.alarm-right-block {
    margin-top: 15px;
    width: 260px;
    padding-right: 25px;
}

.new-alarm-box-funds .box1 {
    height: 180px;
}

.new-alarm-box-funds .box2 {
    height: 362px;
}

.new-alarm-box-funds .box3 {
}

.new-alarm-box-funds .box2 {
    width: 458px;
    padding-left: 20px;
    height: 298px;
    background: url(../Images/inner-alarm-box.gif) no-repeat left top;
}

.new-alarm-box-funds .box1 label {
    width: 80px;
    float: left;
}

.new-alarm-box-funds .box2 label {
    display: block;
}

    .new-alarm-box-funds .box2 label.wide {
        width: 430px;
    }

.extra-margin-left {
    margin-left: 24px;
}

.new-alarm-box-funds .box2 .your-funds-views {
    float: left;
    margin-top: -13px;
    font-size: 0.6em;
}

.alarm-step-block select {
    width: 200px;
}

/*TOPLISTOR*/
.top-lists .one-third-table .col1 {
    width: 180px;
}

.top-lists .one-third-table .col2 {
    text-align: right;
    padding-right: 5px;
    width: 50px;
}

.top-lists .one-third-table .col3 {
    width: 35px;
    text-align: right;
}

    .top-lists .one-third-table .col3 img {
        margin-left: 3px;
    }

.top-lists .your-funds-views {
    float: right;
    margin-top: -20px;
    margin-right: 0px;
}

    .top-lists .your-funds-views li {
        padding: 0 13px;
    }

.two-col-table td {
    padding: 3px 0;
    border-bottom: 1px solid #E6E6E4;
}

.two-col-table .col1 {
    width: 350px;
}

.two-col-table .col2 {
    width: 60px;
    text-align: right;
    padding-right: 10px;
}

.two-col-table .col3 {
    width: 35px;
    text-align: right;
}

.top-lists .one-third-table {
    width: 278px;
    margin-right: 0px !important;
}

.drop-dow-top-right-corner {
    float: right;
    font-size: 1em;
    width: 120px;
    background: #fbfbf9;
    border: solid 1px #acb1a3;
}

.top-list-quarter-column {
    width: 188px;
    padding: 0 15px;
    float: left;
    margin-right: 20px;
}

.top-list-quarter-column-last {
    margin-right: 0px !important;
}

.top-list-quarter-column .button-container {
    padding-left: 37px;
}

.top-list-quarter-column .grey-thin-button {
    width: 70px;
}

    .top-list-quarter-column .grey-thin-button span a {
        padding: 4px 10px 5px 6px;
    }

        .top-list-quarter-column .grey-thin-button span a.yellow-tex {
            padding: 4px 10px 5px 6px;
        }

.top-block-link {
    min-height: 20px;
    display: block;
}

.support-container {
    width: 710px;
    margin-bottom: 10px;
}

.recommended-reading {
    width: 150px;
    padding-left: 50px;
    float: left;
    margin-bottom: 20px;
}

    .recommended-reading ul li {
        padding: 4px 0;
    }

.alarm-button {
    width: 157px;
    height: 27px;
    background: url(../Images/alarm-button-bg.gif) no-repeat left top;
}

    .alarm-button a {
        width: 127px;
        height: 22px;
        display: block;
        padding-top: 5px;
        padding-left: 30px;
    }

.sign-up-steps {
    list-style: none;
    padding: 0;
    margin-left: 0px;
}

    .sign-up-steps li {
        height: 27px;
        padding-left: 37px;
        padding-top: 8px;
    }

        .sign-up-steps li.step1 {
            background: url(../Images/large-step-bullet-1.gif) no-repeat left top;
        }

        .sign-up-steps li.step2 {
            background: url(../Images/large-step-bullet-2.gif) no-repeat left top;
        }

        .sign-up-steps li.step3 {
            background: url(../Images/large-step-bullet-3.gif) no-repeat left top;
        }

.inner-centered {
    margin-left: 190px;
}

.medium-content-white-bg table.beneficiary-table {
}

    .medium-content-white-bg table.beneficiary-table .col1 {
        width: 82px;
        padding-right: 10px;
    }

        .medium-content-white-bg table.beneficiary-table .col1 input {
            width: 82px;
        }

    .medium-content-white-bg table.beneficiary-table .col2 {
        width: 110px;
        padding-right: 20px;
    }

        .medium-content-white-bg table.beneficiary-table .col2 input {
            width: 110px;
        }

    .medium-content-white-bg table.beneficiary-table .col3 {
        width: 200px;
    }

        .medium-content-white-bg table.beneficiary-table .col3 input {
            width: 90px;
        }

    .medium-content-white-bg table.beneficiary-table input.last-four {
        width: 30px;
    }

    .medium-content-white-bg table.beneficiary-table .col4 {
        width: 100px;
    }

        .medium-content-white-bg table.beneficiary-table .col4 select {
            width: 100px;
        }

    .medium-content-white-bg table.beneficiary-table .col5 {
    }

.medium-content-white-bg table.beneficiary-user-data {
    border-bottom: 0px;
}

    .medium-content-white-bg table.beneficiary-user-data td {
        padding-bottom: 0px;
    }

    .medium-content-white-bg table.beneficiary-user-data .thead td {
        padding-top: 8px;
    }

    .medium-content-white-bg table.beneficiary-user-data .col1 {
        width: 145px;
    }

    .medium-content-white-bg table.beneficiary-user-data .col2 {
        width: 315px;
    }

/*utskrift*/

.printable-page, .printable-page * {
    background: none !important;
}

.print-area {
    width: 650px;
    margin: 40px auto;
}

    .print-area .table-beneficiary-data td {
        width: 140px;
    }

    .print-area .table-beneficiary-data .thead td {
        font-weight: bold;
    }

    .print-area .table-user-data .col1 {
        width: 160px;
    }

    .print-area hr {
        background-color: #d6d6d6 !important;
        color: #d6d6d6 !important;
        border-color: #d6d6d6 !important;
        border-style: solid none !important;
        border-width: 1px 0pt !important;
        height: 1px !important;
        margin: 10px 0;
    }

.signature-text {
    margin: 70px 0;
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    font-weight: bold;
}

.signature-box {
    float: left;
    border-top: solid 1px #494949;
    margin-right: 20px;
    margin-bottom: 40px;
}

.signature-name {
    width: 260px;
}

.signature-town {
    width: 230px;
}

.signature-date {
    width: 100px;
}

/* Fund categories */
.fund-categories .top-background {
    float: left;
    width: 950px;
    height: 66px;
    margin: -17px 0 0 -14px;
    padding: 60px 0 0 12px;
}

.fund-categories .two-col {
    float: left;
    background: url(../Images/fund-categories-two-col.gif) repeat-y 0 0;
    width: 929px;
    margin: 2.5em 0 2em 0;
}

    .fund-categories .two-col .left {
        float: left;
        width: 606px;
    }

        .fund-categories .two-col .left .graph {
            float: left;
            width: 440px;
        }

        .fund-categories .two-col .left .risk {
            float: right;
            width: 161px;
        }

            .fund-categories .two-col .left .risk .content {
                background: url(../Images/fund-category-risk-bg.gif) no-repeat 0 0;
                width: 120px;
                height: 130px;
                padding: 67px 0 0 41px;
            }

    .fund-categories .two-col .right {
        float: right;
        width: 269px;
    }

        .fund-categories .two-col .right .facts {
            width: 269px;
        }

            .fund-categories .two-col .right .facts td {
                border-bottom: 1px solid #E9E9E8;
                text-align: right;
                padding: 3px 2px 3px 2px;
            }

            .fund-categories .two-col .right .facts .header {
                width: 126px;
                text-align: left;
            }

        .fund-categories .two-col .right .analysis {
            float: left;
            width: 245px;
            margin: 1.5em 0;
        }

.fund-categories .advicer-top-list {
    margin-top: 5px;
}

    .fund-categories .advicer-top-list td {
        background: url(../Images/top-list-cell-bg.png) no-repeat center center;
    }

.fund-categories .filter-result {
    width: 910px;
}

.fund-categories .search-result-table {
    width: 910px;
}

.fund-categories .filter-result thead th, .fund-categories .filter-result .header th {
    border-top: 0;
}

.fund-categories .filter-result-col3, .fund-categories .rate-column {
    width: 100px;
    padding-right: 52px;
}

.fund-categories .filter-result-col4 {
    width: 95px;
}

.fund-categories .filter-result-col5 {
    width: 86px;
}

.fund-categories .filter-result-col6 {
    width: 124px;
}

.fund-categories .pagination {
    width: 536px;
}

    .fund-categories .pagination ul {
        margin-left: 90px;
    }

.fund-categories .list-top {
    float: left;
    width: 940px;
    height: 36px;
    margin: -21px 0 18px -18px;
    padding: 16px 0 0 30px;
}

/*GENERELL STIL*/
.category-growth, .category-global, .category-branch, .category-europe, .category-ethical, .category-north-america, .category-interest-funds, .category-sweden, .category-stock {
    background: url(../Images/cat-one-top-default.gif) no-repeat 0 0;
}

    .category-growth .row-content, .category-global .row-content, .category-branch .row-content, .category-europe .row-content, .category-ethical .row-content, .category-north-america .row-content, .category-interest-funds .row-content, .category-sweden .row-content, .category-stock .row-content {
        background: url(../Images/cat-one-content-default.gif) repeat-y 0 0;
    }

    .category-growth .bottom, .category-global .bottom, .category-branch .bottom, .category-europe .bottom, .category-ethical .bottom, .category-north-america .bottom, .category-interest-funds .bottom, .category-sweden .bottom, category-stock .bottom {
        background: url(../Images/cat-one-bottom-default.gif) no-repeat 0 0;
    }

.category-growth-background, .category-growth-background-top, .category-global-background, .category-global-background-top, .category-branch-background, .category-branch-background-top, .category-europe-background, .category-europe-background-top, .category-ethical-background, .category-ethical-background-top, .category-north-america-background, .category-north-america-background-top, .category-interest-funds-background, .category-interest-funds-background-top, .category-sweden-background, .category-sweden-background-top, .category-stock-background, .category-stock-background-top {
    background: url(../Images/cat-one-top-default-b.gif) no-repeat 0 0;
}

    .category-growth-background .row-content, .category-global-background .row-content, .category-branch-background .row-content, .category-europe-background .row-content, .category-ethical-background .row-content, .category-north-america-background .row-content, .category-interest-funds-background .row-content, .category-sweden-background .row-content, .category-stock-background .row-content {
        background: url(../Images/cat-one-content-default-b.gif) repeat-y 0 0;
    }

    .category-growth-background .bottom, .category-global-background .bottom, .category-branch-background .bottom, .category-europe-background .bottom, .category-ethical-background .bottom, .category-north-america-background .bottom, .category-interest-funds-background .bottom, .category-sweden-background .bottom, .category-stock-background .bottom {
        background: url(../Images/cat-one-bottom-default-b.gif) no-repeat 0 0;
    }

.category-growth .list-top, .category-global .list-top, .category-branch .list-top, .category-europe .list-top, .category-ethical .list-top, .category-north-america .list-top, .category-interest-funds .list-top, .category-sweden .list-top, .category-stock .list-top {
    background: url(../Images/fund-list-top-default.gif) no-repeat 0 0;
}

.fund-overview-top-default .list-top {
    background: url(../Images/fund-overview-top-default.gif) no-repeat 0 0;
}

/* for banner in the start page */
.categorybanner {
    background: none repeat scroll 0 0 transparent;
}

/*sverige */
.category-sweden .top-background, .fund-categories-analytics .top-background-category-sweden {
    background: url(../Images/fund-category-sweden.jpg) no-repeat 0 0 #F7F3F7;
}

/*räntefonder */
.category-interest-funds .top-background, .fund-categories-analytics .top-background-category-interest-funds {
    background: url(../Images/fund-category-interest-funds.jpg) no-repeat 0 0 #F7F3F7;
}

/*nordamerika */
.category-north-america .top-background, .fund-categories-analytics .top-background-category-north-america {
    background: url(../Images/fund-category-north-america.jpg) no-repeat 0 0 #397DD6;
}

/*etiska */
.category-ethical .top-background, .fund-categories-analytics .top-background-category-ethical {
    background: url(../Images/fund-category-ethical.jpg) no-repeat 0 0 #8492B5;
}

/*europa */
.category-europe .top-background, .fund-categories-analytics .top-background-category-europe {
    background: url(../Images/fund-category-europe.jpg) no-repeat 0 0 #F7F3F7;
}

/*tillväxt */
.category-growth .top-background, .fund-categories-analytics .top-background-category-growth {
    background: url(../Images/fund-category-growth.jpg) no-repeat 0 0 #738EA5;
}

/*bransch */
.category-branch .top-background, .fund-categories-analytics .top-background-category-branch {
    background: url(../Images/fund-category-branch.jpg) no-repeat 0 0 #6386AD;
}

/*global */
.category-global .top-background, .fund-categories-analytics .top-background-category-global {
    background: url(../Images/fund-category-global.jpg) no-repeat 0 0 #002442;
}

/*Aktiefonder*/
.category-stock .top-background, .fund-categories-analytics .top-background-category-stock {
    background: url(../Images/fund-category-stock.jpg) no-repeat 0 0 #000839;
}

/*SPECIALSTILAR*/
/*nordic*/
.category-nordic .two-col {
    background: url(../Images/fund-categories-two-col-nordic.gif) repeat-y 0 0;
}

.category-nordic {
    background: url(../Images/cat-one-top-nordic.gif) no-repeat 0 0;
}

    .category-nordic .top-background, .fund-categories-analytics .top-background-category-nordic {
        background: url(../Images/fund-category-nordic.jpg) no-repeat 0 0 #D6E7F7;
    }

    .category-nordic .row-content {
        background: url(../Images/cat-one-content-nordic.gif) repeat-y 0 0;
    }

    .category-nordic .bottom {
        background: url(../Images/cat-one-bottom-nordic.gif) no-repeat 0 0;
    }

.category-nordic-background, .category-nordic-background-top {
    background: url(../Images/cat-one-top-nordic-b.gif) no-repeat 0 0;
}

    .category-nordic-background .row-content {
        background: url(../Images/cat-one-content-nordic-b.gif) repeat-y 0 0;
    }

    .category-nordic-background .bottom {
        background: url(../Images/cat-one-bottom-nordic-b.gif) no-repeat 0 0;
    }

.category-nordic .list-top {
    background: url(../Images/fund-categories-list-top-nordic.gif) no-repeat 0 0;
}

/*hedge*/
.category-hedge .two-col {
    background: url(../Images/fund-categories-two-col-hedge.gif) repeat-y 0 0;
}

.category-hedge {
    background: url(../Images/cat-one-top-hedge.gif) no-repeat 0 0;
}

    .category-hedge .top-background, .fund-categories-analytics .top-background-category-hedge {
        background: url(../Images/fund-category-hedge.jpg) no-repeat 0 0 #745532;
    }

    .category-hedge .row-content {
        background: url(../Images/cat-one-content-hedge.gif) repeat-y 0 0;
    }

    .category-hedge .bottom {
        background: url(../Images/cat-one-bottom-hedge.gif) no-repeat 0 0;
    }

.category-hedge-background, .category-hedge-background-top {
    background: url(../Images/cat-one-top-hedge-b.gif) no-repeat 0 0;
}

    .category-hedge-background .row-content {
        background: url(../Images/cat-one-content-hedge-b.gif) repeat-y 0 0;
    }

    .category-hedge-background .bottom {
        background: url(../Images/cat-one-bottom-hedge-b.gif) no-repeat 0 0;
    }

.category-hedge .list-top {
    background: url(../Images/fund-categories-list-top-hedge.gif) no-repeat 0 0;
}

/*japan*/
.category-japan .two-col {
    background: url(../Images/fund-categories-two-col-japan.gif) repeat-y 0 0;
}

.category-japan {
    background: url(../Images/cat-one-top-japan.gif) no-repeat 0 0;
}

    .category-japan .top-background, .fund-categories-analytics .top-background-category-japan {
        background: url(../Images/fund-category-japan.jpg) no-repeat 0 0 #EFEFEF;
    }

    .category-japan .row-content {
        background: url(../Images/cat-one-content-japan.gif) repeat-y 0 0;
    }

    .category-japan .bottom {
        background: url(../Images/cat-one-bottom-japan.gif) no-repeat 0 0;
    }

.category-japan-background, .category-japan-background-top {
    background: url(../Images/cat-one-top-japan-b.gif) no-repeat 0 0;
}

    .category-japan-background .row-content {
        background: url(../Images/cat-one-content-japan-b.gif) repeat-y 0 0;
    }

    .category-japan-background .bottom {
        background: url(../Images/cat-one-bottom-japan-b.gif) no-repeat 0 0;
    }

.category-japan .list-top {
    background: url(../Images/fund-categories-list-top-japan.gif) no-repeat 0 0;
}

/*Fondbolag*/
.alphabet-bar {
    background: #f6f6f4 url(../Images/alphabet-list-bg.gif) repeat-y left top;
    text-align: center;
    width: 55px;
    margin-top: -2px;
    margin-left: -1px;
    height: 100%;
}

.fund-companies-list {
    overflow: auto;
    overflow-x: hidden;
    height: 100%;
    background: #ffffff;
    border: none;
    width: 880px;
}

.fund-companies-list-container {
    height: 70em;
    padding-top: 5px;
    background: #f6f6f4 url(../Images/fund-companies-bg-top.gif) repeat-x left top;
    border-bottom: solid 1px #e0e0e0;
}

.alphabet-bar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .alphabet-bar ul li {
        padding: 0;
        margin: 0;
    }

        .alphabet-bar ul li a {
            display: block;
            padding: 0.35em 0;
            text-decoration: none;
        }

.fund-companies-list table {
    width: 865px;
}

    .fund-companies-list table td {
        vertical-align: top;
        padding: 10px 0px 10px 0;
    }

.fund-companies-list .col1 {
    width: 185px;
    padding-left: 20px;
}

.fund-companies-list .col2 {
    width: 660px;
}

.fund-company-contact {
    width: 600px !important;
    margin: 0 !important;
}

    .fund-company-contact td {
        padding: 0px !important;
    }

    .fund-company-contact .col1 {
        padding: 0px !important;
        width: 200px;
    }

    .fund-company-contact .col2 {
        padding: 0px !important;
        width: 200px;
    }

    .fund-company-contact .col3 {
        padding: 0px !important;
        width: 200px;
        vertical-align: bottom;
    }

    .fund-company-contact .col1 span, .fund-company-contact .col2 span {
        display: block;
    }

.index-letter {
    padding: 20px 0 10px;
}

.collapsed .long-description {
    display: none;
}

.alternate-row td {
    background: #F6F6F4;
}

.fund-companies-list .col1 a {
    padding-right: 10px;
    background: url(../Images/green-arrow-right.png) no-repeat right center;
}

.fund-companies-list .index-letter a {
    background: none !important;
}

.fund-companies-list .col1 a.clicked {
    background: url(../Images/green-arrow-down.png) no-repeat right center;
}

.fund-company-contact td.col1, .fund-company-contact td.col2, .fund-company-contact td.col3 {
    background: none !important;
    border: none !important;
}

.altA .col1 {
    background: #F6F6F4 url(../Images/altACol1.gif) no-repeat left top !important;
}

.altA .col2 {
    background: #F6F6F4 url(../Images/fund-list-bg-top.gif) repeat-x left top !important;
}

.altB .col1 {
    background: #fff url(../Images/altBCol1.gif) no-repeat left top !important;
}

.altB .col2 {
    background: #fff url(../Images/fund-list-bg-top.gif) repeat-x left top !important;
}

.altB td, .altA td {
    border-bottom: solid 1px #e8e8e8;
}

.collapsed tr {
}

.alternate-row tr {
}

/* -- Top user information -- */
#top-user .information ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

    #top-user .information ul li {
        float: left;
        position: relative;
        padding: 0 0 0 35px;
    }

        #top-user .information ul li .sub {
            float: left;
            position: absolute;
            background: url(../Images/user-information-bottom.gif) no-repeat bottom left;
            display: none;
            top: 24px;
            left: 0;
            width: 246px;
            padding-bottom: 8px;
            z-index: 100;
        }

        #top-user .information ul li .second {
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
        }

            #top-user .information ul li .second li {
                float: left;
                background: url(../Images/user-information-list.gif) repeat-y 0 0;
                width: 206px !important;
                margin: 0;
                padding: 5px 20px 5px 20px;
            }

                #top-user .information ul li .second li.last {
                    padding-bottom: 20px;
                }

                #top-user .information ul li .second li.header div {
                    float: left;
                    border-bottom: 1px solid #DBDBD0;
                    width: 206px;
                    padding: 10px 0 0 0 !important;
                }

    #top-user .information ul .selected div {
        display: block;
    }

#top-user .submenu-messages, #top-user .submenu-history {
    left: -100px !important;
}

#top-user .submenu-shortcuts {
    left: -130px !important;
}

.information ul li img.arrow {
    margin-left: 5px;
}

.single-pufs-column {
    padding: 0px !important;
    width: 314px !important;
    margin-top: -3px;
}

.single-pufs-column-content {
    background: url(../Images/single-puf-bg.gif) repeat-y 0 0;
    padding: 10px 18px;
    margin-bottom: -3px;
}

.single-pufs-column-content-top {
    background: url(../Images/single-puf-top.gif) no-repeat 0 0;
    height: 7px;
}

.single-pufs-column-content-bottom {
    background: #ffffff url(../Images/single-puf-bottom.gif) no-repeat 0 0;
    height: 27px;
}

.single-pufs-column-content-bottom-last {
    height: 5px !important;
    position: relative;
    bottom: -3px;
}

.content-three-quarter-left-no-right-column {
}

/*Startpages*/

.startpages-container {
    background: url(../Images/start-pages-box-bg-top.png) no-repeat 0 0;
}

    .startpages-container .row-content {
        background: url(../Images/start-pages-box-bg.png) repeat-y 0 0;
        margin-top: 37px;
    }

    .startpages-container .bottom {
        height: 7px;
        background: url(../Images/start-pages-box-bg-bottom.png) no-repeat left top;
    }

.startpage-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 208px;
    padding-left: 12px;
}

    .startpage-menu .lvl2 {
        list-style: none;
        margin: 0;
        padding: 0;
    }

.startpages-content-container {
    float: left;
    width: 610px;
    padding-left: 40px;
}

.startpages-container .row-content .col {
    padding-top: 0px !important;
}

.startpage-float-right {
    float: right;
    margin: 0 0 10px 10px;
}

.startpage-float-left {
    float: left;
    margin: 0 10px 10px 0;
}

.startpages-content-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .startpages-content-container ul li {
        padding-left: 6px;
        background: url(../Images/small-green-bullet.gif) no-repeat left center;
    }

.startpages-container table, .startpages-container ul {
    margin-bottom: 0.8em;
}

/*funcd-categories-analytics*/
.fund-categories-analytics {
    background: url(../Images/fund-categories-analytics-container-top.gif) no-repeat 0 0;
}

    .fund-categories-analytics .row-content {
        background: url(../Images/fund-categories-analytics-container-bg.gif) repeat-y 0 0;
    }

    .fund-categories-analytics .row-content {
        background: url(../Images/fund-categories-analytics-container-bg.gif) repeat-y 0 0;
    }

        .fund-categories-analytics .row-content .col {
            padding-top: 5px !important;
        }

    .fund-categories-analytics .bottom {
        background: url(../Images/fund-categories-analytics-container-bottom-bg.gif) repeat-y 0 0;
    }

    .fund-categories-analytics .top-background, .fund-categories-analytics .top-background-category-analytics {
        float: left;
        width: 950px;
        height: 66px;
        margin: -4px 0 0 -14px;
        padding: 60px 0 0 12px;
    }



    .fund-categories-analytics .one-quarter-righ-block {
        margin-top: -67px;
    }

.thumb-rating-box {
    margin-bottom: 20px;
    width: 609px;
    height: 50px;
    float: left;
    background: url(../Images/thumb-rating-box-bg.gif) no-repeat 0 0;
}

    .thumb-rating-box img {
        float: left;
        margin: 4px 0 0 4px;
    }

    .thumb-rating-box h2 {
        float: left;
        padding: 16px 0 0 10px;
    }

.fund-categories-analytics .two-col {
    float: left;
    background: url(../Images/fund-categories-analytics-two-col.gif) repeat-y 0 0;
    width: 929px;
    margin: 2.5em 0 2em 0;
}

.advicer-comment-box {
    margin-top: 30px;
    float: left;
    margin-left: -17px;
    margin-bottom: -38px;
    position: relative;
    min-height: 175px;
}

.advicer-commen {
    padding-left: 200px;
}

.advicer-img {
    position: absolute;
    bottom: 0;
    margin-bottom: -2px !important;
}

.risk-meter-container {
    border-bottom: solid 1px #efefea;
    padding: 20px 0;
    margin-bottom: 20px;
}

.pros-and-cons-list {
    margin-bottom: 20px;
    border-bottom: solid 1px #efefea;
    padding-bottom: 20px;
    margin-left: 18px !important;
    list-style: outside !important;
}

    .pros-and-cons-list li {
        padding-right: 40px;
        padding: 0px;
    }

.bnp-table {
    margin-left: 10px;
    margin-top: 15px;
    float: left;
}

    .bnp-table td {
        height: 2.5em;
        vertical-align: middle;
    }

        .bnp-table td.col1 {
            width: 105px;
        }

        .bnp-table td.col2 {
            text-align: right;
            width: 40px;
            padding: 0px !important;
        }

        .bnp-table td img {
            vertical-align: middle;
            margin-right: 8px;
        }

/**/
.crib-table {
    margin-left: 5px;
    float: left;
}

    .crib-table td {
        height: 2.5em;
        vertical-align: middle;
    }

        .crib-table td.col1 {
            width: 135px;
        }

        .crib-table td.col2 {
            width: 60px;
            text-align: right;
        }

        .crib-table td img {
            vertical-align: middle;
            margin-right: 8px;
        }

/**/

.bnp-chart {
    float: left;
    margin-left: 5px;
}

.read-more-link-container {
    padding: 30px 0 10px;
    border-top: solid 1px #efefea;
    margin-top: 10px;
}

    .read-more-link-container a {
        color: #7e7e7e;
    }

.min-height-container {
    min-height: 130px;
}

.raquo-list {
    list-style: none url(../Images/raquo.gif);
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}

.top-center-box-top-padding {
    padding-top: 40px;
    padding-left: 230px;
}

.year-summary table {
    width: 100%;
    margin-bottom: 20px;
}

    .year-summary table td {
        border-bottom: solid 1px #CDCDCB;
        padding: 0.3em 0;
    }

.year-summary .col1 {
    width: 280px;
}

.year-summary .col2 {
    width: 130px;
}

.year-summary .col3 img {
    vertical-align: middle;
    margin-right: 5px;
}

.year-summary ol {
    width: 550px;
    padding-left: 20px;
    list-style-position: outside;
}

h2.head-next-to-star {
    margin-top: 14px;
    margin-bottom: 20px;
    margin-left: 15px;
}

.advicer-toplist {
    width: 700px !important;
    margin-left: 0px !important;
    background: url(../Images/top-list-table-bg.gif) repeat-y 0 0;
    margin-top: 14px;
}

    .advicer-toplist td {
        height: 25px;
        border: none !important;
        vertical-align: top !important;
        padding-top: 10px !important;
    }

    .advicer-toplist .col1 {
        width: 309px !important;
        padding-bottom: 24px !important;
    }

    .advicer-toplist .col2 {
        width: 86px !important;
    }

    .advicer-toplist .col3 {
        width: 86px !important;
    }

    .advicer-toplist .col4 {
        width: 60px !important;
        text-align: right;
    }

    .advicer-toplist .col5 {
        width: 125px !important;
        padding-top: 5px !important;
        padding-left: 25px !important;
    }

    .advicer-toplist .has-progressbar .col2 {
        background: url(../Images/development-container-progressbar-bg.png) no-repeat 0 10px;
        height: 25px;
        padding-top: 0px !important;
    }

    .advicer-toplist .has-progressbar .col3 {
        background: url(../Images/development-container-progressbar-bg.png) no-repeat right 10px;
        height: 25px;
        padding-top: 0px !important;
    }

    .advicer-toplist .positive-progress, .advicer-toplist .negative-progress {
        margin-top: 12px;
    }

.inner-analytics-container .crib-table {
    display: inline;
    margin-left: 20px !important;
    width: 205px !important;
}

    .inner-analytics-container .crib-table td {
        vertical-align: top !important;
        border: none !important;
        text-align: left !important;
    }

    .inner-analytics-container .crib-table .col1 {
        width: 135px !important;
    }

    .inner-analytics-container .crib-table .col2 {
        width: 70px !important;
    }

.no-margin {
    margin: 0 !important;
}

.crib-wrapper {
    margin: 30px 0;
    padding: 20px 0;
    border-top: solid 1px #cececa;
    border-bottom: solid 1px #cececa;
}

.newslist-market-comments {
    width: auto !important;
}

.custumer-settings-block ol {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

.pdf-link {
    margin-top: 7px;
    margin-bottom: 13px;
}

    .pdf-link img {
        vertical-align: middle;
        margin-right: 5px;
    }

.advicer-history table {
    width: 100%;
}

    .advicer-history table td {
        border-bottom: solid 1px #CDCDCB;
        padding: 0.3em 0;
    }

.advicer-history .col1 {
    width: 130px;
}

.advicer-history .col2 {
    width: 260px;
}

.advicer-history .col3 img {
    vertical-align: middle;
    margin-right: 5px;
}

.advicer-history .thead td a {
    font-weight: bold;
}

.loader-container #flashcontent {
    height: 45px;
    width: 45px;
    margin: 10px 0 7px 140px;
    float: left;
}

.loading {
    padding-bottom: 40px;
    text-align: center;
}

/*NYHETSLISTNING*/

.overview-all-news {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .overview-all-news li {
        background: url(../Images/small-yellow-arrow-bullet.gif) no-repeat top left;
        padding-left: 7px;
        background-position: 0 4px;
        padding-bottom: 1em;
        width: 600px;
    }

    .overview-all-news .header a {
        color: #545454;
        font-weight: bold;
        font-size: 1.08em;
    }

    .overview-all-news .date {
        color: #979797;
        font-size: 1.1em;
        margin: 0;
        padding: 0;
        padding-bottom: 2px;
        line-height: 1em;
    }

    .overview-all-news .date {
        color: #979797;
        font-size: 1.1em;
        margin: 0;
        padding: 0;
        padding-bottom: 2px;
        line-height: 1em;
    }

.toggle-trade-dropdown {
    /*display:block !important;*/
    float: left;
}

/*fixes*/
.funds-table-list a {
    display: block; /*	background: url(../Images/button-funds-category-selected.gif) no-repeat left bottom!important;*/ /*width:200px; 	height:26px;*/
    float: left;
    position: relative !important;
}

.funds-table-list label {
    margin-left: -175px;
    margin-top: 6px;
    float: left;
    color: #494949;
    font-size: 1.09em !important;
    cursor: pointer;
    position: relative !important;
}

.funds-table-list input {
    display: none;
}

.grey-thin-button-fixed a {
    display: block;
    width: 108px;
    height: 23px;
    background: url(../Images/thin-button-grey.gif) no-repeat left bottom;
    text-align: center;
    padding-top: 2px;
    font-size: 0.75em !important;
}

.inner-container-column-right {
    width: 185px;
    margin-left: 14px;
    float: left;
    padding-top: 0px;
}

.inner-container-select-form {
    padding: 10px;
}

    .inner-container-select-form span {
        padding-top: 4px;
        padding-right: 10px;
        padding-left: 20px;
    }

    .inner-container-select-form select {
        margin-right: 20px;
        float: left;
    }

    .inner-container-select-form .button-container .grey-button a {
        padding-left: 30px;
        padding-right: 30px;
    }

.three-col-funds-list .column {
    margin-left: 20px;
    float: left !important;
}

.inner-container-white {
    float: left;
}

    .inner-container-white .top {
        float: left;
        background: url(../Images/white-inner-top-top.gif) no-repeat bottom left;
        width: 924px;
        height: 6px;
    }

    .inner-container-white .middle {
        float: left;
        background: url(../Images/white-inner-middle.gif) repeat-y 0 0;
        width: 924px;
        padding-top: 10px;
    }

    .inner-container-white .bottom {
        float: left;
        background: #fbfbf9 url(../Images/white-inner-bottom.gif) no-repeat 0 0;
        width: 924px;
        height: 7px;
        padding-bottom: 10px;
    }

    .inner-container-white h3 {
        font-size: 1.4em;
        color: #5a8160;
        margin-top: 15px;
    }

    .inner-container-white h4 {
        font-size: 1.2em;
    }

    .inner-container-white p {
    }

    .inner-container-white .left-block-content {
        margin-left: 20px;
        width: 512px;
        float: left;
    }

    .inner-container-white .risk {
        float: left;
        display: inline;
        width: 95px;
        text-align: center;
    }

.advice-result .risk {
    padding-left: 50px;
    padding-top: 24px;
}

.inner-container-white .risk .risk-image {
    margin-bottom: 20px;
}

.left-block-content img {
    margin-bottom: 10px;
}

.has-loader {
    float: left;
    margin-right: 10px;
}

.advice-profile-header {
    margin-top: 5px;
    margin-bottom: 10px;
}

.inner-container-white img {
    margin-bottom: 20px;
}

.one-third-table-extra-wide {
    width: 550px;
}

    .one-third-table-extra-wide td.col1 {
        width: 450px !important;
    }

    .one-third-table-extra-wide td.col2 {
        width: 100px !important;
    }

.three-column-table {
    margin-left: 16px;
    margin-top: 10px;
}

    .three-column-table td {
        width: 389px;
        padding-right: 45px;
        vertical-align: top;
    }

    .three-column-table img {
        margin-left: 3px;
        float: left;
    }

    .three-column-table h3 {
    }

    .three-column-table p {
        padding-left: 64px;
    }

    .three-column-table a {
        float: left;
    }

.routines-link {
    font-size: 1.1em;
    margin-left: 10px;
}

.right-content-top h2 {
    font-size: 1.3em;
    margin-left: 56px;
}

.pos-rel {
    position: relative;
}

/*print styles*/
.print-header {
    display: none;
}

.print-footer {
    display: none;
}

.left-aligned-table-text td, .left-aligned-table-text th {
    text-align: left !important;
}

.usersettings {
    margin: 0 !important;
    float: right;
}

.ajax__tab_default .ajax__tab_tab {
    padding: 10px 10px !important;
    background: #F3F3EF;
}

.ajax__tab_default .ajax__tab_inner {
    color: #6F6F6F;
    background: #F3F3EF;
    font-size: 1.2em;
}

.ajax__tab_default .ajax__tab_outer {
    border-right: 1px solid #CECECD;
}

.ajax__tab_default .ajax__tab_header {
    border-left: solid 1px #CECECD;
    margin-bottom: 20px;
    float: right;
}

.ajax__tab_active .ajax__tab_inner {
    background: #FBFBF9;
    font-weight: bold;
}

.ajax__tab_active .ajax__tab_tab {
    background: #FBFBF9;
}

.custumer-settings-block h5 {
    font-size: 1.3em;
}


/* there is alredy some rule and we don't need padding
.collapsible-row-content .col4 {
     width:auto!important;
	 padding-right:5px;
}*/


.body-text h2 {
    font-weight: 300 !important;
}

.content-row h2 {
    font-weight: 300 !important;
}

/*.content-your-funds .content .content {
      float:none!important;
      margin-left:-5px !important;
}*/
/*
#basket {
	position: absolute !important;
	width: 970px !important;
	bottom: 0 !important;
	z-index:9999 !important;
}*/

.usersettings-messages {
    float: left !important;
    margin-left: -18px !important;
    margin-top: -20px !important;
}


.alarm-step-block .yellow-button {
    margin-left: 0px !important;
    margin-top: 8px !important;
}

.monthly-pause, .monthly-pause-table {
    width: 700px !important;
}


table.alarm-table-list {
    margin-bottom: 5px;
}

.alarm-table-list tr.top {
    height: 3px !important;
}

.alarm-table-list .top .top {
    background: url(../Images/alarm-table-list-tr.gif) no-repeat 0 0 !important;
}

.alarm-table-list tr {
    background: none;
}

    .alarm-table-list tr td {
        vertical-align: top;
    }

    .alarm-table-list tr .col0 {
        background: url(../Images/alarm-table-list-td-0.gif) repeat-y 0 0 !important;
        width: 2px;
    }

    .alarm-table-list tr .col1, .alarm-table-list tr .col2, .alarm-table-list tr .col3, .alarm-table-list tr .col4, .alarm-table-list tr .col5, .alarm-table-list tr .col6 {
        background: url(../Images/alarm-table-list-td.gif) repeat-x 0 100% !important;
        padding: 5px 0 7px 0;
    }

    .alarm-table-list tr .col7 {
        background: url(../Images/alarm-table-list-td-7.gif) repeat-y 0 100% !important;
        width: 4px;
    }

    .alarm-table-list tr .col4 {
        width: 64px;
    }

.register .inner-container-light-bg p strong a {
    font-size: 1em !important;
}

/* Fix for basket in 800x600 resolution */
div.narrow-basket #basketContent .content-left table.buy .fund {
    width: 250px;
}

div.narrow-basket #basketContent .content-left table.buy {
    width: 615px;
}

div.narrow-basket #basketContent .content-left {
    width: 650px;
}

div.narrow-basket #basketContent .toggle {
    margin-right: 300px;
}

div.narrow-basket #basketContent .basket-buttons-bottom {
    width: auto;
}

div.narrow-basket #basketContent .toggle input {
    border-right: 1px solid #E0E0E0;
}

/*091119*/
.content-your-funds .content tr.header {
    float: none !important;
}

.overlay-content {
    margin-left: 0px !important;
    width: 771px;
}

.collapsible-row-content .overlay-content td, .collapsible-row-content .overlay-content th {
    text-align: left;
}


.hidden {
    visibility: hidden;
}


.allocation-table-box {
    float: left;
    margin-top: 30px;
}

    .allocation-table-box th {
        text-align: left;
        font-weight: bold;
    }

    .allocation-table-box td {
        padding-top: 5px;
    }

    .allocation-table-box .col1 {
        width: auto;
    }

    .allocation-table-box .col2 {
        padding-left: 5px;
        text-align: left;
        width: 188px;
    }

    .allocation-table-box .col3 {
        padding-left: 5px;
        text-align: right;
        width: auto;
    }

    .allocation-table-box .shortname {
        width: 78px;
    }

.fond-search-result-vertical-menu {
    width: auto;
    float: left;
    text-align: left;
}

    .fond-search-result-vertical-menu ul {
        list-style: none outside none;
        padding: 0;
    }

        .fond-search-result-vertical-menu ul li {
            display: block;
            float: left;
            text-align: center;
            list-style: none;
            border-right: 1px solid #CECECD;
            padding: 4px 13px 5px;
            background: none repeat scroll 0 0 #F0F0F0 !important;
        }

        .fond-search-result-vertical-menu ul .first {
            border-left: 1px solid #CECECD;
        }

        .fond-search-result-vertical-menu ul li.selected {
            background: none repeat scroll 0 0 #FFFFFF !important;
        }

.filter-result tr td {
/*   padding: 2px 0px;*/ 
    padding: 2px 0 0 4px;
    height: 48px;
    line-height: 18px;
}

.filter-result-performance-value {
    padding-left: 1px;
    padding-right: 2px;
}

.filter-result-vola-value {
    padding-left: 5px;
    padding-right: 5px;
    width: 58px;
}

.filter-result-fee-value {
    padding-left: 5px;
    padding-right: 5px;
}

.filter-result-header-fee-amount {
    padding-left: 5px;
    padding-right: 5px;
    width: 86px;
}

.filter-result-fee-amount-value {
    margin-right: 12px;
}

.filter-result-header-co-name {
    padding: 0 5px;
    width: 140px;
}

.filter-result-fact-name {
    margin: 0 0 0 0;
}

.filter-result-nav-value {
    margin: 0 0;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopupDrag {
    position: fixed;
    left: 0;
    top: 0;
}

.modalPopupPanel {
    position: static;
    cursor: move;
}

.right-corner-bottom-links {
    text-align: right;
    width: 934px;
}

.icon-movefunds {
    background: url(../Images/icon_movefunds.gif) no-repeat 0 3px;
    padding-left: 18px;
}

.icon-pdf {
    background: url(../Images/account-icon.gif) no-repeat 5% 0;
    padding-left: 25px;
}

.icon-pdf-new {
    background: url(../images/acrobat.png) no-repeat 2px 0;
    background-size: auto 100%;
    padding-left: 25px;
}

.collapsible-row-header-info {
    border-top: solid 1px #d5d5d5;
    height: 2.8em;
    background-color: #e7f4ff;
    color: #666666 !important;
}

    .collapsible-row-header-info span {
        display: block;
        font-size: 1.4em;
        line-height: 1.9em;
        padding-bottom: 15px;
        padding-left: 10px;
    }
/* start page NEW */
.banner-foot {
    height: 12px;
    background: url("../Images/menu/menu-background.gif") repeat-x scroll left bottom transparent;
}

span.ads {
    color: #606060; /*#A0A0A0*/
    float: right;
    font-size: 0.9em;
    line-height: 1em;
    padding: 2px 0 0;
}

    span.ads img {
        margin: 0;
        border-width: 0;
    }

.best-fund-category {
    height: 66px;
    width: 950px;
    margin-left: 4px;
    padding: 50px 0 10px 12px;
    font-weight: 300;
    border: 1pt solid #d8d8d8;
    border-radius: 5px;
}

    .best-fund-category h2 {
        color: #666666;
        font-size: 2.6em;
        font-weight: 300 !important;
    }

.startpage-bottenbanner {
    width: 963px;
    margin: 8px 0 0 4px;
}

.news-box {
    width: 220px;
    height: auto;
}

    .news-box h3 {
        margin-top: 10px;
        font-family: 'Open sans';
        color: #5a8260 !important;
        font-weight: 300 !important;
        font-size: 1.8em;
    }

    .news-box span {
        font-family: 'Open sans';
        font-weight: 300 !important;
        font-size: 1.3em;
    }

#news-list-box {
    font-family: 'Open sans';
    font-size: 90%;
    padding: 0;
}

    #news-list-box img {
        margin: 0;
    }

.more-info {
    height: 20px;
    padding-right: 1em;
}

    .more-info span {
        color: #5A8160 !important;
        float: right;
    }
/*TODO: copy this to the typography */
.startpage-banner {
    /* position: absolute;
    left: 975px;*/
    margin-bottom: 5px;
    margin-top: 5px;
}

#startpage-content {
    margin-top: 9px;
    width: 970px;
}

#startpage-content-col1 {
    margin-left: 10px;
    width: 478px;
    float: left;
}

#startpage-content-col2 {
    width: 241px; /*250px;*/
    float: left;
}

#startpage-sidebar {
    width: 230px;
    float: left;
    margin-top: 2px;
}

#startpage-box-motto {
    width: 470px;
    height: 204px;
    margin-right: 18px;
    margin-bottom: 14px;
}

.small-puff {
    /*background: url("../Images/find-funds-box-bg.gif") no-repeat scroll left top transparent;*/
    float: left;
    height: 95px;
    width: 223px;
    border: solid 1px #D8D8D8;
    border-radius: 10px;
}

    .small-puff .content {
        margin-left: 66px;
        margin-top: 20px;
        width: 132px;
    }

        .small-puff .content a {
            color: #606060;
            font-size: 1.2em;
            line-height: 1.4em;
            text-decoration: none;
        }

            .small-puff .content a:hover {
                text-decoration: underline;
            }

        .small-puff .content strong {
            display: block;
            font-size: 1.2em;
            line-height: 1.4em;
        }

            .small-puff .content strong img {
                margin-left: 5px;
            }

.puff-row {
    margin-right: 12px;
    float: left;
}

.puff-column {
    margin-bottom: 12px;
    margin-right: 12px;
}

#startpage-sidebar .item {
    border-radius: 5px;
    width: 230px;
    min-height: 80px;
    height: 310px;
    border: solid 1px #D8D8D8;
}

    #startpage-sidebar .item img.header {
        margin: 4px 0 2px 8px;
    }

    #startpage-sidebar .item img.header-news {
        margin: 10px 0 0 8px;
    }

#startpage-sidebar .bli-kund {
    margin-bottom: 12px;
}

    #startpage-sidebar .bli-kund p {
        padding-top: 4px;
        padding-left: 10px;
        color: #606060;
    }

        #startpage-sidebar .bli-kund p img {
            margin-bottom: 6px;
            margin-left: 4px;
            margin-right: 4px;
        }

    #startpage-sidebar .bli-kund .link {
        text-align: center;
        margin: 6px 0;
    }

        #startpage-sidebar .bli-kund .link img {
            margin: 0;
        }

#startpage-aboutfm {
    width: 470px;
    margin-top: 22px;
    margin-right: 18px;
    padding-top: 4px;
    padding-bottom: 1em;
    float: left;
}

    #startpage-aboutfm h2 {
        font-family: 'Open sans';
        font-weight: 400 !important;
        color: #5A8160 !important;
        font-size: 1.9em;
        padding: 0 0.8em;
    }

    #startpage-aboutfm p {
        color: #494949;
        font-family: 'Open sans',"Arial Rounded MT Bold normal",Arial,Verdana,sans-serif;
        font-size: 1.2em;
        font-weight: 300;
        line-height: 1.3em;
        margin-top: 0.6em;
        padding: 0.3em 1.2em;
    }

.aboutus-link {
    float: right;
    padding-right: 20px;
    color: #5A8160 !important;
    font-family: 'Open sans', "Arial Rounded MT Bold normal",Arial,Verdana,sans-serif;
    font-size: 1em;
    line-height: 1.3em;
}

.small-puff .icon {
    float: left;
    margin-left: 20px;
    margin-top: 30px;
}

.small-puff .icon-toplist {
    margin-left: 9px;
    margin-top: 24px;
}

.small-puff .icon-raket {
    margin-left: 18px;
    margin-top: 14px;
}

#small-puff-contactus {
    background: url("../Images/find-funds-box-bg.gif") no-repeat scroll left top transparent;
    float: left;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 10px;
    height: 86px;
    width: 200px;
    margin-top: 28px;
}

    #small-puff-contactus .header {
        color: #606060;
    }

.about-top-navigation {
    margin-top: -20px;
}

.aboutfm-text {
    margin-top: 30px;
}

#aboutus-navigate p {
    margin-left: 26px;
}

/* account view, was .medium-width-header-content*/

.account-view-header-content {
    padding-top: 10px; /*16px*/
    padding-left: 8px;
    padding-bottom: 5px;
}

/* was .dropdown-container*/
.header-account-name {
    padding-top: 8px;
    float: left;
    width: 250px;
    font-family: 'Open sans';
    font-size: 1.1em !important;
    font-weight: 400 !important;
}

.header-account-type {
    font-size: 0.46em;
}

/*.account-header-table*/
.account-header-value-box {
    /*width:300px;*/
    float: left;
    margin-left: 8px;
}

.balance-box {
}

.account-header-value-box table {
    color: #648ea9 !important;
}

    .account-header-value-box table th, .account-header-value-box table td {
        line-height: 1.3em;
    }

    .account-header-value-box table tr.last-row td, .account-header-value-box table tr.last-row th {
        border-top: 1px dashed #93b9d0;
    }

.account-header-value-box .col-value {
    color: #666666 !important;
    width: auto !important;
    padding-right: 8px;
    text-align: right;
    font-size: 1.4em;
}

.account-header-value-box .col-info {
    width: auto !important;
    text-align: left;
}

    .account-header-value-box .col-info img {
        vertical-align: middle;
        margin-left: 4px;
    }

.ongoing-icon-box {
    width: 18px;
    height: 18px;
}

a.ongoing-icon {
    /*display: inline;
    background: url(../Images/icon_ongoingorder.png) no-repeat bottom right;*/
    text-decoration: none;
    padding-left: 16px;
}

a.transaction-icon {
    /*display: inline;*/
    background: url(../Images/icon_transaction.png) no-repeat bottom right;
    text-decoration: none;
    padding-left: 16px;
}

.deposit-header-buttons {
    float: right;
    margin-left: 5px;
    text-align: right;
    width: 130px;
}

.button-box {
    /*height: 26px;*/
    margin-top: 6px;
    margin-right: 5px;
}


/*tooltip*/
.tooltip {
    position: relative;
    /*background: #ffffff;*/
    cursor: help;
    /*display: inline-block;*/
    text-decoration: none;
    outline: none;
}

    .tooltip img {
        vertical-align: middle;
    }

    .tooltip span.balloon {
        visibility: hidden;
        position: absolute;
        bottom: 26px;
        left: 50%;
        z-index: 999;
        width: 230px;
        margin-left: -127px;
        padding: 10px;
        border: 2px solid #CECFBD;
        /*color:#494949 !important;
  text-align:left !important;
  font-weight:normal;
  font-size:1.1em !important;
  line-height:1.4em !important;*/
        background-color: #fff;
        /*opacity: .9;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));*/
        -moz-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
        box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
        text-shadow: 0 1px 0 rgba(255,255,255,.4);
    }

span.balloon p {
    font-weight: normal;
    font-size: 1.0em !important;
    line-height: 1.4em !important;
    color: #494949 !important;
    text-align: left !important;
}

.tooltip:hover {
    border: 0; /* IE6 fix */
    text-decoration: none;
}

    .tooltip:hover span {
        visibility: visible;
    }

.tooltip span.balloon:before,
.tooltip span.balloon:after {
    content: "";
    position: absolute;
    z-index: 1000;
    bottom: -7px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid #ddd;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0;
}

.tooltip span.balloon:before {
    border-top-color: #CECFBD;
    bottom: -8px;
}

.vertical-align-baseline-important {
    vertical-align: baseline !important;
}

/* Yellow */

.yellow-tooltip span.balloon {
    border-color: #e1ca82;
    background-color: #ffeaa6;
}

    .yellow-tooltip span.balloon:after {
        border-top-color: #ffeaa6;
    }

    .yellow-tooltip span.balloon:before {
        border-top-color: #e1ca82;
    }

a.category-banner-link {
    text-decoration: none;
}

.startpage-banner a, .startpage-bottenbanner a {
    text-decoration: none;
}

.fundmanager-logo {
    margin: 0 15px;
}

.fundmanager-header {
    color: #919191;
}

.buy-manager-funds {
    border-bottom: 1px solid #DADAD6;
    display: inline-block;
    margin-left: 11px;
    width: 910px;
}

    .buy-manager-funds img {
        margin-left: 14px;
        margin-bottom: 10px;
    }

    .buy-manager-funds p.buy-link {
        float: right;
        margin-right: 20px;
        margin-top: 30px;
    }

        .buy-manager-funds p.buy-link a {
            font-size: 1.4em;
            color: #C59404 !important;
            font-weight: bold;
        }

.ad-on-search-page {
    float: left;
    padding-left: 16px;
    width: 194px;
    max-height: 160px;
}

/* alla fonder */

.filter-result .col-fund-name {
    padding-right: 14px;
    width: 470px !important;
}

.filter-result .col-perf {
    text-align: center;
}

.all-category-table td, .all-category-table th {
    font-size: 1.3em;
    line-height: 1.6em;
    vertical-align: top;
}

.all-category-table tbody th {
    font-weight: bold;
    padding-right: 30px;
    white-space: nowrap;
}

.all-category-table th, .all-category-table td {
    border-bottom: 1px solid #D1D1CF;
    padding: 0.3em 0;
}

    .all-category-table th a, .all-category-table td a {
        color: #5A8160 !important;
        text-decoration: underline;
    }

.table-poa {
    width: 100%;
    background-color: #ffffff !important;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #CECECA;
    border-collapse: inherit !important;
}

    .table-poa th {
        font-weight: bold;
        background-color: white;
    }

    .table-poa tr, .table-poa th, .table-poa td {
        padding: 10px 5px 5px 10px !important;
        background-color: white;
    }

.all-category-table > td {
    padding: 5px;
}


.poa-panel {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 10px;
    border: 1px solid #CECECA;
}

.poa-access-choice {
    font-size: 1.2em !important;
    line-height: 1.6em;
}

.error-class {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    padding: 5px 5px 5px 30px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 200px;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-image: url(../Images/Icons/error.png);
}


.confirm-class {
    color: #7d7d7d;
    background-color: #e7f4ff;
    padding: 5px 5px 5px 5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #9bbcd1;
    margin-top: 2px;
    margin-bottom: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 200px !important;
    background-repeat: no-repeat;
}

.registration_form_container {
    background: #f3f4f0;
    width: 550px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px 10px 5px 15px;
    margin: 10px 0 0;
    -webkit-margin-top-collapse: separate;
    position: relative;
}

.registration_form_col {
    width: 250px;
    float: left;
}

.registration_radio_buttons {
    background: #e7f4ff;
    width: 550px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px 10px 5px 15px;
    margin: 10px 0 0;
    -webkit-margin-top-collapse: separate;
    position: relative;
}

.lightblue-box {
    background: #e7f4ff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 5px 10px 5px 15px;
    margin: 10px 0 0;
    -webkit-margin-top-collapse: separate;
    position: relative;
}

.registration_form_container label {
    color: #7d7d7d;
}

.rounded, .login input, .registration_form_container input, .registration_form_container select {
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 7px;
    outline: 0;
    width: 225px;
}

.graphChartDivWrapper {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    width: 700px;
    float: left;
}

.graphChartDiv {
    height: 380px;
    min-width: 600px;
    width: 700px;
}

.graphButtonContainer {
    background-color: White;
    float: left;
    margin-right: 5px;
    width: 10%;
    padding: 5px;
    border-top-radius: 5px;
}

.graphHeaderValue {
    text-align: center;
    font-family: 'Open sans';
    font-size: 1.1em;
}

.graphButtonContainer .graphHeaderValue .positive-value {
    color: #658eaa;
}

.graphButtonContainer .graphHeaderValue .negative-value {
    color: #ca5252 !important;
}

.graphButtonContainer .btn {
    width: 100%;
}

.btn {
    padding: 0 !important;
}

.input-btn {
    font-size: 12px;
    line-height: 1.4em !important;
    padding: 10px 10px 10px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 2px !important;
    background-color: #f0ad4e !important;
    font-weight: normal !important;
}

.registration_form_container select {
    width: 240px;
}

    .login input:focus, .registration_form_container input:focus, .registration_form_container select:focus {
        border-color: #339933;
    }

.registration_smallinfo {
    font-size: 10px !important;
    color: #5a5a5a !important;
}


/*
* _btn.css
*
*
*/

.btn {
    color: #fff !important;
    display: inline-block;
    padding: 0.25em 0.5em;
    min-width: 150px;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background-color: #5B8160;
    border-width: 1px;
    border-style: solid;
    border-color: #537D5A;
    border-radius: 4px;
    outline: 0;
    font-family: "Open sans", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif !important;
    font-size: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .btn:hover, btn:focus {
        background-color: #699A6F;
        border-color: #537D5A;
        color: #FFF;
    }

    .btn:active {
        background-color: #4E7353;
        border-color: #2E4131;
    }

.btn-small {
    padding-top: 0;
    padding-bottom: 0;
    min-width: 50px;
}

.btn-passive {
    background-color: #fff;
    color: #5d5d5c !important;
    border-color: #ccc;
}

    .btn-passive:hover, btn-passive:focus {
        background-color: #e7e7e7;
        border-color: #ccc;
        color: #5d5d5c !important;
    }

    .btn-passive:active {
        background-color: #ccc;
        border-color: #ADADAD;
    }

.btn-yellow {
    background-color: #ec971f;
    border-color: #E8BA30;
    color: #fff;
}

    .btn-yellow:hover, btn-yellow:focus {
        background-color: #FDCB35;
        border-color: #E8BA30;
    }

    .btn-yellow:active {
        background-color: #E8BA30;
        border-color: #E8BA30;
    }


.fm-float {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

    .fm-float:hover {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

.fm-grow {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

    .fm-grow:hover {
        -webkit-transform: scale3d(1.025, 1.025, 1.025);
        transform: scale3d(1.025, 1.025, 1.025);
    }

.bli-kund-btn {
    font-size: 14px;
}


.btn-passive {
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    text-shadow: 0 1px 1px #ffffff;
    color: #5d5d5c;
}

    .btn-passive:hover {
        background-color: #e7e7e7;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7e7e7));
        background-image: -webkit-linear-gradient(top, #ffffff, #e7e7e7);
        background-image: -moz-linear-gradient(top, #ffffff, #e7e7e7);
        background-image: -ms-linear-gradient(top, #ffffff, #e7e7e7);
        background-image: -o-linear-gradient(top, #ffffff, #e7e7e7);
        background-image: linear-gradient(top, #ffffff, #e7e7e7);
        color: #5d5d5c;
    }

.btn:active {
    border: 1px solid #5a8160;
    -webkit-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
    box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
}

.register .register-last-row label {
    font-size: 12px !important;
    color: #5a5a5a !important;
}

.login-left-col {
    margin-top: 15px;
    margin-left: 5px;
    width: 300px;
}

.bli-kund-header h1 {
    color: #606060;
    font-size: 3.5em;
    font-weight: 300 !important;
    margin-left: 15px;
    margin-top: 15px;
    line-height: 1em;
    padding: 0;
    font-family: 'Open sans', "Arial Rounded MT Bold normal", Arial, Verdana, sans-serif;
}

.bli-kund-header h2 {
    color: #5a8260 !important;
    font-size: 1.4em;
    font-weight: 300 !important;
    margin-left: 15px;
    padding: 0;
    font-family: 'Open sans', "Arial Rounded MT Bold normal", Arial, Verdana, sans-serif;
}

.bli-kund-header h3 {
    display: inline;
    font-weight: 400 !important;
    font-family: 'Open sans', "Arial Rounded MT Bold normal", Arial, Verdana, sans-serif;
}

.bli-kund-header ul {
    margin: 0;
    padding: 0;
    margin-left: 20px;
}

    .bli-kund-header ul li {
        list-style: none;
        display: block;
        height: 40px;
        line-height: 40px;
    }

        .bli-kund-header ul li img {
            vertical-align: middle;
            margin-right: 5px;
        }

#register-icon-list li {
    width: 33%;
    display: inline;
    margin-right: 15px;
}

#bli-kund {
    background: url(../Images/bli-kund-bg.png) no-repeat right center;
}

.status-table-grid {
    border: 1pt solid #e7f4ff;
    margin: 5px 0 0 0 !important;
    width: 100% !important;
    font-size: 10px !important;
    color: #858585 !important;
}

    .status-table-grid th {
        background-color: white;
    }

    .status-table-grid tr {
        background-color: #e7f4ff;
    }

        .status-table-grid tr.odd {
            background-color: #ffffff;
        }

    .status-table-grid .icon {
        width: 15px;
    }

    .status-table-grid .activity {
        width: 80%;
    }

    .status-table-grid .date {
        width: 20%;
    }

.agreement-popup h1 {
    margin-top: 35px !important;
    font-family: 'Open sans', "Arial Rounded MT Bold normal", Arial, Verdana, sans-serif;
    font-weight: 400 !important;
    font-size: 2em;
}

.agreement-popup h2 {
    font-weight: normal !important;
    font-family: 'Open sans', "Arial Rounded MT Bold normal", Arial, Verdana, sans-serif;
    font-weight: 300 !important;
    font-size: 1.6em;
}

.agreement-popup .small-text {
    font-family: 'Open sans', "Arial Rounded MT Bold normal", Arial, Verdana, sans-serif;
    font-weight: 300 !important;
    font-size: 1.2em;
    line-height: 1.5em;
}

.new-feature-item {
    color: #C69400;
    font-weight: 400;
}

/*MONTHLY SAVINGS*/

#slideMonthlySavings {
    margin: 60px 20px 0 20px;
}

    #slideMonthlySavings > div {
        margin-top: -25px;
        margin-left: -50px;
        position: relative;
        width: 120px;
        text-align: center;
    }

#slideReturnPercent {
    margin: 60px 20px 0 20px;
}

    #slideReturnPercent > div {
        margin-top: -25px;
        margin-left: -50px;
        position: relative;
        width: 120px;
        text-align: center;
    }

#slideYearAmount {
    margin: 60px 20px 0 20px;
}

    #slideYearAmount > div {
        margin-top: -25px;
        margin-left: -50px;
        position: relative;
        width: 120px;
        text-align: center;
    }

/*END OF MONTHLY SAVINGS*/

/* TABS */

.tabrow {
    text-align: left;
    list-style: none;
    margin: 0 0 0 0px;
    padding: 0 0 0 10px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    font-size: 12px;
    font-family: verdana;
    position: relative;
}

    .tabrow li {
        text-align: center;
        border: 1px solid #AAA;
        background: #ececec;
        display: inline-block;
        position: relative;
        z-index: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
        text-shadow: 0 1px #FFF;
        margin: 0 -5px;
        padding: 0 15px;
    }

    .tabrow a {
        color: #555;
        text-decoration: none;
    }

    .tabrow li.selected {
        background: #FFF;
        color: #333;
        z-index: 2;
        border-bottom-color: #FFF;
    }

    .tabrow:before {
        position: absolute;
        content: " ";
        width: 100%;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #AAA;
        z-index: 1;
    }

    .tabrow li:before,
    .tabrow li:after {
        border: 1px solid #AAA;
        position: absolute;
        bottom: -1px;
        width: 5px;
        height: 5px;
        content: " ";
    }

    .tabrow li:before {
        left: -6px;
        border-bottom-right-radius: 6px;
        border-width: 0 1px 1px 0;
        box-shadow: 2px 2px 0 #D1D1D1;
    }

    .tabrow li:after {
        right: -6px;
        border-bottom-left-radius: 6px;
        border-width: 0 0 1px 1px;
        box-shadow: -2px 2px 0 #D1D1D1;
    }

    .tabrow li.selected:before {
        box-shadow: 2px 2px 0 #FFF;
    }

    .tabrow li.selected:after {
        box-shadow: -2px 2px 0 #FFF;
    }

#graphButtons li {
    cursor: pointer;
}

#graphRiskButtons li {
    cursor: pointer;
    height: 40px;
}

#graphRiskButtons .graphHeaderValue {
    margin-top: 16px;
}


.tabrowbutton {
    text-align: left;
    list-style: none;
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    font-size: 12px;
    font-family: verdana;
    position: relative;
}

    .tabrowbutton li {
        text-align: center;
        border: 1px solid #AAA;
        background: #ececec;
        display: inline-block;
        position: relative;
        z-index: 0;
        border-radius: 6px;
        border-radius: 6px;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
        text-shadow: 0 1px #FFF;
        margin: 0 0px;
        padding: 0 10px;
    }

        .tabrowbutton li.selected {
            background: #FFF;
            color: #333;
            z-index: 2;
        }

#graphType li {
    cursor: pointer;
}


/* END OF TABS */

/* GRAPH COMPARISON */
.comparebox {
    float: left;
    padding: 5px 10px 10px 5px;
    margin: 0 0 0;
    -webkit-margin-top-collapse: separate;
    position: relative;
    width: 200px;
    margin-left: 10px;
    /*background: #ececec;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	border: 1px solid #AAA;
	box-shadow: inset 0 1px 0 #FFF;*/
}

    .comparebox img {
        vertical-align: middle;
    }

.compareheader {
    font-size: 1.5em;
    font-weight: 700;
    font-family: 'Open sans';
    line-height: 20px;
    vertical-align: middle;
}

.comparetext {
    font-size: 1.3em;
    font-weight: 300;
    font-family: 'Open sans';
}

.compareimage {
    position: relative;
    margin-right: 5px;
}

/* END OF GRAPH COMPARISON */

/* FUND OVERVIEW */

.fund-header {
    font-family: 'Open sans';
    color: #658eaa;
    font-weight: 700;
    font-size: 2.8em;
    display: inline-block;
    vertical-align: middle;
    line-height: 50px;
}

.star_advisory {
    float: left;
    margin-right: 5px;
}

.monthlyrocket {
    float: right;
    padding: 10px;
    width: 200px;
    font-family: 'Open sans' !important;
}

    .monthlyrocket h2 {
        font-family: 'Open sans' !important;
        color: #494949;
    }

/* Welcome page */

.welcomepage p {
    font-size: 14px;
    font-weight: 300;
}

.mydeposits-image img {
    vertical-align: middle;
}

/* Questionnaire */

.stepBrowser {
    padding: 0;
    list-style-type: none;
}

    .stepBrowser li {
        display: inline;
        margin-right: 10px;
        font-size: 1.6em;
        font-family: 'Open sans';
        font-weight: 300;
    }

    .stepBrowser a {
        text-decoration: none;
    }

    .stepBrowser .activeStep {
        font-weight: 400 !important;
    }

.header-popup {
    font-size: 1.5em !important;
    font-weight: 400 !important;
    font-family: 'Open sans', "Arial Rounded MT Bold normal", Arial, Verdana, sans-serif;
    margin-left: 30px;
}

.popup-margin {
    margin-left: 40px;
    margin-right: 40px;
}

.portfolio-selectlist {
    list-style: none !important;
    padding-left: 25px;
}

    .portfolio-selectlist li {
        list-style: none !important;
        width: 213px;
        float: left;
        text-align: center;
        margin-right: 7px;
    }

    .portfolio-selectlist .selected {
        outline: 1pt solid #73a2bf !important;
        outline-radius: 5px;
    }

    .portfolio-selectlist .portfoliotitle {
        font-family: 'Open sans';
        font-size: 2em;
        padding-top: 5px;
        margin-left: -8px;
    }

.portfolio-select-box {
    padding: 10px;
    text-align: left;
    background-image: url(../Images/portfolio_bluefade.png);
    width: 88%;
    height: 350px;
    border-radius: 5px;
}

    .portfolio-select-box strong {
        font-family: 'Open sans';
        font-weight: normal;
        font-size: 1.1em;
    }

.portfoliotitlechange {
    padding-left: 70px;
    font-family: 'Open sans';
    font-size: 1.2em;
    padding-top: 5px;
    color: #494949;
}

.ProprietorMainContainer {
    width: 970px;
    background-color: #f3f3f3;
    border-top: 7px solid #000;
}

.ProprietorMainLogin {
    background-color: #e8e8e8;
}

.proprietor-login-field {
    background-color: #f3f3f3 !important;
    margin-bottom: 0.5em;
}

.btnProprietor {
    border: none !important;
    background-color: #000;
    color: white;
    border-radius: 7px;
    font-size: 0.75em;
    line-height: 1.7em;
    width: 80px;
}

.proprietor-userimage {
    margin-bottom: 0.5em;
}

.topmessages-image {
    margin-right: 5px;
}

.hiddencol {
    display: none;
}

.panelHeaderTitle {
    font-family: 'Open sans' !important;
    font-weight: normal !important;
    font-size: 2.4em !important;
    float: left !important;
    color: #658eaa !important;
}

.mmbody .panelHeaderTitle {
    color: #2d6694 !important;
}

.transactioncount {
    border: 1pt solid #658eaa;
    background-color: #e7f4ff;
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 10px;
    font-size: 0.8em !important;
}

.normalHoldingsRow {
    background-color: #f9f9f9;
}

.DepositToolWrapper {
    text-align: center;
}

#depositOverviewMenu {
    padding: 0;
    border-top: 1px solid #d0d0cf;
}

    #depositOverviewMenu li {
        list-style: none;
        font-weight: normal;
        text-decoration: none;
        line-height: 33px;
        font-size: 1.2em;
        font-family: 'Open sans';
        position: relative;
        color: #494949;
        min-height: 33px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9');
        background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#f9f9f9)); /* Saf4+, Chrome */
        background: -webkit-linear-gradient(top, #ffffff, #f9f9f9); /* Chrome 10+, Saf5.1+ */
        background: -moz-linear-gradient(top, #ffffff, #f9f9f9); /* FF3.6+ */
        background: -o-linear-gradient(top, #ffffff, #f9f9f9); /* Opera 11.10+ */
        background: linear-gradient(top, #ffffff, #f9f9f9); /* W3C */
        background-color: #f9f9f9;
        border: 1px solid #d0d0cf;
        border-top: none;
    }

        #depositOverviewMenu li img {
            vertical-align: middle;
        }

.imgDepositOverviewAdvisor {
    margin: 10px;
}

.depositAdvisorName {
    font-size: 1.3em;
    line-height: 15px;
}

.depositWelcomeTitle {
    font-family: 'Open sans';
    font-size: 1.8em !important;
    font-weight: 300 !important;
    line-height: 1.4em !important;
}

.mmbody .depositWelcomeTitle {
    color: #2d6694;
}

.advisorVisibilityIcon {
    margin-top: 10px;
}

.depositOverviewMenuIcon {
    margin-left: 10px;
    margin-right: 10px;
}

.DepositToolColumn {
    width: 160px;
    float: left;
    margin-right: 18px;
    margin-left: 18px;
    text-align: center !important;
}

.DepositToolSmallText {
    margin-left: 10px;
    float: left;
    text-align: left;
}

.ActiveDepositContainer {
    float: right;
    height: 20px;
    line-height: 23px;
    margin-right: 5px;
    font-size: 12px;
    display: inline;
}

    .ActiveDepositContainer img {
        vertical-align: middle;
        margin: 0 !important;
        margin-bottom: 1px !important;
    }

.errorpage-header-big {
    font-family: 'Open sans';
    color: #587d5d;
    font-size: 2em;
    margin-top: 10px;
}

.errorpage-header {
    font-family: 'Open sans';
    color: #587d5d;
    font-size: 1.6em;
    padding-top: 5px;
}

.errorpage-text {
    font-family: 'Open sans';
    color: #464646;
    font-size: 0.9em;
    line-height: 2em;
}

.errorpage-green {
    font-family: 'Open sans';
    color: #587d5d;
    font-size: 0.9em;
    line-height: 2em;
}

.errorpage-strong {
    font-family: 'Open sans';
}

.account-status-message > p {
    margin-top: 15px;
}

.img-showall-accounts {
    position: relative;
    top: 7px;
    margin-right: 41px;
    right: -24px;
}

.input-percent {
    width: 40px;
}

.ajax__scroll_none {
    overflow: inherit !important;
}

.bluebox {
    padding: 15px;
    border: 1pt solid #469cbf;
    background-color: #f8fbfc;
}

.redbox {
    padding: 15px;
    background-color: #f3dddc !important;
    border: 2pt solid #dfa4a3 !important;
}

.BankIDSignatureBox {
    padding: 15px;
    border: 2pt solid #469cbf;
    background-color: #f8fbfc;
}

    .BankIDSignatureBox h3 {
        font-size: 1.6em;
    }


    .BankIDSignatureBox a {
        color: #469cbf;
        font-weight: bold;
        text-decoration: underline;
        font-size: 1.2em;
    }

.accepted {
    border: 1px solid #6dcc6c !important;
    background-color: #dbf2da !important;
}

.rejected {
    border: 1px solid #dfa4a3 !important;
    background-color: #f3dddc !important;
}

#ctl00_updProgress {
    z-index: 100000;
}

/* Questionnaire styles */

.questionnaireContainer {
    margin-left: 40px;
    margin-top: 20px;
    margin-bottom: 40px;
}

    .questionnaireContainer h1 {
        font-family: 'Open sans';
        font-size: 3em;
    }

.questionTitle {
    font-family: 'Open sans';
    font-size: 1.5em;
    line-height: 1.3em;
}

.question-divider {
    margin-top: 10px;
    margin-bottom: 30px;
}



.questionnaire-box {
    width: 480px;
    padding: 20px;
    font-size: 1.2em;
    line-height: 1.4em;
    font-family: 'Open sans';
}

.question-divider label {
    font-size: 14px !important;
}

.FM-depositStatus {
  width: 640px !important;  
}

.FM-depositStatus .FM-panel--body .FM-dialogue--info, .FM-depositStatus .FM-panel--body .FM-dialogue--success, .FM-depositStatus .FM-panel--body .FM-dialogue--warning, .FM-depositStatus .FM-panel--body .FM-dialogue--error {
    margin-top: 0;  
}

.FM-depositStatus .FM-panel--body .FM-dialogue--info:last-of-type, .FM-depositStatus .FM-panel--body .FM-dialogue--success:last-of-type, .FM-depositStatus .FM-panel--body .FM-dialogue--warning:last-of-type, .FM-depositStatus .FM-panel--body .FM-dialogue--error:last-of-type{
    margin-bottom: 15px;  
}

.FM-depositStatus .FM-panel--body .FM-dialogue--info:first-of-type, .FM-depositStatus .FM-panel--body .FM-dialogue--success:first-of-type, .FM-depositStatus .FM-panel--body .FM-dialogue--warning:first-of-type, .FM-depositStatus .FM-panel--body .FM-dialogue--error:first-of-type{
    margin-top: 15px;  
}

.FM-depositStatus .FM-panel--body .depositStatusBoxText {
    font-size: 14px !important;
    margin-bottom: 15px;
}

.depositStatusTitle {
    font-family: 'Open sans';
    font-size: 2.4em !important;
    font-weight: normal !important;
    float: left;
}

.depositStatusBox {
    width: 533px;
    border: 1px solid #6dcc6c;
    margin-bottom: 10px;
    padding: 7px;
    background-color: #dbf2da;
    float: left;
    margin-right: 6px;
}

.depositStatusBoxTitle {
    font-family: 'Open sans';
    font-size: 1.8em !important;
    font-weight: normal !important;
    margin-bottom: 10px;
    display: inline-block;
}

.depositStatusBoxText {
    font-family: 'Open sans';
    font-size: 1.2em !important;
    line-height: 1.5em;
    margin-bottom: 7px;
    display: inline-block;
}

.depositStatusTitleSmall {
    font-family: 'Open sans';
    font-size: 1.4em !important;
    font-weight: normal !important;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.8em;
}

.depositStatusBoxQueued {
    font-family: 'Open sans';
    margin-top: 10px;
    margin-left: 10px;
    font-size: 12px;
}

.depositStatusBoxInfo {
    font-family: 'Open sans';
    margin-top: 10px;
    margin-left: 10px;
    font-size: 12px;
}

.depBoxNegative {
    background-color: #f3dddc !important;
    border: 1pt solid #dfa4a3 !important;
}

.depBoxNeutral {
    border: 1pt solid #469cbf;
    background-color: #f8fbfc;
}

.depositStatusPopup {
    width: 500px !important;
}

.questionnaireContainer > label {
    font-size: 1em;
}

.investeringstipset-campaign {
    position: relative;
    background: url(../Images/gradientlightblue-bg.png) repeat-x left bottom !important;
    height: 220px;
    margin-top: 40px;
    margin-left: -8px;
    width: 960px;
    margin-bottom: 10px;
}

.investeringstipset-campaign-register {
    position: relative;
    background: url(../Images/gradientlightblue-bg.png) repeat-x left bottom !important;
    height: 240px;
    margin-top: 40px;
    margin-left: -33px;
    width: 960px;
    margin-bottom: 10px;
}


.investeringstipset-campaign-name {
    font-family: 'Open sans';
    font-weight: 700;
    font-size: 3em;
    color: #a8cf25;
    text-align: center;
    line-height: 1.1em;
}

.investeringstipset-campaign-name-sub {
    font-family: 'Open sans';
    font-weight: 300;
    font-size: 2em;
    color: #a8cf25;
    text-align: center;
}

.investeringstipset-campaign-name-sub2 {
    font-family: 'Open sans';
    font-weight: 300;
    font-size: 1.4em;
    line-height: 1.4em;
    color: #77777c;
    text-align: center;
}

.investeringstipset-partner {
    position: absolute;
    right: 25px;
    bottom: 40px;
}

.investeringstipset-box {
    position: absolute;
    left: 0px;
    bottom: -20px;
}

.investeringstipset-buy {
    text-align: center;
    position: absolute;
    right: 20px;
    top: 17px;
}

.investeringstipset-register-box {
    background: url(../Images/gradientlightblue-bg.png) repeat-x left bottom !important;
}

.investeringstipset-disclaimer {
    position: absolute;
    bottom: 5px;
    left: 10px;
    text-align: center;
    font-weight: 300;
    font-size: 0.78em;
}

#depositDevelopmentList a li, #depositDevelopmentList a {
    display: inline;
}

.fundinfo-updated {
    margin-top: 5px;
    font-family: 'Open sans';
    font-size: 12px;
    font-weight: 300;
}

.clientsettings-errorbox {
    color: #b94a48;
    background-color: #f2dede;
    padding: 15px 5px 15px 30px;
    border-radius: 5px;
    font-size: 1.0em;
    line-height: 1.6em;
    border: 1px solid #b94a48;
}

.clientsettings-successbox {
    color: #494949;
    background-color: #dbf2da;
    border-color: #6dcc6c;
    padding: 15px 5px 15px 30px;
    border-radius: 5px;
    font-size: 1.0em;
    line-height: 1.6em;
    border: 1px solid #6dcc6c;
}

.rss-news-panel table {
    margin: 1.5em 0;
    width: 100%;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background-color: #ffffff;
}

    .rss-news-panel table td {
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        padding: 0.5em;
    }

.rss-news-panel img {
    max-width: 100%;
    height: auto;
}

#divAccessDenied {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -125px;
    width: 250px;
    font-size: 2em;
    color: #a94442;
    background-color: #f2dede;
    padding: 10px;
    border: 2px solid #ebccd1;
    z-index: 2147483647;
}

​ .font-normalize {
    font-size: 1em !important;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 60px;
    width: auto;
    max-width: 700px;
    margin: 20px auto;
    width: auto;
    min-width: 300px;
    min-height: 300px;
}

.news-popup h1 {
    font-family: 'Open sans' !important;
    line-height: 1.2em;
    font-size: 3em;
    font-weight: 300;
}

.news-popup p {
    text-align: justify;
    text-justify: inter-word;
    font-size: 14px;
    line-height: 1.4em;
}

.resp-centered {
    position: relative;
    max-width: 80%;
    border-radius: 3px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.padding-left-20 {
    padding-left: 40px !important;
}

.popover-underline {
    border-bottom: 1px dashed #3377a1;
    color: #3377a1;
    font-weight: bold;
    white-space: nowrap;
}


.managedportfolios-header {
    background: url('/images/managedportfolios_headerbg.jpg');
    height: 176px;
}

.managedportfolios-title {
    font-family: 'Open sans';
    font-size: 20pt;
    color: #494949;
    text-align: center;
    padding-top: 70px;
    margin-bottom: 10px;
}

#managedportfolio-wrapper-overview {
    text-align: center;
}

#managedportfolio-wrapper {
    display: none;
}

.managedportfolio-column {
    background-color:white;
    text-align: center;
    padding-bottom:40px;
}

    .managedportfolio-column img {
        border-radius: 14%;
    }

.animated {
    visibility: hidden;
}

    .animated.hinge, .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut .animated.bounce,
    .animated.flash, .animated.pulse, .animated.rubberBand, .animated.shake, .animated.headShake, .animated.swing,
    .animated.tada, .animated.wobble, .animated.jello, .animated.bounceInDown, .animated.bounceInLeft, .animated.bounceInRight,
    .animated.bounceInUp, .animated.bounceOut, .animated.bounceOutDown, .animated.bounceOutLeft, .animated.bounceOutRight,
    .animated.bounceOutUp, .animated.fadeIn, .animated.fadeInDown, .animated.fadeInDownBig, .animated.fadeInLeft, .animated.fadeInLeftBig,
    .animated.fadeInRight, .animated.fadeInRightBig, .animated.fadeInUp, .animated.fadeInUpBig, .animated.fadeOut, .animated.fadeOutDown,
    .animated.fadeOutDownBig, .animated.fadeOutLeft, .animated.fadeOutLeftBig, .animated.fadeOutRight, .animated.fadeOutRightBig,
    .animated.fadeOutUp, .animated.fadeOutUpBig, .animated.flip, .animated.flipInX, .animated.flipInY, .animated.flipOutX, .animated.flipOutY,
    .animated.lightSpeedIn, .animated.lightSpeedOut, .animated.rotateIn, .animated.rotateInDownLeft, .animated.rotateInDownRight,
    .animated.rotateInUpLeft, .animated.rotateInUpRight, .animated.rotateOut, .animated.rotateOutDownLeft, .animated.rotateOutDownRight,
    .animated.rotateOutUpLeft, .animated.rotateOutUpRight, .animated.hinge, .animated.rollIn, .animated.rollOut, .animated.zoomIn,
    .animated.zoomInDown, .animated.zoomInLeft, .animated.zoomInRight, .animated.zoomInUp, .animated.zoomOut, .animated.zoomOutDown,
    .animated.zoomOutLeft, .animated.zoomOutRight, .animated.zoomOutUp, .animated.slideInDown, .animated.slideInLeft, .animated.slideInRight,
    .animated.slideInUp, .animated.slideOutDown, .animated.slideOutLeft, .animated.slideOutRight, .animated.slideOutUp {
        visibility: visible;
    }

.managedportfolios-title {
    padding-top: 20px;
    font-size: 16pt;
    margin-top: 10px;
}

.managedportfolios-subtitle {
    font-family: 'Open sans';
    font-size: 10pt;
    font-style: italic;
    color: #494949;
    text-align: center;
}

.portfolioGraph .highcharts-container {
    border: 1px solid #dbdada;
}

#lnkOverview {
    font-size: 10pt;
    color: #2b8fb4;
}

.managedportfolios-text {
    margin-left: 25px;
    text-align: left;
    font-size: 10pt;
    line-height: 15pt;
    width: 181px;
    margin-top: 10px;
}

.managedportfolio-column {
    width: 25%;
    float: left;
    position: relative;
}

.portfolioTextOverview {
    height: 220px;
}

.managedportfolio-riskmeter {
    position: absolute;
    right: 0px;
    top: 10px;
}

.portfoliographperiod {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 5px;
}

    .portfoliographperiod a {
        cursor: pointer;
    }

        .portfoliographperiod a.active {
            font-weight: bold;
        }

.managedportfoliolist {
    list-style: none;
    margin: 0;
    padding: 0 0 30px 0;
}

    .managedportfoliolist li {
        list-style: none;
        margin: 0;
        padding: 0 0 30px 0;
        font-size: 10pt;
    }

    .managedportfoliolist .pdf {
        background-image: url("/images/pdf-icon.png");
        background-repeat: no-repeat;
        background-position: 0 50%;
        padding: 15px 15px 15px 40px;
        margin: .4em 1em;
    }

#portfolioperiodtitle {
    font-size: 14pt;
}

#portfolioperiodtable {
    border-collapse: collapse;
}

    #portfolioperiodtable td {
        border-top: 1px solid #dbdada;
        padding: 5px;
    }

#lnkOverview {
    cursor: pointer;
}

.portpositive {
    color: #2b8fb4;
}

.portnegative {
    color: #494949;
}

.delay1 {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.delay2 {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.delay3 {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.delay4 {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -ms-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.post-date {
    color: #a4a4a3 !important;
}

.portfolioinvestmenttitle {
    font-size: 14pt;
}

.example {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: -webkit-linear-gradient(top, white, black);
    background: linear-gradient(to bottom, white, black);
}

.box-sizing {
    box-sizing: border-box !important;
}

/* FM-sidebar */
.FM-sidebar {
    width: 420px;
    height: 100%;
    border-left: 1px rgba(0, 0, 0, 0.2) solid;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10001;
    background-color: #fff;
    box-shadow: -5px 0px 15px -8px rgba(0,0,0,0.3);
    -webkit-transform: translateX(350px);
    transform: translateX(350px);
    -webkit-transform: translate3d(350px,0,0);
    transform: translate3d(350px,0,0);
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

    .FM-sidebar.open {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

.FM-sidebar--header {
    padding: 20px 15px;
    border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
    background-color: #fff;
    position: relative;
}

    .FM-sidebar--header h2, .FM-sidebar--bankid .btn-bankid .btn-bankid--text h2 {
        text-align: left;
        font-size: 1.8em;
        line-height: 1.1em;
        font-weight: 300;
        margin: 0;
        padding: 0;
    }

.FM-sidebar--bankid {
    margin-bottom:10px;
}

/*
.FM-sidebar--button {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 20px;
  height: 20px;
  opacity: 0.3;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  overflow: hidden;
}

.FM-sidebar--button:hover {
  opacity: 1;
}

.FM-sidebar--button .stroke {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #333;
}

.FM-sidebar--button:before, .stroke.left {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.FM-sidebar--button:after, .stroke.right {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
*/

.FM-sidebar--body {
    padding: 30px 15px;
}


.alert {
    border: 1px solid #df5138;
    border-radius: 2px;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.2;
    position: relative;
    width: 100%;
    background-color: #e46f61;
    color: #fff;
    padding-left: 40px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}



.alert.success {
    border: 1px solid #123ea4;
    background-color: #337ab7;
}

.alert.success a {
    color: #fff;
}

    .alert span {
        padding: 10px;
        display: inline-block;
        width: 100%;
    }

    .alert .alert--icon-container {
        position: absolute;
        left: 0;
        top: 0;
        color: #fff;
        background-color: #d9534f;
        width: 40px;
        border-right: 1px solid #d43f3a;
        height: 100%;
        padding: 0;
    }

    .alert.success .alert--icon-container {
        background-color: #2C70A6;
        border-right: 1px solid #123ea4;
    }

.alert--icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 20px;
    height: 20px;
}

.alert.animated {
    display: none;
}

    .alert.animated.fadeIn {
        display: block;
    }

.FM-sidebar--footer {
    padding: 30px 15px;
    border-top: 1px rgba(0, 0, 0, 0.2) solid;
}

    .FM-sidebar--bankid .btn-bankid {
        padding: 15px;
        border-radius: 2px;
        border: 1px rgba(0, 0, 0, 0.2) solid;
        background-color: #fff;
        box-shadow: 5px 5px 15px -8px rgba(0,0,0,0.3);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none !important;
        -webkit-transition: box-shadow 300ms ease-in-out, background-color 150ms ease-in-out;
        transition: box-shadow 300ms ease-in-out, background-color 150ms ease-in-out;
        position: relative;
        height: 82px;
        box-sizing: border-box;
    }

.no-flexbox .FM-sidebar--bankid .btn-bankid {
    padding: 15px;
    border-radius: 2px;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    background-color: #fff;
    box-shadow: 5px 5px 15px -8px rgba(0,0,0,0.3);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none !important;
    position: relative;
    height: 74px;
    box-sizing: border-box;
    width: 100%;
    display: block;
}

.FM-sidebar--bankid .btn-bankid:hover {
    background-color: #fbfbf9;
}

.FM-sidebar--bankid .btn-bankid:active {
    background-color: #f5f5f4;
    box-shadow: 3px 3px 10px -9px rgba(0,0,0,0.6);
}

.FM-sidebar--bankid .btn-bankid .btn-bankid--img {
    height: 35px;
    box-sizing: border-box;
}

.FM-sidebar--bankid .btn-bankid .btn-bankid--textcontainer {
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.no-flexbox .FM-sidebar--bankid .btn-bankid .btn-bankid--textcontainer {
    width: 150px;
    position: absolute;
    top: 12px;
    left: 50px;
}

.FM-sidebar--bankid .btn-bankid .btn-bankid--text p {
    padding: 3px 0 0 0;
    margin: 0;
    font-size: 13px;
}

.FM-sidebar--bankid .btn-bankid .btn-bankid--text h2 {
    padding: 0;
    margin: 0;
}

.FM-sidebar--bankid .btn-bankid .sign-in-icon {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-left: auto;
    line-height: 20px;
    font-size: 20px;
    color: rgba(0,0,0, 0.3);
    position: absolute;
    top: 27px;
    right: 15px;
}

.FM-sidebar--register {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 13px;
}

.FM-sidebar--reminder {
    text-align: right;
    display: block;
}

.FM-sidebar--body .link {
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    color: #0275d8;
    opacity: 0.9;
    text-decoration: none !important;
    -webkit-transition: color 300ms ease-in-out, opacity 300ms ease-in-out;
    transition: color 300ms ease-in-out, opacity 300ms ease-in-out;
}

    .FM-sidebar--body .link:hover {
        color: #014ca8;
        opacity: 1;
    }

    .FM-sidebar--body .link:after {
        content: '';
        display: block;
        height: 1px;
        background-color: #0275d8;
        width: 0;
        margin: 2px auto 0 auto;
        opacity: 0;
        -webkit-transition: background-color 300ms ease-in-out, opacity 300ms ease-in-out, width 300ms ease-in-out;
        transition: background-color 300ms ease-in-out, opacity 300ms ease-in-out, width 300ms ease-in-out;
    }

    .FM-sidebar--body .link:hover:after {
        opacity: 1;
        background-color: #014ca8;
        width: 100%;
    }

.FM-sidebar--body .input-group--container.animated {
    visibility: visible;
}

#Btn-BankID--alert {
    margin-top: 15px;
    margin-bottom: 0;
}

.FM-sidebar,
.FM-sidebar--header,
.FM-sidebar--body,
.FM-sidebar--body .input-group,
.FM-sidebar--body .input-group--label,
.FM-sidebar--body .input-group input,
.alert,
.alert span,
.alert .alert--icon-container,
.alert .alert--icon {
    box-sizing: border-box !important;
}

.generalbody .FM-sidebar {
    width: 500px;
    position: relative;
    margin: 0 auto;
    height: auto;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transform: translate3d(0,150px,0);
    transform: translate3d(0,150px,0);
    box-shadow: 10px 10px 51px -7px rgba(0, 0, 0, 0.53);
}

.generalbody .FM-sidebar--header {
    background-color: rgba(255, 255, 255, 1);
}

    .generalbody .FM-sidebar--header .FM-sidebar--button, .generalbody .FM-sidebar--header h2 {
        display: none;
    }

.ProprietorMainContainer {
    border: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
}

/**
 *  FM-loggaIn
 *  ==========
 *  Styles for the FM-loggaIn component in "Login.aspx"
 *
 */

.FM-loggaIn--header {
    border-radius: 4px;
    margin-top: 5px;
    padding: 15px;
    background-color: #fbfbf9;
    border: 1px solid #c9c9b8;
    overflow: hidden;
    width: 970px;
    height: 250px;
    background-image: url(../Images/media/FM-login_header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
}

.FM-loggaIn--text {
    display: block;
    width: 400px;
    margin: 0;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px rgba(0, 0, 0, 0.2) solid;
    padding: 15px;
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
    box-shadow: 5px 5px 50px -5px rgba(0, 0, 0, 0.4);
}

    .FM-loggaIn--text h2 {
        line-height: 1.2;
    }

/*==========================================================================================*/


/**
 * FM-account
 * ==========
 *
 * Fund account component in DepositOverview.ascx
 *
 */

.FM-account--container {
    clear: both;
    border: 1px solid #e3e3e2;
    background-color: #f9f9f9;
    margin-top: 30px;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: margin-top 300ms ease-in;
    transition: margin-top 300ms ease-in;
}

    .FM-account--container.selected-account {
        margin-bottom: 15px;
    }

        .FM-account--container.selected-account .FM-account--accordion-top {
            padding: 15px 15px 15px 15px;
            -webkit-box-align: initial;
            -ms-flex-align: initial;
            align-items: initial;
        }

    .FM-account--container[data-order="processing-order"], .FM-account--container[data-alarm="triggered-alarm"], .FM-account--container[data-bank="missing-bankaccount"], .FM-account--container[data-transaction="processing-transaction"] {
        margin-top: 40px;
    }

.FM-account--iconbar {
    border: 1px solid #e3e3e2;
    border-bottom: 0;
    padding: 5px;
    height: 25px;
    background-color: #fff;
    position: absolute;
    top: -25px;
    right: 10px;
    box-sizing: border-box;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: inset 0 -4px 10px -5px rgba(0,0,0,0.1);
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    transition: -webkit-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.FM-account--container[data-order="processing-order"] .FM-account--iconbar, .FM-account--container[data-alarm="triggered-alarm"] .FM-account--iconbar, .FM-account--container[data-bank="missing-bankaccount"] .FM-account--iconbar, .FM-account--container[data-transaction="processing-transaction"] .FM-account--iconbar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.FM-account--iconbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .FM-account--iconbar ul li {
        display: inline-block;
        font-size: 14px;
        margin-right: 5px;
        position: relative;
    }

        .FM-account--iconbar ul li .tooltip, .FM-account--container.selected-account .absolute-right .tooltip {
            display: inline-block;
            font-size: 12px !important;
            line-height: 1.5;
            padding: 10px;
            background-color: #fff;
            position: absolute;
            bottom: 30px;
            left: -180px;
            margin: auto;
            font-size: 10px;
            width: 360px;
            border: 1px solid #e3e3e2;
            border-radius: 5px;
            box-shadow: 0 0 0 0 rgba(0,0,0,0);
            opacity: 0;
            -webkit-transform: scale3d(0.2, 0.2, 0.2);
            transform: scale3d(0.2, 0.2, 0.2);
            -webkit-transition: opacity 300ms ease-in-out, box-shadow 600ms ease-in-out, -webkit-transform 300ms ease-in-out;
            transition: opacity 300ms ease-in-out, box-shadow 600ms ease-in-out, -webkit-transform 300ms ease-in-out;
            transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, box-shadow 600ms ease-in-out;
            transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, box-shadow 600ms ease-in-out, -webkit-transform 300ms ease-in-out;
            pointer-events: none;
            -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
            z-index: 1000;
            text-align: left;
            height:auto;
        }

        .FM-account--iconbar ul li i {
            opacity: 0.3;
        }

            .FM-account--iconbar ul li i.colored {
                opacity: 1;
                -webkit-animation-duration: 600ms;
                animation-duration: 600ms;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                webkit-animation-iteration-count: 3;
                -webkit-animation-iteration-count: 3;
                animation-iteration-count: 3;
                -webkit-animation-name: fadeIn;
                animation-name: fadeIn;
                visibility: hidden;
                position: absolute;
                margin: auto;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }

.FM-account--container[data-order="processing-order"] .FM-account--iconbar ul li.processing-order i:hover,
.FM-account--container[data-transaction="processing-transaction"] .FM-account--iconbar ul li.processing-transaction i:hover,
.FM-account--container[data-alarm="triggered-alarm"] .FM-account--iconbar ul li.triggered-alarm i:hover,
.FM-account--container[data-bank="missing-bankaccount"] .FM-account--iconbar ul li.missing-bankaccount i:hover,
.FM-account--container.selected-account .absolute-right:hover {
    cursor: help;
}

    .FM-account--container[data-order="processing-order"] .FM-account--iconbar ul li.processing-order i:hover + .tooltip,
    .FM-account--container[data-transaction="processing-transaction"] .FM-account--iconbar ul li.processing-transaction i:hover + .tooltip,
    .FM-account--container[data-alarm="triggered-alarm"] .FM-account--iconbar ul li.triggered-alarm i:hover + .tooltip,
    .FM-account--container[data-bank="missing-bankaccount"] .FM-account--iconbar ul li.missing-bankaccount i:hover + .tooltip,
    .FM-account--container.selected-account .absolute-right:hover .tooltip {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        box-shadow: 5px 5px 20px -7px rgba(0,0,0,0.3);
    }

.FM-account--container[data-order="processing-order"] .FM-account--iconbar ul li.processing-order i, fa.blue:before {
    color: #5991b4;
    visibility: visible;
}

.FM-account--container[data-transaction="processing-transaction"] .FM-account--iconbar ul li.processing-transaction i, fa.green:before {
    color: #71977f;
    visibility: visible;
}

.FM-account--container[data-alarm="triggered-alarm"] .FM-account--iconbar ul li.triggered-alarm i.colored {
    color: #e0bb43;
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 5000ms;
    animation-duration: 5000ms;
    webkit-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    visibility: visible;
}

    .FM-account--container[data-alarm="triggered-alarm"] .FM-account--iconbar ul li.triggered-alarm i.colored:before {
        content: "\f0f3";
    }

.FM-account--container[data-bank="missing-bankaccount"] .FM-account--iconbar ul li.missing-bankaccount i {
    color: #b96981;
    visibility: visible;
}

.FM-account--iconbar ul li:last-of-type {
    margin-right: 0;
}

.FM-account--container.accounttype-DP {
    border-bottom: 2px solid #71977f;
}

.FM-account--container.accounttype-KF {
    border-bottom: 2px solid #5991b4;
}

.FM-account--container.accounttype-IPS {
    border-bottom: 2px solid #e78b31;
}

.FM-account--container.accounttype-ISK {
    border-bottom: 2px solid #e0bb43;
}

.FM-account--container.accounttype-PK {
    border-bottom: 2px solid #b96981;
}

.FM-account--container.accounttype-test {
    border-bottom: 2px solid #a5a5a5;
}

.FM-account--accordion-top {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 7px 15px 7px 15px;
    min-height: 65px;
    background: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
    background: linear-gradient(180deg, #ffffff, #f9f9f9);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.FM-account--accordion-text-left p {
    padding-bottom: 0;
    line-height: 1.4;
}

.FM-account--accordion-text-left .heading a {
    color: #2a2a2a;
    text-decoration: none;
    font-size: 16px;
}

    .FM-account--accordion-text-left .heading a:hover {
        text-decoration: underline;
    }

.FM-account--accordion-text-left .sub-heading, .FM-account--accordion-text-left .status a {
    font-weight: bold;
    font-size: 11px;
}

.FM-account--accordion-text-left .sub-heading {
    color: #535353;
}

.FM-account--accordion-text-left .status a {
    color: #3377a2;
    text-transform: capitalize;
}

.FM-account--accordion-text-left .status.nocapital a {
    text-transform: none;
}

.FM-account--accordion-text-right {
    text-align: right;
    /*overflow: hidden;*/
    font-weight: bold;
    font-size: 11px;
}

    .FM-account--accordion-text-right div {
        padding-bottom: 3px;
    }

.FM-account--container.selected-account .FM-account--accordion-text-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 620px;
}

    .FM-account--container.selected-account .FM-account--accordion-text-right div {
        padding: 0;
        margin-right: 20px;
    }

        .FM-account--container.selected-account .FM-account--accordion-text-right div p {
            padding-bottom: 0;
            position: relative;
        }

        .FM-account--container.selected-account .FM-account--accordion-text-right div p {
            padding-right: 50px;
        }

            .FM-account--container.selected-account .FM-account--accordion-text-right div p .caption {
                text-align: left;
                color: #648ea9 !important;
            }

            .FM-account--container.selected-account .FM-account--accordion-text-right div p .bold {
                padding-left: 50px;
                font-size: 14px;
                color: #666666 !important;
                text-align: right;
                font-weight: bold;
            }

            .FM-account--container.selected-account .FM-account--accordion-text-right div p .absolute-right {
                position: absolute;
                right: 0px;
                top: 1px;
            }

            .FM-account--container.selected-account .FM-account--accordion-text-right div p .bold.blue {
                color: #0084b4 !important;
            }

            .FM-account--container.selected-account .FM-account--accordion-text-right div p:last-of-type {
                border-top: 1px dashed #93b9d0;
            }

.FM-account--accordion-text-right .caption {
    display: block;
    color: #bababa !important;
    float: left;
    padding-right: 12px;
    width: 100px;
    font-size: 11px !important;
}

.FM-account--accordion-text-right .development {
    color: #3377a2;
}

.FM-account--accordion-text-right .value {
    font-size: 15px;
}

.FM-account--accordion-text-left:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 13px;
    height: 100%;
}

.FM-account--container.selected-account .FM-account--accordion-text-left:before {
    display: none;
}

.accounttype-test .FM-account--accordion-text-left:before {
    background: none no-repeat -1px;
}

.FM-account--accordion-chevron {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 12px;
    background: url(../Images/Icons/chevron-down.png) no-repeat;
    opacity: 0.2;
    -webkit-transition: opacity 300ms ease-in, transform 300ms ease-in;
    -webkit-transition: opacity 300ms ease-in, -webkit-transform 300ms ease-in;
    transition: opacity 300ms ease-in, -webkit-transform 300ms ease-in;
    transition: opacity 300ms ease-in, transform 300ms ease-in;
    transition: opacity 300ms ease-in, transform 300ms ease-in, -webkit-transform 300ms ease-in;
}

.FM-account--container.open .FM-account--accordion-chevron {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.FM-account--accordion-chevron:hover {
    opacity: 0.4;
    cursor: pointer;
}

.FM-account--accordion-bottom {
    border-top: 1px solid #e3e3e2;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 400ms ease-in-out;
    transition: max-height 400ms ease-in-out;
}

.FM-account--accordion-table {
    padding: 10px;
    width: 100%;
    border-spacing: 0;
}

    .FM-account--accordion-table thead tr th {
        color: #666666;
    }

    .FM-account--accordion-table thead tr th, .FM-account--accordion-table tbody tr td {
        font-size: 11px;
        line-height: 11px;
        font-weight: bold;
        vertical-align: bottom;
        padding: 5px;
        text-align: right;
    }

        .FM-account--accordion-table thead tr th:first-of-type, .FM-account--accordion-table tbody tr td:first-of-type {
            text-align: left;
            width: 150px;
        }

        .FM-account--accordion-table tbody tr td .currency-name {
            font-weight: normal;
            display: inline-block;
            text-transform: uppercase;
            width: 25px;
        }

    .FM-account--accordion-table tbody tr:nth-of-type(odd) {
        background-color: #f9f9f9;
    }

    .FM-account--accordion-table tbody tr td.icon {
        width: 40px;
    }

        .FM-account--accordion-table tbody tr td.icon i:before {
            color: #71977f;
        }

/**
 * FM-deposit-header
 * ==========
 *
 * Fund deposit component in DepositHeader.ascx
 *
 */

.FM-deposit-header--navbar {
    background-color: #234862;
    background: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
    border: 1px solid #e3e3e2;
    padding: 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.FM-deposit-header--navbarmenu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .FM-deposit-header--navbarmenu .menuitem {
        display: inline-block;
        margin-right: 15px;
    }

        .FM-deposit-header--navbarmenu .menuitem:last-of-type {
            margin-right: 0;
        }

.btn-rounded {
    border: 2px solid #a4a4a4;
    border-bottom-width: 3px;
    border-radius: 20px;
    min-width: 50px;
    padding: 2px 10px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none !important;
    background: rgba(250,250,250,1);
    background: -webkit-gradient(left top, left bottom, color-stop(14%, rgba(250,250,250,1)), color-stop(49%, rgba(228,232,235,1)), color-stop(51%, rgba(211,218,222,1)), color-stop(84%, rgba(249,251,252,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 14%, rgba(228,232,235,1) 49%, rgba(211,218,222,1) 51%, rgba(249,251,252,1) 84%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 14%, rgba(228,232,235,1) 49%, rgba(211,218,222,1) 51%, rgba(249,251,252,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f9fbfc', GradientType=0 );
    -webkit-transition: background 300ms ease-in;
    transition: background 300ms ease-in;
}

    .btn-rounded:hover {
        background: rgba(242,246,248,1);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
        background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
        background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );
    }

    .btn-rounded i:first-of-type:before {
        font-size: 13px;
        color: #3377a1;
        padding-right: 1px;
    }

    .btn-rounded.green i:first-of-type:before {
        color: #43b27c;
    }

.FM-account--outer {
    width: 880px;
    padding-left: 30px;
}

/**
 *
 * FM-panel
 * ========
 *
 */

.FM-panel {
    width: 100%;
    background-color: #fff;
    border: 1px rgba(0, 0, 0, 0.1) solid;
    box-shadow: 6px 6px 20px -8px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 13px;
    color: #7d7d7d;
}

    .FM-panel.half-width, p.half-width {
        max-width: 750px;
    }

    .FM-panel.centered {
        margin: 0 auto;
    }

.FM-panel--header, .FM-panel--body, .FM-panel--footer {
    padding: 15px 35px;
    box-sizing: border-box;
}

.FM-panel p, .FM-panel .label {
    font-size: inherit;
}

.FM-panel--header {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #337ab7;
    background: rgba(51,121,183,1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,121,183,1)), color-stop(100%, rgba(53,133,204,1)));
    background: -webkit-linear-gradient(top, rgba(51,121,183,1) 0%, rgba(53,133,204,1) 100%);
    background: linear-gradient(to bottom, rgba(51,121,183,1) 0%, rgba(53,133,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3379b7', endColorstr='#3585cc', GradientType=0 );
    border-bottom: 5px rgba(0, 0, 0, 0.1) solid;
    position: relative;
}

    .FM-panel--header .title, .FM-panel--header .subtitle {
        font-weight: 100 !important;
        margin: 0;
        font-family: 'Open sans', "Arial Rounded MT Bold normal", Arial, Verdana, sans-serif;
    }

    .FM-panel--header .title {
        font-size: 35px;
        color: #fff;
        padding: 0;
        line-height: 1.1;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    }

    .FM-panel--header .subtitle {
        padding: 3px 0 0 0;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.9);
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    }

        .FM-panel--header .subtitle a {
            color: rgba(255, 255, 255, 1);
            font-weight: bold;
            text-decoration: none;
            display: inline-block;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

.FM-panel--body {
    background-color: #fff;
}

ul.FM-panel--body {
    list-style-type: none;
    margin: 0;
}

.FM-panel .error-text {
    line-height: initial !important;
    font-size: 16px !important;
    display: inline-block !important;
    color: #a94442 !important;
}

.FM-panel--body.deposit-box {
    font-size: 10px !important;
}

.FM-panel--body.deposit-box .account-block {
    box-sizing: border-box;
}

.account-block.account-brokerbox {
    min-height: 40px !important;
    background-color: #f4f4f4;
    font-size: 11px;
}

.account-block.account-brokerbox td {
    font-size: 1em;
}

.account-block.account-brokerbox span {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
}

.image-desaturate {
    filter: gray;
    webkit-filter: grayscale(1);
    filter: grayscale(1);
}


.FM-table--rounded {
    background-color: #fbfbfb;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

/**
 *
 * FM-form
 * =======
 *
 */

.form-section--counter {
    counter-reset: sectioncount;
    position: relative;
}

.form-section {
    padding-top: 15px;
    padding-bottom: 45px;
}

    .form-section:last-of-type {
        padding-bottom: 0;
    }

    .form-section.ignore-counter:first-of-type {
        padding-top: 0;
    }

.form-section--counter .form-section:not(.ignore-counter):before {
    counter-increment: sectioncount;
    content: counter(sectioncount);
    position: absolute;
    left: -13px;
    height: 22px;
    width: 22px;
    background-color: #fff;
    font-size: 12px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
    font-weight: bolder;
    border-radius: 100%;
    text-align: center;
    line-height: 22px;
    -webkit-transition: border-color 300ms ease-in, color 300ms ease-in;
    transition: border-color 300ms ease-in, color 300ms ease-in;
}

/* IE Silver bullets */
.no-flexbox .form-section--counter .form-section:not(.ignore-counter):before {
    display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .form-section--counter .form-section:not(.ignore-counter):before {
       display: none;
    }
}

@supports (-ms-accelerator:true) {
    .form-section--counter .form-section:not(.ignore-counter):before {
       display: none;
    } 
}

.form-section--counter .form-section.valid:before, .form-section--counter .form-section.invalid:before {
    font-family: FontAwesome;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.form-section--counter .form-section.valid:before {
    border-color: #71ce4b;
    color: #71ce4b;
    content: "\f00c";
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.form-section--counter .form-section.invalid:before {
    border-color: #df5138;
    color: #df5138;
    content: "\f12a";
    -webkit-animation-name: flash;
    animation-name: flash;
}

.form-section--title {
    font-weight: 100 !important;
    font-size: 16px !important;
}

.form-section--title--lg {
    font-weight: 300 !important;
    font-size: 24px !important;
}

.form-section--inputcontainer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 15px;
}

.flexbox .form-section--inputcontainer.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.input-group-info {
    margin-top: 5px;
}

.input-group-info:hover + .input-group--tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}

.input-group--label {
    padding-bottom: 5px;
    padding-top: 5px;
    display: inline-block;
    font-size: 13px;
    position: relative;
}

.input-group--label i {
    color: #0275d8;
    opacity: 0.9;
    position: relative;
}

.input-group--label i:hover {
    cursor: help;
}

.input-group--label i:hover + .input-group--tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}

.input-group--tooltip {
    display: block;
    position: absolute;
    top: -50px;
    left: -450px;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 5px 5px 20px -5px rgba(0, 0, 0, 0.3);
            box-shadow: 5px 5px 20px -5px rgba(0, 0, 0, 0.3);
    max-width: 400px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
            transform: scale3d(0.5, 0.5, 0.5);
    -webkit-transition: 250ms opacity linear, 250ms visibility linear, 250ms -webkit-transform linear;
    transition: 250ms opacity linear, 250ms visibility linear, 250ms -webkit-transform linear;
    -o-transition: 250ms opacity linear, 250ms transform linear, 250ms visibility linear;
    transition: 250ms opacity linear, 250ms transform linear, 250ms visibility linear;
    transition: 250ms opacity linear, 250ms transform linear, 250ms visibility linear, 250ms -webkit-transform linear;
}

    .input-group--tooltip .input-group--tooltip-header {
        padding: 15px;
        background-color: #fbfbf9;
        border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
    }

        .input-group--tooltip .input-group--tooltip-header h2 {
            padding: 0;
            margin: 0;
            font-weight: 300;
            font-size: 18px;
        }

    .input-group--tooltip .input-group--tooltip-body {
        padding: 15px;
    }

        .input-group--tooltip .input-group--tooltip-body p {
            font-size: 13px;
            line-height: 1.6;
        }


.input-group {
    margin-bottom: 15px;
    position: relative;
}

    .input-group .FM-alert, .form-section .FM-alert {
        margin-top: 15px;
    }

.input---radio, .input---checkbox {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 15px;
}

    .input---radio:before, .input---checkbox:before {
        background-color: #fff;
        border: 2px solid rgba(0, 0, 0, 0.2);
        content: '';
        display: inline-block;
        margin-right: 15px;
        height: 20px;
        width: 20px;
        pointer-events: none;
    }

    .input---radio:before {
        border-radius: 100%;
    }

    .input---radio input[type=radio], .input---checkbox input[type=checkbox] {
        opacity: 0;
        position: absolute;
        z-index: -1;
        height: 1px;
        width: 1px;
    }

        .input---radio input[type=radio] + .label:before {
            background-color: #337ab7;
            background-color: #f0ad4e;
            border-radius: 100%;
            content: '';
            height: 10px;
            width: 10px;
            position: absolute;
            top: 15px;
            left: 7px;
            opacity: 0;
            -webkit-transform: scale3d(0.5, 0.5, 0.5);
            transform: scale3d(0.5, 0.5, 0.5);
            -webkit-transition: opacity 200ms linear, -webkit-transform 200ms linear;
            transition: opacity 200ms linear, -webkit-transform 200ms linear;
            transition: opacity 200ms linear, transform 200ms linear;
            transition: opacity 200ms linear, transform 200ms linear, -webkit-transform 200ms linear;
            pointer-events: none;
        }

        .input---checkbox input[type=checkbox] + .label:before {
            content: "\f00d";
            color: #337ab7;
            color: #f0ad4e;
            height: 20px;
            width: 20px;
            position: absolute;
            top: 8px;
            left: 0;
            border: 2px solid transparent;
            font-family: FontAwesome;
            text-align: center;
            font-size: 16px;
            line-height: 20px;
            opacity: 0;
            -webkit-transform: scale3d(0.5, 0.5, 0.5);
            transform: scale3d(0.5, 0.5, 0.5);
            -webkit-transition: opacity 200ms linear, -webkit-transform 200ms linear;
            transition: opacity 200ms linear, -webkit-transform 200ms linear;
            transition: opacity 200ms linear, transform 200ms linear;
            transition: opacity 200ms linear, transform 200ms linear, -webkit-transform 200ms linear;
            pointer-events: none;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbD0iI2NiY2JjYiIgZD0iTTMxLjIgMjRsNS4zLTUuM2MxLTEgMS41LTIuMiAxLjUtMy42cy0uNS0yLjYtMS41LTMuNi0yLjItMS41LTMuNi0xLjUtMi42LjUtMy42IDEuNUwyNCAxNi44bC01LjMtNS4zYy0xLTEtMi4yLTEuNS0zLjYtMS41cy0yLjYuNS0zLjYgMS41LTEuNSAyLjItMS41IDMuNi41IDIuNiAxLjUgMy42bDUuMyA1LjMtNS4zIDUuM2MtMSAxLTEuNSAyLjItMS41IDMuNnMuNSAyLjYgMS41IDMuNiAyLjIgMS41IDMuNiAxLjUgMi42LS41IDMuNi0xLjVsNS4zLTUuMyA1LjMgNS4zYzEgMSAyLjIgMS41IDMuNiAxLjVzMi42LS41IDMuNi0xLjUgMS41LTIuMiAxLjUtMy42LS41LTIuNi0xLjUtMy42TDMxLjIgMjR6Ii8+PC9zdmc+);
        }

        .input---radio input[type=radio]:checked + .label:before, .input---checkbox input[type=checkbox]:checked + .label:before {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }

.input-group.radio-row .input---radio, .input-group.checkbox-row .input---checkbox {
    width: 100%;
}

.flexbox .form-section--inputcontainer.flex .input-group {
    width: 48%;
}

    .flexbox .form-section--inputcontainer.flex .input-group:last-of-type {
        margin-bottom: 0;
    }

.flexbox .input-group[data-icon] input {
    padding-left: 52px;
}

.input-group[data-label] {
    padding-top: 15px;
}

    .input-group[data-label]:after {
        position: absolute;
        display: inline-block;
        content: attr(data-label);
        font-size: 13px;
        color: rgb(125, 125, 125);
        top: -3px;
        left: 0;
        pointer-events: none;
    }

.flexbox .input-group[data-icon]:before {
    position: absolute;
    display: block;
    content: attr(data-icon);
    height: 30px;
    width: 30px;
    border-right: 1px rgba(0, 0, 0, 0.2) solid;
    text-align: center;
    line-height: 30px;
    font-family: FontAwesome;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.flexbox .input-group[data-icon].clienttype:before {
    position: absolute;
    display: block;
    content: attr(data-icon);
    height: 60px;
    width: 30px;
    border-right: 1px rgba(0, 0, 0, 0.2) solid;
    text-align: center;
    line-height: 60px;
    font-family: FontAwesome;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.input---radio .label, .input-group .input---checkbox .label {
    font-size: 13px;
    display: inline-block;
    pointer-events: none;
}

.input-group input[type="password"], .input-group input[type="text"], .input-group input[type="tel"], .input-group input[type="email"], .input-group select, .input-group textarea {
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    background-image: none;
    border-radius: 2px;
    font-size: 13px;
    box-sizing: border-box;
}

.input-group textarea {
  max-height: 240px;
  min-height: 80px;
  overflow: auto;
  resize: vertical;
}

.flexbox .input-group[data-icon] input[type="password"], .flexbox .input-group[data-icon] input[type="text"], .flexbox .input-group[data-icon] select, .flexbox .input-group[data-icon] textarea {
    padding: 6px 12px 6px 52px;
}

.input-group input[type="text"], .input-group input[type="password"], .input-group input[type="tel"], .input-group input[type="email"], .input-group select, textarea {
    color: #555;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border: 1px rgba(0, 0, 0, 0.2) solid;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    color: inherit;
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.agreement-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

    .agreement-container .input---radio, .agreement-container .input---checkbox {
        margin: 0 !important;
        height: 20px;
    }

        .agreement-container .input---checkbox input[type=checkbox] + .label:before {
            top: -2px;
        }


/**** General tooltip function */

.tooltip-class {
    display:block;
}
.tooltip-class:hover {
    cursor: help;
}

.tooltip-class:hover .tooltip-container {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}

.tooltip-container {
    display: block;
    position: absolute;
    top: -150px;
    left: 0px;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 5px 5px 20px -5px rgba(0, 0, 0, 0.3);
            box-shadow: 5px 5px 20px -5px rgba(0, 0, 0, 0.3);
    max-width: 400px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
            transform: scale3d(0.5, 0.5, 0.5);
    -webkit-transition: 250ms opacity linear, 250ms visibility linear, 250ms -webkit-transform linear;
    transition: 250ms opacity linear, 250ms visibility linear, 250ms -webkit-transform linear;
    -o-transition: 250ms opacity linear, 250ms transform linear, 250ms visibility linear;
    transition: 250ms opacity linear, 250ms transform linear, 250ms visibility linear;
    transition: 250ms opacity linear, 250ms transform linear, 250ms visibility linear, 250ms -webkit-transform linear;
}

    .tooltip-container .tooltip-container-header {
        padding: 15px;
        background-color: #fbfbf9;
        border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
    }

        .tooltip-container .tooltip-container-header h2 {
            padding: 0;
            margin: 0;
            font-weight: 300;
            font-size: 18px;
        }

    .tooltip-container .tooltip-container-body {
        padding: 15px;
        color:#7d7d7d;
    }

        .tooltip-container .tooltip-container-body p {
            font-size: 13px;
            line-height: 1.6;
        }



/**
*
* FM-link
* =======
* Link styles
*
*/

.FM-link {
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    color: #0275d8 !important;
    opacity: 0.9;
    text-decoration: none !important;
    -webkit-transition: color 300ms ease-in-out, opacity 300ms ease-in-out;
    transition: color 300ms ease-in-out, opacity 300ms ease-in-out;
}

    .FM-link:hover {
        color: #014ca8;
        opacity: 1;
    }

    .FM-link:after {
        content: '';
        display: block;
        height: 1px;
        background-color: #0275d8;
        width: 0;
        margin: 2px auto 0 auto;
        opacity: 0;
        -webkit-transition: background-color 300ms ease-in-out, opacity 300ms ease-in-out, width 300ms ease-in-out;
        transition: background-color 300ms ease-in-out, opacity 300ms ease-in-out, width 300ms ease-in-out;
    }

    .FM-link:hover:after {
        opacity: 1;
        background-color: #014ca8;
        width: 100%;
    }

/**
*
* FM-wizard
* =======
* Wizard styles
*
*/

#FM-wizard-modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100vh;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999999999999999999999999999999999999999999999999999999;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: opacity 300ms linear, visibility 300ms linear;
        -ms-transform: opacity 300ms linear, visibility 300ms linear;
            transform: opacity 300ms linear, visibility 300ms linear;
}

#FM-wizard-modal.FM-wizard-modal--open {
    opacity: 1;
    visibility: visible;
}

#FM-wizard-modal button {
    display: none;
}

#FM-wizard-modal.FM-wizard-modal--open button {
    display: inline-block;
}

#FM-wizard-modal .FM-panel {
    margin: auto;
    width: calc(100% - 60px);
    max-width: 640px;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    -webkit-transform: translate3d(0, -40%, 0);
            transform: translate3d(0, -40%, 0);
}

#FM-wizard-modal .FM-panel .FM-panel--body {
    text-align: center;
}

#FM-wizard-modal .FM-panel .FM-panel--body #FM-wizard-modal-message {
    text-align: left !important;
    width: 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.21875) and (-webkit-max-device-pixel-ratio: 1.2395833333333333), only screen and (-o-min-device-pixel-ratio: 39/32) and (-o-max-device-pixel-ratio: 119/96), only screen and (min-resolution: 117dpi) and (max-resolution: 119dpi), only screen and (-webkit-min-device-pixel-ratio: 1.3645833333333333) and (-webkit-max-device-pixel-ratio: 1.3854166666666667), only screen and (-o-min-device-pixel-ratio: 131/96) and (-o-max-device-pixel-ratio: 133/96), only screen and (min-resolution: 131dpi) and (max-resolution: 133dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5104166666666667) and (-webkit-max-device-pixel-ratio: 1.6041666666666667), only screen and (-o-min-device-pixel-ratio: 145/96) and (-o-max-device-pixel-ratio: 77/48), only screen and (min-resolution: 145dpi) and (max-resolution: 154dpi), only screen and (-webkit-min-device-pixel-ratio: 1.6875) and (-webkit-max-device-pixel-ratio: 1.7083333333333333), only screen and (-o-min-device-pixel-ratio: 27/16) and (-o-max-device-pixel-ratio: 41/24), only screen and (min-resolution: 162dpi) and (max-resolution: 164dpi), only screen and (-webkit-min-device-pixel-ratio: 1.7604166666666667), only screen and (-o-min-device-pixel-ratio: 169/96), only screen and (min-resolution: 169dpi) {
   #FM-wizard-modal .FM-panel {
    max-width: none;
    line-height: 1.6;
  }

  #FM-wizard-modal .FM-panel .FM-panel--header, #FM-wizard-modal .FM-panel .FM-panel--body {
     padding: 30px;
  }

  #FM-wizard-modal .FM-panel .FM-panel--header #FM-wizard-modal-title {
    font-size: 36px !important;  
  }

  #FM-wizard-modal .FM-panel .FM-panel--body #FM-wizard-modal-message, #FM-wizard-modal .FM-panel .FM-panel--body .FM-button {
      font-size: 28px !important;
  }
}


/* Common */

.FM-wizard,
.tabcontrol
{
display: block;
width: 100%;
overflow: hidden;
}

.FM-wizard a,
.tabcontrol a
{
outline: 0;
}

.FM-wizard ul:not('.FM-panel--body'),
.tabcontrol ul
{
list-style: none !important;
padding: 0;
margin: 0;
}

.FM-wizard ul > li,
.tabcontrol ul > li
{
display: block;
padding: 0;
}

/* Accessibility */
.FM-wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
position: absolute;
left: -999em;
}

.FM-wizard > .content > .title,
.tabcontrol > .content > .title
{
position: absolute;
left: -999em;
}

.FM-wizard > .steps
{
position: relative;
display: block;
width: 100%;
overflow: hidden;
}

.FM-wizard.vertical > .steps
{
display: inline;
float: left;
width: 30%;
}

.FM-wizard > .steps .number
{
font-size: 13px;
}

.FM-wizard > .steps > ul > li
{
width: 25%;
}

.FM-wizard > .steps ul {
padding: 15px 30px;  
}

.FM-wizard > .steps > ul > li,
.FM-wizard > .actions > ul > li
{
float: left;
}

.FM-wizard.vertical > .steps > ul > li
{
float: none;
width: 100%;
}

.FM-wizard > .steps a,
.FM-wizard > .steps a:hover,
.FM-wizard > .steps a:active
{
display: block;
width: auto;
margin: 0 0.5em 0.5em;
padding: 1em 1em;
text-decoration: none;
border-radius: 2px;
}

.FM-wizard > .steps .disabled a,
.FM-wizard > .steps .disabled a:hover,
.FM-wizard > .steps .disabled a:active
{
background: rgba(255, 255, 255, 0.45);
color: rgba(0,0,0, 0.55);
cursor: default;
}

.FM-wizard > .steps .current a,
.FM-wizard > .steps .current a:hover,
.FM-wizard > .steps .current a:active
{
    background: #ec971f;
    color: #fff;
    cursor: default;
}

.FM-wizard > .steps .done a,
.FM-wizard > .steps .done a:hover,
.FM-wizard > .steps .done a:active
{
    background: rgba(236, 151, 31, 0.5);
    color: #fff;
    cursor: pointer;
}

.FM-wizard > .steps .done.disabled a,
.FM-wizard > .steps .done.disabled a:hover,
.FM-wizard > .steps .done.disabled a:active
{
    cursor: not-allowed !important;
}

.FM-wizard > .steps .error a,
.FM-wizard > .steps .error a:hover,
.FM-wizard > .steps .error a:active
{
/*background: #ff3111;
color: #fff;*/
}

.FM-wizard > .content
{
background: #eee;
display: block;
margin: 0.5em;
min-height: 35em;
overflow: hidden;
position: relative;
width: auto;
border-radius: 2px;
}

.FM-wizard.vertical > .content
{
display: inline;
float: left;
margin: 0 2.5% 0.5em 2.5%;
width: 65%;
}

.FM-wizard > .content > .body
{
float: left;
position: absolute;
width: 100%;
/*height: 95%;
padding: 15px;*/
}

.FM-wizard > .content > .body ul
{
list-style: disc !important;
}

.FM-wizard > .content > .body ul > li
{
display: list-item;
}

.FM-wizard > .content > .body ul > li.form-section
{
    list-style-type: none !important;
}

.FM-wizard > .content > .body > iframe
{
border: 0 none;
width: 100%;
height: 100%;
}

.FM-wizard > .content > .body input
{
display: block;
}

.FM-wizard > .content > .body input[type="checkbox"]
{
display: inline-block;
}

/*
.FM-wizard > .content > .body input.error
{
outline: 1px solid #fbc2c4;
box-shadow: 0 0 15px 1px rgba(255, 49, 17, 0.2);
}

.FM-wizard > .content > .body label
{
display: inline-block;
margin-bottom: 0.5em;
}*/

.FM-wizard > .content > .body label.error, .FM-wizard > .content > .body .FM-wizard-genericWarning
{
padding: 10px 15px;
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
display: inline-block;
margin-top: 15px;
line-height: 1.6;
}

.FM-wizard > .content > .body .FM-wizard-genericWarning
{
color: #a66d3b;
background-color: #fcf8e3;
border-color: #fcf8e3;
display: block;
}

.FM-wizard > .actions
{
position: relative;
display: block;
text-align: right;
width: 100%;
}

.FM-wizard.vertical > .actions
{
display: inline;
float: right;
margin: 0 2.5%;
width: 95%;
}

.FM-wizard > .actions > ul
{
display: inline-block;
text-align: right;
}

.FM-wizard > .actions > ul > li
{
margin: 0 0.5em;
}

.FM-wizard.vertical > .actions > ul > li
{
margin: 0 0 0 1em;
}

.FM-wizard > .actions ul li:nth-child(2) a, .FM-wizard > .actions ul li:nth-child(3) a 
{
background: #ec971f !important;
border-color: #E8BA30 !important;
color: #fff !important;
}

.FM-wizard > .actions ul li:nth-child(2) a:hover, .FM-wizard > .actions ul li:nth-child(3) a:hover,
.FM-wizard > .actions ul li:nth-child(2) a:focus, .FM-wizard > .actions ul li:nth-child(2) a:focus
{
background: #FDCB35 !important;
border-color: #E8BA30 !important;
}

.FM-wizard > .actions ul li:nth-child(2) a:active, .FM-wizard > .actions ul li:nth-child(3) a:active
{
background: #E8BA30 !important;
border-color: #E8BA30 !important;
}


.FM-wizard > .actions .disabled a,
.FM-wizard > .actions .disabled a:hover,
.FM-wizard > .actions .disabled a:active
{
color: #333;
background-color: #fff;
opacity: 0.5;
cursor: not-allowed;
}

.FM-wizard > .loading
{
}

.FM-wizard > .loading .spinner
{
}

.tabcontrol > .steps
{
position: relative;
display: block;
width: 100%;
}

.tabcontrol > .steps > ul
{
position: relative;
margin: 6px 0 0 0;
top: 1px;
z-index: 1;
}

.tabcontrol > .steps > ul > li
{
float: left;
margin: 5px 2px 0 0;
padding: 1px;

-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}

.tabcontrol > .steps > ul > li:hover
{
background: #edecec;
border: 1px solid #bbb;
padding: 0;
}

.tabcontrol > .steps > ul > li.current
{
background: #fff;
border: 1px solid #bbb;
border-bottom: 0 none;
padding: 0 0 1px 0;
margin-top: 0;
}

.tabcontrol > .steps > ul > li > a
{
color: #5f5f5f;
display: inline-block;
border: 0 none;
margin: 0;
padding: 10px 30px;
text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover
{
text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a
{
padding: 15px 30px 10px 30px;
}

.tabcontrol > .content
{
position: relative;
display: inline-block;
width: 100%;
height: 35em;
overflow: hidden;
border-top: 1px solid #bbb;
padding-top: 20px;
}

.tabcontrol > .content > .body
{
float: left;
position: absolute;
width: 95%;
height: 95%;
padding: 2.5%;
}

.tabcontrol > .content > .body ul
{
list-style: disc !important;
}

.tabcontrol > .content > .body ul > li
{
display: list-item;
}

.FM-wizard > .content {
    background-color: #fff;
}

.FM-wizard > .content, .FM-wizard > .actions {
margin: 15px auto;
}

.FM-wizard > .actions ul li[aria-hidden="false"] {
margin-left:  15px;
margin-right: 0;
}

/*.FM-wizard > .actions ul:first-child {
margin-right:  15px !important;
}*/

.FM-wizard > .actions ul:first-child {
margin-left:  30px !important;
float: left;
padding-left: 0; 
}

.FM-wizard > .actions ul:last-child {
 margin-right:  30px !important;
}

.FM-wizard > .actions a {
/*text-align: center;
border-radius:  2px !important;
text-decoration: none !important;
min-width: 120px;
border-color: rgba(0,0,0,0.3) !important;*/
}

.FM-wizard-info {
    background-color: #e7f4ff;
    padding: 15px;
}

.FM-wizard-info p {
    padding: 0;
}

.FM-wizard div[data-step="w_bank"] .FM-panel--body .form-section .form-section--inputcontainer {
    position: relative;
}

.FM-wizard div[data-step="w_bank"] .FM-panel--body .form-section .form-section--inputcontainer .fa.fa-info-circle {
    position: absolute;
    top: 12px;
    left: 50px;
}

.FM-wizard div[data-step="w_bank"] .FM-panel--body .form-section .form-section--inputcontainer .fa.fa-info-circle:hover {
    cursor: help;
}

.FM-wizard div[data-step="w_bank"] .FM-panel--body .form-section .form-section--inputcontainer .input-group--tooltip {
    left: 450px;
    top: 0;
}

.FM-wizard div[data-step="w_bank"] .FM-panel--body .form-section .form-section--inputcontainer .fa.fa-info-circle:hover + .input-group--tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}

.FM-wizard div[data-step="w_subscription"] table {
    width: 100%;
    table-layout:fixed;
}

.FM-wizard div[data-step="w_subscription"] .form-section--inputcontainer hr {
    background-color: rgba(0, 0, 0, 0.2);
    height: 1px;
    border: none;
    width: 100%;
}

.FM-panel table {
    width: 100% !important;
}

.FM-documents table, .FM-documents tr, .FM-documents td, .FM-documents th  {
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
}
.FM-documents .form-section--inputcontainer div {
    width: 850px;
}

.FM-panel th  {
    font-weight: bold;
}

.FM-documents .nowrap {
    display: inline-block;
    white-space: nowrap;
}

.FM-wizard div[data-step="w_subscription"] table tr th, .FM-wizard div[data-step="w_subscription"] table tr td {
    font-size: 13px;
    line-height: 1.6;
    width: 25%;
    text-align: right;
}

.FM-wizard div[data-step="w_subscription"] table tr th:first-of-type, .FM-wizard div[data-step="w_subscription"] table tr td:first-of-type {
    text-align: left;
}

.FM-wizard div[data-step="w_subscription"] table tr th:first-of-type, .FM-wizard div[data-step="w_subscription"] table tr td:first-of-type {
    width: 50%;
}

.FM-wizard div[data-step="w_subscription"] .form-section--title span.details-label {
    display: inline-block;
    float: right;
    font-size: 13px;
}

    #FM-onboarding-wizard {
         visibility: visible;
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
                 transform: translate3d(0, 0, 0);
         -webkit-transition: visibility 450ms ease-in-out, opacity 450ms ease-in-out, -webkit-transform 450ms ease-in-out;
         transition: visibility 450ms ease-in-out, opacity 450ms ease-in-out, -webkit-transform 450ms ease-in-out;
         transition: visibility 450ms ease-in-out, opacity 450ms ease-in-out, transform 450ms ease-in-out;
         transition: visibility 450ms ease-in-out, opacity 450ms ease-in-out, transform 450ms ease-in-out, -webkit-transform 450ms ease-in-out;
     }

    #FM-onboarding-wizard.form-hidden {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }

    #FM-onboarding-wizard input[readonly="readonly"], #FM-onboarding-wizard select[readonly="readonly"], #FM-onboarding-wizard select[disabled="true"] {
        opacity: 0.6;
    }

    #FM-onboarding-wizard input[readonly="readonly"]:hover, #FM-onboarding-wizard select[readonly="readonly"]:hover, #FM-onboarding-wizard select[disabled="true"]:hover {
        cursor: not-allowed;
    }

    #FM-onboarding-wizard .input-group.display-flex.flex-center + label.error {
        margin-top: -15px;
    }

    #FM-onboarding-wizard #FM-wizard-placeholder-container {
        border: 2px dashed rgba(0,0,0,0.15);
        background-color: rgba(0,0,0,0.05);
    }

    #FM-onboarding-wizard #FM-wizard-placeholder-container .placeholder {
        width: 200px;
        height: 70px;
        margin: 30px auto;
        text-align: center;
    }

    #FM-onboarding-wizard #FM-wizard-placeholder-container .placeholder i {
        font-size: 36px;
    }

    #FM-onboarding-wizard #FM-wizard-placeholder-container .placeholder p {
        margin-top: 7px;
        font-weight: 600;
        margin-bottom: 0;
        padding: 0;
    }

    @-webkit-keyframes blink {
        0% {
          opacity: 0;
        }
        20% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
    }

    @keyframes blink {
        0% {
          opacity: 0;
        }
        20% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
    }

    #FM-onboarding-wizard #FM-wizard-placeholder-container .placeholder p span {
        -webkit-animation-name: blink;
                animation-name: blink;
        -webkit-animation-duration: 1.4s;
                animation-duration: 1.4s;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
        font-size: 28px;
    }

    #FM-onboarding-wizard #FM-wizard-placeholder-container .placeholder p span:nth-child(2) {
        -webkit-animation-delay: .2s;
                animation-delay: .2s;
    }

    #FM-onboarding-wizard #FM-wizard-placeholder-container .placeholder p span:nth-child(3) {
        -webkit-animation-delay: .4s;
                animation-delay: .4s;
    }      

    #FM-onboarding-wizard #FM-wizard-placeholder-container ul {
        padding: 0;
    }

    #FM-onboarding-wizard #FM-wizard-placeholder-container ul li i.fa {
        margin-right: 15px;
    }

    #FM-onboarding-wizard #FM-wizard-placeholder-container ul li {
        list-style-type: none;
        padding: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        -webkit-transition: background-color 300ms ease-in-out;
        transition: background-color 300ms ease-in-out;
    }

    #FM-onboarding-wizard #FM-wizard-placeholder-container ul li:hover {
        background-color: rgba(0, 0, 0, 0.05) !important;
    }

    #FM-onboarding-wizard #FM-wizard-placeholder-container ul li:nth-of-type(even) {
        background-color: rgba(255, 255, 255, 0.4);
    }

    #FM-onboarding-wizard #FM-wizard-placeholder-container ul li:last-of-type {
        border: 0;
    }

    .FM-wizard-summerypanel {
       border: 1px rgba(0, 0, 0, 0.1) solid;
       border-radius: 2px;
       margin-bottom: 30px;
    }

    .FM-wizard-summerypanel .FM-wizard-summerypanel-header {
       border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    }

     .FM-wizard-summerypanel .FM-wizard-summerypanel-header .form-section--title {
         padding: 15px;
     }

    .FM-wizard-summerypanel .FM-wizard-summerypanel-body {
        padding: 15px;
        overflow: hidden;
    }

   .FM-wizard-summerypanel .FM-wizard-summerypanel-body p.details {
        overflow: hidden;
    }

   .FM-wizard-summerypanel .FM-wizard-summerypanel-body p.details span.left {
        font-weight: bold; 
        text-align: right; 
        padding-right: 15px; 
        display: block; 
        width: 13%; 
        float: left;
    }

    .FM-wizard-summerypanel .FM-wizard-summerypanel-body p.details span.right {
        display: block; 
        float: left; 
        width: 60%;
    }

    .FM-wizard-summerypanel .FM-wizard-summerypanel-body .depositcard {
       border: 1px rgba(0, 0, 0, 0.1) solid;
       border-radius: 2px;
       margin: 14px;
       float: left;
       width: 403px;
       border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    }

    #FM-onboarding-wizard .FM-wizard-summerypanel .FM-wizard-summerypanel-body .depositcard.DP {
        border-bottom: 2px solid #71977f;
    }
    
    #FM-onboarding-wizard .FM-wizard-summerypanel .FM-wizard-summerypanel-body .depositcard.KF {
        border-bottom: 2px solid #5991b4;
    }
    
    #FM-onboarding-wizard .FM-wizard-summerypanel .FM-wizard-summerypanel-body .depositcard.IPS {
        border-bottom: 2px solid #e78b31;
    }
    
    #FM-onboarding-wizard .FM-wizard-summerypanel .FM-wizard-summerypanel-body .depositcard.ISK {
        border-bottom: 2px solid #e0bb43;
    }
    
    #FM-onboarding-wizard .FM-wizard-summerypanel .FM-wizard-summerypanel-body .depositcard.PK {
        border-bottom: 2px solid #b96981;
    }
    
    #FM-onboarding-wizard .FM-wizard-summerypanel .FM-wizard-summerypanel-body .depositcard.TEST {
        border-bottom: 2px solid #a5a5a5;
    }

    #FM-onboarding-wizard .FM-wizard-summerypanel .FM-wizard-summerypanel-body .depositcard .depositcard-header {
       border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    }

     #FM-onboarding-wizard .FM-wizard-summerypanel .FM-wizard-summerypanel-body .depositcard .depositcard-header p {
       padding: 15px;
    }

    #FM-onboarding-wizard .FM-wizard-summerypanel .FM-wizard-summerypanel-body .depositcard .depositcard-body ul {
        padding: 0;
        margin: 0;
        background-color: #fbfbf9;
    }

    #FM-onboarding-wizard .FM-wizard-summerypanel .FM-wizard-summerypanel-body .depositcard .depositcard-body ul li {
        list-style-type: none;
        padding: 15px;
    }

    #FM-onboarding-wizard .FM-wizard-summerypanel .FM-wizard-summerypanel-body .depositcard .depositcard-body ul li:last-of-type {
        border-top: 1px rgba(0, 0, 0, 0.1) solid;
    }

 #FM-navbar {
     height: 70px;
     width: 100%; 
     background-color: #fff;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     -webkit-box-shadow: 6px 6px 20px -8px rgba(0, 0, 0, 0.1);
             box-shadow: 6px 6px 20px -8px rgba(0, 0, 0, 0.1);
     position: fixed;
     /*z-index: 2147483640;*/
     z-index: 9999;
 }

#FM-navbar .FM-navbar-menu-container .FM-navbar-tagline {
    display: block;
    font-size: 10px;
    opacity: 0.7;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    padding-top: 3px;  
} 

  #FM-navbar .FM-navbar-menu-container {
     width: 970px;
     height: 100%; 
     margin: 0 auto;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
 }

 #FM-navbar .FM-navbar-menu-container .FM-navbar-logo {
     height: 50px;
     width: 220px;
     padding: 0;
     margin-top: 10px;
     margin-bottom: 10px;
     float: left;
     overflow: hidden;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     display: block;
     text-decoration: none;
 }

  #FM-navbar .FM-navbar-menu-container .FM-navbar-logo img {
      max-width: 100% !important;
      max-height: 31px;
      height: auto !important;
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
 }

@media screen and (min-width:0\0) {
    #FM-navbar .FM-navbar-menu-container .FM-navbar-logo img[src$=".svg"] {
        width: 100%;
        height: 31px !important;
    }                                  
}

 #FM-navbar .FM-navbar-menu-container .FM-navbar-menu {
    padding: 0 135px 0 0;
    margin: 0;
    list-style-type: none;
    float: right;
    width: calc(100% - 220px);
    height: 100%;
    line-height: 70px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
 }

  #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item {
    display: inline-block;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
 }

  #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item.FM-navbar-menu-item--right {
    float: right !important;  
  }

 #FM-navbar.search-focus .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item.FM-navbar-menu-item--right {
    pointer-events: none;
 }

 #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item.FM-navbar-menu-item--fixed {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    float: none;
    height: 100%;
 }
 
  #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-search {
    position: relative;
    height: 40px;
    width: 120px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0;
    -webkit-transition: width 300ms linear;
    -o-transition: width 300ms linear;
    transition: width 300ms linear;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
 }

 #FM-navbar.search-focus .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-search {
     width: 230px;
 }

  #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item.FM-navbar-menu-item--right {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 150ms linear, visibility 150ms linear;
    -o-transition: opacity 150ms linear, visibility 150ms linear;
    transition: opacity 150ms linear, visibility 150ms linear;
  }

  #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item.FM-navbar-menu-item--right a {
      max-width: 200px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  
  #FM-navbar.search-focus .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item.FM-navbar-menu-item--right {
    opacity: 0;
    visibility: hidden;
  }
 
 #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-search:after {
    position: absolute;
    top: 20px;
    right: 0;
    font-family: FontAwesome;
    content: "\f002";
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.32);
    -webkit-transition: color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    pointer-events: none;
 }

  #FM-navbar.search-focus .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-search:after {
    color: rgba(0, 0, 0, 1);
 }

  #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-search input {
      width: 100%;
      padding: 6px 42px 6px 6px;
      outline: 0 !important;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
 }

    #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-search .FM-navbar-search-list {
        background-color: #fff;
        border: 1px solid rgba(0,0,0, 0.12);
        padding: 0;
        margin: 0;
        list-style-type: none;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        line-height: 1.6;
        z-index: 10;
        text-align: left !important;
    }

    #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-search .FM-navbar-search-list .FM-navbar-search-list-item {
        text-align: left !important;
        padding: 15px !important;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-search .FM-navbar-search-list .FM-navbar-search-list-item-selected {
        background-color: rgba(0, 0, 0, 0.05);
        padding: 0;
        margin: 0;
        text-align: left;
        padding: 15px !important;
    }

     #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-search .FM-navbar-search-list .FM-navbar-search-list-item-selected:hover {
         cursor: pointer !important;
    }

    

 #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-menu-item-link {
     text-decoration: none !important;
     height: 100%;
     display: block;
     padding: 0 20px;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
 }

  #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-menu-item-link i.fa {
      margin-right: 5px;
      font-size: 16px;
      opacity: 0.8;
 }

  #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-menu-item-link:hover {
     background-color: rgba(0, 0, 0, 0.05);
 }

 #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-submenu {
    margin: 0 auto;
    position: absolute;
    top: 60px;
    left: 0;
    padding: 0;
    background-color: #fff;
    border: 1px solid rgba(0,0,0, 0.12);
    min-width: 150px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
    list-style-type: none;
    line-height: 1.6;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 10;
 }

   #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item:hover > .FM-navbar-submenu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
 }

  #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-submenu .FM-navbar-submenu-item {
      text-align: left;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
 }

  #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-submenu .FM-navbar-submenu-item:last-of-type {
      text-align: left;
      margin-bottom: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
 }

 #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-submenu .FM-navbar-submenu-item  .FM-navbar-submenu-item-link {
    text-decoration: none;
    display: block;
    padding: 15px;
    background-color: transparent;
    -webkit-transition: background-color 150ms linear;
    -o-transition: background-color 150ms linear;
    transition: background-color 150ms linear; 
    -webkit-box-sizing: border-box; 
            box-sizing: border-box;
 }

  #FM-navbar .FM-navbar-menu-container .FM-navbar-menu .FM-navbar-menu-item .FM-navbar-submenu .FM-navbar-submenu-item  .FM-navbar-submenu-item-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
 }


/**
*
* FM-dialogue 
* ===========
*
*/

.FM-dialogue--info, .FM-dialogue--success, .FM-dialogue--warning, .FM-dialogue--error {
     margin-top: 30px;
     margin-bottom: 15px;
     position: relative;
     box-sizing: border-box; 
}
 
.FM-dialogue--info.FM-dialogue--icon:before, .FM-dialogue--success.FM-dialogue--icon:before, .FM-dialogue--warning.FM-dialogue--icon:before, .FM-dialogue--error.FM-dialogue--icon:before {
    position: absolute;
    top: 0;
    left:0; 
    height: 100%;
    width: 70px;
    color: rgba(255, 255, 255, 1);
    display: inline-block;
    content: "\f05a";
    font-family: FontAwesome;
    text-align: center;
    padding: 15px;
    font-size: 24px;
    box-sizing: border-box;
    line-height: 1.5;
}

.FM-dialogue--info .FM-dialogue-text, .FM-dialogue--success .FM-dialogue-text, .FM-dialogue--warning .FM-dialogue-text, .FM-dialogue--error .FM-dialogue-text {
     height: 100%;
     display: inline-block;
     padding: 15px;
     box-sizing: border-box;
     font-size: 14px !important;
}

.FM-dialogue--info.FM-dialogue--icon .FM-dialogue-text, .FM-dialogue--success.FM-dialogue--icon .FM-dialogue-text, .FM-dialogue--warning.FM-dialogue--icon .FM-dialogue-text, .FM-dialogue--error.FM-dialogue--icon .FM-dialogue-text {
     padding: 15px 15px 15px 85px;
}

.FM-dialogue--info {
   background-color:#efe8df; 
}

.FM-dialogue--info.FM-dialogue--icon:before {
   background-color: #e6d1b8;
   content: "\f05a"; 
}

.FM-dialogue--success {
   background-color: #ecf2c2; 
}

.FM-dialogue--success.FM-dialogue--icon:before {
   background-color: #a8c432;
   content: "\f058"; 
}

.FM-dialogue--warning {
   background-color: #fcf0be; 
}

.FM-dialogue--warning.FM-dialogue--icon:before {
   background-color: #fce06d;
   content: "\f071"; 
}

.FM-dialogue--error {
   background-color: #fff0f0; 
}

.FM-dialogue--error.FM-dialogue--icon:before {
   background-color: #ffb3b3;
   content: "\f057"; 
}     

/**
*
* Helper classes
* ==============
*
*/

/* padding helpers */

.no-padding {
    padding: 0;
}

.padding-top {
    padding-top: 15px;
}

.padding-right {
    padding-right: 15px;
}

.padding-bottom {
    padding-bottom: 15px;
}

.padding-left {
    padding-left: 15px;
}

/* margin helpers */

.no-margin {
    margin: 0;
}

.margin-top {
    margin-top: 15px;
}

.margin-right {
    margin-right: 15px;
}

.margin-bottom {
    margin-bottom: 15px !important;
}

.margin-left {
    margin-left: 15px;
}

.margin-left20 {
    margin-left: 20px;
}

/* display helpers */

.block {
    display: block;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.display-none {
    display: none;
}

.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.display-flex.flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; 
}

.overflow-hidden {
    overflow: hidden;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.border-box {
    box-sizing: border-box;
}

.border-top {
    border-top: 1px rgba(0, 0, 0, 0.1) solid;
}

.border-left {
    border-left: 1px rgba(0, 0, 0, 0.1) solid;
}

.border-bottom {
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.border-right {
    border-right: 1px rgba(0, 0, 0, 0.1) solid;
}

i.icon-small {
   font-size: 13px;
}

/**
*
* FM-Modal
* ==========
* 
*
*/

.FM-modal-overlay {
    display: block;
    position: fixed;
    width: 100%;
    height: 100vh;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 2147483641;
    visibility: hidden;
    opacity: 0;
    transition: visibility 600ms ease-in-out, opacity 600ms ease-in-out;
}

.FM-modal-overlay.FM-modal--open {
    visibility: visible;
    opacity: 1;
}

.FM-modal-overlay.FM-modal--open .FM-panel {
    transform: translate3d(0, -50%, 0);
    visibility: visible;
    opacity: 1;
    transition-delay: 600ms;
}

.FM-modal-overlay .FM-panel {
    position: relative;
    text-align: left;
    max-width: 640px;
    margin: 0 auto;
    top: 50%;
    transform: translate3d(0, -100%, 0);
    visibility: hidden;
    opacity: 0;
    transition: visibility 600ms ease-in-out, opacity 600ms ease-in-out, transform 600ms ease-in-out;
    transition-delay: 0;
}

/**
*
* FM-caption
* ==========
* 
*
*/

.FM-caption {
    margin: 5px 0;
    font-size: 11px;
    font-style: italic;
    color: inherit;
    opacity: 0.7;
    display: inline-block;
}

/**
*
* FM-alert
* ========
* 
*
*/

.FM-alert {
    padding: 15px;
    border-radius: 2px;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .FM-alert p {
        padding: 0;
    }

    .FM-alert.small {
        display: inline-block;
    }

    .FM-alert.alert-red {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

    .FM-alert.alert-green {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

/**
*
* FM-button
* =========
* Button styles for Fondmarknaden.se
*
*/

.FM-button, .FM-wizard > .actions a {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #333;
    text-decoration: none !important;
    min-width: 120px;
    background-color: #fff;
    border-color: rgba(0,0,0,0.3);
    -webkit-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
    box-sizing: border-box;
}

    .FM-button:hover,  .FM-wizard > .actions a:hover {
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .FM-button:active:hover {
        background-color: #d4d4d4;
        border-color: #8c8c8c;
    }

    .FM-button.button-fullwidth {
        width: 100%;
    }

    .FM-button.button-blue {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
    }

        .FM-button.button-blue:hover {
            background-color: #286090;
            border-color: #204d74;
        }

        .FM-button.button-blue:active:hover {
            background-color: #204d74;
            border-color: #122b40;
        }

    .FM-button.button-yellow {
        color: #fff !important;
        background-color: #f0ad4e;
        border-color: #eea236;
    }

        .FM-button.button-yellow:hover {
            background-color: #ec971f;
            border-color: #d58512;
        }

        .FM-button.button-yellow:active:hover {
            background-color: #d58512;
            border-color: #985f0d;
        }

    .FM-button.button-grey {
        color: #fff !important;
        background-color: #9f9f9f;
        border-color: #ccc7c1;
    }

        .FM-button.button-grey:hover {
            background-color: #858585;
            border-color: #737373;
        }

        .FM-button.button-grey:active:hover {
            background-color: #858585;
            border-color: #ccc7c1;
        }



.FM-button.button-sm {
    padding: 3px 6px;
    font-size: 10px;
    min-width: 35px;
}

.min-width-100 {
    min-width: 100px !important;
}

.FM-buttonbar {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

    .FM-buttonbar .FM-buttonbar--col {
        display: inline-block;
        padding: 0;
        margin: 0 15px 0 0;
    }

        .FM-buttonbar .FM-buttonbar--col:last-of-type {
            margin-right: 0;
        }

    .FM-buttonbar.centered {
        text-align: center;
    }

    .FM-buttonbar.wide .FM-buttonbar--col {
        display: block;
        margin: 0 15px 15px 0;
    }

        .FM-buttonbar.wide .FM-buttonbar--col .FM-button {
            min-width: 100%;
            margin-bottom: 15px;
        }


/**
 *
 * FM-theme
 * ========
 *
 */

.FM-panel {
    margin-top: 15px;
    margin-bottom: 15px;
}

.FM-panel--header {
    padding-top: 15px;
    padding-bottom: 15px;
    background: none;
    background-color: #fff;
    border-width: 2px;
    border-bottom-color: #e8ba30;
}

.FM-panel--header .title, .FM-panel--header .subtitle {
    line-height: 1.2;
    text-shadow: none;
    color: #606060;
}

.form-section--inputcontainer.grey {
    border-top: 0;
    background-color: #fbfbf9;
    padding: 15px;
}

.form-section {
    padding-bottom: 15px;
}

    .form-section:last-of-type {
        padding-bottom: 0;
    }

.input-group .FM-alert, .FM-panel--footer .FM-alert, .form-section .FM-alert {
    padding: 10px 15px;
}

.FM-panel--footer .FM-alert {
    margin-bottom: 15px;
    margin-top: -15px;
}

.input-group input[type="password"], .input-group input[type="text"], .input-group input[type="tel"], .input-group input[type="email"], .input-group select {
    height: 30px;
}

.input-group[data-label] {
    padding-top: 15px;
}

.input-group[data-icon]:before {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 16px;
    pointer-events: none;
}

.flexbox .input-group[data-icon] input[type="password"], .flexbox .input-group[data-icon] input[type="text"], .flexbox .input-group[data-icon] select {
    padding: 6px 12px 6px 42px;
}

.form-section.ignore-counter .form-section--inputcontainer {
    background-color: #e7f4ff;
    padding-top: 0;
    border-top: 0;
    padding: 0 15px 15px 15px;
}

    .form-section.ignore-counter .form-section--inputcontainer .input-group {
        margin-bottom: 0;
    }

    .form-section.ignore-counter .form-section--inputcontainer .FM-alert {
        background-color: transparent;
        padding: 0;
    }

.FM-panel--footer {
    padding-top: 0;
    padding-bottom: 0;
}

.input-group.agreement-container {
    margin-bottom: 30px;
    margin-top: 0;
}

.input---checkbox input[type=checkbox] + .label:before {
    color: #f0ad4e;
}

.input---radio input[type=radio] + .label:before {
    background-color: #f0ad4e;
}

.FM-panel--header .proprietor-header h1 {
    font-family: 'Open sans';
    line-height: normal;
    font-weight: 100;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-left: -45px;
    margin-right: -45px;
    margin-top: 7px;
    padding-left: 45px;
    padding-right: 15px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    .FM-panel--header .proprietor-header h1 b {
        font-weight: 600;
    }

.FM-panel--header .proprietor-header + .subtitle {
    display: none;
}



.searchBar {
    height: 17px;
    padding: 0;
}


/**
*
* FM-toast
* ========
* Styles for toast-message component
*
*/

.FM-toast {
    position: fixed;
    top: 0;
    right: 0;
    margin: auto;
    padding: 15px;
    width: 350px;
    height: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 300ms ease-in;
    transition: -webkit-transform 300ms ease-in;
    transition: transform 300ms ease-in;
    transition: transform 300ms ease-in, -webkit-transform 300ms ease-in;
}

    .FM-toast.shift-right {
        -webkit-transform: translate3d(350px, 0, 0);
        transform: translate3d(350px, 0, 0);
    }

.FM-toast--item {
    list-style-type: none;
    padding: 30px 15px;
    font-size: 13px;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 15px;
    margin: 0 0 30px 0;
    border-radius: 2px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#spinner-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 170px;
    height: 120px;
    background-color: #FFF;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: rgba(0, 0, 0, 0.3) 1px 4px 14px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 15px;
    z-index: 100000000000;
    text-align: center;
    font-size: 13px;
}

    #spinner-container .FM-spinner--circle {
        font-size: 10px;
        margin: 20px auto;
        text-indent: -9999em;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #286090;
        background: -moz-linear-gradient(left, #286090 10%, rgba(115,125,138, 0) 42%);
        background: -webkit-linear-gradient(left, #286090 10%, rgba(115,125,138, 0) 42%);
        background: -o-linear-gradient(left, #286090 10%, rgba(115,125,138, 0) 42%);
        background: -ms-linear-gradient(left, #286090 10%, rgba(115,125,138, 0) 42%);
        background: linear-gradient(to right, #286090 10%, rgba(115,125,138, 0) 42%);
        position: relative;
        -webkit-animation: load 1.4s infinite linear;
        animation: load 1.4s infinite linear;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
    }

        #spinner-container .FM-spinner--circle:before {
            width: 50%;
            height: 50%;
            background: #286090;
            border-radius: 100% 0 0 0;
            position: absolute;
            top: 0;
            left: 0;
            content: '';
        }

        #spinner-container .FM-spinner--circle:after {
            background: #ffffff;
            width: 75%;
            height: 75%;
            border-radius: 50%;
            content: '';
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#spinner-container .FM-spinner--balls {
    display: none;
    margin: 10px auto 20px auto;
    width: 60px;
    height: 60px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot1 {
    background-color: #e8ba30;
}

.dot2 {
    top: auto;
    bottom: 0;
    background-color: #577c5c;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0);
    }

    50% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/**
 * FM-advert
 *
 *
 */

.FM-advert {
    right: -247px;
    top: 182px;
    margin: auto;
    position: absolute;
    width: 232px;
    height: auto;
}

/**
 * FM-page--header
 *
 *
 */

.FM-page--header {
    overflow: hidden;
    position: relative;
    box-sizing: border-box !important;
}

    .FM-page--header .header-image {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }

    .FM-page--header .header-panel {
        position: absolute;
        top: 30px;
        left: 30px;
        width: 400px;
        padding: 15px 30px;
        box-sizing: border-box !important;
        background-color: rgba(255, 255, 255, 0.75);
        box-shadow: 0 4px 40px rgba(0,0,0,0.15), 0 1px 40px rgba(0,0,0,0.12);
    }

        .FM-page--header .header-panel h1, .FM-page--header .header-panel p {
            line-height: 1.5;
            font-weight: 400;
            font-family: "Open Sans";
        }

        .FM-page--header .header-panel h1 {
            font-size: 24px;
        }

            .FM-page--header .header-panel h1 span {
                font-weight: 900;
                color: #587d5d;
            }

        .FM-page--header .header-panel p {
            font-size: 13px;
            padding-bottom: 15px;
        }

/**
 * FM-featured
 *
 *
 */

.FM-featured {
    margin-top: 30px;
    box-sizing: border-box !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .FM-featured .small-panel {
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-bottom: 3px solid #f0ad4e;
        border-radius: 2px;
        background-color: #fff;
        padding: 30px 15px;
        text-align: center;
        width: 306px;
        box-sizing: border-box !important;
        box-shadow: 3px 3px 16px rgba(0,0,0,0.10);
    }

        .FM-featured .small-panel .icon {
            display: inline-block;
            border-radius: 100%;
            border: 4px solid #587d5d;
            color: #587d5d;
            margin: 0 auto;
            height: 64px;
            width: 64px;
            font-size: 28px;
            margin-bottom: 15px;
            box-sizing: border-box !important;
        }

            .FM-featured .small-panel .icon i {
                line-height: 58px;
            }

        .FM-featured .small-panel .title, .FM-featured .small-panel .text {
            font-family: "Open Sans";
        }

        .FM-featured .small-panel .title {
            font-size: 16px;
            font-weight: 700;
            padding-bottom: 15px;
        }

        .FM-foo .small-panel .text, .FM-featured .small-panel .link, .FM-news .news-panel .link {
            font-size: 13px;
        }

        .FM-featured .small-panel .link, .FM-news .news-panel .link {
            color: #587d5d;
            text-decoration: none;
            font-weight: 600;
        }

.FM-news {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

    .FM-news .news-panel {
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-bottom: 3px solid #f0ad4e;
        border-radius: 2px;
        background-color: #fff;
        width: 470px;
        box-sizing: border-box !important;
        box-shadow: 3px 3px 16px rgba(0,0,0,0.10);
    }

        .FM-news .news-panel .news-panel--header {
            padding: 15px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        }

            .FM-news .news-panel .news-panel--header .title {
                text-align: left;
                font-size: 16px;
                font-weight: 700;
                font-family: "Open Sans";
                padding-bottom: 0;
            }

                .FM-news .news-panel .news-panel--header .title .icon {
                    color: #587d5d;
                    font-size: 21px;
                    padding-right: 7px;
                    display: inline-block;
                }

        .FM-news .news-panel .news-list {
            padding: 15px;
        }

            .FM-news .news-panel .news-list li {
                text-align: left;
                padding: 0 0 0 10px;
                margin-bottom: 30px;
                background: initial;
                border-left: 2px solid #f0ad4e;
                max-width: 380px;
            }

                .FM-news .news-panel .news-list li a {
                    text-decoration: none !important;
                    font-size: 13px;
                    line-height: 1.5;
                }

        .FM-news .news-panel .link {
            padding-left: 15px;
        }

.balloon-table {
    color: #474747 !important;
    font-size: 12px !important;
}

.table-date {
    color: #0084b4 !important;
    font-size: 12px !important;
}

.label-nowrap {
    white-space: nowrap;
}

.bubble-wrapper {
    position: relative;
}

.blue-bubble {
    position: absolute;
    width: 270px;
    padding: 50px 40px;
    margin: 1em auto 73px;
    text-align: center;
    color: #fff;
    background: #075698;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
    background: -moz-linear-gradient(#f3961c,#f9d835);
    background: -o-linear-gradient(#f3961c,#f9d835);
    background: linear-gradient(#f3961c,#f9d835);
    -webkit-border-top-left-radius: 220px 120px;
    -webkit-border-top-right-radius: 220px 120px;
    -webkit-border-bottom-right-radius: 220px 120px;
    -webkit-border-bottom-left-radius: 220px 120px;
    -moz-border-radius: 110px / 100px;
    border-radius: 220px / 120px;
    z-index: 99999;
    left: 450px;
    bottom: -40px;
    box-shadow: 5px 5px 5px #cccccc;
}

.blue-bubble:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50px;
    width: 30px;
    height: 30px;
    background: #f9d835;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.blue-bubble:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 30px;
    width: 15px;
    height: 15px;
    background: #f3961c;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.umbraco_numberoffunds:after {
    display: inline-block;
    content: '1700';
}

.input-disabled {
    background: rgba(220, 220, 220, 0.45) !important;
    color: rgba(0,0,0, 0.40) !important;
    cursor: not-allowed !important;
}

.panel-large-text {
    font-size: 13px;
    line-height: 18px;
}

/* EXT Ag - Deposit overview */

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: none;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.deposit-subheader {
    font-family:'Open sans', 'Arial Rounded MT Bold normal', Arial, Verdana, sans-serif;
    font-weight:600;
    color:#666666;
}

.deposit-registration-header {	
    font-weight: 100 !important;
    font-size:2.5em;
    font-family: 'Open sans', "Arial Rounded MT Bold normal", Arial, Verdana, sans-serif;
    color: #606060;
}
	
.deposit-registration-text {
    line-height: 1.5;
    font-size:1;
    text-shadow: none;
    color: #606060;
}


.depositoverview--nodeposits {
    background-color:#f7f7f6;
    font-size:12px;
    padding:20px;
    margin-top:20px;
    margin-bottom:20px;
}

.depositoverview--fundtype-container {
    margin-top:10px
}

.depositoverviewMenu-icon {
    margin-left:10px;
    margin-right:10px;
    font-size:13px !important;
}

.depositoverviewMenu-link {
    text-decoration:none;
}

.depositoverviewMenu-link:hover {
    text-decoration:none;
}

.margin-right-25 {
    margin-right:25px;
}



/*FUND KIT*/

.fundkit--top-header-fundkit1 {
    position:absolute;
    background-color: #fc942e;
    color:#fff;
    padding:5px 5px 5px 5px;
    left:80px;
    top:-10px;
    width:100px;
    text-align:center;
}

.fundkit--top-header-fundkit2 {
    position:absolute;
    background-color: #7e65c1;
    color:#fff;
    padding:5px 5px 5px 5px;
    left:80px;
    top:-10px;
    width:100px;
    text-align:center;
}

.fundkit--top-header-fundkit3 {
    position:absolute;
    background-color: #fd737f;
    color:#fff;
    padding:5px 5px 5px 5px;
    left:80px;
    top:-10px;
    width:100px;
    text-align:center;
}

.fundkit--header {
    text-align:center;
    margin-top:20px;
    font-size:18px;
    font-weight:800;
    color:#353535
}

.fundkit--subheader-fundkit1 {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 800;
    color: #fc942e;
}

.fundkit--subheader-fundkit2 {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 800;
    color: #7e65c1;
}

.fundkit--subheader-fundkit3 {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 800;
    color: #fd737f;
}

.fundkit--description {
    text-align:left;
    margin-top:20px;
    font-size:13px;
    font-weight:300;
    color:#353535;
    width:228px;
    margin-left:20px;
    line-height:1.5em;
 }

.fundkit--radial-pie-text {
    font-size:9px;
    font-weight:800;
    color:#5f5f5f;
}

.fundkit-element {
    border:1pt solid #e5e5e5;margin:auto;position:relative;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
}

.fundkit-element > a {
    text-decoration:none;
}

.fundkit1-background {
    background-color:#fc942e;
}

.fundkit2-background {
    background-color:#7e65c1;
}

.fundkit3-background {
    background-color:#fd737f;
}

.fundkit--bottom-button-holder {
    text-align:center;border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding:20px
}

.FM-Box-Container{
    display: table;
    border-spacing:15px;
    float: none;
    margin-bottom: 1.2em;
    margin-left: -15px;
    margin-right: -15px;
}
.FM-Box {   
    border: 1px solid #d7d7ca;
    border-radius: 4px;
    background-color: #fbfbf9;    
    padding: 18px;
    display: table-cell;
    float: none;
    vertical-align: top;    
}

    .FM-Box.Half-To-Full {
        min-width: 50%;
        max-width: 100%;
    }
    
.FM-Box-Row .FM-Box.Half-To-Full:nth-child(2) {
    width: 50%;
}

.FM-Box.White {
    background-color: white;
}
.FM-Box-Row {
    display: table-row;
    margin-bottom: 1.2em;
}
.FM-Box-Row h2 {
    font-weight: 300 !important;
    font-size: 1.8em;
    line-height: 1.1em;
}
.FM-Box-Row span {    
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: normal;
}

.FM-Box-Content {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

.two-column {
    width: 50%;
}
/* Fondab Portfolio CSS */

#fondab-portfolio-wrapper {
    display: inline-flex;
    flex-flow: nowrap;
    margin-left:5px;

}

.fondab-portfolio--top-header {
    position:absolute;
    color:#fff;
    padding:5px 5px 8px 5px;
    left:80px;
    width:100px;
    text-align:center;
    z-index:1000;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

.fondab-portfolio--top-subheader {
    background-blend-mode: luminosity;
    height:40px;
    width:274px;
    opacity:0.1;
    background-image: -webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
    background-image: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
}

.fondab-portfolio--header {
    text-align:center;
    margin-top:20px;
    font-size:18px;
    font-weight:800;
}

.fondab-portfolio--subheader {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 800;
}

.fondab-portfolio--description {
    text-align:left;
    margin-top:20px;
    font-size:13px;
    font-weight:300;
    color:#353535;
    width:228px;
    margin-left:20px;
    line-height:1.5em;
    min-height:160px;
 }

.fondab-portfolio--radial-pie-text {
    font-size:9px;
    font-weight:800;
    color:#5f5f5f;
}

.fondab-portfolio-element {
    border:1pt solid #e5e5e5;
    position:relative;
    margin-top:0px;
    margin-right:15px;
    position:relative;
    display:inline;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-bottom:50px;
    margin-bottom:30px;
    overflow:hidden;
}

.fondab-portfolio-element:nth-child(3n) {
  page-break-after: always; 
  break-after: always; 
}

.fondab-portfolio-element > a {
    text-decoration:none;
}

.fondab-portfolio-productsheet::before {
   font-family:FontAwesome;
    content: "\f1c1";
    padding-right:5px;
}

.fondab-portfolio--bottom-button {
    cursor:pointer;
    text-align:center;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    padding:20px;
    position:absolute;
    bottom:0;
    width:234px;
}

.fondab-portfolio-element { 
    transition: all .2s ease-in-out;
}

.fondab-portfolio-element:hover { 
    transform: scale(1.03);
}
.fondab-portfolio-piechart
{
    margin-top:30px;
}

.fondab-portfolio-fundlist .divTableCell {
    padding:5px;
}

.fondab-portfolio-fundlist-header .divTableCell {
    font-weight:bold;
}

.repeat-animation {
  position:relative;
}

.fondab-portfolio-depositheader {
    border: 1px solid #e3e3e2;
    width: 100% !important;
    margin: 0 !important;
    background-color: #fbfbf9;
    min-height:75px;
}

.fondab-portfolio-depositheader--modelportfolio {
    clear:both;
    width:100%;
    display:flex;
}

.fondab-portfolio-depositheader--modelportfolio .fondab-portfolio-depositheader-column {
  padding:20px;
  flex-basis: 100%;
  margin:auto;
}

.fondab-portfolio-depositheader-subheader {
    font-size:1.2em;
}

.fondab-portfolio-depositheader-portfolioname {
    font-size:1.7em;
    line-height:1.2em;
    margin-top:8px;
    font-weight:bold;
}
.fondab-portfolio-button-rebalance {
    background-color:#50cc96 !important;
    color:white;
    border:none;
    -webkit-animation-iteration-count: 8;
    animation-iteration-count: 8;
}

.fondab-portfolio-button-rebalance:hover {
  -webkit-transition: none;
    transition: none;
}

.FM-order-receipt {
     margin-top: 15px;
     margin-bottom: 15px;
     position: relative;
     box-sizing: border-box; 
     text-align:center;
     width:100%;
}

.FM-order-receipt--icon:before {
    position: absolute;
    top: 0;
    height: 100%;
    width: 70px;
    color: #50cc96;
    display: inline-block;
    content: "\f058";
    font-family: FontAwesome;
    text-align: center;
    padding: 15px;
    font-size: 60px;
    box-sizing: border-box;
    line-height: 1.5;
}

.repeat-animation.ng-enter-stagger,
.repeat-animation.ng-leave-stagger,
.repeat-animation.ng-move-stagger {
  /* notice how we're using animation instead of transition here */ 
  -webkit-animation-delay:0;
  animation-delay:0;

  /* yes we still need to do this too */
  -webkit-animation-duration:0.5;
  animation-duration:0.5;
}

.repeat-animation.ng-move,
.repeat-animation.ng-enter {
  opacity:0;
  -webkit-animation:enter_animation 0.5s;
  animation:enter_animation 0.5s;
}

.repeat-animation.ng-leave {
  -webkit-animation:leave_animation 0.5s;
  animation:leave_animation 0.5s;
}

@-webkit-keyframes enter_animation {
  from { opacity:0; }
  to { opacity:1; }
}

@keyframes enter_animation {
  from { opacity:0; }
  to { opacity:1; }
}

@-webkit-keyframes leave_animation {
  from { opacity:1; }
  to { opacity:0; }
}

@keyframes leave_animation {
  from { opacity:1; }
  to { opacity:0; }
}
/* Sticky corner ribbon */

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 25px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-25deg);
  -webkit-transform: rotate(-25deg);
  z-index:100;
  font-size:0.9em;
  pointer-events: none;
}

.corner-ribbon.sticky{

}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.corner-ribbon.blue{background: #0275d8;}

.corner-ribbon.top-right{
  top: 20px;
  right: -66px;
  left: auto;
  transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 30px;
  left: auto;
  transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
}

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* SVG - Radial pie */

/* Radial pie CSS */
svg.radial-progress {
    height: auto;
    max-width: 60px;
    padding: 0.3em;
    transform: rotate(-90deg);
    width: 100%;
}

svg.radial-progress circle {
    fill: rgba(0,0,0,0);
    stroke: #fff;
    stroke-dashoffset: 219.91148575129;
    stroke-width: 10;
}

svg.radial-progress circle.incomplete {
    opacity: 0.25;
}

svg.radial-progress circle.complete {
    stroke-dasharray: 219.91148575129;
}

svg.radial-progress text {
    fill: #353535;
    font: 400 1em/1 'Open Sans';
    text-anchor: middle;
}

svg.radial-progress:nth-of-type(6n+1) circle {
stroke: #919191;
}

.fondab-modelportfolio-progressbar {
      padding-inline-start: 0px;
      position:relative; 
      counter-reset: step;
      z-index: 1;
      margin-top:-8px;
  }
  .fondab-modelportfolio-progressbar li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 11px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
      z-index: 1;
  }

  .fondab-modelportfolio-progressbar li:after {
      width: 100%;
      height: 2px;
      content: '';
      position: absolute;
      background-color: #7d7d7d;
      top: 15px;
      left: -35%;
      z-index: -1;
  }

  .fondab-modelportfolio-progressbar li:before {
      width: 30px;
      height: 30px;
      content: counter(step);
      counter-increment: step;
      line-height: 30px;
      border: 2px solid #7d7d7d;
      display: block;
      text-align: center;
      margin: 0 auto 5px auto;
      border-radius: 50%;
      background-color: white;
  }
  
  .fondab-modelportfolio-progressbar li:first-child:after {
      content: none;
  }
  .fondab-modelportfolio-progressbar li.active {
      color: #50cc96;
  }

   .fondab-modelportfolio-progressbar li.current {
      font-weight:bold;
  }

  .fondab-modelportfolio-progressbar li.active:before {
      border-color: #50cc96;
  }
  .fondab-modelportfolio-progressbar li.active + li:after {
      background-color: #50cc96;
  }

 .fondab-portfolio-info-box-rebalance {
    padding: 15px;
    border: 1pt solid #469cbf;
    background-color: #f8fbfc;
    display: block;
    width: 45%;
    line-height:1.4em;
 }


.two-column.textbox {
    float: left;
    width: 46%;
    margin-bottom: 2em;
}

.btnShowOrders {
    margin-bottom: 1em;
}

img.questionnare-imgCompleted {
    float: left;
    display: block;
    padding: 1em 1em 0 0;
}

br.clear-both {
    clear: both;
}

.small-icon {
    position: relative;
    top: 4px;
    left: 1px;
    width: 19px;
}

.fade-in-left {
    -webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}




.tracking-in-expand {
    -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s both;
}

@-webkit-keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

@keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

.FM-icon-large {
    font-size: 15rem;
}

.FM-icon-large.yellow {
    color: #fbd155;
    background: -webkit-linear-gradient(top, #fbd155 0%,#ffe69c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.FM-icon-large.purple {
    color: #A7A2D8;
    background: -webkit-linear-gradient(top, #A7A2D8 0%,#C4BEEE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.FM-checklist span i {
    color: #8FDBB0;
    margin-right: 10px;
    vertical-align: middle;
    font-size:1.7em;
}

.FM-checklist li {
    line-height: 2em;
    padding-left: 5px;
}

.FM-button-gradient-yellow {
    background: #fbd155;
    background: -moz-linear-gradient(top, #fbd155 40%, #ffe69c 100%);
    background: -webkit-linear-gradient(top, #fbd155 40%,#ffe69c 100%);
    background: linear-gradient(to bottom, #fbd155 40%,#ffe69c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd155', endColorstr='#ffe69c',GradientType=0 );
    border: 1px solid #EEC335;
    color: white;
}

.FM-button-gradient-purple {
    background: #A7A2D8;
    background: -moz-linear-gradient(top, #A7A2D8 40%,#C4BEEE 100%);
    background: -webkit-linear-gradient(top, #A7A2D8 40%,#C4BEEE 100%);
    background: linear-gradient(to bottom, #A7A2D8 40%,#C4BEEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A7A2D8', endColorstr='#C4BEEE',GradientType=0 );
    border: 1px solid #9B96CE;
    color: white;
}


.cooperation-fondab {
    float: right;
}

.cooperation-fondab-inner {
    width: 100px;
    padding: 12px;
    text-align: center;
}

#graphLegendTable th {
    font-weight:bold;
}

#graphLegendTable .symbol {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
}

.FM-list-documents {
    list-style-type: none;
    padding: 15px;
}

.delay-1 {
    animation-delay: .25s;
}

.delay-2 {
    animation-delay: .35s;
}

.delay-3 {
    animation-delay: .45s;
}

.delay-4 {
    animation-delay: .55s;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #ababab;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.FM-OK--icon:before {
    color: #50cc96;
    display: inline-block;
    content: "\f058";
    font-family: FontAwesome;
    text-align: center;
    padding: 15px;
    font-size: 81px;
    box-sizing: border-box;
    line-height: 0.5;
}

.FM-cancel--icon:before {
    color: #cc505b;
    display: inline-block;
    content: "\f057";
    font-family: FontAwesome;
    text-align: center;
    padding: 15px;
    font-size: 81px;
    box-sizing: border-box;
    line-height: 0.5;
}

.FM-swish--amount {
    font-size: 27px;
    font-weight: bold;
    margin: 10px;
}
}


/* Responsive fixes for old page */
figure {
    margin: 0 0 1rem;
}

#FM-navbar * {

}
#FM-navbar * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#FM-navbar ul {
    margin-top: 0;
}

#FM-navbar {
    line-height: 1.5;
    text-align: left;
    font-size: 0.95rem;
    box-sizing: border-box;

}

#navbar a {
    text-decoration: none;
}



#FM-navbar + main {
    margin-top: 132px !important;
}


/* Temp fix for footer */
#aspnetForm {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}