/* -------------------------------------------------------------- 
  
 Hartija Css Print  Framework
   * Version:   0.8 (2008-03-10)
    * Modified by Line Industries
	 
-------------------------------------------------------------- */

body { 
width:100% !important;
margin:0 !important;
padding:0 !important;
line-height: 1.4;
word-spacing:1.1pt;
letter-spacing:0.2pt; 
font-family: Helvetica, Arial, sans-serif; 
color: #000; 
background: none; 
font-size: 11pt; }

    body {
        background-color: white;
        width: 55mm;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
    }

/*Headings */
h1,h2,h3,h4,h5,h6 {font-weight: normal; line-height: 1.2; }
h1{font-size:18pt;}
h2{font-size:14pt;}
h3{font-size:11pt;}
h4,h5,h6{font-size:11pt;}

code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em;  font-size: 10pt; }
hr { background-color: #ccc; }

/* Images */
img { float: left; margin: 1em 1.5em 1.5em 0; }
a img { border: none; }

/* Links */
/*
a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline;color:#333; }
a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
a[href^="http://"] {color:#000; }
*/

/* Table */
table { text-align:left; }
th {  font-weight: bold; }
td { border-bottom: 1px solid #ccc; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
tr {page-break-inside: avoid;} 

/*hide various parts from the site */
header, .share-map, .notification-modal, #map-canvas, #marker-tooltip, .singleCountryData-options, .compareCountryData-close, .comparetable-remove, footer, .modal-share, .compare-share, .singleCountryData-print, .notification-modal, .nav-toggle, .contentpage-print  {
    display:none !important;
    }
/* Serialise some elements for a cleaner printed view */    
.head, .home_pane_inner, .page_content,
.countryTrackerDetail {
    clear: both;
    display: block;
    width: 100%;
    }

#singleCountryData {
    margin: 0.5em !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
    font-family: Roboto, sans-serif;
    display: block;
}

#singleCountryData h2 {
    margin: 0.5em 0 0.5em 0;
    padding: 0 0 0.5em 0;
    font-size: 18pt;
    font-weight: bold;
    line-height: 20pt;
    border-bottom: solid 2px #000;
    overflow: hidden;
}

#singleCountryData h2 #flag,
.comparetable-header .flag {
    position:relative;
    margin: 0 0.5em 0 0;
    padding: 0;
    float: right;
}

#singleCountryData table,
.comparetable {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    border-collapse: collapse;
}

#singleCountryData table td,
.comparetable td {
    padding: 15px 15px 15px 0;
    vertical-align: top;
}

.comparetable th,
.comparetable td {
    border: solid 1px #ccc;
    padding: 15px;
}

.comparetable-header div {
    width: 100% !important;
}

.single-data-value,
.compare-data-value,
.single-data-underline,
.data-circle-yes,
.data-circle-no,
.data-circle-na,
.data-circle-nd,
.compare-data-pc {
    display: block;
    font-size: 16pt;
    font-weight: 700;
}

.comparetable-td-alt-pc .compare-data-desc {
    float:right;
}

.comparetable-td-alt-pc .single-data-src {
    float: left;
}

.table-rule,
.chart-filter-wrapper,
.chart-datatype-wrapper,
.modal-tabs,
.population-chart-wrapper,
.population-chart-key {
    display: none;
}

.view-compare .modal-header,
.view-compare .button.export,
.view-compare .button.print {
    display: none;
}

#references {
    display: block;
}

#references h1 {
    margin-top: 2em;
}

#references .list-references {
    margin: 0 0 0 0.5em;
    padding: 0;
}

#references li {
    margin: 0 0 2em 2em;
    padding: 0;
    list-style-type:none;
}

#references .highlight {
    font-weight: bold;
}

.accordion dt {
    font-weight: bold;
}

.accordion dd {
   display: block !important;
   margin: 0;
   padding: 0 0 40px 0;
}


.accordion h2 {
    font-size: 1.0em;
    font-weight: bold;
}


.chart-outer-wrapper {
    position:relative;
    width: 100%;
}

.chart-wrapper {
    margin: 70px 50px 50px 50px;
}

.chart-x-title {
    position:absolute;
    width: 100px;
    text-align: center;
    left: 50%;
    bottom: -30px;
    z-index: 1000;
    font-size: 0.875em;
    margin-left: -50px;
    color: #1F2230;
}

.chart-y-title {
    position:absolute;
    width: 100px;
    text-align: center;
    margin-top: 50px;
    top: 50%;
    left: 20px;
    z-index: 1000;
    font-size: 0.875em;
    color: #1F2230;
    transform: rotate(-90deg);
    transform-origin: left top 0;
}

.chart-total {
    position: absolute;
    top: -60px;
    right: 0;
    border: solid 3px #E4E4E4;
    padding: 5px;
    font-size: 2.0em;
    color: #1F2030;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.chart-total .chart-total-prefix {
    font-size: 0.4375em;
    line-height: 16px;
    color: #8F8F97;
    font-family: arial, Sans-serif;
    font-weight: normal;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}