
/* 
 *
 * Amplexor - Roel Daniels
 *
 */


/*- =======================- */
/* PRINT STYLES          */
/*- =======================- */

/*
=================================================
 Positions
=================================================
*/
@page {
    margin: 0.5cm;
}
body {
    width: 100%;
    text-align: center;
    background-color: #fff;
    height: 95%;
}
#container {
    width: 980px;
}
#content-body {
    min-width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
}
/*--------------------
 ---> ONE COLUMN 
--------------------*/

#one-col #main {
    width: 100%;
    margin:0 auto;
    float: none;
    min-height: 0px;
}
#one-col #content {
    width: 100%;
    margin:0;
}
/*----------------------------
 ---> TWO COLUMN WITH MODULES 
----------------------------*/

#two-col-modules {
    background:none;
}
#two-col-modules #main {
    float:none;
    width: 100%;
    margin:0;
    padding:0;
    margin:0 auto;
}
#two-col-modules #leftnav {
    display: none;
}
#two-col-modules #main #content {
    float:none;
    width: 100%;
    margin:0;
    padding:0;
    width:640px;
    padding-bottom:30px;
}
#two-col-modules #main #modules {
    display:none;
    float:none;
    width: 100%;
    margin:0;
    padding:0;
    width:640px;
    margin:0 auto;
}
/*----------------------------------------------------
 --->  TWO COLUMN WITH MODULES SEARCH BAR TO THE LEFT 
------------------------------------------------------*/
#two-col-modules.facet {
    background:none;
    float:none;
    width: 100%;
    margin:0;
    padding:0;
}
#two-col-modules.facet #content {
    float:none;
    width: 100%;
    margin:0;
    padding:0;
}
#two-col-modules.facet #main {
    background:none;
    float:none;
    width: 100%;
    margin:0;
    padding:0;
    margin-top:25px;
}
#two-col-modules.facet #content #facetNavigation {
    display:none;
}
#two-col-modules.facet #content #searchResults {
    float:none;
    width: 100%;
    margin:0;
    padding:0;
}
#two-col-modules.facet #main #modules {
    padding-top:0px;
}
#leftnav {
    float:none;
    width: 100%;
    margin:0;
    padding:0;
}
#main {
    /*width: 805px;*/
    float:none;
    width: 100%;
    margin:0;
    padding:0;
}
#main #content {
    float:none;
    width: 100%;
    margin:0;
    padding:0;
}
#main #modules {
    float:none;
    width: 100%;
    margin:0;
    padding:0;
}
/*
=================================================
 Hide
=================================================
*/
#two-col-modules #content #facetNavigation ul {
    list-style:none;
}
#breadcrumb, #topnav, #modulenav, #search, #securitybar, #top, div.back, #top-link, #footerlinks, #cc-tag {
    display:none;
}
#top-link {
    display:none !important;
}
#footer {
    border:none;
}
#footerinfo ul {
    display:none;
}
#footerinfo span.copyright {
    float:none;
    color:#000
}
/*a:after {
    content: " ("attr(href)") ";
    font-size: 10pt;
}*/

/*Not on the div above, since there is an inline display element */
#cc-notification #cc-notification-wrapper {
    display: none;
}
div.pager {
    display: none;
}

/*
=================================================
 TYPOGRAFIE
=================================================
*/
body {
    width: 100%;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0;
    word-spacing: normal;
    color: #000;
    background-color: #fff;
    font: 12pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.3;
}
/*----------------------------
 ---> HEADERS
----------------------------*/
h1, h2, h3, h4 {
    font-weight:500;
    -webkit-font-smoothing: antialiased;
}
h1 {
    font-size: 2em;
    color:#252525;
}
h2 {
    font-size: 1.5em;
    font-weight:300;
    color:#252525;
}
h3 {
    font-size: 1.25em;
    color:#252525;
}
h4 {
    font-size: 1.125em;
    color:#252525;
}
/*----------------------------
 ---> PARAGRAPHS
----------------------------*/
p {
    font-size: 0.875em;
    color:#252525;
    line-height:140%;
}
em {
    color:#252525;
}
/*----------------------------------------------------
 --->  LINKS
------------------------------------------------------*/

#two-col-modules a {
    word-wrap: break-word;
}
#two-col-modules a:after {
    content: " (" attr(href) ")";
    font-size: 80%;
}
#two-col-modules a[href^="http://"]:after {
    content: " (" attr(href) ")";
    font-size: 90%;
}
#two-col-modules a[href^="#"]:after {
    display: none;
}
#two-col-modules a[href^="http://"]:after, #two-col-modules a[href^="https://"]:after {
    content: " (" attr(href) ")";
}
#two-col-modules a {
    color: #000;
}
/*----------------------------
 ---> HEADER
----------------------------*/
#slogan a {
    display:none;
}
#logo img, #slogan img {
    display:inline-block;
    margin-left:0;
}
#slogan img {
    margin-top:65px;
}
#header {
    border:none;
    height: auto;
    padding: 26px 0 0;
    position: relative;
    width:100%;
    margin:0 auto;
    margin-bottom:30px;
}
/*----------------------------------------------------
 --->  Modules
------------------------------------------------------*/
#main #modules {
    float:none
}
#modules {
    display:none;
}
/*----------------------------
 ---> MODULES WIDGETS
----------------------------*/
#modules .widgets {
    width:100%;
    border-bottom:1px solid #dedede;
    margin:0 0 15px 0px;
    display:block;
    clear:both;
    padding-bottom:15px;
}
#modules .widgets.greybg {
    background:none;
    width:100%;
}
#modules .widgets .highlight {
    background: none
}
#modules .widgets h3 {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:700;
    color:#cc0000;
    font-size:14px;
    padding:15px 45px 8px 15px;
    background:none;
}
#modules .widgets p {
    padding:0 13px 0px 15px;
    font-size:13px;
    color:#555555;
}
#modules .widgets ul {
    list-style:none;
}
#modules .widgets ul li {
    font-size:11px;
    font-weight:700;
    color:#555555;
    line-height:26px;
}
#modules .widgets ul li a {
    line-height:15px;
    display:block;
    color:#555555;
    padding:5px 15px 5px 15px;
    background:none;
    border-bottom:1px solid transparent;
    border-top:1px solid transparent;
}
#modules .widgets ul li:first-child a {
    background:none;
}
#modules .widgets ul li a:hover {
    color:#cc0000;
    text-decoration:none;
    background:none;
    border-bottom:1px solid #cfcfcf;
    border-top:1px solid #adadad;
}
#modules .widgets ul li span.arrow {
    color:#cc0000;
    letter-spacing:0px;
    margin-left:0px;
    display:inline;
    text-indent:0;
    background:none;
}
#modules .quote {
    padding-bottom:29px
}
#modules .quote p {
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:28px;
    color:#999;
    font-weight:300;
    letter-spacing:-1px;
    line-height:30px;
    padding:15px 45px 0px 15px;
    margin-bottom:0px;
}
#modules .quote p span {
    font-size:28px;
    color:#cc0000;
    font-weight:300;
}
#modules .quote a {
    display:block;
    background:none;
    padding-left:0px;
    margin-left:15px;
    line-height:20px;
    color:#000;
    font-size:14px;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:700;
}
#modules .widgets.pageref h3 {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:700;
    color:#cc0000;
    font-size:14px;
    padding:15px 45px 5px 15px;
    margin-bottom:5px;
    background:none;
}
#modules .widgets.pageref h3 a span.arrow {
    color:#cc0000;
    letter-spacing:0px;
    margin-left:0px;
    display:inline;
    text-indent:0;
    background:none;
}
#modules .widgets.pageref p {
    padding-bottom:35px;
    line-height:18px;
    font-size:12px;
}
#modules .widgets.pageref._hover {
    background:url(../images/widgets_hover_state.png) transparent 0 0px no-repeat;
}
._hover {
    cursor:pointer;
}
/*----------------------------------------------------
 --->  HOMEPAGE
------------------------------------------------------*/
#main {
    overflow:visible;
}
div.promocarousel {
    position:relative;
    width:980px;
    height:336px;
    overflow:hidden;
}
#what-we-stand-for {
    clear:both;
    page-break-after: always;
}
#main div.servicegrid3c div.promoarea a {
    padding-left:20px;
    background:none;
}
#featured-block {
    width:940px;
}
.featuredblockrow2, .featuredblockrow3 {
    width:940px;
}
.jcarousel-next .jcarousel-next-horizontal {
    display:none;
}
#webapps {
    width:940px;
    clear:both;
    height:295px;
    overflow:hidden;
}
#whats-in-it-for-you a:after, #what-we-stand-for a:after, webapps a, promocarousel a:after {
    content: none;
    font-size: 80%;
}
#modules .widgets {
    margin-left:0;
}
/*----------------------------------------------------
 --->  ARTICLE DETAIL PAGE
------------------------------------------------------*/
#two-col-modules #content {
    border-bottom:1px solid #ccc;
}
#two-col-modules #content div.article {
    background:none;
    padding:0;
}
/*----------------------------------------------------
 --->  GENERIC PAGES
------------------------------------------------------*/
#two-col-modules #content .intro {
    background:none;
    border-bottom:1px solid #ccc;
    margin-bottom:20px;
    padding: 0 0 20px 0;
}
#two-col-modules #content div.widgets.underlyingpage div.wrapper div {
    padding:0 30px 20px 30px;
    background:none;
}
#two-col-modules #content div.widgets.underlyingpage div div.description {
    padding:0;
}
#two-col-modules #content div#searchResults div.article {
    background:none;
    padding:0;
    border-bottom:1px solid #ccc;
    margin:15px 0 15px 0;
}
#two-col-modules #content div#searchResults div.pager {
}
#two-col-modules #content div#searchResults div.pager div.first {
    display:none;
}
#two-col-modules #content div#searchResults div.pager div.middle {
    width:100%;
    padding-bottom:20px
}
#two-col-modules #content div#searchResults div.pager div.middle a {
    display:none;
}
#two-col-modules #content div#searchResults div.pager div.last {
    display:none;
}
.article a.more {
    float:none;
    text-align:left;
    margin-top:5px;
}
/*----------------------------------------------------
 --->  WIDGETS
------------------------------------------------------*/
#two-col-modules #content div.widgets.underlyingpage div {
    padding:0 0px 6px 0px;
    background:none no-repeat bottom left;
}
/* ---> Download widget */
#two-col-modules #content div.widgets.download, #two-col-modules #content div.widgets.articles {
    background:transparent;
    font-size:13px;
    border-bottom:1px solid #c9c9c9;
}
#two-col-modules #content div.widgets.download ul li, #two-col-modules #content div.widgets.articles ul li {
    position:relative;
    list-style:none;
    margin:0 10px 0 0px;
    font-size:12px;
    padding:0px 0 0px 20px;
    height:30px;
    line-height:30px;
}
#two-col-modules #content div.widgets.download ul li span, #two-col-modules #content div.widgets.download ul li span a {
    display:inline-block;
}
#two-col-modules #content div.widgets.press.shadow {
    padding-bottom:22px;
    background:none;
}
#two-col-modules #content div.two-col-layout div.column div.description a.more, #two-col-modules #content div.widgets.press a.more {
    display:none;
}
/*----------------------------------------------------
 --->  MARKET AVAILABILITY WIDGET 
------------------------------------------------------*/
table#market-availability tr.market{ display:table-row!important;*display:inline-block!important;}


/*#market-availability .vertical { height:100px;line-height: 14px; padding-bottom: 20px; text-align: left; padding-bottom: 10px; vertical-align: bottom;*display:inline-block!important; }*/

#market-availability div.rotate {  *overflow:hidden!important;*padding:0!important; }
#market-availability div.rotate span { *display:block!important; *width:50px!important; *overflow:hidden!important;  *position:relative !important;*writing-mode: rl-tb!important;*white-space:nowrap;*padding:0!important;}

/*----------------------------------------------------
 ---> OPERATIONS 
------------------------------------------------------*/
#dashboardHeader,#dashboardFooter,#close,#databaseSearchFormContainer{ display:none;}
#appFrame #two-col-modules-ops #left-col{ //visibility:hidden}
#appFrame{ box-shadow:none;}
#appFrame #appsHeader,#appsHeader{ background:none;}
#appsHeader h1,#appFrame #appsHeader h1{ background:none; }
#appFrame #two-col-modules-ops #main,#appFrame #two-col-modules-ops #content{background:none;}
#appFrameTop,#appFrameBottom{display:none;margin:0 auto;}
#appFrameTop{display:block;background:url(../images/frame-top-shadow.png) no-repeat 0 0; width:980px; height:18px; margin-top:0px;}
#appFrameBottom{display:block;background:url(../images/frame-bottom-shadow.png) no-repeat 0 0; width:980px; height:11px;margin-bottom:0px;}
#appFrame{ box-shadow:none; margin:0 auto; margin-top:0px; margin-bottom:0px; width:980px; background:none;}
#appsHeader #slogan img{ margin-top:0;}
#appsHeader{padding-top:0px;}

#three-col-modules-ops #modules { display:block;}
#appFrame #two-col-modules-ops #content { width:1000px; }
#appFrame #two-col-modules-ops #main {width:1000px; }
#appFrame #two-col-modules-ops { width:1000px; }
#three-col-modules-ops .shadowbox{ box-shadow:none; border:1px solid #cccccc;}

#appFrame #appTip {
    display: none;
}

#searchResults .article {
    background: none;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 5px;
    padding: 0 0 0px 0;
}
.generic-footer {
    background: none;
    margin-top: 20px;
    padding: 15px 0 10px;
    position: relative;
    border-top: 1px solid #CCCCCC;
}

#cc-tag {
    display:none;
}

table tr th { background: none;    border-bottom: 1px solid #CCCCCC;}
#searchResults table tr th { background: none;    border-bottom: 0px solid #CCCCCC;}


.ui-tabs .ui-tabs-nav li{ background:none; border:1px solid #ccc; border-bottom:0px;}
#tabs ul {
    background: none;
    border-bottom:3px solid #ccc;
    display: block;
    width: 100%;
}
#tabs ul li.ui-tabs-selected a {
    background: none;
    font-weight:bold;
    color:#cc0000;


}
.ui-tabs .ui-tabs-nav li a span,.ui-tabs .ui-tabs-nav li.last {background:none;}

.generic-footer {
    display:none;
}

@media pdf {
    #two-col-modules-ops #content p {
        font-size:15px;
    }

    #appFrame #two-col-modules-ops #main {
        margin-left:15px;
    }

    #three-col-modules-ops #main {
        width:700px;
    }


    #three-col-modules-ops #main-content {
        width:440px;
    }


    #appFrame #two-col-modules-ops #left-col {
        display:none;
    }

    #cc-tag {
        display:none;
    }

    .hideInPrint {
        display: none;
    }
    
    .showInPrint {
        display: block;
    }

    .noPage {
        page-break-after: avoid ;
    }

    .tabContent.two-tabbed .column.large {
        width: 430px;
    }

}

#settlementPrint.column.large.last.showInPrint {
    width: 430px;
    float: right;
}

#tabs-1.tabContent {
    padding: 0;
}

#tabs-2.tabContent {
    padding: 0;
    float: left;
    margin-right: 0px;
    padding-right: 0px;
}

#tabs-3.tabContent {
    padding: 0;
    width: 410px;
    float: right;

}

#tabs-3 .column.large.noPage {
    width: 410px;
}

.tabContent .column {
    width:430px;
    border:1px solid #EEE;
    float:left;
    padding:10px;
}

.tabContent .column.last {
    float:right;
    width:430px;
}

.tabContent dl {
    width:350px;
    display:block;
    color:black;
}

.tabContent h4 {
    padding-top: 10px;
}

h4 {
    display:block;
    width:400px;
}

div#summary ul.navigation {
    display:none;
}

div#tabs ul.ui-tabs-nav {
    display:none;
}

.tabContent .column dt, .tabContent .column dl {
    font-size:14px;
    font-family:Arial;
}

div.imagebox{
    width:900px;
    display:block;
}

table tr td {
    border:1px solid #CCC;
    padding:5px;
}

table.noBorder tr td{
    border: none;
}

div.parsys_column {
    display:inline-block;
}

div.parsys_column div.imagebox {
    width:auto;
}

div.cq-colctrl-lt0 {
    width:900px;
}


#cc-tag, #dashboardHeader {
    display:none;
}

.my-euroclear-header h1 {
    background-color: inherit !important;
    width: 270px;
}

.my-euroclear-header h1 span {
    display: block;
}

#appFrame, #appFrame #close, #appFrame #appsHeader, #main, #two-col-modules, #two-col-modules-ops, #container, #appFrame #two-col-modules-ops #main,
#appFrame #appsHeader h1.news, #appFrame #appsHeader h1, #appFrame #two-col-modules-ops #content, .generic-footer, #top-link, #searchResults .article, table tr th,
#searchResults table th, #detailPage table th,#searchResults table tr, #detailPage table tr, #summary,#one-col-ops h2, #summary h2,
.ui-tabs .ui-tabs-nav li a span, .ui-tabs .ui-tabs-nav li.last, #tabs ul, .ui-tabs, .tabContent .column, .tabContent dl dt, .tabContent dl dd, .tabContent dl, h1,h2,h3,h4,
.ui-tabs .ui-tabs-panel, #one-col-ops #main #content, #searchResults table, #detailPage table {
    background:none !important;
    background-color:#FFFFFF !important;
}

#searchResults table th {
    background-color:#000000 !important;
}

#searchResults table th span {
    color:#FFFFFF;
    font-size:11px;
}

#searchResults.shortlist .market-directory table tr:nth-child(even) {
    background-color:#eeeeee !important;
}

#searchResults .market-directory table tr:nth-child(even) {
    background-color:#FFFFFF;
}

#content #detailPage .tabContent {
    padding: 0px;
}

#content #detailPage .tabContent .column,
#content #detailPage .tabContent .column.last {
    width:430px;
}

#content #detailPage #tabs-3.tabContent {
    page-break-after: "";
}


#content #detailPage #tabs-1 {
    page-break-after: always;
}

#tabs-2.tabContent {
    page-break-before: always;
}

#tabs-3.two-tabbed {
    page-break-before: always;
    float: left;
}

#tabs-3.tabContent {

}

.tabContent .column dt {
    margin-left:0px;
    margin-rigt:0px;
    padding-right: 0px;
    font-size:9px;
    font-weight: bold;
    border-top:1px solid #E4E4E4;
    width:125px;

}

.tabContent .column dd {
    padding-left: 0px;
    margin-left:0px;
    font-weight:normal;
    font-size:9px;
    border-top:1px solid #E4E4E4;
    width:170px;

}

#tabs .tabContent .column dt a {
    font-size:9px;
}

#tabs .tabContent table.contenttable {
    font-size: 9px;
}

#tabs div.note {
    font-size: 8px;
    color: #555555;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Geneva,Helvetica,sans-serif;
}


#content #detailPage .tabContent .column dt {
    font-weight:bold;
    width:125px;
}

#content #detailPage .tabContent .column dd {
    font-weight:normal;
    width:200px;
}

#detailPage h4 {
    font-weight:700;
    font-size: 0.875em;
}

#searchResults table th, #detailPage table th,
#searchResults table, #detailPage table {
    color:#000;
}

#content #detailPage .tabContent .column dl {
    font-size:11px;
    display:block;
    color:#000000;
    z-index:999;
    width: 430px;
}

#summary {
    margin-bottom:20px;
    color:#000;
    font-family:Arial;
}

#searchResults table th span, #detailPage table th span {
    display:inline;
    font-size:11px;
    font-weight:bold;
}

#searchResults table th, #detailPage table th {
    padding-bottom:10px;
}

#content #detailPage div.note.first {
    margin-top:15px;
}

#content #detailPage div.note.last {
    margin-bottom:15px;
}

.hideFromPrint {
    display:none;
}

h3.ui-accordion-header {
    border-top:1px solid #AAA;
    padding-top:10px;
}


div.ui-accordion .ui-accordion-content {
    display:block !important;
}

.cc-notification {
    display:none;
}

body .ui-accordion .ui-accordion-header .ui-icon {
    display:none;
}

body #two-col-modules-ops #content h3 {
    padding-left:15px;
    page-break-after:avoid;
}

body #two-col-modules-ops #content div.authorisationValidations h3 {
    padding-left:0px;
}