html,body{
	background:#D3D3D3;
	margin:0;
	font-family:"Ubuntu", Arial, sans-serif;
}

h2{
	font-size:14px;
	font-weight:700;
	color:#333;
}

select{cursor:pointer;}

select option{
	background:#F2F2F2;
	border-bottom:1px solid #4B4B4B;
	padding:4px;
}

img{
	border:0px solid;
}

#ajax_loader_application{
	position:absolute;
	left:48%;
	top:30%;
	z-index:100;
}

.small_text{ font-size:10px; color:#5087AF;}
.nodata_mini{ font-size: 9px; line-height: 9px; position: absolute; bottom:2px; right:0px; letter-spacing: 0; width:70%;}

/* MAIN LAYOUT DECLARATION */
#application{
	width:1024px;
	overflow:hidden;
	box-shadow: 0px 0px 15px 3px rgba(33,33,33,0.5);
	margin:0 auto;
}

#application_inner{
	position:relative;
	float:left;
	width:100%;
	height:100%;
}

#application_cache{
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	z-index:20;
	position:absolute;
	left:0;
	top:0;
	display:none;
}

#application #header{
	width:100%;
	height:65px;
	float:left;
	background:url("../img/header1024.jpg") no-repeat 0 0;
	display: block;
	position:relative;
	display: none;
}

#bt-home{
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:60px;
	cursor:pointer;
}

#application #application_content{
	width:100%;
	height:525px;
	max-height:585px;
	min-height:525px;
	float:left;
	z-index:5;
	position:relative;
	overflow:hidden;
}

#application #application_footer{
	width:100%;
	height:60px;
	/*box-shadow: inset 1px 4px 9px -6px;*/
	background:#fff;
	box-shadow: 0px 0px 10px 0px rgba(33,33,33,0.5);
	float:left;
	position:relative;
	z-index:10;
}

#application_footer_inner{
	background:#f2f2f2;
	width:100%;
	float:left;
	height:50px;
	margin:5px 0;
	box-shadow: inset 0  8px 8px -8px rgba(33,33,33,0.5), inset 0 -8px 8px -8px rgba(33,33,33,0.5);

}

.letter_menu{
	font-weight:bold;
	font-size:12px !important;
	font-weight: 700;
	letter-spacing: 0.1em;
	border-bottom:4px solid #4D4D4D !important;
	padding-top:4px;
}

.logo_wdd{
	position:absolute;
	z-index:100;
	left:0;
	background:#fff;
	top:-30px;
	width:139px;
	border-top: 1px solid #ccc;
	height:30px;
	line-height: 30px;
	text-align:center;
}

.logo_wdd.logo_notimeline{
	bottom:1px;
	top:auto;
}

.logo_wdd img{
	position:relative;
	top:4px;
}

.clear_all{
	background:url("../img/bt-clearAll.png") no-repeat 6px 0px #f2f2f2;
	padding-left:30px;
	display:block;
	bottom:30px;
	position:absolute;
	width:109px;
	color: #808080;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    margin: 10px 0 0 0px;
    height:22px;
    text-shadow: 1px 1px #FFFFFF;
    text-decoration:none;
}

/* HEADER */

/* APPLICATION CONTENT LAYOUT */
#application_content .menu{
	width: 139px;
    height: 100%;
    float: left;
    position: relative;
    z-index: 50;
    background: #F2F2F2;
    box-shadow: 5px 0px 10px 0px rgba(33,33,33, 0.5);
}

#menu_ranking, #menu_focus, #menu_timeseries, #menu_gapminder{display:none;}

.menu #menu_emission, #menu_countries, #menuranking_countries, #menufocus_countries, #menufocus_quick{	margin-top:6px;}
#menutimeseries_countries, #menutimeseries_emission, #menutimeseries_mode, #menugapminder_countries, #menugapminder_emission, #menugapminder_scale{margin-top:6px;}

.menu h2{
	padding-left:24px;
	line-height:26px;
	margin:0;
	font-size:14px;
	font-weight:700;
	color:#464646;
	position: relative;
}

h2 .stepimg{
	position:absolute;
	left:0;
	top:0;
}

.menu h5{
	font-size: 11px;
    line-height: 14px;
    color: rgb(128, 128, 128);
    text-shadow: 1px 1px rgb(255, 255, 255);
    font-weight: normal;
    margin: 5px 14px;
}

#menu_timeseries h5{ margin:3px 10px !important; line-height: 13px !important;}
#menu_timeseries .menu_list_item{ height:20px !important; line-height:20px !important;}

#application_content #submenu{
	position:absolute;
	left:0;
	top:0;
	z-index:20;
}

#application_content #content{
	width:878px;
	float:left;
	background:#fff;
	height:100%;
}

#application_content #arian_block{
	position:absolute;
	background:#73A3C6;
	background:rgba(76,135,181,0.7);
	right:-30px;
	top:0;
	width:120px;
	height:100%;
}

#application_content #right_menu{
	position:absolute;
	right:-70px;
	top:0;
	height:100%;
	z-index:10;
}

#application_content #tools_menu{
	position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 100%;
    padding-top: 30px;
    background: #F2F2F2;
    box-shadow: 0px 0px 10px 3px rgba(33,33,33,0.5);
}

#tools_misc{
	position: absolute;
    bottom: 28px;
    height: 126px;
    width: 90px;
    right: 0px;
    padding: 5px 5px 0px;
    background: #fff;
    box-shadow: 5px 5px 10px 5px rgba(31,31,31,0.5);
}

#tools_misc a{ float:left; width:92px; height:24px; font-size:10px; color:#333; border-bottom:1px solid #D0D0D0; line-height:24px; text-indent:25px; cursor:pointer; background-repeat: no-repeat;background-position:2px 5px; background-repeat:none; }

#misc_infos{background-image:url("../img/misc_infos.png");}
#misc_tutorial{background-image:url("../img/misc_tutorial.png");}
#misc_sources{background-image:url("../img/misc_sources.png"); background-color:#D0D0D0; border-radius:2px;}
#misc_share{background-image:url("../img/misc_share.png");}
#misc_download{background-image:url("../img/misc_download.png"); border-bottom:0px solid;}

#triangle_misc{
	position: absolute;
	top:-10px;
	left:0px;
}

/* MENU */
.menu_block{
	position:relative;
}

#num_countries, #num_countries_ranking, #num_countries_focus, #num_countries_timeseries, #num_countries_gapminder, #num_countriesluc, #num_countriesluc_timeseries{
	position:absolute;
	right:3px;
	top:6px;
	height:20px;
	font-size:13px;
	letter-spacing: 0.1em;
	color:#fff;
	font-weight:400;
	line-height:20px;
	border-radius:10px;
	background:#4D4D4D;
	text-align:center;
	width:40px;
	text-indent: 0px;
	text-shadow:0px 0px #fff;
}

.active #num_countries, .active #num_countries_ranking, .active #num_countries_focus, .active #num_countries_timeseries, .active #num_countries_gapminder, .active #num_countriesluc, .active #num_countriesluc_timeseries{
	background:#802c00;
	color:#fff;
}

.menu_block .menu_list, .menu_block_wuppersub .menu_list{
	display:none;
}

.menu_luc, .menuts_luc{ display:none;}

.menu_block .menu_list .menu_list_item, .menu_block_wuppersub .menu_list .menu_list_item, .menuranking_list_item, .menufocus_list_item, .menutimeseries_list_item, .menugapminder_list_item{
	width:100%;
	display:block;
	text-transform:uppercase;
	text-indent:11px;
	font-weight:500;
	color:#4B4B4B;
	height:20px;
	line-height:20px;
	text-decoration:none;
	font-size:10px;
	border-bottom:1px solid #4b4b4b;
}

#menu_groups .menu_list_item{
	font-size: 9px !important;
}

.menu_list_item:hover, .menuranking_list_item:hover, .menufocus_list_item:hover, .menutimeseries_list_item:hover, .menugapminder_list_item:hover{
	background:#4b4b4b !important; color:#fff !important;
}

.menu_list_item.selected, .menuranking_list_item.selected, .menufocus_list_item.selected, .menutimeseries_list_item.selected, .menugapminder_list_item.selected{	background:#4b4b4b !important; color:#fff !important;}

.menu_block .sub_menu_item, .menu_block_wuppersub .sub_menu_item, .menu_block .sub_menuranking_item, .menu_block_wuppersub .sub_menuranking_item, .menu_block .sub_menufocus_item, .menu_block_wuppersub .sub_menufocus_item, .menu_block .sub_menutimeseries_item, .menu_block_wuppersub .sub_menutimeseries_item, .menu_block .sub_menugapminder_item, .menu_block_wuppersub .sub_menugapminder_item{
	position:absolute;
	left:139px;
	display:none;
	top:0;
	background:rgba(255,255,255,0.8);
	width:160px;
	font-size:11px;
	box-shadow: 20px 20px 10px -15px rgba(0, 0, 0, 0.5) inset, 5px 0 8px 0 rgba(33, 33, 33, 0.4);
}

.menu_block_wuppersub .sub_menu_item, .menu_block_wuppersub .sub_menuranking_item, .menu_block_wuppersub .sub_menufocus_item, .menu_block_wuppersub .sub_menutimeseries_item, .menu_block_wuppersub .sub_menugapminder_item{
	height:100%;
	box-shadow:3px 3px 10px 0 rgba(33, 33, 33, 0.5) inset, 5px 0 8px 0 rgba(33, 33, 33, 0.4);
	overflow:auto;
}

.menu_block .menu_link, .menu_block_wuppersub .menu_link{
	font-size:11px;
	text-transform:uppercase;
	color:#333333;
	text-shadow:1px 1px #E6E6E6;
	/*background:url("../img/btn_menu_hover.png") no-repeat 0 0;*/
	background: #c7c8ca; /* Old browsers */
	background: -moz-linear-gradient(top, #c7c8ca 0%, #c7c8ca 50%, #b2b3b6 51%, #b2b3b6 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* W3C */
	width:140px;
	position:relative;
	letter-spacing:0.2em;
	display:block;
	height:32px;
	font-weight:700;
	left:-1px;
	line-height:32px;
	text-decoration:none;
	text-indent:10px;
	border-top:1px solid #4D4D4D;
	border-bottom:1px solid #4D4D4D;
}

.menu_link.selected{
}
.menu_link.active{text-shadow:1px 1px #FFD84D !important; 
	/*background:url("../img/btn_menu_active.png") no-repeat 0 0 !important;*/
	background: #FAA62E; /* Old browsers */
	background: -moz-linear-gradient(top, #FAA62E 0%, #FAA62E 50%, #F7942E 51%, #F7942E 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #FAA62E 0%,#FAA62E 50%,#F7942E 51%,#F7942E 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #FAA62E 0%,#FAA62E 50%,#F7942E 51%,#F7942E 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FAA62E 0%,#FAA62E 50%,#F7942E 51%,#F7942E 100%); /* W3C */
	color:#802c00;
}

/* SUBMENUS */
.sub_menu_item ul, .sub_menuranking_item ul, .sub_menufocus_item ul, .sub_menutimeseries_item ul, .sub_menugapminder_item ul{
	list-style:none;
	padding:0;
	margin:0;
}

.sub_menu_item ul li{}

.sub_menu_item .divinput, .sub_menuranking_item .divinput, .sub_menutimeseries_item .divinput, .sub_menugapminder_item .divinput{	float:left; width:160px; border-bottom:1px solid #b3b3b3; position:relative; }
ul ul .divinput{ width: 125px !important; margin-left:20px; border-bottom:1px solid #b3b3b3;}
ul ul ul .divinput{ width: 125px !important; margin-left:19px; border-left:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;}

ul .divinput_pad{padding:9px 0px 8px 15px; text-transform:uppercase; font-size:11px; letter-spacing: 0.1em; font-weight:500;}
#emissionType_selector_2 .divinput_pad{padding-left:8px !important;}
#sub_menu_units .divinput_pad{padding-left:6px !important;}
ul ul .divinput_pad{padding:8px 0px; position:relative; left:-7px; text-transform: uppercase; font-size:11px; letter-spacing: 0.1em; font-weight:500;}
ul ul .divinput_pad input{margin:0 5px 0px 0px;}
ul ul ul .divinput_pad{padding:8px 10px 8px 8px; left:0px; text-transform: none; font-size:11px; letter-spacing: 0.1em; font-weight:500;}

#emissionType_selector_1, #emissionTimeSeriesMode_selector, #emissionType_selector_2{	background:#4d4d4d; color:#fff; border:0px solid;}
#emissionType_selector_1 input{display:none;}
#emissionType_selector_3:after{	background:#b3b3b3; position:absolute; left:-1px; top:21px; content:""; width:1px; height:10px; display:block;}
#emissionType_selector_5{border-bottom:0px solid !important;}

#divider_selector_title, #dividertimeseries_selector_title{ background:#4d4d4d; color:#fff;}
.divider_selector .divinput_pad { text-transform: none; }
#divider_selector_3{border-bottom:0px solid;}

.submenu_block_wuppersub{}
.select_all, .deselect_all, .selectluc_all, .deselectluc_all, .deselectranking_all, .deselectfocus_all, .deselectgapminder_all, .deselecttimeseries_all, .groupasone, .groupasonefocus, .groupasoneranking, #ungroupall, .groupasonetimeseries, #ungroupalltimeseries, .groupasonegapminder, #ungroupallgapminder{ 
	color:#333; width:80%;
	margin:0px 0px 0px 10px;
	border-bottom:1px solid #4D4D4D;
	border-left:1px solid #4D4D4D;
	border-right:1px solid #4D4D4D;
	text-decoration:none; display:block;
	height:20px;
	font-size:9px;
	line-height:20px;
	text-indent: 6px;
	letter-spacing: 0.1em;
	text-shadow:1px 1px #B3B3B3;
	background: #c7c8ca; /* Old browsers */
	background: -moz-linear-gradient(top, #c7c8ca 0%, #c7c8ca 50%, #b2b3b6 51%, #b2b3b6 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* W3C */
}
.bordertopped{border-top:1px solid #4D4D4D; margin-top:10px;}

.submenu_block_wuppersub ul{margin-top:10px;}
.submenu_block_wuppersub ul li{
	border-bottom: 1px solid #4D4D4D;
    height: 24px;
    font-size:11px;
    font-weight:500;
    letter-spacing: 0.1em;
    line-height: 24px;
    margin: 0 0 2px 10px;
    width: 85%;
    overflow:hidden;
    font-size:10px;
    white-space: nowrap;
}

.focus_quick{
	border-top:1px solid #aaa;
	color:#333;
	height:24px;
	line-height: 24px;
	font-size:11px;
	text-decoration:none;
	background:#fff;
	text-indent:10px;
	width:100%;
	position: relative;
	float: left;
	cursor:pointer;
}

#focus_quick_4{border-bottom:1px solid #aaa; margin-bottom:10px;}

.focus_cartouche{
	position:absolute;
	right:0;
	top:5px;
	background:#add1e7;
	color:#fff;
	border-radius:10px 0 0 10px;
	height:16px;
	font-size:10px;
	line-height: 16px;
	text-align:center;
	width:14px;
	text-indent:3px;
	display:block;
}

.focus_emission_select{margin-bottom:4px;}

/* SEARCH */
.search_block{
	height:20px;
	margin-bottom:10px;
}

.search_block h2{
	position: relative;
    padding-left: 14px;
    padding-top: 5px;
    padding-bottom: 3px;
}

.search_input{ 
	width: 80px;
    margin:0 0 0 14px;
    padding:0px;
    height: 18px;
    font-size: 11px;
    float:left;
    font-family: "Ubuntu";
    font-weight: 400;
    border:1px solid #4D4D4D;
}
.boldsearch{font-weight:bold;}
.label_search{text-transform:capitalize;}
.menu .btn_searchbar{
	float:right;
	position:relative;
	top:-2px;
	left:-11px;
}
.search_noresults{display:none; font-style: italic; font-size:11px; margin:10px 0 0 10px;}
/* APPLICATION CONTENT */
#ajax_loader{ display:none; z-index:20; position:absolute; left:46%; top:220px;}

.container{
	float:left;
	width:100%;
	position:relative;
	height:100%;
	display:none;
}

#barchart_container.container{
	width:86%;
	padding:0 2%;
}

.container.selected{
	display:block;
}

/* APPLICATION CONTENT - CONTENT MAP */
#map_buttons{
	position:absolute;
	right:0;
	top:0;
}

#map_container{
	overflow:hidden;
	display:block !important;
}

.zoomzero{
	position: absolute;
    left: 43px;
    top: 8px;
    font-size: 11px;
    line-height: 16px;
    background: url("../img/btn_zoom-reset.png") no-repeat 0 0;
    color: #fff;
    text-align: center;
    height: 21px;
    width: 21px;
    text-decoration: none;
    z-index:30;

}

#map_container .bubble{
	position: absolute;
	background:cyan;
}

#map_container .bubble[data-hasvalue="false"]{
	display: none !important;
}

#map_container .bubble .text{
	color:#000;
	width:100%;
	display:block;
	text-align: center;
	font-size:10px;
}

#map_container #pop_hover, #map_container #pop_hover_left, #pop_hover_gapminder, #pop_hoverleft_gapminder{
	position:absolute;
	left:0px;
	top:0px;
	color:#000;
	font-size:10px;
	display:none;
	cursor:pointer;
}

#world_map, #luc_world_map{
	position:absolute;
	width: 870px; 
	height: 525px;
	left:0;
	top:0;
}

#luc_world_map{left:0; top:525px;}

#pop_hover .pop_barredeco{position:absolute;left:0px;top:-1px;height:2px;width:30px;background:#77BFE7;}
#pop_hover_left .pop_barredeco{	position:absolute;right:0px;top:-1px;height:2px;width:30px;background:#77BFE7;}

#pop_hover .pop_content{position:absolute;left:28px;top:-9px;}
#pop_hover_left .pop_content{position:absolute;right:28px;top:-9px;}

#pop_hover .label_co, #pop_hover_left .label_co{
	background:#77BFE7;
	float:left;
	text-transform: uppercase;
	padding:1px 5px;
	white-space: nowrap;
	font-weight:400;
}
#pop_hover_left .label_co{float:right !important}

#pop_hover .value_co, #pop_hover_left .value_co{
	background:#77BFE7;
	float:left;
	padding:1px 5px;
	font-size:12px;
	font-weight:700;
	font-weight:bold;
	clear:both;
	white-space: nowrap;
}
#pop_hover_left .value_co{float:right !important;}

#pop_hover .pop_co, #pop_hover_left .pop_co{
	background:#77BFE7;
	float:left;
	padding:1px 5px;
	clear:both;
	white-space: nowrap;
	font-weight:300;
}
#pop_hover_left .pop_co{float:right !important;}

#recap_map{
	position:absolute;
	z-index:100;
	bottom:10px;
	left:240px;
	width:260px;
	text-align:center;
	display:none;
}

#recap_year{ font-size:40px; color:#fff; text-shadow:1px 1px 10px #4B87B4, -1px -1px 10px #4B87B4; font-weight: 700; opacity:0.7; position:relative; z-index:110;}
#recap_decoline1{ height:1px; position:absolute; z-index:105; left:0; top:26px; background: #4D88B6; width:70px;}
#recap_decoline2{ height:1px; position:absolute; z-index:105; right:0; top:26px; background: #4D88B6; width:70px;}
#recap_total{ color:#4C87B5; font-size:16px; border-bottom:1px solid #4D88B6; padding-bottom:2px; font-weight:400;}
/* APPLICATION CONTENT - CONTENT BAR CHART */
#barchart_container h2, #timeseries_container h2, #gapminder_container h2{
	border-bottom:3px solid #4d87b5;
	font-size:18px;
	font-weight:700;
	letter-spacing: 0.1em;
	color:#333;
	margin: 14px 0px;
    padding-bottom: 10px;
    width: 100%;
}

#barchart_legend{
	margin-left:20px;
	/*width:668px;*/
	width:93%;
}

#barchart_legend .label{
	float:left;
	color:#5087AF;
	font-size:11px;
}

#label_rank{width:40px;}
#label_country{width:400px;}
#label_value{float:right !important;}
.nodata{font-size:14px;}
#bar_chart, #lucbar_chart{
	/*width:700px;*/
	width:97%;
	height:85%;
	position:relative;
	overflow:auto;
	margin-left:20px;
	margin-top:5px;
}

#lucbar_chart{display:none;}

#bar_chart #bar_skeleton, #lucbar_chart #bar_skeleton{ color:#5087AF; position:absolute; left:0px; top:0px; width:100%; height:auto;}
#bar_chart #bar_skeleton{height:5620px;}
#lucbar_chart #bar_skeleton{height:510px;}
#bar_chart #bar_skeleton .bar_rank, #lucbar_chart #bar_skeleton .bar_rank{float:left; height:25px; line-height:26px; font-size:11px; border-top:1px solid #4d87b5; /*width:680px;*/ width:98%;}
#bar_chart #bar_skeleton .bar_rank.notdisplayed, #lucbar_chart #bar_skeleton .bar_rank.notdisplayed{
	display: none !important;
}
.bar_rank .rank_label{ float:left; height:25px; width:22px; text-align:right;}

#bar_chart .bar, #lucbar_chart .bar{
	line-height:16px;
	font-size:11px;
	overflow:hidden;
	height:26px;
	color:#333;
	cursor:pointer;
	background:transparent;
	clear:both;
	margin:0;
	/*width:630px;*/
	width:93%;
	float:left;
	position:absolute;
	left:40px;
}
#bar_chart .bar.notdisplayed, #lucbar_chart .bar.notdisplayed{
	display: none !important;
}

#bar_chart .bar .bar_fill, #lucbar_chart .bar .bar_fill{
	position:absolute;
	left:0;
	top:6px;
	height:16px;
	background-color:#FF9100;
	z-index:5;
}

#bar_chart .bar .text, #lucbar_chart .bar .text{
	position:absolute;
	z-index:10;
	font-size:10px;
	font-weight:500;
	letter-spacing: 0.1em;
	color:#000;
	left:8px;
	top:6px;
}

#bar_chart .bar .value, #lucbar_chart .bar .value{
	position:absolute;
	right:0;
	font-size:18px;
	font-weight:300;
	color:#333;
	line-height:30px;
	z-index:10;
}

/* APPLICATION CONTENT - COUNTRY FOCUS */
#responsive_focus{
	display:none;
	position:absolute;
	left:6px;/* increment of the graphe */
}

#focus_container.container{
	width:100%;
	padding:0;
}

#panel_1{z-index:9;}
#panel_2{z-index:8;}
#panel_3{z-index:7;}
#panel_4{z-index:6;}

#focus_container .ajax_loader{ display:none; position:absolute; left:48%; top:80px; z-index:100;}
#focus_container .growth_block .ajax_loader{ display:none; position:absolute; left:48%; top:16px; z-index:100;}

#focus_container .panel{
	float:left;
	height:100%;
	position:relative;
}

#territorial_panel{z-index:8;}
#consumption_panel{z-index:7;}
#gdp_panel{z-index:6;}
#capita_panel{z-index:5;}

.panel .one_country.shrinked{width:30px; cursor:pointer; z-index:1;}

.panel .one_country{
	float:left;
	width:372px;
	max-width:372px;
	background:#fff;
	box-shadow: 0px 0px 10px 0px rgba(33,33,33,0.5) ;
	height:100%;
	z-index:10;
}

.panel .two_countries.shrinked{width:30px; cursor:pointer; z-index:1;}

.shrinked .country_panel_pad{ display:none;}
.two_countries .country_panel{ float:left; width:350px; margin-right:0px;}


.panel .two_countries{
	float:left;
	width:714px;
	max-width:714px;
	background: #fff;
	box-shadow: 2px 8px 8px 0 #bbb;
	display:none;
	height:100%;
	z-index:10;
}

.country_panel{
	float:left;
	display:block;
}

.country_panel_pad{display: block; padding:10px 20px 10px 10px; float:left;}
.two_countries .country_panel_pad{padding:10px 6px;}

.num_panel_container{
	position:absolute;
	right:0;
	height:100%;
	width:20px;
	top:0;
	cursor:pointer;
	z-index:20;
}

.num_panel{
	background:#afd2e5;
	font-size:16px;
	text-indent:3px;
	width:20px;
	height:30px;
	line-height:30px;
	color:#fff;
	text-align:center;
	border-radius:30px 0px 0px 30px;
	font-weight:700;
	position:absolute;
	right:0;
	top:20px;
	text-decoration:none;
	z-index:20;
}

.country_panel h3{ float:left; margin:0; height:50px; width:100%; font-weight:700; letter-spacing:0.1em; font-size:18px; color:#333; border-bottom:4px solid #4d87b5; position:relative;}
.deselect_country{position:absolute; color:#aaa; text-decoration:none; font-size:24px; left:2px; top:6px; background:url("../img/btn_close.png") no-repeat 0 0; width:25px; height:25px; display:block;}
.country_panel h3 .label_focuscol{display:block; padding-left:45px; font-size: 17px;}
.label_focuscol .label_country{text-transform: uppercase; color:#4D87B5;}

.growth_block{ float:left; height:46px; padding:8px 0; border-bottom:4px solid #4d87b5; width:100%; margin-bottom:10px; position:relative;}
.growth_block_left{float:left; margin-left:0px;}
.growth_block_right, .growth_block_static{float:left; margin-left:12px; width:100px;}
#panel_3 .growth_block_right, #panel_3 .growth_block_static{margin-left:2px;}
#panel_4 .growth_block_right, #panel_4 .growth_block_static{margin-left:2px;}
.growth_block_static{float:right;}
.growth_block_selyears, .growth_block_selyears_static{float:left; color:#5087AF; font-size:11px; padding-bottom:2px; border-bottom: 1px solid #5087AF; width:100px;}
.growth_block_selyears_static{padding-bottom:10px;}
.growth_block_selyears .growth_arrows_1, .growth_block_selyears .growth_arrows_2{float:left; width:11px; margin-top:-8px;}
.growth_arrow_top{float:left;}
.growth_arrow_bottom{float:left;}
.growth_block_figure, .growth_block_figure_static{float:left; width:100px; position:relative; text-align:right; background-repeat:no-repeat; background-position:0 0; height:30px; line-height:30px; font-weight: 300; letter-spacing: 0.1em; font-size: 20px;}
.growth_block_selyear1, .growth_block_selyear2, .growth_block_selyear1_static, .growth_block_selyear2_static{float:left; margin-left:2px; height:14px; overflow:hidden; }
.growth_block_selyear1_static, .growth_block_selyear2_static{margin:0 10px;}
.growth_block_selyear1_inner, .growth_block_selyear2_inner{margin:0 4px; position:relative; top:0px;}
.growth_block_selyear1_inner{ top:-56px;}
.growth_year_inner{height:14px; line-height:14px;}
.growth_block_selyear1_sep{float:left;}

.graphe{ position:relative; width:340px; height:246px; float:left; margin-top:40px;}
.graphe svg{position:absolute; left:30px; top:0; width:100%; height:300px;}
.graphe .abscisse_bars{ float:left; width:100%;}

.abscisse_bar{
	float:left;
	border-top:1px solid #afd2e5;
	height:40px;
	width:348px;
	position:relative;
}

.abs_label{
	position:absolute;
	top:-12px;
	left:2px;
	color:#afd2e5;
	font-size:9px;
}

.graphe .draggable_zone{
	height: 42px;
    left: 28px;
    position: absolute;
    top: -30px;
    width: 310px;
    z-index:20;
}
.graphe .draggable_bar{
	background: none repeat scroll 0 0 #333333;
    height: 100%;
    cursor:pointer;
    position: absolute;
    top: 0;
    width: 1px;
}
.graphe .draggable_year{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #333333;
    border-radius: 40px;
    height: 30px;
    left: -15px;
    position: absolute;
    width: 30px;
    font-size:10px;
    line-height:30px;
    text-align:center;
}
.graphe .draggable_year.lastYear{
	background:#FFFFAA;
}

.draggable_year .draggable_innerbar{
	position:absolute;
	left:14px;
	top:41px;
	height:235px;
	background:#333;
	width:1px;
}

.courbe{
	cursor:pointer;
	z-index:10;
}

.focus_legend_years{float:left; width:320px; position:relative; height:26px; margin-left:15px;}
.focus_legend_years .bar_years{float:left; width:306px; margin-left:14px; position:relative; height:26px;}
.focus_legend_years .bar_year{position:absolute; bottom:0px; height:10px; width:1px; background:#4D87B5; color:#4D87B5;}
.bar_year.stringify{ background:none; font-size:9px; -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform : rotate(-90deg); transform:rotate(-90deg); bottom:-4px; }

.focus_legend_year{margin-left:2px;}
.focus_bars_legend{float:left; clear:both; color:#5087AF; margin-top:20px; font-size:10px; width:100%;}
.focus_bars_legend_label{float:left; margin-left:4px;}
.focus_bars_legend_unit{float:right; margin-right:3px;}

.focus_bars{float:left; margin-top:2px; width:100%; z-index:20; position:relative;}
.focus_bars .focus_bar{ position:relative; width:100%; float:left; height:18px; cursor:pointer; border-top:1px solid #4D87B5;}
.focus_bar .fill_focus_bar{ height:12px; position:absolute; left:0px; top:3px;}
.focus_bar .label_focus_bar{ 
	font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #000;
    position: absolute;
    left: 5px;
    top: 3px;
    text-transform: capitalize;
    text-shadow: 0px 0px 3px #FFF;
}
.focus_bar .result_focus_bar{ font-size:10px; position:absolute; right:5px; top:3px; color:#5087AF;}

/* APPLICATION CONTENT - COUNTRY RANKING */
#responsive_ranking{
	position:absolute;
	display:none;
	top:430px;/* rankbars height*/
	z-index:79;/* svg lane width */
}

#ranking_container.container{
	width:100%;
	padding:0;
	margin-top:20px;
}

#rank_highlight{
	float:left;
	width:140px;
	margin-left:20px;
}

#title_highlight{
	float:left;
	width:120px;
	font-weight:700;
	font-size:18px;
	letter-spacing: 0.1em;
	color:#333;
	height:20px;
	border-bottom:4px solid #4786B9;
	padding-bottom:10px;
}

#highlight_content{ margin-top: 10px; float:left;}

#highlight_content .hlight_country{
	width:120px;
	text-align:left;
	text-indent:5px;
	font-size:10px;
	font-weight:500;
	overflow:hidden;
	letter-spacing: 0.1em;
	color:#000;
	position:relative;
	height:20px;
	line-height:20px;
	float:left;
	margin-bottom:10px;
	cursor:pointer;
	clear:both;
}

.hlight_country .lblhlight_country{
	text-shadow:0 0 3px #FFFFFF;
}

.close_hlight{
	position:absolute;
	right:3px;
	color:#333;
	top:3px;
	font-size:10px;
	text-decoration:none;
	cursor:pointer;
	background:url("../img/btn_close-small-black.png") no-repeat 0 0;
	display:block;
	width:15px;
	height:15px;
}

.rank_col{
	float:left;
	width:190px;
	margin-right:20px;
	position:relative;
	z-index:10;
}

.rank_col .rank_selector{
	float:left;
	width:100%;
	border-bottom:4px solid #4786B9;
	padding-bottom:10px;
	height:20px;
}

.rank_selector select{
	float:left;
	width:80px;
}

.rank_selector .select_box{float:right;}

.rank_col .rankbars{
	float:right;
	width:130px;
	height:430px;
	margin-top:10px;
	position:relative;
}

.rankbars .rankbar{
	position:absolute;
	left:0;
	top:0;
	width:130px;
	background:#666;
	border-bottom:1px solid #333;
	cursor:pointer;
}

.rankbars .rankbar.negative{
	background:#85A67D;
	border-bottom:1px solid #456E56;
}

.ranking_tooltip{
	position:absolute;
	width:65px;
	border-radius:10px;
	height:16px;
	top:-24px;
	text-align:center;
	padding:2px;
	left:33px;
	color:#000;
	font-size:10px;
	line-height:16px;
}

.ranking_descvalue{
	font-size:11px;
	text-align:center;
	width:100%;
	height:100%;
	color:#333;
}

#svg_lane_1{left:140px;}
#svg_lane_2{left:350px;}
#svg_lane_3{left:560px;}

/* TIME SERIES */
#timeseries_container.container{
	margin-left:2%;
	width:86%;
	position:relative;
}

#timeseries_graph{
	height:380px;
}

#timeseries_bars{ }
#timeseries_bars h3{ font-size:18px; font-weight:500; margin:0 0 10px; text-align:center; color:#4D87B5;}
.column_timeseries_bar{float:left; width:46%; margin-left:2%;}
.column_timeseries_bar5{float:right !important;}
.timeseries_bar{ position:relative; width:100%; float:left; height:18px; cursor:pointer; border-top:1px solid #4D87B5;}
.fill_timeseries_bar{ height:12px; position:absolute; left:0px; top:3px;}
.label_timeseries_bar{ font-size:10px; font-weight:500; letter-spacing: 0.1em; color:#000; position:absolute; left:5px; top:3px; text-transform:capitalize; text-shadow: 0px 0px 3px rgba(255, 255, 255, 1); height:13px; overflow: hidden;}
.result_timeseries_bar{ font-size:10px; position:absolute; right:5px; top:3px; color:#5087AF;}

.close_timeseries_bar{
	background:url("../img/btn_close-small-black.png") no-repeat 0 0;
	position:absolute;
	left:-16px;
	top:2px;
	width:15px;
	height:15px;
	cursor:pointer;
}

#divinput_timeseries_emissions{border-bottom:0px solid !important;}

#ajax_loader_timeseries{ position:absolute; left:48%; top:200px; z-index:80;}

/*GAPMINDER*/
#responsive_gapminder{
	display:none;
	position:absolute;
	left:600px;/* svg gapminder width */
	top:360px;/* svg gapminder height */
}

#gapminder_container.container{
	position:relative;
}

#gapminder_chart{
	width:80%;
	margin:0 10%;
	height:400px;
	position:relative;
}

.gapminder_axis{display:none;}

#gapminder_legend_axis1{
	position:absolute;
	border-right:3px solid #4D87B5;
	height:330px;
	top:10px;
	left:-36px;
	width:30px;
}

#gapminder_legend_axis2{
	position:absolute;
	border-top:3px solid #4D87B5;
	width:600px;
	height:30px;
	bottom:-4px;
	left:40px;
	padding-top:5px;
	line-height:24px;
}

#gapminder_legend_axis1 .rotate_inner{
	-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform : rotate(-90deg); transform:rotate(-90deg);	
	width:300px;
	top:169px;
	left:-140px;
	position:absolute;
}

.gapminder_legend_axis_emission{
	text-transform: capitalize;
	font-weight:700;
	font-size:18px;
	margin-right:10px;
}

.gapminder_legend_axis_unit{
	color:#5087AF;
	font-size:13px;
	font-weight:300;
}

.gapminder_num_panel{
	background: none repeat scroll 0 0 #AFD2E5;
    border-radius: 30px 0 0 30px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    height: 26px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    text-indent: 3px;
    width: 18px;
    margin-right:10px;
    float:left;
    z-index: 20;
}

h4 .gapminder_num_panel{
	position:absolute;
	left:28px;
	top:0px;
}

#gapminder_selection{
	height:60px;
	margin-top:10px;
	background:#f2f2f2;
	color:#5087AF;
	font-size:14px;
	box-shadow:5px 0 10px 0 rgba(33, 33, 33, 0.3);
}

.gapminder_selection_block{
	float:left;
	margin:14px 20px 0px;
}

.gapminder_selects{float:left; margin-left:10px;}
.gapminder_selects .select_box{float:left;}
.gapminder_selects select{float:left;}

#gapminder_container h2{
	margin-left:2%;
	margin-bottom:10px;
}

#gapminder_container h4{
	float:left;
	margin:0 10px 0 0;
	line-height:26px;
	height:26px;
	font-weight:400;
	position:relative;
}

#ajax_loader_gapminder{ position:absolute; left:40%; top:200px; z-index:80;}

#scale_gapminder{
	width:100px;
	margin-left:12px;
	height:20px;
	position:relative;
}

#scale_smallbubble{border-radius:10px; width:10px; height:10px; background:#FF960C; float:left;}
#scale_bigbubble{border-radius:20px; width:20px; height:20px; background:#FF960C; float:left; cursor:pointer; top:-5px;}
#scale_bubble_drag_area{ position:absolute; left:10px; top:4px; height:4px; width:100px; background:#ccc;}
#scale_bubble_drag_area_colored{background:#FF960C; height:4px; position:absolute; left:9px; width:1px; top:4px;}
text {
  font: 10px sans-serif;
}

.dot {
  stroke: #000;
}

.grid .tick {
    stroke: #d2e8f5;
    opacity: 0.7;
}
.grid path {
      stroke-width: 0;
}

.axis path{
  fill: none;
  stroke: #d2e8f5;
  shape-rendering: crispEdges;
}

.axis line{

}

.label {
  fill: #777;
}

.year.label {
  font: 500 196px "Helvetica Neue";
  fill: #ddd;
}

.year.label.active {
  fill: #aaa;
}

.overlay {
  fill: none;
  pointer-events: all;
  cursor: ew-resize;
}

#pop_hover_gapminder .pop_barredeco{position:absolute;left:0px;top:-1px;height:2px;width:30px;background:#77BFE7;}
#pop_hover_gapminder .pop_content{position:absolute;left:28px;top:-9px;}
#pop_hover_gapminder .label_co, #pop_hoverleft_gapminder .label_co{
	background:#77BFE7;
	float:left;
	text-transform: uppercase;
	padding:1px 5px;
	white-space: nowrap;
	font-weight:400;
}

#pop_hover_gapminder .value_co, #pop_hoverleft_gapminder .value_co{
	background:#77BFE7;
	float:left;
	padding:1px 5px;
	font-size:12px;
	font-weight:700;
	font-weight:bold;
	clear:both;
	white-space: nowrap;
}

#pop_hover_gapminder .pop_co, #pop_hoverleft_gapminder .pop_co{
	background:#77BFE7;
	float:left;
	padding:1px 5px;
	clear:both;
	white-space: nowrap;
	font-weight:300;
}


#pop_hoverleft_gapminder .pop_barredeco{	position:absolute;right:0px;top:-1px;height:2px;width:30px;background:#77BFE7;}
#pop_hoverleft_gapminder .pop_content{position:absolute;right:28px;top:-9px;}
#pop_hoverleft_gapminder .label_co{float:right !important}
#pop_hoverleft_gapminder .value_co{float:right !important;}
#pop_hoverleft_gapminder .pop_co{float:right !important;}


/* ARIAN BLOCK*/
#toggle_arian{
	background: url("../img/btn_arian-on.png") no-repeat 0 0;
    display: block;
    position: absolute;
    width: 20px;
    height: 30px;
    left: -15px;
    top: 25px;
}

#toggle_arian.displayed{
	background:url("../img/btn_arian-off.png") no-repeat 0 0;
}

/* RIGHT MENU */
#arian_block_pad{
	padding:10px;
}

#arian_block h3{
	font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin: 15px 0 20px;
    text-shadow: 0 0 5px #333333;
}

#arian_block h5{
	color:#ffaa1b;
	font-size:11px;
	text-transform:uppercase;
	font-weight:700;
	margin:0;
	text-shadow:0 0 5px #333333;
}

#arian_block .arian_content{
	color:#fff;
	font-size:11px;
	margin-bottom:20px;
	display:block;
}

#toggle_tools{
	background:url("../img/btn_tools-on.png") no-repeat 0 0;
	display:block;
	position: absolute;
	width:20px;
	height:25px;
	top:0px;
	right:50px;
	z-index:20;
}

#toggle_tools.displayed{
	background:url("../img/btn_tools-off.png") no-repeat 0 0;
}

.title_right_menu{
	position:absolute;
	width:50px;
	right:0px;
	top:0px;
	cursor:pointer;
	font-size:11px;
	font-weight:500;
	color:#fff;
	background:#464646;
	height:25px;
	text-indent:10px;
	z-index:20;
	line-height: 25px;
}

.link_right_menu{
	width: 100%;
    color: #4D4D4D;
    font-size: 10px;
    float:left;
    font-weight: 800;
    margin: 2px 0;
    height: auto;
    padding-top: 42px;
    text-align: center;
    background-position: 20px 0;
    text-decoration: none;
    outline: none;
    background-repeat: no-repeat;
    display:none;
}

#link_map_container{ background-image:url("../img/btn_tools_map-off.png");}
#link_barchart_container{ background-image:url("../img/btn_tools_chartview-off.png");}
#link_focus_container{ background-image:url("../img/btn_tools_countryfocus-off.png");}
#link_ranking_container{ background-image:url("../img/btn_tools_ranking-off.png");}
#link_timeseries_container{ background-image:url("../img/btn_tools_timeseries-off.png");}
#link_gapminder_container{ background-image:url("../img/btn_tools_gapminder-off.png");}

#link_map_container.selected{ background-image:url("../img/btn_tools_map-on.png");}
#link_barchart_container.selected{ background-image:url("../img/btn_tools_chartview-on.png");}
#link_focus_container.selected{ background-image:url("../img/btn_tools_countryfocus-on.png");}
#link_ranking_container.selected{ background-image:url("../img/btn_tools_ranking-on.png");}
#link_timeseries_container.selected{ background-image:url("../img/btn_tools_timeseries-on.png");}
#link_gapminder_container.selected{ background-image:url("../img/btn_tools_gapminder-on.png");}

#link_map_container.disable{ background-image:url("../img/btn_tools_map-disabled.png");}
#link_barchart_container.disable{ background-image:url("../img/btn_tools_chartview-disabled.png");}
#link_focus_container.disable{ background-image:url("../img/btn_tools_countryfocus-disabled.png");}
#link_ranking_container.disable{ background-image:url("../img/btn_tools_ranking-disabled.png");}
#link_timeseries_container.disable{ background-image:url("../img/btn_tools_timeseries-disabled.png");}
#link_gapminder_container.disable{ background-image:url("../img/btn_tools_gapminder-disabled.png");}

/* TIMELINE */
#menu_timeline{
	height:100%;
	float:left;
	width:139px;
	border-right:1px solid #ccc;
}

#menu_timeline h2{margin-top:12px; padding-left:24px; position:relative; line-height:26px;}

#content_timeline{
	float:left;
	position:relative;
}

#bt_play_timeline{
	background-image:url("../img/btn_timeline-play-off.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:40px;
	height:40px;
	display:block;
	position:absolute;
	left:4px;
	top:7px;
	z-index: 2;
}

#bt_play_timeline.selected{
	background-image:url("../img/btn_timeline-pause-off.png");
}

#timeline{
	width:828px;
	height:30px;
	float:left;
	margin-top:23px;
	margin-left:34px;
	position:relative;
}

#year_selector{
	width:45px;
	position:absolute;
	top:-20px;
	left:767px;
	height:45px;
	background:url("../img/cursor_timeline.png") no-repeat 0 0;
	color:#fff;
	line-height:45px;
	font-size:11px;
	text-align:center;
	cursor:pointer;
}

#year_selector.lastYear{
	background:url("../img/cursor_timeline_last.png") no-repeat 0 0;
	color:#666;
}

.item_year{
	background:#BFBFBF;
	width:12px;
	height:6px;
	margin:0px 1px 0px 0px;
	float:left;
}

.item_year_disabled{background:#BFBFBF;width:12px;height:6px;margin:0px 1px 0px 0px;float:left; cursor:default !important;}

.item_year:hover{
	background:#666;	
}

.item_year.selected{
	background:#666;
}

/*POPUPS*/
.popup{
	border:2px solid #000;
	position:absolute;
	color:#fff;
	z-index:100;
	left:38%;
	width:24%;
	display:none;
	top:190px;
}

.popup_inner{
	background:#000;
	background:rgba(0,0,0,0.8);
	padding:14px 20px;
	margin:2px;
	position:relative;
}

.popup_close{
	position:absolute;
	right:2px;
	top:2px;
	color:#fff;
	font-size:13px;
	font-weight:500;
	cursor:pointer;
	text-decoration: none;
}

.popup_title{
	font-weight:800;
	font-size:24px;
	width:100%;
	border-bottom:1px solid #fff;
	padding-bottom:4px;
	margin-bottom:10px;
}

.popup_text{
	font-size:13px;
	font-weight:400;
}

.popup_text span{
	font-weight:800;
}

.popup_text a{
	color:#fff;
	font-weight:800;
}

.popup_misc{
	position:absolute;
	margin-top:6%;
	z-index:100;
	display:none;
	background:#f2f2f2;
}

.popup_misc select{width:80px;}

.popup_misc .title_misc{
	color:#fff;
	background:#297ba1;
	height:30px;
	width:100%;
	line-height:30px;
	font-size:11px;
	float:left;
	text-indent:10px;
	position:relative;
}

.title_misc .close_misc{
	color:#fff;
	font-size:11px;
	position:absolute;
	right:10px;
	top:6px;
	text-decoration: none;
}

.close_txt{
	position:absolute;
	font-size:11px;
	right:20px;
	top:-7px;
}

.popup_misc .content_misc{
	float:left;
	width:100%;
	background:#f2f2f2;
	height:100%;
	color:#333;
}

.popup_misc .content_misc a{
	color:#333;
	text-decoration:none;
}

.content_misc_pad{
	float:left;
	padding:0px 3% 20px;
	width:94%;
	height:100%;
}

.content_misc_pad.sources_placeholder{
	font-size: 12px;
	line-height: 15px;
}

.content_misc_pad.sources_placeholder a{
	font-size: 12px;
	line-height: 15px;
}

.col_misc{ float:left; width:47.5%; padding:0 0 0 2%; height:100%; position:relative;}
.col_misc.bordered{ padding:0 2% 0 0; border-right:1px solid #ccc;}

.download_button{ 
	position:absolute; bottom:10px; left:2px;
	background: #c7c8ca; /* Old browsers */
	background: -moz-linear-gradient(top, #c7c8ca 0%, #c7c8ca 50%, #b2b3b6 51%, #b2b3b6 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* W3C */
	padding:6px 0px 6px 10px;
	border:1px solid #333;
	width:210px;
	font-size:13px;
}

.share_bt{
	background: #c7c8ca; /* Old browsers */
	background: -moz-linear-gradient(top, #c7c8ca 0%, #c7c8ca 50%, #b2b3b6 51%, #b2b3b6 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* W3C */
	padding:6px 0px 6px 10px;
	border:1px solid #333;
	font-size:13px;
	width:140px;
	clear:both;
	margin-top:5px;
	display:block;
}

.line_misc{ clear:both; width:100%; padding-bottom: 10px; font-size:12px; float:left;}
.line_misc.bordered{border-bottom:1px solid #ccc;}

.selectdataset{ color:#333; background:url("../img/page-off.png") no-repeat 0 0;}
.selectdataset.selected{ color:#fff !important; background:url("../img/page-on.png") no-repeat 0 0;}

.selectinfographic{ color:#333; background:url("../img/page-off.png") no-repeat 0 0;}
.selectinfographic.selected{ color:#fff !important; background:url("../img/page-on.png") no-repeat 0 0;}

.selectdataset,.selectinfographic{
	display: block;
    height: 65px;
    line-height: 65px;
    text-align: center;
    text-decoration: none;
    width: 60px;
    float:left;
}

.content_misc h3{
	font-size:14px;
	color:#4d4d4d;
	margin:16px 0 10px;
	clear:both;
	float:left;
}

#export_dataset{background:url("../img/dataset.png") no-repeat 0 0; padding-left:80px; height:40px;}
#export_include{background:url("../img/include_dataset.png") no-repeat 0 0; padding-left:80px; height:40px; display:block;}

#export_infographic_type{height:40px; padding-left:80px;}
#export_infographic_type.map{background:url("../img/map.png") no-repeat 0 0;}
#export_infographic_type.barchart{background:url("../img/barchart.png") no-repeat 0 0;}
#export_infographic_type.focus{background:url("../img/focus.png") no-repeat 0 0;}
#export_infographic_type.ranking{background:url("../img/ranking.png") no-repeat 0 0;}
#export_infographic_type.timeseries{background:url("../img/timeseries.png") no-repeat 0 0;}
#export_infographic_type.gapminder{background:url("../img/timeseries.png") no-repeat 0 0;}

#download_dataset{}
#download_infographic{ left:10px;}

#popup_sources{	width:30%;	left:35%;}
#popup_sources h2{font-size:17px;}
#popup_sources p{font-size:12px; line-height:18px;}
#popup_sources a{font-size:12px; text-decoration:underline;}
#popup_infos{	width:60%;	left:20%; margin-top:3%; height:74%; font-size:13px; line-height:17px;}
#popup_infos ul{ padding-left:12px;}
#popup_infos a{text-decoration:underline;}
#popup_infos .image_container{width:100%; text-align:center;}
#popup_infos #info_schema{width:565px; margin-top:20px;}
#popup_infos h2{color:#4D88B6; margin-top:30px;}
#popup_infos .content_misc{padding-bottom:20px;}
#popup_infos .content_misc_pad{overflow:auto; padding-bottom:0px;}
#popup_infos table{border-collapse: collapse;}
#popup_infos table th{border:1px solid #333; text-align:left; padding:5px;}
#popup_infos table td{border:1px solid #333; padding:5px;}
#popup_share{	width:50%;	left:25%; margin-top:2%;}
#popup_download{	width:50%;	left:25%; height:390px;}

.social_network{float:left; width:40px; height:40px; margin-right:10px; cursor:pointer;}
#social_twitter{background:url("../img/share_twitter-off.png") no-repeat 0 0;}
#social_facebook{background:url("../img/share_facebook-off.png") no-repeat 0 0;}
#social_renren{background:url("../img/share_renren-off.png") no-repeat 0 0;}
#social_weibo{background:url("../img/share_weibo-off.png") no-repeat 0 0;}

#social_twitter:hover{background:url("../img/share_twitter-on.png") no-repeat 0 0;}
#social_facebook:hover{background:url("../img/share_facebook-on.png") no-repeat 0 0;}
#social_renren:hover{background:url("../img/share_renren-on.png") no-repeat 0 0;}
#social_weibo:hover{background:url("../img/share_weibo-on.png") no-repeat 0 0;}

#share_email_content{margin-top:10px;}
/* TUTORIALS */
.tutorial{
	display:none;
	background:#000;
	background:rgba(0,0,0,0.6);
	color:#fff;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:200;
}

.tutorial .toggle_valid{
	font-size:11px;
	position:absolute;
}

#tutorial_gapminder .toggle_valid{bottom:55px !important;}

.valid_tutorial{
	float:left;
	text-align:center;
	width:167px;
	line-height:38px;
	font-weight: 700;
	height:39px;
	text-decoration:none;
	color:#333;
	font-size:13px;
	letter-spacing:0.2em;
	text-shadow:1px 1px #E6E6E6;
	background:url("../img/bt-ok.png");
	/*background:url("../img/btn_menu_hover.png") no-repeat 0 0;*/
	/*background: #c7c8ca; /* Old browsers */
	/*background: -moz-linear-gradient(top, #c7c8ca 0%, #c7c8ca 50%, #b2b3b6 51%, #b2b3b6 100%); /* FF3.6+ */
	/*background: -webkit-linear-gradient(top, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* Chrome10+,Safari5.1+ */
	/*background: -ms-linear-gradient(top, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* IE10+ */
	/*background: linear-gradient(to bottom, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* W3C */
	margin-right:10px;
}
.dont_show{position:absolute; font-weight:500; top:52px; left:-50px; text-align:center; width:260px; color:#333; font-size:14px;}
.plus_infos{font-size:12px; line-height:14px; font-weight:300;}

.tutorial_img{
	position:absolute;
}

.tutorial_img span{
	font-size: 13px;
	line-height: 15px;
}

.tutorial_pop{
	position: absolute;
	background:url("../img/tutorial_title_blank.png") no-repeat 0 0; width:342px; height:235px;
}

.tutorial_title{
	font-size: 24px;
	color: #333;
	position: absolute;
	margin: 0;
	padding: 0 0 8px 0;
	left: 28px;
	top: 30px;
}

.tutorial_subtitle{
	font-size: 14px;
	color: #333;
	position: absolute;
	left: 28px;
	margin: 0;
	padding: 0;
	top: 72px;
}

#tutorial_title_map{left:380px; top:140px;}
#tutorial_countries_map, #tutorial_countries_barchart{left:62px; top:180px; background:url("../img/tutorial_countries_map.png") no-repeat 0 0; width:104px; height:331px;}
#tutorial_countries_map span, #tutorial_countries_barchart span{ position: absolute; left:115px; top:0; width:100px;}
#tutorial_emissions_map, #tutorial_emissions_barchart{left:124px; top:34px; background:url("../img/tutorial_emissions_map.png") no-repeat 0 0; width:47px; height:88px;}
#tutorial_emissions_map span, #tutorial_emissions_barchart span{ position: absolute; left:50px; top:0; width:90px;}
#tutorial_othertools_map, #tutorial_othertools_barchart, #tutorial_othertools_focus, #tutorial_othertools_ranking, #tutorial_othertools_timeseries, #tutorial_othertools_gapminder{right:80px; top:50px; background:url("../img/tutorial_othertools.png") no-repeat 0 0; width:116px; height:50px;}
#tutorial_othertools_map span, #tutorial_othertools_barchart span, #tutorial_othertools_focus span, #tutorial_othertools_ranking span, #tutorial_othertools_timeseries span, #tutorial_othertools_gapminder span{ position: absolute; left:20px; top:50px; width:100px;}
#tutorial_timeline_map, #tutorial_timeline_barchart, #tutorial_timeline_ranking{left:230px; bottom:50px; background:url("../img/tutorial_timeline_map.png") no-repeat 0 0; width:95px; height:73px;}
#tutorial_timeline_map span, #tutorial_timeline_barchart span, #tutorial_timeline_ranking span{ position: absolute; left:100px; top:0; width:250px;}
#tutorial_sources_map, #tutorial_sources_barchart, #tutorial_sources_focus, #tutorial_sources_ranking, #tutorial_sources_timeseries, #tutorial_sources_gapminder{right:50px; bottom:130px; background:url("../img/tutorial_sources.png") no-repeat 0 0; width:153px; height:109px;}
#tutorial_sources_map span, #tutorial_sources_barchart span, #tutorial_sources_focus span, #tutorial_sources_ranking span, #tutorial_sources_timeseries span, #tutorial_sources_gapminder span{ position: absolute; left:0px; top:0; width:160px;}
#toggle_valid_map{left:86px; top:120px;}

#tutorial_title_barchart{left:380px; top:140px;}
#toggle_valid_barchart{left:86px; top:120px;}

#tutorial_title_focus{left:380px; top:140px;}
#tutorial_countries_focus{left:132px; top:40px; background:url("../img/tutorial_countries_focus.png") no-repeat 0 0; width:80px; height:104px;}
#tutorial_countries_focus span{position: absolute; left:60px; top:0; width:220px;}
#tutorial_emissions_focus{left:132px; top:234px; background:url("../img/tutorial_emissions_focus.png") no-repeat 0 0; width:90px; height:104px;}
#tutorial_emissions_focus span{position: absolute; left:40px; top:0; width:120px;}
#toggle_valid_focus{left:86px; top:120px;}

#tutorial_title_ranking{left:380px; top:140px;}
#tutorial_countries_ranking{left:132px; top:40px; background:url("../img/tutorial_countries_ranking.png") no-repeat 0 0; width:65px; height:88px;}
#tutorial_countries_ranking span{position: absolute; left:40px; top:0; width:220px;}
#tutorial_emissions_ranking{left:455px; top:50px; background:url("../img/tutorial_emission1_ranking.png") no-repeat 0 0; width:267px; height:62px;}
#tutorial_emissions_ranking span{position: absolute; left:40px; top:32px; width:160px;}
#toggle_valid_ranking{left:86px; top:120px;}

#tutorial_title_timeseries{left:380px; top:140px;}
#tutorial_countries_timeseries{left:118px; top:230px; background:url("../img/tutorial_countries_timeseries.png") no-repeat 0 0; width:62px; height:114px;}
#tutorial_countries_timeseries span{ position: absolute; left:53px; top:0; width:130px}
#tutorial_emissions_timeseries{left:118px; top:112px; background:url("../img/tutorial_emissions_timeseries.png") no-repeat 0 0; width:72px; height:96px;}
#tutorial_emissions_timeseries span{ position: absolute; left:55px; top:0; width:100px}
#tutorial_mode_timeseries{left:132px; top:20px; background:url("../img/tutorial_mode_timeseries.png") no-repeat 0 0; width:52px; height:88px;}
#tutorial_mode_timeseries span{ position: absolute; left:40px; top:0; width:220px}
#tutorial_timeline_timeseries{left:170px; bottom:130px; background:url("../img/tutorial_timeline_timeseries.png") no-repeat 0 0; width:261px; height:58px;}
#tutorial_timeline_timeseries span{ position: absolute; left:38px; top:10px; width:150px}
#toggle_valid_timeseries{left:86px; top:120px;}

#tutorial_title_gapminder{left:380px; top:140px;}
#tutorial_countries_gapminder{left:132px; top:40px; background:url("../img/tutorial_countries_gapminder.png") no-repeat 0 0; width:62px; height:114px;}
#tutorial_countries_gapminder span{position: absolute; left:38px; top:0; width:170px}
#tutorial_emissions_gapminder{bottom:120px; left:470px; background:url("../img/tutorial_emissions_gapminder.png") no-repeat 0 0; width:382px; height:85px;}
#tutorial_emissions_gapminder span{position: absolute; left:37px; top:0; width:200px}
#tutorial_scale_gapminder{left:100px; top:260px; background:url("../img/tutorial_scale_gapminder.png") no-repeat 0 0; width:200px; height:257px;}
#tutorial_scale_gapminder span{position: absolute; left:100px; top:10px; width:110px}
#tutorial_timeline_gapminder{left:200px; bottom:14px; background:url("../img/tutorial_timeline_gapminder.png") no-repeat 0 0; width:409px; height:31px;}
#tutorial_timeline_gapminder span{position: absolute; left:38px; top:0; width:370px}
#toggle_valid_gapminder{left:86px; top:120px;}

/* FOOTER */
#footer{
	background:url("../img/footer1024.jpg") no-repeat 0 0;
	height:55px;
	float:left;
	display:none;
	width:100%;
}

/* CUSTOM SELECT */
span.customSelect {
	font-size:11px;
	background: #c7c8ca; /* Old browsers */
	background: -moz-linear-gradient(top, #c7c8ca 0%, #c7c8ca 50%, #b2b3b6 51%, #b2b3b6 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c7c8ca 0%,#c7c8ca 50%,#b2b3b6 51%,#b2b3b6 100%); /* W3C */
	border:1px solid #4D4D4D;
	color:#333;
	padding:5px 7px;
	cursor:pointer;
}
span.customSelect.changed {
	background-color: #f0dea4;
}
.customSelectInner {
	background:url("../img/select_arrow.png") no-repeat center right;
	line-height: 12px;
}

.gapminder_selects .customSelect{ height:14px;}
#traductions{display:none;}

/*TWEAK LUC GROUPS */
.lidisplay_272{display:none;}
.lidisplay_273{display:none;}
.lidisplay_274{display:none;}