/*
	--------------------------
	Global Overview Styles
	--------------------------
*/

/*  Interactive map
--------------------------  */
#imap   { height: 30em; }

/* Map back div */
#imap.bd                { position: relative; overflow: hidden; }
#imap div.bdd           { position: absolute; top: 0px; left: 0px; z-index: 999; height: 140px; width: 240px; }
#imap div.bdd:hover     { background: transparent url(/_resources/files/template/arrow-left-tg-oilblue.png) no-repeat center center; cursor: pointer; }
#imap .hoverinfo        { background-color: #dedede; border: 0px; border-radius: 0px; box-shadow: none; color: #666; opacity: 0.9; padding: 4px 1em; }

/* Content */
div#datacontent { overflow: hidden; border-bottom: dotted 1px var(--aqua); padding-bottom: 1.5em; clear: both; }

div#countrysummary              { float: left; padding: 0.75em; margin-bottom: 1em; }
div#countrysummary dl           { float: left; padding: 0px; margin: 0px; list-style-type: none; }
div#countrysummary dl dt        { font-size: 1.35em; font-weight: 400; float: left; border-left: solid 1px #231f20; padding: 0px 0.25em 0px 1em; margin: 0px 0.25em 0px 1em; text-transform: none; visibility: hidden; }
div#countrysummary dl dt.title  { border-left: 0px; padding: 0px; margin: 0px; color: var(--aqua); text-transform: uppercase; visibility: visible; position: relative; background: transparent url(/_resources/files/template/arrow-down-go-oilblue.png) center right no-repeat; padding-right: 1.25em; }
div#countrysummary dl dd        { float: left; padding: 0px; margin: 0px; color: var(--aqua); text-transform: none; visibility: hidden; }

div#countrysummary ul.sco       { display: none; list-style-type: none; margin: 0px; padding: 0.5em 1em; font-size: 0.6em; font-weight: 100; text-transform: none; position: absolute; background: #fff; z-index: 10; top: 100%; left: 0px; width: 17em; opacity: 0.95; height: 20em; overflow: auto; }
div#countrysummary dl dt:hover ul.sco   { display: block; }

div#datacontent ul.tabs         { float: left; width: 100%; padding: 0px; margin: 0px; border-bottom: solid 2px var(--aqua); list-style-type: none; }
div#datacontent ul.tabs li      { float: left; margin: 0px 0.25em 0px 0px; position: relative; background-color: #dedede; font-size: 1em; }
div#datacontent ul.tabs li a    { text-transform: capitalize; text-decoration: none; color: #1d1d1b; display: block; padding: 0.75em; }
div#datacontent ul.tabs li.current      { background-color: var(--oil); }
div#datacontent ul.tabs li.current a    { color: #fff; }
div#datacontent ul.tabs li:hover        { background-color: var(--oil); }
div#datacontent ul.tabs li:hover a      { color: #fff; }

div#datacontent div#contentDataTable            { clear: both; }
div#datacontent div#contentDataCharts           { clear: both; }
div#datacontent div#contentCountryInformation   { padding: 1em; clear: both; }

div#datacontent div#contentDataCharts > div[id^=rep]    { width: 100%; height: 500px; margin-bottom: 2em; position: relative; border-bottom: dotted 1px var(--aqua); }
div#datacontent div#contentDataCharts > div[id^=rep] h2 { margin: 1em 0.5em; }
div#datacontent div#contentDataCharts a.export  { position: absolute; bottom: 1.5em; left: 0.5em; padding: 0.5em; display: block; background-color: #1d1d1b; color: #fff; }
div#datacontent div#contentDataCharts a.export img      { float: left; }
div#datacontent div#contentDataCharts a.export:hover  { background-color: var(--aqua); color: #fff; }

div#datacontent div.dtable  { width: 100%; overflow: auto; }

div#datacontent div.dtable table   { margin: 0px 0px 1em 0px; padding: 0px; }

div#datacontent div.dtable table tr.nocolour td   { background-color: #fff; }

div#datacontent div.dtable table tr td { margin: 0.5em; background-color: #fff; font-size: 1em; padding: 0.5em; border-right: solid 1px #fff; border-top: solid 1px #fff; text-align: right; width: 20%; }
div#datacontent div.dtable table tr td.normal  { width: 7em; }

div#datacontent div.dtable table thead tr td { color: #fff; text-align: center; font-weight: 400; }
div#datacontent div.dtable table.green thead tr td { background-color: #80973f; }
div#datacontent div.dtable table.blue thead tr td  { background-color: var(--aqua); }

div#datacontent div.dtable table tr td.title       { text-transform: uppercase; font-weight: normal; }
div#datacontent div.dtable table tbody tr td:first-child       { color: #fff; font-weight: 400; text-align: right; border-top: 0px; padding: 1em 0.5em; min-width: 12.5em; }
div#datacontent div.dtable table.blue tbody tr td:first-child  { background-color: var(--aqua); }
div#datacontent div.dtable table.green tbody tr td:first-child { background-color: #80973f; }
div#datacontent div.dtable table tr td.title > span  { display: block; width: 1em; }
div#datacontent div.dtable table tr td.title > span > span { display: block; white-space: nowrap; transform: rotate(-90deg); transform-origin: 3em 3em 0; -webkit-transform: rotate(-90deg); -webkit-transform-origin: 3em 3em 0; -moz-transform: rotate(-90deg); -moz-transform-origin: 3em 3em 0; -ms-transform: rotate(-90deg); -ms-transform-origin: 3em 3em 0; -o-transform: rotate(-90deg); -o-transform-origin: 3em 3em 0; }
div#datacontent div.dtable table tr td.title.blue > span > span { -webkit-transform-origin: 1.5em 1.5em 0; -moz-transform-origin: 1.5em 1.5em 0; -ms-transform-origin: 1.5em 1.5em 0; -o-transform-origin: 1.5em 1.5em 0; }

/*
    Colour Coding
    All deafult to white except those with ID selectors below which must default to grey for not submitted

div#datacontent table tr td#RESFUELCSNATTER { background-color: #dedede; }
div#datacontent table tr td#RESFUELSTCHANAT { background-color: #dedede; }
div#datacontent table tr td#RESFUELREFOBSDEM { background-color: #dedede; }
div#datacontent table tr td#GASDIESCSNATTER { background-color: #dedede; }
div#datacontent table tr td#GASDIESSTCHANAT { background-color: #dedede; }
div#datacontent table tr td#GASDIESREFOBSDEM { background-color: #dedede; }
div#datacontent table tr td#GASOLINECSNATTER { background-color: #dedede; }
div#datacontent table tr td#GASOLINESTCHANAT { background-color: #dedede; }
div#datacontent table tr td#GASOLINEREFOBSDEM { background-color: #dedede; }
div#datacontent table tr td#KEROSENECSNATTER { background-color: #dedede; }
div#datacontent table tr td#KEROSENESTCHANAT { background-color: #dedede; }
div#datacontent table tr td#KEROSENEREFOBSDEM { background-color: #dedede; }
div#datacontent table tr td#TOTPRODSCSNATTER { background-color: #dedede; }
div#datacontent table tr td#TOTPRODSSTCHANAT { background-color: #dedede; }
div#datacontent table tr td#TOTPRODSREFOBSDEM { background-color: #dedede; }*/

div#datacontent div.dtable table tr td.q1  { background-color: #b7d9e8; }div#datacontent table
div#datacontent div.dtable table tr td.q2  { background-color: #deebb9; }
div#datacontent div.dtable table tr td.q3  { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td.q4  { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#RESFUELCSNATTER.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#RESFUELCSNATTER.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#RESFUELCSNATTER.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#RESFUELCSNATTER.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#RESFUELSTCHANAT.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#RESFUELSTCHANAT.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#RESFUELSTCHANAT.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#RESFUELSTCHANAT.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#RESFUELREFOBSDEM.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#RESFUELREFOBSDEM.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#RESFUELREFOBSDEM.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#RESFUELREFOBSDEM.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#GASDIESCSNATTER.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#GASDIESCSNATTER.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#GASDIESCSNATTER.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#GASDIESCSNATTER.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#GASDIESSTCHANAT.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#GASDIESSTCHANAT.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#GASDIESSTCHANAT.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#GASDIESSTCHANAT.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#GASDIESREFOBSDEM.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#GASDIESREFOBSDEM.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#GASDIESREFOBSDEM.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#GASDIESREFOBSDEM.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#GASOLINECSNATTER.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#GASOLINECSNATTER.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#GASOLINECSNATTER.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#GASOLINECSNATTER.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#GASOLINESTCHANAT.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#GASOLINESTCHANAT.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#GASOLINESTCHANAT.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#GASOLINESTCHANAT.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#GASOLINEREFOBSDEM.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#GASOLINEREFOBSDEM.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#GASOLINEREFOBSDEM.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#GASOLINEREFOBSDEM.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#KEROSENECSNATTER.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#KEROSENECSNATTER.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#KEROSENECSNATTER.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#KEROSENECSNATTER.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#KEROSENESTCHANAT.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#KEROSENESTCHANAT.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#KEROSENESTCHANAT.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#KEROSENESTCHANAT.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#KEROSENEREFOBSDEM.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#KEROSENEREFOBSDEM.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#KEROSENEREFOBSDEM.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#KEROSENEREFOBSDEM.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#TOTPRODSCSNATTER.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#TOTPRODSCSNATTER.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#TOTPRODSCSNATTER.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#TOTPRODSCSNATTER.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#TOTPRODSSTCHANAT.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#TOTPRODSSTCHANAT.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#TOTPRODSSTCHANAT.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#TOTPRODSSTCHANAT.q4 { background-color: #cea9d8; }
div#datacontent div.dtable table tr td#TOTPRODSREFOBSDEM.q1 { background-color: #b7d9e8; }
div#datacontent div.dtable table tr td#TOTPRODSREFOBSDEM.q2 { background-color: #deebb9; }
div#datacontent div.dtable table tr td#TOTPRODSREFOBSDEM.q3 { background-color: #f5f5f5; }
div#datacontent div.dtable table tr td#TOTPRODSREFOBSDEM.q4 { background-color: #cea9d8; }


div#datacontent ul.key  { margin: 0px; padding: 0px; list-style-type: none; float: left; width: 100%; }
div#datacontent ul.key li   { margin-bottom: 0.25em; margin-right: 1em; padding-top: 0.25em; float: left; height: 2em; }
div#datacontent ul.key li span  { width: 2em; height: 2em; float: left; vertical-align: middle; margin-right: 0.25em; margin-top: -0.25em; }
div#datacontent ul.key li span.q1  { background-color: #b7d9e8; }
div#datacontent ul.key li span.q2  { background-color: #deebb9; }
div#datacontent ul.key li span.q3  { background-color: #f5f5f5; }
div#datacontent ul.key li span.q4  { background-color: #dedede; }

div.nonparticipation    { padding-left: 1em; clear: left; }

div.help    { margin-top: 2em; }

/*  430px  */
@media screen and (max-width: 430px) {

    div#datacontent ul.tabs         { font-size: 0.9em; }

}

/*  380px  */
@media screen and (max-width: 430px) {

    div#datacontent ul.tabs li a { padding: 0.75em 0.25em; }

}