/*

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 p {padding: 0.2em 0 1em 0; text-align: center;}

#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; /* and for IE6 ... */ height: 1%; border-top: 5px solid #000; padding: 0;}
	#footer p a {display: none;}
.off-screen, #banner-title-text, .chart, a.chart-toggle.on {display: none;}

/* 
---------------
Page variations
---------------
*/

/* Homepage */
#slider {display: 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; border-bottom: 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;
}