﻿/* Reset CSS document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

.clearfix, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block !important;
}

a img {
    border: medium none;
}
a:focus, a:active {
    outline: medium none;
}
.Left,
.fl {
    float:left;
}
.Right,
.fr {
    float:right;
}

.Dummy
{
    clear:both;
    line-height:0;
}
.DummyDivider
{
    border-top: 1px dotted #A0A0A0;
    clear: both;
    display: inline-block;
    line-height: 0; 
    margin: 5px 0 5px;
    width: 100%;
}

/** <*> */
html {
    height: 100%;
    margin: 0;
    padding: 0;
}
body 
{
    background-color:#F7F7F7;
    color: #000;
    font: 12px/18px Arial,Helvetica,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Define page width */
.PageContainer
{
    clear:both;
    margin:0 auto;
    padding: 0 10px;
    position: relative;    
    width:990px;
}

/* Typography */

a:link, a:visited
{
    color:#009fc3;
    text-decoration:none;
}
a:hover, a:active
{
    color:#009fc3;
    text-decoration:underline;
}

h1 
{
    color:#000;
    font:normal 30px/36px Arial, Helvetiva, sans-serif;
    margin-bottom:10px;
}
h1 span
{
    color:#999999;
    font-size:13px;
} 
h2
{
    border-bottom: 1px solid #A0A0A0;
    color: #000000;
    font: 20px/24px Arial,Helvetiva,sans-serif;
    height: 18px;
    margin-bottom: 15px;
}
h2 span,
h2 a:link,
h2 a:visited
{
    background-color: #F7F7F7;
    color: #000000;
    float: left;
    padding-right: 5px;
    text-decoration: none;
}
h2 a:hover,
h2 a:active
{
    color:#009fc3;
    text-decoration:none;
}
h2 a.MoreLink
{
    background-color: #F7F7F7;
    color: #009FC3;
    float: right;
    font: 12px/12px Arial,Helvetiva,sans-serif;
    margin-top: 7px;
    padding: 2px 0 2px 5px;
    text-decoration: none;
}    
h2 a.MoreLink:hover
{
    color:#009fc3;
    text-decoration:underline;
}
h3
{
    color:#000;
    font:normal 18px/20px arial,helvetica,sans-serif;
    margin-bottom:10px;
}
h3 a:link,
h3 a:visited
{
    color:#000;
    text-decoration:none;
}
h3 a:hover,
h3 a:active
{
    color:#009fc3;
    text-decoration:none;
}
h3 span.MoreLink a:link,
h3 span.MoreLink a:visited
{
    color:#009fc3 !important;
    text-decoration:none;
    font-size:12px !important;
}
h3 span.MoreLink a:hover,
h3 span.MoreLink a:active
{
    color:#009fc3 !important;
    text-decoration:underline !important;
}
h4
{
    font:bold 14px/18px arial,helvetica,sans-serif;
    margin:0 0 5px;
}
h5 
{
    font:bold 13px/16px arial,helvetica,sans-serif;
}

p {
    margin:0 0 8px 0;
    padding:0;
}
ul
{
    margin:0 0 15px;
    padding:0 0 0 30px;
}
hr 
{
    background-color:#aaa; 
    color:#aaa; 
    height:1px; 
    margin:10px 0 !important; 
    margin:-1px 0; 
    border:none; 
    border-top:1px dotted #aaa; 
    padding:0; 
    clear:both; 
    width:100%
}

/* Header / hgroup */
header.SiteHeader div.hgroup
{
    margin:25px 0 10px;
}
header.SiteHeader div.hgroup #SiteTitle a
{
    background:url('images/backgrounds/logo-DeBeurs.png') no-repeat;
    display:block;
    float:left;
    height:48px;
    margin:37px 27px 5px 0;
    outline:none;
    text-indent:-999em;
    width:235px;
}
header.SiteHeader div.hgroup div.Leaderboard
{
    float:left;
    height:90px;
    width:728px;
}

/* Header / Navigation */
header.SiteHeader div.PageContainerMenu
{
    background:url("images/backgrounds/bg-navigation.gif") repeat-x scroll left top #DFDFDF;
    border-bottom:1px solid #a0a0a0;
    height:61px;
}
header.SiteHeader nav.MainMenu
{
    width:990px;
    clear:both;
    margin:0 auto;
    padding: 0;
    position: relative;    
    width:990px;
}
header.SiteHeader nav.MainMenu ul.Level_1
{
    margin: 0; 
    padding: 0; 
    content: ".";
    float:left;
    display: block;
    height: auto; 
    clear: both;
    width:750px;
}
header.SiteHeader nav.MainMenu ul.Level_1 li
{
    border-left:1px solid #0087a6;
    list-style: none; 
    float: left;
    font:normal 11px/11px arial, helvetica, sans-serif;
    margin:1px 1px 0 0; 
    padding:0; 
    white-space: nowrap;
    font-weight: normal; 
    color: #000;
}
header.SiteHeader nav.MainMenu ul.Level_1 li.Selected,
header.SiteHeader nav.MainMenu ul.Level_1 li.Selected:hover,
header.SiteHeader nav.MainMenu ul.Level_1 li:hover
{
    background-color:#0fadd0;
    margin-top:1px;
}
header.SiteHeader nav.MainMenu ul.Level_1 li a
{
    font:bold 14px/14px arial, helvetica, sans-serif;
    float:left;
    padding: 9px 12px 9px; 
    text-decoration: none; 
    color: #fff; 
    text-decoration: none;
}
header.SiteHeader nav.MainMenu ul.Level_1 li ul.Level_2
{
    display:none;
    height: auto;
    left: 0;
    margin:9px 0;
    overflow: hidden;
    padding:0;
    position: absolute;
    top: 34px;
    width: 990px;  
    z-index:3;  
}      
header.SiteHeader nav.MainMenu ul.Level_1 li ul.Level_2 li
{
    border:none;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;    
}
header.SiteHeader nav.MainMenu ul.Level_1 li ul.Level_2 li:hover
{
    background-color:transparent;
    padding:0;
}
header.SiteHeader nav.MainMenu ul.Level_1 li ul.Level_2 li a
{
    border-right:1px dotted #cccccc;
    color:#000;
    font:normal 11px/11px arial, helvetica, sans-serif;
    padding:0 12px;
    text-transform:none;
}
header.SiteHeader nav.MainMenu ul.Level_1 li ul.Level_2 li a:hover,
header.SiteHeader nav.MainMenu ul.Level_1 li ul.Level_2 li.active a,
header.SiteHeader nav.MainMenu ul.Level_1 li ul.Level_2 li.active a:hover
{
    background-color:transparent;
    color:#009fc3;
    text-decoration:none;
    padding:0 12px;
}

/* Header Searchbox */
header.SiteHeader nav.MainMenu .SearchBar
{
    float:right;    
    margin-top:3px;
}

header.SiteHeader nav.MainMenu .SearchBar div.SearchBox
{    
}

header.SiteHeader nav.MainMenu .SearchBar div.SearchBox div.SearchContainter
{    
}

header.SiteHeader nav.MainMenu .SearchBar div.SearchBox div.SearchContainter .TextBox
{
    background:url("images/backgrounds/bg-searchinput.gif") top left repeat-x #fff;
    border:1px solid #407581;
    border-right:none;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;    
    color: #666;
    float: left;
    font-size: 11px;
    line-height: 14px;
    margin: 0;
    padding: 6px 10px 5px;
    width:150px;
}

header.SiteHeader nav.MainMenu .SearchBar div.SearchBox div.SearchContainter .Button 
{
    background:url("images/backgrounds/search-arrow.png") center center no-repeat #333;
    border:1px solid #333;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;    
    cursor:pointer;
    display:block;
    height:25px;
    float:left;
    width:14px;
   /*
    background:url("images/backgrounds/search_button.gif") no-repeat scroll 0 0 transparent;
    border:medium none;
    float:left;
    height:20px;
    margin:0 2px;
    outline:medium none;
    text-indent:-999em;
    width:21px;    
	font-size: 0;
	line-height: 0;
    */
}

/* BreadCrumb */
header.SiteHeader nav.Breadcrumb
{
    height:20px;
}
header.SiteHeader nav.Breadcrumb ul
{
    margin: 0; 
    padding: 0; 
    content: ".";
    float:left;
    display: block;
    height: auto; 
    clear: both;
    width:990px;
}
header.SiteHeader nav.Breadcrumb ul li
{
    color: #000;
    display:block;
    float: left;
    font:normal 12px/12px arial, helvetica, sans-serif;
    height:12px;
    list-style: none; 
    padding:8px 0; 
    white-space: nowrap;
    font-weight: normal; 
}
header.SiteHeader nav.Breadcrumb ul li a
{
    background:url("images/backgrounds/bg-breadcrumb.png") no-repeat scroll right 2px transparent;
    margin-right:7px;
    padding-right:10px;
}

/* Billboard */
header.SiteHeader .BillboardBanner {
    line-height:0;
    margin: 5px 10px 0 10px;
}

/* ContentContainer */
div#ContentContainer
{
    margin:10px 0;
}
div.ContentLeft
{
    float:left;
    width:640px;
}
div.ContentRight
{
    float:left;
    margin-left:14px;
    width:336px;
}
div.ContentLeft.Top,
div.ContentRight.Top
{
    border-top:6px solid #009fc3;
}
div.ContentLeftSmallLeft,
div.ContentLeftSmallRight
{
    float:left;
    width:312px;
}
div.ContentLeftSmallRight
{
    margin-left:16px;
}
div.ContentRightSmallLeft,
div.ContentRightSmallRight
{
    float:left;
    width:163px;
}
div.ContentRightSmallRight
{
    margin-left:10px;
}
div.ContentRightBlock
{
    margin-bottom:15px;
}

/* Rectangle */
div.Rectangle 
{
    margin-bottom:10px;
}

/* SkyScraper */
.SkyScraper
{
    position:absolute;
    right:1015px;
    top:4px;
}

/* Marketbeat */
section.Marketbeat
{
    background:url("images/backgrounds/bg-marketbeat.png") no-repeat scroll left 18px transparent;
}

/* MarketbeatMenu */
section.Marketbeat nav.MarketbeatMenu
{
    float:left;
    margin:5px 15px 5px 0;
    width:122px;
}
section.Marketbeat nav.MarketbeatMenu label
{
    color:#626262;
    font:normal 11px/11px arial, helvetica, sans-serif;
}
section.Marketbeat nav.MarketbeatMenu ul
{
    content: ".";
    list-style:none;
    margin: 0; 
    padding: 0; 
}
section.Marketbeat nav.MarketbeatMenu ul li
{
    border:none;
    margin: 0 0 2px 0;
    padding: 0;    
}
section.Marketbeat nav.MarketbeatMenu ul li a
{
    color:#434343;
    display:block;
    font:bold 11px/11px arial, helvetica, sans-serif;
    padding:4px 4px 4px 23px;
    text-transform:none;
    width:60px;
}
section.Marketbeat nav.MarketbeatMenu ul li.NL a
{
    background:url('https://img.iex.nl/images/iexdotnet/issueicons/small/12272.gif') no-repeat 5px center transparent;
}
section.Marketbeat nav.MarketbeatMenu ul li.EU a
{
    background:url('https://img.iex.nl/images/iexdotnet/issueicons/small/190031976.gif') no-repeat 5px center transparent;
}
section.Marketbeat nav.MarketbeatMenu ul li.Asia a
{
    background:url('https://img.iex.nl/images/iexdotnet/issueicons/small/150176326.gif') no-repeat 5px center transparent;
}
section.Marketbeat nav.MarketbeatMenu ul li.USA a
{
    background:url('https://img.iex.nl/images/iexdotnet/issueicons/small/190015514.gif') no-repeat 5px center transparent;
}
section.Marketbeat nav.MarketbeatMenu ul li a:hover,
section.Marketbeat nav.MarketbeatMenu ul li.Selected a,
section.Marketbeat nav.MarketbeatMenu ul li.Selected a:hover,
section.Marketbeat nav.MarketbeatMenu ul li.active a,
section.Marketbeat nav.MarketbeatMenu ul li.active a:hover
{
    background-color:#707070;
    border-radius:3px;
    color:#fff;
    text-decoration:none;
}

/* MarketbeatContainer */
section.Marketbeat div.MarketbeatContainer
{
    float:left;
    width:853px;
}
section.Marketbeat div.MarketbeatContainer section
{
    float:left;
    margin-right:15px;
    width:150px;
}
section.Marketbeat div.MarketbeatContainer section.Chart
{
    width:150px;
}
section.Marketbeat div.MarketbeatContainer section.MarketToday
{
    margin-right:0;
    width:193px;
}
section.Marketbeat div.MarketbeatContainer section.MarketToday h3
{
    font:bold 15px/18px arial, helvetica, sans-serif;
    margin-bottom:3px;
}
section.Marketbeat div.MarketbeatContainer section.MarketToday h3 a
{
    color:#434343;
}
section.Marketbeat div.MarketbeatContainer section.MarketToday h3 a:hover
{
    color:#009FC3;
}
section.Marketbeat div.MarketbeatContainer section.MarketToday p
{
    margin:0;
}

/* Riser/Fallers */
section.RisersFallers
{
    margin-bottom:15px;
    overflow:hidden;
    position:relative;
    width:990px;
}
section.RisersFallers h3
{
    color:#434343;
    font-size:16px;
    font-weight:normal;
}
section.RisersFallers span.Gradient
{
    background:url("images/backgrounds/overlay-gradient.png") no-repeat scroll right center transparent;
    display:block;
    height:62px;
    position:absolute;
    right:0;
    top:0;
    width:50px;
    z-index:999;
}
section.RisersFallers div.Risers,
section.RisersFallers div.Fallers
{
    width:1300px;
}
section.RisersFallers label
{
    float:left;
    margin-right:8px;
    padding-left:15px;
}
section.RisersFallers div.Risers label
{
    background:url("images/backgrounds/bg-risers.png") no-repeat scroll 4px center transparent;    
    color:#005321;
}
section.RisersFallers div.Fallers label
{
    background:url("images/backgrounds/bg-fallers.png") no-repeat scroll 4px center transparent;    
    color:#E30613;
}
section.RisersFallers ul
{
    content: ".";
    display:block;
    float:left;
    height:18px;
    list-style:none;
    overflow:hidden;
    margin: 0; 
    padding: 0;
    width:1200px;
}    
section.RisersFallers ul li
{
    color: #000;
    float: left;
    font:bold 12px/18px arial, helvetica, sans-serif;
    list-style: none; 
    margin-right:8px;
    padding:0; 
    white-space: nowrap;
}
section.RisersFallers ul li a
{
    color:#434343;
}

/* Carrousel */
div.Carrousel {
    background-size:100% auto;
    background-position:center 30px;
    background-repeat:no-repeat;
    border-top:1px solid #B2B2B2;
    margin-bottom:10px;
}
    div.Carrousel.Partners {
        border:none;
        margin-bottom:15px;
    }

div.Carrousel h2 {
    border-top: medium none;
    font-size: 20px;
    height: 18px;
    line-height:20px;
    margin: 0;
    padding: 6px 6px 8px !important;
    position:relative;
}
    div.Carrousel H2 .MoreLink {
        display: block;
        font-size: 12px;
        font-weight: normal;
        padding-left: 5px;
        position: absolute;
        right: 0;
        text-transform: lowercase;
        top: 9px;
    }
    div.Carrousel.Partners h2 {
        background-color: #9b2b68;
        border-bottom: 3px solid #7f1753;
    }
        div.Carrousel.Partners h2 a,
        div.Carrousel.Partners h2 .MoreLink,
        div.Carrousel.Partners h2 .MoreLink a,
        div.Carrousel.Partners h2 span
        {
            color: white;
            background-color:#9b2b68;
         }
            div.Carrousel.Partners h2 a:hover,
            div.Carrousel.Partners h2 .MoreLink a:hover {
                text-decoration:underline;
            }

div.Carrousel .Content .Inner
{
    background-color:#f4f4f4;
    height:80px;
}
    div.Carrousel.Partners .Content .Inner {
        background-color:#ad3074;
        height:70px;
    }
        div.Carrousel.Partners .Content .Inner h3 a:hover {
            text-decoration:underline;
        }
        div.Carrousel.Partners .Content .Inner p.SubLine,
        div.Carrousel.Partners .Content .Inner p.SubLine span.Label {
            color:white;
            font-style:italic;
        }

div.Carrousel .Content .ImageLink
{
    display:block;
    height:150px;
    text-indent:-9999px;
}

div.Carrousel .Content h3
{
    padding: 4px 4px 0 4px;
    margin-bottom:3px;
    font-size:18px;
}
    div.Carrousel.Partners .Content h3 a,
    div.Carrousel.Partners .Content p a,
    div.Carrousel.Partners .Content p .DateTime {
        color: white;
    }

div.Carrousel .Content p
{
    padding: 0 5px 0px 5px;
    line-height:15px;
    font-size:12px;
}

div.Carrousel .Content p a
{
    color:black;
}

div.Carrousel .Content p a:hover
{
    text-decoration:none;
}

div.Carrousel .Content p .DateTime
{
    color:#888888;
    background:none;
    padding:0;
    margin:0;
}

div.Carrousel .Pager
{
    background: #F4F4F4;
    font-size:11px;
    border-bottom:1px solid #B2B2B2;
    padding:0px 5px 5px 5px;
    text-align:center;
}
    div.Carrousel.Partners .Pager {
        background-color:#ad3074;
        border:none;
    }

div.Carrousel .Pager .PageItem
{
    border:2px solid #8F8F8F;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    display:block;
    float:left;
    z-index:10000;
    width:10px;
    height:10px;
    margin:0 4px 0 0;
    text-indent:-9999px;
}
    div.Carrousel.Partners .Pager .PageItem {
        border-color:#ddd;
    }

div.Carrousel .Pager .Selected, 
div.Carrousel .Pager .PageItem:hover
{
    background-color:#8F8F8F;
    border-color:#8F8F8F;
}
    div.Carrousel.Partners .Pager .Selected,
    div.Carrousel.Partners .Pager .PageItem:hover {
        background-color:white;
        border-color:white;
    }


/* Articles / MainArticle */
article.MainArticle div.MainArticleImage
{
    border:1px solid #A0A0A0;
    display: block;
    height: 170px;
    margin-bottom: 10px;
    overflow:hidden;
    position: relative;
    text-decoration: none;
    width: 310px;
}
article.MainArticle div.MainArticleImage h3
{
    bottom: 8px;
    color: #FFFFFF;
    font: bold 20px/26px arial,helvetica,sans-serif;
    left: 5px;
    margin:0 5px 0 0;
    padding: 10px;
    position: absolute;
    z-index: 2;
}
article.MainArticle div.MainArticleImage h3 a
{
    background-color:#009fc3;
    color:#fff;
    padding:3px;
    text-decoration:none;
}
article.MainArticle div.MainArticleImage h3 a:hover,
article.MainArticle div.MainArticleImage a:hover
{
    background-color:#fff;
    color:#009fc3;
    text-decoration:none;
}
article.MainArticle div.MainArticleImage img
{
    width:312px;
}

/* Articles */
article.ArticleContainer
{
    border-bottom:1px dotted #A0A0A0;
    margin-bottom:12px;
    padding:0 0 10px;
    position: relative;
}
article.ArticleContainer
{
    margin-bottom:5px;
}
article.ArticleContainer h3 a:hover
{
    color:#009fc3;
    text-decoration:none;
}
article.ArticleContainer p
{
    margin-bottom:3px;
}
article.ArticleContainer.HasImage p
{
    padding-right:60px;
}
div.ArticleImage
{
    float: right;
    margin: 4px 0 0 10px;
}    
article.ArticleContainer.HasImage div.ArticleImage
{
    bottom: 0;
    float: right;
    margin: 4px 0 -5px 10px;
    position: absolute;
    right: 0;
} 
div.BelowBar 
{
    font-size:11px;
    line-height:11px;
    margin-top:3px;
}
span.DateTime
{
    color:#009fc3;
}
div.MoreLink
{
    clear:both;
    text-align:right;
    padding:0 0 3px;
    width:100%;
}
div.MoreLink a
{
    text-decoration:underline;
}
div.MoreLink a:hover
{
    color:#000;
    text-decoration:none;
}
div.MoreLink.HasBorder
{
    border-top:1px dotted #A0A0A0;
    padding-top:4px;
}

/* NewsMenu / TextMenu */
nav.TextMenu
{
    height:16px;
    margin-bottom:7px;
}   
nav.TextMenu ul
{
    margin: 0; 
    padding: 0; 
    content: ".";
    float:left;
    display: block;
    height: auto; 
    clear: both;
    width:312px;
}
nav.TextMenu ul li
{
    list-style: none; 
    float: left;
    font:normal 12px/12px arial, helvetica, sans-serif;
    margin:0 1px 0 0; 
    padding:3px 0 0; 
    white-space: nowrap;
    font-weight: normal; 
    color: #fff;
}
nav.TextMenu ul li
{
    padding:0;
    margin:0;
}
nav.TextMenu ul li a
{
    border-right:1px solid #363636;
    font:normal 12px/16px arial, helvetica, sans-serif;
    color:#000;
    padding:0 5px;
}
nav.TextMenu ul li.FirstChild a
{
    padding-left:0;
}
nav.TextMenu ul li.LastChild a
{
    border:none;
    padding-right:0;
}
nav.TextMenu ul li.Selected a
{
    color: #009fc3;
}

/* Tables / SimpleTable */
.SimpleTable 
{
    border-collapse:collapse;
    border-spacing: 0;
    margin: 0 0 15px;
    width: 100%;
}
.SimpleTable thead td
{
    color:#666;
    font:normal 11px/11px arial, helvetica, sans-serif;
    padding:2px 3px 2px 0;
}
.SimpleTable tbody tr td.LabelCell
{
    color:#666;
}
.SimpleTable tr td.ValueCell
{
    text-align:right;
}
.SimpleTable thead td span 
{
    color: #009fc3;
    font-size:11px;
    line-height:16px;
}
.SimpleTable tbody tr td {
    border-bottom: 1px dotted #ccc;
    font-size: 12px;
    padding: 3px 3px 3px 0;
    vertical-align: middle;
}
.SimpleTable tbody .Inactive td,
.SimpleTable tbody .Inactive td a
{
    color:#ACACAC !important;
}
.NoBorder tbody tr td {
    border-bottom:none !important;    
}

footer.SiteFooter .SimpleTable tbody tr td
{
    border-bottom:1px dotted #636363;
}
.SimpleTable tbody tr td.Label {
    vertical-align: middle;
    width: 34px;
}
.SimpleTable tbody tr td.DateTimeCell {
    color: #626262;
    padding-right:5px;
    vertical-align: middle;
    white-space:nowrap;
    width: auto;
}
.SimpleTable thead tr td.CommentsCell,
.SimpleTable tbody tr td.CommentsCell
{
    padding-right:3px;
    text-align:right;
}
.SimpleTable tbody tr td.CommentsCell a
{
    color: #009fc3;
}
.SimpleTable tbody tr td.CommentsCell a:hover
{
    color:#000;
}
.StocksTable tr td.ValueCell
{
    text-align:right;
}
.SimpleTable tr td.BuySellHold
{
    text-align:right;
}
.SimpleTable tbody tr td a {
    color: #000;
}
.SimpleTable tbody tr td a:hover 
{
    color:#009fc3;
}
footer.SiteFooter .SimpleTable tbody tr td a
{
    color:#000;
}
footer.SiteFooter .SimpleTable tbody tr td a:hover
{
    color:#009fc3;
    text-decoration:none;
}

/* Tables / Watchlist */
.Watchlist .Delete {
    background-image: url("images/icons/butt_trash.gif");
    background-position: 0 center;
    background-repeat: no-repeat;
    display: block;
    height: 13px;
    margin-left: 5px;
    text-indent: 9999em;
    width: 14px;
}

/* Tables / StocksTable */
.StocksTable {
    border-collapse:collapse;
    border-spacing: 0;
    margin: 0 0 10px;
    width: 100%;
}
.StocksTable thead tr td {
    border-bottom: 1px solid #A0A0A0;
    font-size: 12px;
    padding: 1px 3px 2px 0;
    vertical-align: middle;
}
.StocksTable tbody tr td {
    border-bottom: 1px dotted #ccc;
    font-size: 11px;
    font-weight:normal;
    padding: 2px 3px 1px 0;
    vertical-align: middle;
}
.StocksTable tbody tr td.IconCell 
{
    width:20px;
}
.StocksTable tr td.ValueCell
{
    text-align:right;
}
.StocksTable tbody tr td.DifferenceCell
{
    text-align:right;
} 

.StocksTable tbody tr td.DifferenceBarCell
{
    width:89px;
} 
.StocksTable thead tr td a,
.StocksTable tbody tr td a 
{
    color:#434343;
    font-weight:bold;
}

/* Tables / AdviceTable */
.AdviceTable {
    border-collapse:collapse;
    border-spacing: 0;
    margin: 0 0 10px;
    width: 230px;
}
.AdviceTable tbody tr td {
    font-size: 12px;
    padding: 2px 3px 2px 0;
    vertical-align: middle;
}

/* Search */
input.SearchBox 
{
    background:url("images/backgrounds/bg-searchinput.gif") repeat-x scroll left top #FFFFFF;
    border:1px solid #777;
    border-right:none;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;   
    color:#666;
    float:left;
    font:normal 12px/15px arial;
    height:15px;
    padding:7px 9px;
    width:150px;
}
a.SearchButton
{
    background: #333333;
    border: 1px solid #777;
    color:#fff;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; 
    cursor: pointer;
    display: block;
    float: left;
    font:normal 11px/15px arial;
    padding:7px 10px;
}    

/* Agenda */
table.Calendar tr th
{
    color:#009FC3;
    padding:5px 0;
}
table.Calendar tr td table.TitleStyle
{
    margin-bottom:5px;
}
table.Calendar tr td table.TitleStyle td
{
    color:#666;
}
table.Calendar tr td table.TitleStyle tr td a
{
    background: #aaa;
    color:#fff !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:8px 4px;
}
table.Calendar tr td table.TitleStyle tr td a:hover
{
    background-color:#888;
    text-decoration:none;
}
table.Calendar tr td.SelectedDayStyle a
{
    background: #aaa;
    color:#fff !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:5px 12px;
}
table.Calendar tr td.SelectedDayStyle a:hover
{
    background-color:#888;
    text-decoration:none;
}

.AgendaTable {
    border-spacing: 0;
    clear: both;
    margin-bottom: 10px;
    width: 100%;
}
.AgendaTable tbody td {
    padding: 3px 0;
}
.AgendaTable tbody td.DateCell {
    color: #A1A1A1;
    vertical-align: top;
    width: 45px;
}
.AgendaTable tbody td .Link {
    color: #009FC3;
    padding-bottom: 2px;
}
.AgendaTable tbody td .NoLink {
    color: #959595;
    padding-bottom: 2px;
}
.AgendaTable tbody td .Time {
    color: #A1A1A1;
}

.AlternateBlock1 {
    margin: 0 0 15px;
    padding: 9px;
}
.AlternateBlock1 UL LI {
    color: #A1A1A1;
    font-size: 11px;
    line-height: 17px;
    padding: 0 0 2px;
}
.AlternateBlock1 UL LI A {
    color: #009FC3;
}

.AlternateBlock
{
    background-color: #fff;
    border-bottom: 2px solid #009FC3;
    border-top: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 12px;    
}
.AlternateBlock h2
{
    padding-top:0;
    margin-bottom:10px;
}
.AlternateBlock h2 span
{
    background-color:#fff;
}

/* Trendbar */
.TrendBar {
    font-size: 0;
    height: 7px;
    line-height: 0;
}
.TrendBar .Buy {
    background-image: url("images/backgrounds/trend_green.gif");
    background-repeat: repeat-x;
    border-bottom: 1px solid #007236;
    border-right: 1px solid #007236;
    border-top: 1px solid #007236;
    float: left;
    height: 7px;
}
.TrendBar .Hold {
    background-image: url("images/backgrounds/trend_gray.gif");
    background-repeat: repeat-x;
    border-bottom: 1px solid #555555;
    border-top: 1px solid #555555;
    float: left;
    height: 7px;
}
.TrendBar .Sell {
    background-image: url("images/backgrounds/trend_red.gif");
    background-repeat: repeat-x;
    border-bottom: 1px solid #BA0604;
    border-left: 1px solid #BA0604;
    border-top: 1px solid #BA0604;
    float: left;
    height: 7px;
}

/* DifferenceBars */
div.DifferenceBarContainer
{
    display:block;
    height:9px;
    float:right;
    width:80px;
}
div.DifferenceBarContainer div.DifferenceBarContainerUp,
div.DifferenceBarContainer div.DifferenceBarContainerDown,
div.DifferenceBarContainer div.DifferenceBarContainerNeutral
{
    display:block;
    float:left;
    width:41px;
}
div.DifferenceBarContainer div.DifferenceBarContainerUp
{
    float:right;
    width:40px;
}
div.DifferenceBarContainer div.DifferenceBarContainerUp div.DifferenceBar
{
    border-left:1px solid #000;
    height:9px;
}
div.DifferenceBarContainer div.DifferenceBarContainerDown div.DifferenceBar,
div.DifferenceBarContainer div.DifferenceBarContainerNeutral div.DifferenceBar
{
    border-right:1px solid #000;
    height:9px;
}
div.DifferenceBarContainer div.DifferenceBarContainerUp div.DifferenceBar div.DifferenceBarUp
{
    background-color:#005827;
    display:block;
    float:left;
    height:7px;
    margin:1px 0;
}  
div.DifferenceBarContainer div.DifferenceBarContainerDown div.DifferenceBar div.DifferenceBarDown
{
    background-color:#B60C13;
    display:block;
    float:right;
    height:7px;
    margin:1px 0;
}

div.DifferenceBarNeutralSmall 
{
    background-color: #009FC3;
    border-left: 2px solid #407581;
    height: 8px;
}

div.DifferenceBarNeutralSmall2
{
    background-color: #C5C5C5;
    border-left: 2px solid #A6A6A6;
    height: 8px;
}

/* Issue Detail */
header.IssueHeader
{
    margin-bottom:10px;
}
section.IssueOrderBook,
section.IssueDetail
{
    margin-top:10px !important;
    padding-top:5px;
}
div.IssueTitle,
div.IssueWatchlist
{
    float:left;
    margin-right:15px;
    width:auto;
}
div.IssueTitle h1
{
    font:normal 36px/36px arial, helvetica, sans-serif;
    margin:0 0 5px;
}
div.IssueTitle span
{
    color:#898989;
    display:block;
    font:normal 18px/18px arial, helvetica, sans-serif;
}
div.IssueWatchlist
{
    line-height:37px;
}
div.IssueWatchlist a.ButtonAddWatchlist
{
    background: #009543; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTU0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZhMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #009543 0%, #006a2e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009543), color-stop(100%,#006a2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #009543 0%,#006a2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #009543 0%,#006a2e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #009543 0%,#006a2e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #009543 0%,#006a2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009543', endColorstr='#006a2e',GradientType=0 ); /* IE6-8 */
    border:1px solid #1e1d1c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow:0px 2px 2px #bbb;
    display:block;
    float:left;
    padding:7px 9px;
    font:normal 13px/13px arial, sans-serif;
    color:#fff;
    margin:3px 5px 3px 0;
    text-decoration:none;
}    
div.IssueWatchlist a.ButtonAddWatchlist:hover
{
    background: #02823b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyODIzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVkMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #02823b 0%, #005d29 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02823b), color-stop(100%,#005d29)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #02823b 0%,#005d29 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #02823b 0%,#005d29 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #02823b 0%,#005d29 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #02823b 0%,#005d29 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02823b', endColorstr='#005d29',GradientType=0 ); /* IE6-8 */ 
    text-decoration:none;
}
div.IssueWatchlist a.ButtonAddWatchlist span
{
    font-size:14px;
    font-weight:bold;
}
div.IssueQuote
{
    float:right;
}
div.IssueQuote div.LastPrice,
div.IssueQuote div.Difference
{
    float:left;
}
div.IssueQuote div.LastPrice
{
    font:normal 36px/36px arial, helvetica, sans-serif;
    text-align:right;
}
div.IssueQuote div.LastPrice span.ValueUp,
div.IssueQuote div.LastPrice span.ValueDown,
div.IssueQuote div.LastPrice span.ValueNeutral
{
    background:url('images/backgrounds/bg-valueup.gif') no-repeat left center transparent;
    color:#000 !important;
    display:block;
    margin:0 0 5px;
    padding-left:30px;
}
div.IssueQuote div.LastPrice span.ValueDown
{
    background-image:url('images/backgrounds/bg-valuedown.gif');
}
div.IssueQuote div.LastPrice span.ValueNeutral
{
    background-image:url('images/backgrounds/bg-valueneutral.gif');
}
div.IssueQuote div.LastPrice span.Time
{
    color:#898989;
    display:block;
    font:normal 18px/18px arial, helvetica, sans-serif;
}
div.IssueQuote div.Difference
{
    font:normal 18px/36px arial, helvetica, sans-serif;
    margin-left:10px;
}

.RangeSpacer
{
    height:17px;
    width:70px;
    background-color:#e0e0e0;
    position:relative;
}

.RangeBar
{
    background-color:#d0d0d0;
    height:17px;
    border-right:solid 1px White;
}
.RangeStart
{
    background-color:Transparent;
    height:17px;
    position:absolute;
    top:0;
    left:0;
    
    width:70px;
    background-image:url(images/icons/range_start.png);
    background-position:top;
    background-repeat:no-repeat;
}

/* IssueMenu */
nav.IssueMenu
{
    height:27px;
    margin-bottom:15px;
    width:100%;
}
nav.IssueMenu ul
{
    border-bottom: 3px solid #A0A0A0;
    clear: both;
    content: ".";
    display: block;
    float: left;
    height: auto;
    margin: 4px 0 0;
    padding: 0 0 5px;
    width: 990px;
}
div.IssueDefault nav.IssueMenu ul {
    width: 100%;
}
nav.IssueMenu ul li
{
    border-right: 1px solid #363636;
    color: #FFFFFF;
    float: left;
    font: 12px/12px arial,helvetica,sans-serif;
    height: 12px;
    list-style: none outside none;
    margin: 0 7px 0 0;
    padding: 0 7px 0 0;
    white-space: nowrap;
}
nav.IssueMenu ul li.Last
{
    border:none;
}
nav.IssueMenu ul li a
{
    color: #000000;
    float: left;
    font: 12px/12px arial,helvetica,sans-serif;
    margin-top: -6px;
    padding: 7px 0 0;
    text-decoration: none;
    text-transform: uppercase;
}
nav.IssueMenu ul li.Selected a,
nav.IssueMenu ul li.Selected a:hover,
nav.IssueMenu ul li a:hover
{
    border-top:3px solid #009fc3;
    color:#009fc3;
    padding-top:4px;
}

/* LoginForm / PersonalForm */
fieldset.LoginForm
{
    background-color: #DFDFDF;
    border-bottom: 2px solid #009FC3;
    border-top: 1px solid #CCCCCC;
    padding: 12px 15px;
    margin-bottom:10px;
}
fieldset.LoginForm table tr td,
fieldset.PersonalForm table tr td
{
    padding:3px 0;
}
fieldset.LoginForm table tr td label,
fieldset.PersonalForm table tr td label 
{
    color:#666;
    padding-right:10px;
}
fieldset.LoginForm table tr td input,
fieldset.PersonalForm table tr td input,
fieldset.PersonalForm table tr td select
{
    border: 1px solid #C3C6B9;
    color: #5C5C5C;
    display: inline-block;
    font: 13px/19px Arial;
    padding: 4px;
}     
fieldset.PersonalForm table tr td select
{
    padding:3px 4px;
}
fieldset.LoginForm table tr td span.Checkbox,
fieldset.PersonalForm table tr td span.Checkbox
{
    margin:3px 0;
}
fieldset.LoginForm table tr td span.Checkbox input,
fieldset.PersonalForm table tr td span.Checkbox input
{
    border:none !important;
    width:15px;
}
fieldset.LoginForm table tr td a.Button,
fieldset.PersonalForm table tr td a.Button
{
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #777777;
    color:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    float: left;
    font:normal 11px/15px arial;
    margin-right:5px;
    padding:5px 15px;
}  
fieldset.LoginForm table tr td a.Button:hover,
fieldset.PersonalForm table tr td a.Button:hover 
{
    background-color:#111;
    text-decoration:none;
}

/* Issue Details */
section.IssueSnapshot div.Chart
{
    margin-bottom:5px;
}
section.IssueSnapshot div.Period,
section.IssueSnapshot div.Compare
{
    float:left;
    margin-right:10px;
}

/* VideoList */
article.VideoListContainer {
    float: left;
    margin: 0 10px 10px 0;
    width: 149px;
}
article.VideoListContainer.Right 
{
    margin-right:0;
}
article.VideoListContainer .ThumbnailLink {
    border: 1px solid #ACACAC;
    display: block;
    height: 83px;
    margin: 0 0 2px;
    position: relative;
    width: 147px;
}
article.VideoListContainer .ThumbnailLink:hover {
    text-decoration: none;
}
article.VideoListContainer .ThumbnailImage {
    background-color: White;
    background-position: center center;
    display:block;
    height: 81px;
    margin: 1px;
    width: 145px;
}
article.VideoListContainer .ThumbnailLink .DurationLabel {
    background-color: #444444;
    border: 1px solid white;
    bottom: 0;
    color: White;
    font-size: 11px;
    padding: 1px 3px;
    position: absolute;
    right: 0;
}
article.VideoListContainer .Title {
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height:15px;
    padding: 0 0 1px;
}
article.VideoListContainer .Label {
    color: #7E7E7E;
    display: block;
    font-size: 11px;
}

/* Adviezen */
span.Buy 
{
    background:url('Images/Icons/icon_up.gif') no-repeat right -1px transparent;
    color:#005827;
    padding-right:18px;
}
span.Sell 
{
    background:url('Images/Icons/icon_down.gif') no-repeat right -1px transparent;
    color:#009fc3;
    padding-right:18px;
}
span.Hold 
{
    background:url('Images/Icons/icon_equal.gif') no-repeat right -1px transparent;
    color:#333;
    padding-right:18px;
}
.Inactive span.Buy 
{
    background:url('Images/Icons/icon_up_inactive.gif') no-repeat right -1px transparent !important;
    color:#ACACAC !important;    
}
.Inactive span.Sell 
{
    background:url('Images/Icons/icon_down_inactive.gif') no-repeat right -1px transparent !important;
    color:#ACACAC !important;
}
.Inactive span.Hold 
{
    background:url('Images/Icons/icon_equal_inactive.gif') no-repeat right -1px transparent !important;
    color:#ACACAC !important;    
}


/* Values */
.ValueUp {
    color: #005321 !important;
}
.ValueDown {
    color: #e30613 !important;
}
.ValueNeutral {
    color: #333 !important;
}

/* TekstAds */
.TextadItem {
	border-bottom: 1px dotted #BBBBBB;
	padding: 5px 0;
}
h4.TextAdHeader {
	background-color: #EEEEEE;
	border: 1px dotted #BBBBBB;
	color: #777777;
	font-size: 13px;
	padding: 3px;
	text-align: center;
}
.TextadItem .Logo {
	background-color: White;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #777777;
	display: block;
	float: left;
	height: 46px;
	margin: 0 5px 0 0;
	width: 70px;
}
.TextadItem a.Text {
	font-size: 11px;
}
.TextadItem a.Text:hover 
{
    color:#000;
    text-decoration:none;
}
.TextadItem .Text Strong {
	color: Black;
	font-weight: normal;
}

/* footer / ContentFooter */
footer.SiteFooter
{
    float: left;
    margin: 10px 0;
}
footer.SiteFooter div.ContentFooter
{
    /*background:url('images/backgrounds/bg-footer.gif') repeat-x top left #060905;*/
    background-color:#e0e0e0;
    border-top:3px solid #009FC3;
    border-right:1px solid #A0A0A0;
    border-left:1px solid #A0A0A0;
    padding:8px 15px;
}
footer.SiteFooter div.ContentFooter h2
{
    border-bottom:1px dotted #636363;
    color:#000;
    font:normal 18px/18px arial, helvetica, sans-serif;
    margin:0 0 8px;
    padding:10px 0;
    text-transform:uppercase;
}
footer.SiteFooter div.ContentFooter section
{
    float:left;
    margin:0 14px 0 0;
    width:229px;
}
footer.SiteFooter div.ContentFooter section.Last
{
    margin:0;
}
footer.SiteFooter div.ContentFooter section h3 a:link,
footer.SiteFooter div.ContentFooter section h3 a:visited
{
    color:#000;
    text-decoration:none;
}
footer.SiteFooter div.ContentFooter section h3 a:hover,
footer.SiteFooter div.ContentFooter section h3 a:active
{
    color:#009fc3;
    text-decoration:none;
}

/* footer / Copyright */
footer.SiteFooter div.Copyright
{
    background-color:#009fc3;
    border:1px solid #407581;
    border-top:none;
    color:#fff;
    font-size:11px;
    padding:5px 15px;
}
footer.SiteFooter div.Copyright a
{
    color:#fff;
    margin-right:10px;
}
footer.SiteFooter div.Copyright div.ContentLeft,
footer.SiteFooter div.Copyright div.ContentRight
{
    margin:0;
    width:479px;
}
footer.SiteFooter div.Copyright div.ContentRight
{
    text-align:right;
}

footer.DataCopyright
{
    margin-bottom:10px;
}
footer.DataCopyright p
{
    color:#666;
    font-size:11px;
    line-height:20px;
    text-align:center;
}    
footer.DataCopyright p a img
{
    position: relative;
    top: 3px;
}    


/*  -------------------------------------------------------------------------------------------
    COMMERZBANK EXPLANATION NOTE BELOW MARKET TODAY
    ------------------------------------------------------------------------------------------- */

.CommerzbankSubline {    
    font-size:10px;    
    margin-left:330px;    
}
.CommerzbankSubline a {
    color:#000;
}
.CommerzbankSubline a img {
    vertical-align:middle;
}