/*



Title: Print media cascading style sheet for DG Trade

Purpose: ...

Filename: styles-print-trade-001.css

Version: 2.0

Date: 09 Jan 2012

Author: Mike Padgett, DG Trade



Notes:

Corresponds to styles-screen-trade-001.css



Changelog:

1.0		-	11 Mar 2008	- Release

1.01	-	16 Mar 2010 - Removed image from link-external

1.02	-	05 Nov 2010 - Added padding to language links to ensure multiple instances do not look poor together

2.0		-	09 Jan 2011 - New Commission template



Title: Trade.Styles.Print

Purpose: @media print for DG Trade 2013 edition

Filename: styles-print-trade.css

Version: 1.00

Date: 06 Mar 2013

Author: Mike Padgett & Luc Lesoil, DG Trade



Notes:

Simplified print styles. Nothing too fancy.



Changelog:

v1.0	- 06/03/2013 - release



*/





/*

===============

BASIC STRUCTURE

===============

*/



* {overflow: hidden;}



*, html, body {background: #fff; background-image: none; color: #444; font: normal 100% Verdana, Arial, Helvetica, sans-serif;}



/* Commission banner */

#header {height: 126px; padding: 0;}

#header h1 {text-align: left; font-size: 150%; margin: 30px 0 0 0;}

#header h1 span {font-size: 100%; padding: 0; font-weight: bold; display: block;}

#banner {position: absolute; right: 0; top: 0;}

#header h2, #accessibility-menu, #services, #languages, #path, #start {display: none;}

#banner {    background: url(../images/svg/logo/logo--en.svg) no-repeat;
background-size: 250px;
    display: block;
    height: 72px;
    width: 250px;
	right: 5px;
	top: 35px;
	}

#banner a {
display: none;
}

#col-1, #col-3 {display: none;}

#col-2 {clear: none; width: auto;}

/* Kludge because IE can't handle overflow:hidden properly. Can we fix this? */

#col-2 .splash {display: none;}

	#col-21 {width: 49%; float: left; border-right: 1px solid #ccc; padding: 0 1% 10px 0; margin: 20px 0 0 0;}

	#col-22 {width: 47%; float: right; border-right: 0px; padding: 0 0 10px 1%; margin: 20px 0 0 0;}

/*#footer {clear: both; height: 1%; border-top: 5px solid #000; padding: 0;}*/

	/*#footer p a {display: none;}*/

.off-screen, #banner-title-text, .chart, a.chart-toggle.on, #footer, .ecl-footer__site-identity, .ecl-footer__site-corporate, .ecl-footer__ec, .ecl-container, .message, iframe, #footer_buttons, .policy-blue, .import_export-green, .policy_you-aubergine {display: none !important;}



/* 

---------------

Page variations

---------------

*/



/* Homepage */

/* Frontpage */
#frontpage {
    background-color: #fff;

    margin: 0 auto;
	padding: 0 11px;
    border-left: 1px solid #072c6f;
    border-right: 1px solid #072c6f;
    overflow: hidden;
}
#frontpage #footer {
	margin: 0 -11px;
}
#frontpage h4 a{
	background: none;
}
div.separator {
	height: 15px;
	background-color: #eee;
	opacity: 0.5;
	margin: 5px -11px;
	clear: both;
	border-bottom: solid #666 1px;
	border-top: solid #666 1px;
}
#footer_buttons {
	width: 100%;
	margin: 20px 0 0 0;
}
div.colset-3.frontpage-card {
    margin: 0 auto;
	padding: 11px;
	/*page-break-after: always;*/
}
.front-teaser {
	padding: 5px
}
div.colset-3.frontpage-card h2, div.colset-3.frontpage-card h2 a:link, div.colset-3.frontpage-card h2 a:visited {
	font-size: 120%;
	line-height: 150%;
	padding: 5px 0 0 0;
	color: #027AC6 !important;
}
div.colset-3.frontpage-card p {
	padding: 0;
}
div.colset-3-1.frontpage-card {
    float: left;
	width: 30%; 
	padding: 3px; 
	margin: 5px 3px 5px 0;
	overflow: hidden;
}
div.front-thumb {
	overflow: hidden;
	height:auto ;
}
div.colset-3-2.frontpage-card {
    float: left;
	width: 30%;
	padding: 3px;
	margin: 5px 0 5px 5px;
}
div.colset-3-3.frontpage-card {
    float: left;
	width: 30%;
	padding: 3px;
	margin: 5px 0 5px 5px;
}
div.colset-3-1-1.frontpage-card {
    float: left;
	width: 30%;
	padding: 3px;
	margin: 5px 3px 5px 0;
}
div.colset-3-2-2.frontpage-card {
    float: left;
	width: 30%;
	padding: 3px;
	margin: 5px 0 5px 5px;
}
div.colset-3-3-3.frontpage-card {
    float: left;
	width: 30%;
	padding: 3px;
	margin: 5px 0 5px 5px;
}
#footer_buttons ul {
	margin: 0 0 5px 0;
	text-align: center;
}
#footer_buttons li {
	display:inline-block;
	list-style: none;
	padding: 0 5px;
}
.frontpage-card {
	margin: 5px 0 0 0;
	display: block;
}
.frontpage-card-img{
	width: 100%;
}
#frontpage h4, #frontpage h4 a {
	margin: 10px 0 0 0;
	color: #fff;
	font-size: 125%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 140%;
	text-decoration: none;
	text-align: center;
	padding: 10px 5px;
}
#frontpage h4 a:hover{
	margin: 10px 0 0 0;
	color: #444;
	font-size: 125%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 140%;
	text-decoration: none;
	text-align: center;
	padding: 10px 5px;
}

#frontpage div.colset-3 ul.policy-blue li {
	margin: 1em 1em 0.8em 1.8em;
	padding: 0;
	list-style: square;

	color: #009ebb;
}
#frontpage div.colset-3 ul.import_export-green li {
	margin: 1em 1em 0.8em 1.8em;
	padding: 0;
	list-style: square;

	color: #46aa50;
}
#frontpage div.colset-3 ul.policy_you-aubergine li {
	margin: 1em 1em 0.8em 1.8em;
	padding: 0;
	list-style: square;
	color: #A2486F;
}
#frontpage div.colset-3 ul li a { 
	color: #555;
	font-size: 100%;
	margin: 0;
	padding: 4px;
	text-decoration: none;
	font-weight: bold; 
}
h4.policy-blue {
	background-color: #009ebb;
}
h4.import_export-green {
	background-color: #46aa50; 
}
h4.policy_you-aubergine {
	background-color: #A2486F;
}
#frontpage h3 {
	border-bottom: none;
	font-size: 150%;
	padding: 0;
	margin: 0;
}
.tri-down {
    position: relative;
	padding: 5px;
	border-bottom: 1px solid #999;
  }
  .tri-down:before, .tri-down:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid; 
    border-color: transparent;
    border-bottom: 0;
  }
  .tri-down:before {
    bottom: -16px;
    left: 21px;
    border-top-color: #777;
    border-width: 16px;
  }
  .tri-down:after {
    bottom: -15px;
    left: 22px;
    border-top-color: #fff;
    border-width: 15px;
  }
#frontpage div#news-policy-container ul li:hover, #frontpage div#news-trade-policy-and-you-container ul li:hover {
	background-color: #f9f9f9;
}
#frontpage div#news-policy-container ul li a, #frontpage div#news-trade-policy-and-you-container ul li a {
	text-decoration: none;
}
#frontpage div#news-policy-container ul, #frontpage div#news-trade-policy-and-you-container ul {
	padding: 0 10px; 
}
#frontpage div#news-policy-container ul li, #frontpage div#news-trade-policy-and-you-container ul li {
	border-bottom: 1px solid #eee;
	padding: 7px 0; 
	margin: 0;
}
#frontpage div#news-policy-container ul li:last-child, #frontpage div#news-trade-policy-and-you-container ul li:last-child {
	border-bottom: none;
}

/*

------------------------

Generic block formatting

------------------------

*/



/* Generic box */

div.unit {margin: 0; height: 1%; padding: 0 0 0.2em 0; border-bottom: 1px dotted #333;}

/* Box divider formatting -- */

div.div-t-s {border-top: 1px dotted #333;}

div.div-t-h {border-top: 1px solid #333;}

div.div-b-s {border-bottom: 1px dotted #333;}

div.div-b-h {border-bottom: 1px solid #333;}

div.div-0-0 {border: 0px;}



/*

============

PRESENTATION

============

*/



/*

--------

Headings 

--------

*/



h2 {font-weight: normal; font-size: 150%; margin: 0.2em 0;}

h3 {font-size: 80%; font-weight: bold; float: none; border-bottom: 1px solid #333; padding-bottom: 0.4em;}

h4 {font-weight: bold; font-size: 110%; margin: 0.5em 0;}

h5 {font-weight: normal; font-size: 100%; margin: 0.5em 0;}

h6 {font-weight: bold; font-size: 80%; margin: 0.5em 0;}



/*

-------------

Standard text

-------------

*/



div.page-heading h3 span {display: block; font-size: 200%;}



/* Paragraphs */

p {margin: 1em 0; font-size: 70%; line-height: 140%; text-align: justify;}

	#col-21 p, #col-22 p {text-align: left;}

	#footer p {font-size: 60%; text-align: center;}

	p.signpost {font-style: italic;}

	

/* Lists */

/* ul {padding-left: 1em;} */

ul.tags, ul.tabs {display: none;}

li, dt, dd {font-size: 70%; line-height: 140%;}

	li li {font-size: 100%;}

ul li {list-style-position: inside; list-style-type: square;}

ol li {list-style-position: inside; display: list-item; list-style: inside decimal; margin: 0.5em 0; vertical-align:text-top; }

ol li ul li {list-style-position: inside; list-style-type: square;}

dd {margin: 4px 0 8px 0;}

ol.footnotes li {font-style: italic; text-align: left;}





/* Abbreviations */

abbr {border-bottom: 1px dotted #999;}

	/* -- Don't show in headings */

	h1 abbr, h2 abbr, h3 abbr,h4 abbr, h5 abbr, h6 abbr {text-decoration: none; border: 0px;}

	

/* Links */

a {text-decoration: none !important; color: #000; border-bottom: 1px dotted #000;}

a strong {font-weight: bold;}

a.link-rss {display: none;}

a.link-topic {font-weight: bold; text-transform: uppercase; border-left: 6px solid #333; padding: 0 0 0 3px;}

/* a[href^="http://"]:after{ content: " (" attr(href) ") "; font-size: 65%;} */

a.link-document-img, a.link-document-visited-img, a.link-email-img, a.link-external-img, a.link-multimedia-img {display: none;}

a.link-footnote {vertical-align: text-top; font-size: 65%;}

	ol.footnotes a.link-footnote {display: none;}

a.link-language {padding: 2px;}



/* Tables */

table {width: 100%; caption-side: top; margin: 1em 0; border-bottom: 2px solid #333;}

th {font-weight: bold; font-size: 70%; vertical-align: top; border-bottom: 2px solid #333; padding: 0.4em; text-align: left;}

td {font-size: 70%; border-bottom: 1px solid #333; padding: 0.4em; text-align: left;}

tr:last-child td {border-bottom: 0px;}

caption {font-style: italic; font-size: 70%; font-weight: normal; padding: 0.2em 0;}



/* Blockquotes */

blockquote {border-left: 4px solid #333;}

blockquote p {padding-left: 1em;}



/* Forms */

form {display: none;}



/* Panels and alignments */

.panel-left, .panel-right {font-size: 80%; margin: 1em 4em;}

.panel-left {border-right: 5px solid #000; float: left; width: 30%; margin: 0.5em 1em 0.5em 0; padding: 0 1em 0 0;}

.panel-right {border-left: 5px solid #000; float: right; width: 30%; margin: 0.5em 0.5em 0.5em 1em;  padding: 0 0 0 1em;}



/* colsets */

.colset-2, .colset-3 {border-top: 1px dotted #333;  margin: 1em 2em; height: 1%; overflow: hidden; padding: 1em;}

.colset-2-1 {width: 47%; float: left;}

.colset-2-2 {width: 47%; float: right;}

.colset-3-1 {width: 31%; float: left;}

.colset-3-2 {width: 31%; float: right; margin: 0 2%;}

.colset-3-3 {width: 31%; float: right;}



/*

--------------------------

Special content formatting

--------------------------

*/



img {background: none !important; border: 0px !important;}



/* Photo captions */

p.caption {font-size: 70%; line-height: 120%; margin: 0.4em 0; padding: 0.2em 0.4em; border-left: 1px solid #000; border-bottom: 4px solid #000; border-right: 4px solid #000; border-top: 1px solid #000; width: auto !important; text-align: left;}

.trim {display: none;}



/* Truncate */

.truncate_more {display: block !important; visibility: visible !important;}

.truncate_hide, .truncate_show {display: none !important;}



/* Element placement */

.align-left {float: left; width: auto; margin: 0.6em 1em 0.6em 0; overflow: hidden;}

.align-right {float: right; width: auto; margin: 0.6em 0 0.6em 1em; overflow: hidden;}

	.align-left, .align-left p, .align-right, .align-right p {max-width: 240px;}

	

/* Search results */

div.results-header {display: none;}

ol.generic-result {margin: 0 !important; padding: 0 0 0.4em 0;}

ol.generic-result * img {display: none;}

ol.generic-result li {/* and for IE6 ... */ height: 1%; overflow: hidden; clear: both; list-style: none; margin: 8px 0 0 0; padding: 0.2em 0.4em 0.5em 0.4em;}

ol.generic-result li a {font-weight: bold; font-size: 95%; text-decoration: none; display: block; float: left; margin: 0 0 0.3em 0; line-height: 130%;}

ol.generic-result li ul {margin: 0 !important; clear: both;}

ol.generic-result li ul li {border: 0px; clear: none; float: left; display: block; font-size: 95%;}

ol.generic-result li ul li a {font-size: 100%; font-weight: normal; margin: 0; display: inline; float: none;}

	ol.generic-result li ul li.abstract {color: #444; display: block; clear: both; margin: 0 0 0.2em 0; padding: 0.2em 0; width: 100%;}

	ol.generic-result li ul li.lang {display: block; clear: both; margin: 0 0 0.2em 0; padding: 0; background: none; width: 100%;}

	ol.generic-result li ul li.lang ul {margin: 0 !important;}

	ol.generic-result li ul li.lang ul li {margin: 0 2px 0 0; padding: 0.2em 0 0.4em 0;}

	ol.generic-result li ul li.lang ul li a {float: left; display: block; margin: 0; width: 16px; text-align: center; padding: 1px 0; font-size: 90%; font-weight: normal; border: 1px solid #777; text-decoration: none;}

	ol.generic-result li ul li.subject {clear: both; overflow: visible;}

	ol.generic-result li ul li.subject a {font-size: 100%; font-weight: bold; letter-spacing: normal; margin: 0;}

	

/* Organisation chart */



#org-chart {width: 100%; padding: 10px 0;}

#org-chart dl {display: block; margin: 2px;}

#org-chart dl dt {text-align: left; font-style: italic; font-size: 60%;}

	#org-chart dl dt strong {font-style: normal;}

	#org-chart dl dt abbr {border: 0px;}

	#org-chart dl dt span {display: block; padding: 0 0 0.3em 0; margin: 0;}

	#org-chart dl dt span dfn {font-size: 120%; font-weight: bold;}

#org-chart dl dd {background: none; padding: 0; text-align: left; font-size: 60%;}

.orgchart-row-1, .orgchart-row-2 {padding: 2px 0; clear: both;}

	.orgchart-row-1 div, .orgchart-row-2 div div {width: 24%; float: left; margin: 0 1% 0 0;}

.orgchart-2-1 {float: right; width: 73%; padding: 2px 0;}

	.orgchart-2-1 div div {width: 31%; margin: 0 2% 0 0; float: left;}

.orgchart-2-2 {float: left; width: 25%; padding: 0;}

#director-general dl {width: 36%; margin: 2px auto;}

#orgchart-deputy-1 dl {width: 38%; margin: 2px 46%;}

#orgchart-deputy-2 dl {width: 31%; margin: 2px auto;}

#director-general dl *, #orgchart-deputy-1 dl *, #orgchart-deputy-2 dl * {text-align: center !important;}

.expandable {width: 100% !important; margin: 0 !important;}

.owrap {display: block; width: 100%; padding: 2px; border: 1px solid #000;}

#director-general dl .owrap {border-width: 4px !important;}

#orgchart-deputy-1 dl .owrap {border-width: 4px !important;}

#orgchart-deputy-2 dl .owrap {border-width: 4px !important;}

dl.directorate .owrap, #org-chart-executive dl .owrap {border-width: 2px !important;}





/*

---------

Editorial

---------

*/



/* Page title, usually an H4 element */

.pagetitle {margin: 0;}



.featured, .highlight {border: 1px solid #000; margin: 1em 0; padding: 1em;}



/* Leader, usually a P element */

.leader {clear: both; font-style: italic;}



/* timestamp */

#timestamp {margin: 1em 0; padding: 0.5em;}



unit-content {

	display: block !important;

}