/****************************************************

	Project: IPCC
	File: styles.css
	Creator: VIM Interactive, Inc. / Reef Light Interactive
	Copyright: (c) 2011 - VIM Interactive, Inc. / Reef Light Interactive
	
****************************************************/
/*****************************
	clearfix
*****************************/
.mobile_clouds:before, .mobile_clouds:after, .cf:before, .cf:after { content: ""; display: table; }

.cf:after, .mobile_clouds:after { clear: both; }

.cf { zoom: 1; }

/*****************************
	normalize.css - http://github.com/necolas/normalize.css
*****************************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }

html { font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 3 */ }

body { margin: 0; }

body, button, input, select, textarea { font-family: sans-serif; }

/*****************************
	Links
*****************************/
a { color: #00e; /* Addresses outline displayed oddly in Chrome */ /* Improves readability when focused and also mouse hovered in all browsers */ }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/*****************************
	Typography
*****************************/
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; /* 2 */ }
q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/*****************************
	Lists
*****************************/
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; /* 1 */ *margin-left: -7px; /* 2 */ }

button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

button, input { line-height: normal; /* 1 */ }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Corrects inner padding and border displayed oddly in FF3/4 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/*****************************
	Tables - Removes most spacing between table cells
*****************************/
table { border-collapse: collapse; border-spacing: 0; }

/*****************************
	Helper Classes
*****************************/
.left { float: left; display: inline; }

.right { float: right; display: inline; }

img{max-width:100%;}
/*****************************
	Global Styles
*****************************/
body { border-top: 5px solid #2d6eab; background: #eef4fe url("../images/site/bg_body.png") repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #192a45; }

h1, h2, h3, h4, h5, h6 { font-family: 'Ubuntu', sans-serif; color: #1a407f; line-height: 1.4em; clear: left; }


a { color: #d52d09; }
a:visited { color: #d52d09; }
a:focus { outline: none; }

/* font display without using heading codes -- added by Yuka (3/21/12) */
.h4font { font-family: 'Ubuntu', sans-serif; color: #1a407f; font-weight: bold; }

.h3font { font-family: 'Ubuntu', sans-serif; color: #1a407f; font-weight: bold; font-size: 16px; }

/************* Tables  Added by Yuka
***************/
/*- no border (set below) 11/16/11 */
.basic table { width: 100%; border-top: none; border-bottom: none; padding-bottom: none; margin-bottom: none; border: 0px; }
.basic td { border: 0px; padding: 5px; }

table.noBorder { border: 0px; margin: 5px; padding: 5px; }
table.noBorder td { border: 0px; margin: 5px; padding: 5px; }
table.noBorder.break { display: none; }
table.noBorder2 { border: 0px; margin: 1px; padding: 1px; }
table.noBorder2 td { border: 0px; margin: 0px; padding: 0px; }
table .textbox { border: 1px solid #aecdec; margin: 0px; padding: 0px; background: #f5f9ff; }
table .textbox1 { border: 0px solid #aecdec; margin: 0px; padding: 0px; background: #f5f9ff; }
table .textbox td { border: 1px solid #aecdec; background: #f5f9ff; margin: 15px; padding: 15px; }
table #boxTable { vertical-align: middle; background-color: #F8F8FF; margin: 10px 10px !important; width: 100%; color: #1b293f; font-size: 13px; font-family: Arial, sans-serif; border-top: 1px solid #cedff1; border-bottom: 1px solid #4e93cb; padding-bottom: 1px; margin-bottom: 1px; }

input[type=text] { width: 100%; }
b.f3{font-size:medium;}
/*********END *********/
/* *********************************** 
Table styles added by Yuka (3/06/12) for e-Launch 
***************************************/
/*
Table .boxTable td {
	vertical-align: middle;
	background-color:#F8F8FF;
	margin-right: 20px !important;
	color: #1b293f;
	padding: 0 10px;
	
}*/
/*********END *********/
/*********
Rob's table
*********/
/* TABLES */
table { margin: 10px 0; width: 100%; color: #1b293f; font-size: 13px; font-family: Arial, sans-serif; border-top: 1px solid #cedff1; border-bottom: 1px solid #4e93cb; padding-bottom: 1px; margin-bottom: 1px; }
table.robtable { font-family: verdana,arial,sans-serif; font-size: 8px; color: #333333; border: 0px; margin: 50px; /*border-width: 1px;*/ /*border-color: #666666;*/ /*border-collapse: collapse;*/ table-layout: fixed; width: 500px; }
table.robtable th { border: 5px; border-width: 2px; padding: 20px; border-style: solid; border-color: #666666; background-color: #dedede; height: 5px; }
table.robtable td { border: 5px; border-width: 2px; padding: 20px; border-style: solid; border-color: #666666; background-color: #ffffff; height: 5px; }
table th { color: #fff; text-transform: uppercase; background: #4e93cb; height: 45px; text-align: center; font-family: 'Ubuntu', sans-serif; }
table th, table td { border-left: 1px solid #cedff1; border-right: 1px solid #cedff1; border-bottom: 1px solid #cedff1; padding: 5px 10px; }

/* *********************************** 
Table styles added by Yuka (11/16/11) 
***************************************/
.tdbleufonce { background-color: #0165bb; color: #FFFFFF; padding: 5px; /* added 5/6/09 */ }

.tdlight { vertical-align: middle; background-color: #F8F8FF; /* padding: 5px; <-- overwrite default padding setting */ }

.tableTitle { /* for author list */ background-color: #0165bb; color: #FFFFFF; padding: 5px; font-size: 1.1em; }

.tdbleumoyen { background-color: #87a2d7; color: #FFFFFF; /* padding: 5px;   added 5/6/09 */ }

.tdbleuclair { background-color: #e0e5f1; padding: 5px; /* added 5/6/09 */ }

.tdbleufonce h1, .tdbleumoyen h2 { color: #FFFFFF; }

.tdtitle { background-color: #87a2d7; color: #FFFFFF; padding: 5px; text-align: left; }

.tdnavy { background-color: #00008B; color: #FFFFFF; text-weight: normal; padding: 5px; }
.tdnavy a:link, .tdnavy a:visited, .tdnavy a:active { color: #FFFFFF; text-weight: bold; }

.tdbasic { background-color: #F5F5F5; }

.tdgreenish { background-color: #AFC7C7; color: #fff; }

/****  End Addition **************/
#clouds { background: url(../images/site/bg_clouds.jpg) no-repeat 50% 0; width: 100%; margin: 0 auto; padding: 0; }

#wrapper { width: 968px; margin: 0 auto; }

#header { text-shadow: 0 1px 1px #346196; position: relative; background: url(../images/site/bg_header.png) no-repeat 50% 100%; height: 176px; }
#header p { font-size: 12px; color: #fff; line-height: 1.6em; padding: 0; margin: 5px 0 0 14px; }
#header p.title { margin: 10px 0 0; padding: 20px 0 0 14px; font-family: 'Ubuntu', sans-serif; font-size: 22px; color: #fff; font-weight: normal; line-height: 1em; }

.title_wrap { min-height: 94px; width: 58%; }

.header_logos { position: absolute; top: 20px; right: 19px; overflow: hidden; background: url(../images/site/logos.png) no-repeat 0 0; width: 393px; height: 63px; text-indent: -9999px; }
.header_logos span { visibility: hidden; }

.fact_sheet { background: url(../images/site/btn_fact_sheet.png) no-repeat; width: 133px; height: 36px; display: block; text-indent: -9999px; font-size: 1%; margin-top: 35px; margin-left: 35px; float: left; }

.fact_sheets { margin-top: 24px; margin-left: 35px; float: left; width: 150px; cursor: pointer; position: absolute; }
.fact_sheets .trigger { background: url(../images/site/get_fact_sheets_new.png) no-repeat; width: 150px; height: 36px; display: block; text-indent: -9999px; }
.fact_sheets ul { position: absolute; display: none; background: #1F70BE; border-radius: 0 0 3px 3px; width: 150px; list-style: none; margin: -3px 0 0; padding: 0; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; }
.fact_sheets ul a { color: #FFF; padding: 8px 5px 8px 15px; display: block; text-decoration: none; font-size: 13px; text-shadow: 0 1px 1px rgba(124, 46, 11, 0.2); }
.fact_sheets ul a:hover, .fact_sheets ul a:focus { text-decoration: underline; }
.fact_sheets:hover ul { display: block; }

/* global navigation */
.nav { margin: 0; padding: 24px 0 0 0; float: right; width: 78%; }
.nav li { float: left; list-style: none; }
/*Vbex 7.8.13 changed padding from 14 to 7*/
.nav li a { float: left; color: #101b2d; text-decoration: none; text-shadow: 0 1px 0 #fff; font-size: 13px; font-weight: bold; margin: 0 5px; padding: 10px 7px; border-bottom: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.nav li a:hover, .nav .nav li.here a, .nav .nav li.parent-here a { background: #c5e3ff; color: #0a5599; border-bottom: 1px solid #fff; }

.nav_tablet { display: none; }

.nav_mobile { display: none; }

/* social icons */
.social { position: absolute; padding: 0; margin: 0; bottom: 16px; right: 36px; }
.social li { float: left; list-style: none; }
.social li a { float: left; display: block; width: 32px; height: 32px; text-indent: -9999px; font-size: 1%; }

.twitter { background: url(../images/site/icon_twitter.png) no-repeat; }

.facebook { background: url(../images/site/icon_facebook.png) no-repeat; margin-left: 7px; }

#content { padding: 0; margin: 0; background: url(../images/site/bg_content.png) repeat-y center top; }

#content_bottom { height: 6px; background: url(../images/site/bg_content_bottom.png) no-repeat; margin: 0; padding: 0; }

#footer_links { text-align: center; margin: 0 auto; padding: 40px 0; }
#footer_links li { display: inline-block; padding: 0 10px; }
#footer_links li a { color: #1d3968; }

/* download file type icons (added by Yuka 11/15/11)  */
.ipdf { padding-left: 15px; padding-top: 2px; background: url(../images/site/icon-pdf.jpg); background-repeat: no-repeat; }

.iGo { padding-left: 30px; padding-top: -2px; background: url(../images/site/btn_go.png); background-repeat: no-repeat; /*background-position: -2px -5px;*/ }

/*****************************
	Homepage Styles
*****************************/
/*****Changed vbex 21.10.13 #hp_col_wrapper { border-bottom: 1px solid #dee4ef; margin: 0 4px; }*****/
#hp_col_wrapper { margin: 0 4px; }

.hp_col1 { float: left; width: 60%; margin-left: 3%; }
.hp_col1 p.report { font-size: 51px; margin: 40px 0 0 0; font-weight: bold; font-family: 'Ubuntu', sans-serif; color: #1a407f; line-height: 1.4em; }
.hp_col1 p.report1 { font-size: 35px; margin: 40px 0 0 0; font-weight: bold; font-family: 'Ubuntu', sans-serif; color: #1a407f; line-height: 1.4em; }
.hp_col1 h1 { font-size: 21px; font-weight: normal; line-height: 1.6em; }
.hp_col1 img { margin-top: 33px; }
.hp_col1 .btn { display: block; width: 224px; height: 101px; text-indent: -9000px; float: left; margin: 20px 10px; }
.hp_col1 .button { text-decoration: none; background-color: #fbf1ed; border-radius: 3px; display: inline-block; text-align: center; vertical-align: top; width: 46%; margin: 20px 1%; }
.hp_col1 .button .title { color: #FFF; font-family: 'Ubuntu', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: normal; text-shadow: 0 1px 1px rgba(124, 46, 11, 0.75); display: block; border-radius: 3px; -webkit-box-shadow: 0 2px 3px rgba(109, 21, 0, 0.47), inset 0 -1px 1px rgba(109, 16, 0, 0.8); -moz-box-shadow: 0 2px 3px rgba(109, 21, 0, 0.47), inset 0 -1px 1px rgba(109, 16, 0, 0.8); box-shadow: 0 2px 3px rgba(109, 21, 0, 0.47), inset 0 -1px 1px rgba(109, 16, 0, 0.8); background: -moz-linear-gradient(top, #f7673c 0%, #cd1f1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7673c), color-stop(100%, #cd1f1a)); background: -webkit-linear-gradient(top, #f7673c 0%, #cd1f1a 100%); background: -o-linear-gradient(top, #f7673c 0%, #cd1f1a 100%); background: -ms-linear-gradient(top, #f7673c 0%, #cd1f1a 100%); background: linear-gradient(to bottom, #f7673c 0%, #cd1f1a 100%); }
.hp_col1 .button .de { display: block; padding: 15px 0 45px; background-repeat: no-repeat; background-position: 50% 80%; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; -webkit-transition: all 0.15s; transition: all 0.15s; }
.hp_col1 .button .alt { color: #ffef80; }
.hp_col1 .button .summary { display: block; color: #54301f; font-size: 11px; padding: 10px 0; }
.hp_col1 .button.makers .de { background-image: url(../images/site/policymakers.png); }
.hp_col1 .button.full .de { background-image: url(../images/site/full_report.png); }
.hp_col1 .button:hover .title, .hp_col1 .button:focus .title { background: -moz-linear-gradient(top, #c74429 0%, #b11e16 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c74429), color-stop(100%, #b11e16)); background: -webkit-linear-gradient(top, #c74429 0%, #b11e16 100%); background: -o-linear-gradient(top, #c74429 0%, #b11e16 100%); background: -ms-linear-gradient(top, #c74429 0%, #b11e16 100%); background: linear-gradient(to bottom, #c74429 0%, #b11e16 100%); }
.hp_col1 .button:hover .de, .hp_col1 .button:focus .de { background-position: 50% 93%; }
.hp_col1 .button:active .title { -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); background: -moz-linear-gradient(top, #79120a 0%, #c24026 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79120a), color-stop(100%, #c24026)); background: -webkit-linear-gradient(top, #79120a 0%, #c24026 100%); background: -o-linear-gradient(top, #79120a 0%, #c24026 100%); background: -ms-linear-gradient(top, #79120a 0%, #c24026 100%); background: linear-gradient(to bottom, #79120a 0%, #c24026 100%); -webkit-box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.5); }
.hp_col1 .button:active .de { background-position: 50% 93%; }

.btn_policymaker { margin-right: 20px; }

.hp_col2 { float: left; display: block; width: 35%; margin: 37px 0 40px 0; position: relative; }
.hp_col2 p a { font-weight: bold; }
.hp_col2 .vl { height: 269px; display: block; }
.hp_col2 .overview { background: #FFF; border-radius: 0 0 3px 3px; text-transform: uppercase; padding: 5px 10px; font-size: 14px; position: relative; top: 1px; margin: auto; display: block; color: #000; width: 50%; margin: auto auto -26px; text-align: center; border: 1px solid #DAD5BF; border-top: none; }
.hp_col2 .video { position: relative; display: block; text-decoration: none; }
/******Vbex changed to get rid of the play image****/
/*******.hp_col2 .video img { border-radius: 3px; border: 1px solid #DAD5BF; display: block; max-width: 100%; background: url(../images/site/play_button2.png) no-repeat -1000px -1000px; }****/
/*******.hp_col2 .video:hover .video_play, .hp_col2 .video:focus .video_play { background-image: url(../images/site/play_button2.png); }****/
/*******.hp_col2 .video_play { text-indent: -9999px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: url(../images/site/play_button.png) no-repeat 50% 50%; } ****/

.hp_col2 .video img { border-radius: 3px; border: 1px solid #DAD5BF; display: block; max-width: 100%; }
/****.hp_col2 .video:hover .video_play, .hp_col2 .video:focus .video_play { background-image: url(../images/site/play_button2.png); }***/
.hp_col2 .video_play { text-indent: -9999px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; }

.hp_stats { position: relative; padding: 0 3% 20px; }
.hp_stats h2 { text-align: center; font-size: 27px; font-weight: normal; margin: 0; padding: 30px 0; }

.stats1, .stats2, .stats3 { text-align: center; display: inline-block; width: 30%; margin: 0 1% 20px; border-radius: 3px; position: relative; }
.stats1 .stat_name, .stats2 .stat_name, .stats3 .stat_name { display: inline-block; border-radius: 20px; margin: auto; padding: 10px 20px; position: relative; top: 18px; }

.stats1 { border: 1px solid #FFA93D; }
.stats1 .stat_name { background: #FFA93D; }

.stats2 { border: 1px solid #00AAD0; }
.stats2 .stat_name { background: #00AAD0; }

.stats3 { border: 1px solid #99000B; }
.stats3 .stat_name { background: #99000B; }

.stat_number { font-size: 72px; font-family: 'Ubuntu', sans-serif; margin: 0; padding: 9px 0 0 0; }

.stat_name { color: #fff; font-size: 14px; font-family: 'Ubuntu', sans-serif; text-shadow: 0 1px 1px #555; width: 75%; }

#btn_summary_for_policymaker { background: url(../images/site/btn_summary_for_policymaker.png) no-repeat -2px -3px; }
#btn_summary_for_policymaker:hover { background-position: -2px -122px; }
#btn_summary_for_policymaker:active, #btn_summary_for_policymaker:visited { background-position: -2px -241px; }

#btn_full_srex_report { background: url(../images/site/btn_full_srex_report.png) no-repeat -2px -3px; }
#btn_full_srex_report:hover { background-position: -2px -122px; }
#btn_full_srex_report:active, #btn_full_srex_report:visited { background-position: -2px -241px; }

/*****************************
	Subpage Styles
*****************************/
.col1 { float: right; display: inline; width: 64.336373%; margin: 33px 35px 35px 0; line-height: 1.6em; }

.col2 { float: left; display: inline; width: 220px; margin: 33px 0 35px 35px; }

.portlet { width: 100%; border-radius: 3px; border: 1px solid #7ab3e9; margin: 0 0 22px 0; }
.portlet .portlet_inner { padding-bottom: 3px; }
.portlet h2 { color: #fff; font-size: 13px; text-transform: uppercase; text-shadow: 0 1px 1px #24619b; margin: 0; padding: 0; height: 43px; line-height: 41px; text-align: center; background: #7ab3e9; /* Old browsers */ background: -moz-linear-gradient(top, #7ab3e9 0%, #5388ba 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ab3e9), color-stop(100%, #5388ba)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7ab3e9 0%, #5388ba 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7ab3e9 0%, #5388ba 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7ab3e9 0%, #5388ba 100%); /* IE10+ */ background: linear-gradient(to bottom, #7ab3e9 0%, #5388ba 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ab3e9', endColorstr='#5388ba',GradientType=0 ); /* IE6-9 */ }
/**************Modified 17.1.13 to allow download bix items to spread on two lines
.portlet .portlet_nav { margin: 0; padding: 20px 10px 20px 20px; list-style-type: none; }
***************/
.portlet .portlet_nav { margin: 0; padding: 26px 10px 20px 20px; list-style-type: none; }
.portlet .portlet_nav.custom { padding: 10px 10px 10px 20px; border-top: 1px solid #b6cee6; }
.portlet .portlet_nav a { text-decoration: none; }
.portlet .portlet_nav a:hover { text-decoration: underline; }
.portlet .portlet_nav li { color: #6689ad; }
/***************Modified 17.1.13 to allow download bix items to spread on two lines
.portlet .portlet_nav li a {display:block; color: #005bb3; font-size: 13px; line-height: 2em; padding-left: 15px; background: url(../images/site/li_images.png) no-repeat 0 9px; }
****************/
.portlet .portlet_nav li a {display:block; color: #005bb3; font-size: 13px; line-height: 1; padding-left: 15px; background: url(../images/site/li_images.png) no-repeat 0 3px; margin-bottom: 13px; }
.portlet .portlet_nav li a:hover { color: #003e7a; }
/**************Modified 17.1.13 to allow download bix items to spread on two lines
.portlet .portlet_nav li.here a { color: #d22807; background-position: 0 -23px; }
***************/
.portlet .portlet_nav li.here a { color: #d22807; background-position: 0 -30px; }
.portlet .portlet_nav li.here li a { color: #005bb3; background-position: 0 -65px; }
.portlet .portlet_nav li li.here a { background-position: 0 -104px; }
.portlet .portlet_nav ul { margin: 0 0 0 20px; padding: 0; }
.portlet .portlet_nav ul li { list-style: none; }
.portlet .portlet_nav ul li a { background-position: 0 -65px; padding-left: 15px; }
.portlet .portlet_nav ul ul { display: none; }
.portlet p { margin: 20px; line-height: 1.6em; }

/*****************************
	Reports Styles (Added by Yuka 11/16/11)
*****************************/
/*****************************
	Contributors Page Styles
*****************************/
.listing h1 { clear: both; }

.author { margin: 8px 8px 15px 8px; width: 139px; float: left; height: 280px; }
.author p { line-height: 1.2em; margin:5px 0; }
.author p.country { text-transform: uppercase; font-weight: bold; margin-bottom: -5px; line-height: 1.2; }
.author p strong { color: #1a407f; font-family: 'Ubuntu', sans-serif; font-size: 15px; line-height: 1.1; }
.author img { border: 1px solid #4e545d; width:auto !important; height:auto !important; max-width:100%; }

.contributing { padding-left: 10px; }
.contributing li { float: left; width: 280px; margin-right: 20px; }
.contributing li.last { margin-right: 0px; }

p span { color: #4e93cb; }

.world_map { margin: 10px 0 40px; }

/* Fancy table overrides */
table.fancy { text-align: right; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
table.fancy.mobile { display: none; }
table.fancy table td { border: 1px solid #cedff1; }
table.fancy th { border-bottom: 1px solid #cedff1; }
table.fancy th.clear { background-color: transparent; border: none; }
table.fancy td { border-bottom: 1px solid transparent; }
table.fancy tr .tal { text-align: left; }
table.fancy tr.total td { color: #000; background-color: #ddebf6; text-transform: uppercase; font-weight: bold; }

table.fancy.mobile { display: none; width: 100%; text-align: right; border-top: 1px solid #cedff1; border-bottom: 1px solid #cedff1; }
table.fancy.mobile table td { border: 1px solid #cedff1; }
table.fancy.mobile th { border-bottom: 1px solid #cedff1; }
table.fancy.mobile tr .tal { text-align: left; }
table.fancy.mobile tr .tal.role { background-color: #3D739E; color: #fff; font-weight: bold; }
table.fancy.mobile tr .total { color: #000; background-color: #ddebf6; text-transform: uppercase; font-weight: bold; }
table.fancy.mobile tr td { border-bottom: 1px solid #cedff1; }
/*****************************
	Process Page
*****************************/
#process { background: url(../images/site/process_bg.png) no-repeat; width: 630px; height: 655px; position: relative; /*blue*/ /*orange_short*/ /*green*/ }
#process a { display: block; background: url(../images/site/process_blocks.png) no-repeat; color: #fff; text-shadow: 0px 1px 1px #a22c00; text-decoration: none; text-align: center; font-size: 11px; font-family: 'Ubuntu', sans-serif; font-weight: 400; padding: 10px 8px 6px 8px; line-height: 12px; margin: 5px; position: absolute; }
#process a span { display: none; padding: 25px 25px; width: 186px; height: 195px; background: url(../images/site/process_popup.png) no-repeat; position: absolute; top: -232px; left: -45px; color: #0e2943; text-shadow: none; text-align: left; font-family: Arial, Helvetica, sans-serif; }
#process a span strong { font-weight: bold; font-size: 13px; display: block; line-height: 1.1em; padding-bottom: 10px; }
#process a.big_popup span { width: 301px; height: 326px; top: -361px; left: -95px; background: url(../images/site/process_big_popup.png) no-repeat; }
#process a.mid_popup span { width: 240px; height: 306px; top: -338px; left: -70px; background: url(../images/site/process_mid_popup.png) no-repeat; }
#process a:hover span { display: block; }
#process a.orange_big { background-position: -1px -125px; width: 130px; height: 50px; }
#process a.orange_big:hover { background-position: -1px -203px; }
#process a.orange_sm { background-position: -1px -1px; width: 130px; height: 35px; }
#process a.orange_sm:hover { background-position: -1px -60px; }
#process a.orange_short { background-position: -1px -281px; width: 100px; height: 35px; }
#process a.orange_short:hover { background-position: -1px -339px; }
#process a.orange_short span { left: -60px; }
#process a.orange_short.big_popup span { left: -105px; }
#process a.orange_short.mid_popup span { left: -88px; }
#process a.blue { background-position: -1px -398px; width: 100px; height: 35px; text-shadow: 0px 1px 1px #2e5173; }
#process a.blue:hover { background-position: -1px -459px; }
#process a.blue span { left: -60px; }
#process a.blue.big_popup span { left: -105px; }
#process a.blue.mid_popup span { left: -88px; }
#process a.green { padding: 16px 12px 4px; background-position: -1px -524px; width: 64px; height: 48px; text-shadow: 0px 1px 1px #4c5d00; }
#process a.green:hover { background-position: -1px -606px; }
#process a.green span { left: -75px; }
#process a.green.big_popup span { left: -121px; }
#process a.green.mid_popup span { left: -101px; top: -333px; }
#process p { font-size: 11px; font-family: 'Ubuntu', sans-serif; color: #454f58; position: absolute; }
#process #t1 { top: 104px; left: 289px; }
#process #t2 { top: 351px; left: 46px; }
#process #p1 { left: 23px; top: 21px; }
#process #p2 { left: 370px; top: 21px; }
#process #p3 { left: 23px; top: 130px; }
#process #p4 { left: 280px; top: 135px; }
#process #p5 { left: 456px; top: 135px; }
#process #p6 { left: 23px; top: 254px; }
#process #p7 { left: 280px; top: 256px; }
#process #p8 { left: 37px; top: 387px; }
#process #p9 { left: 164px; top: 387px; }
#process #p10 { left: 290px; top: 387px; }
#process #p11 { left: 164px; top: 450px; }
#process #p12 { left: 290px; top: 450px; }
#process #p13 { left: 466px; top: 450px; }
#process #p14 { left: 101px; top: 550px; }
#process #p15 { left: 246px; top: 550px; }
#process #p16 { left: 392px; top: 550px; }

/***************************** Events
*****************************/
.event { margin: 10px 0 60px; }
.event h2 a { color: #1A407F; text-decoration: none; }
.event h2 a:hover { text-decoration: underline; }
.event p strong { color: #1a407f; }

.paging { clear: both; border-top: 1px solid #b0cdeb; text-align: center; padding-top: 30px; }
.paging.tablet, .paging.phone { display: none; }
.paging a { font-size: 13px; font-weight: bold; margin: .5%; padding: 8px 10px; background: #e2efff; text-decoration: none; color: #1a407f; float:left; }
.paging a.active { background: #d43309; color: #fff; }
.paging a.active:hover { color: #fff; }
.paging a:hover { color: #d43309; }

/***************************** Reviewers
*****************************/
.reviewers h3 { clear: both; padding: 20px 0 10px; margin: 0; }
.reviewers ul { margin: 0; padding: 0; list-style: none; clear: both; }
.reviewers ul li { padding: 0px 10px; border: 0px solid #999; float: left; width: 42%; }
.reviewers #page_clear { clear: both; padding-top: 20px; }

#btn_callout { display: block; margin: 10px 0; width: 100%; -moz-border-radius: 3px; border-radius: 3px; line-height: 14px; text-indent: 0; color: #fff; font-size: 13px; text-transform: uppercase; text-shadow: 0 1px 1px #a22208; margin: 0; padding: 21px 0; height: none; text-align: center; text-decoration: none; background-image: none; background: #f98551; /* Old browsers */ background: -moz-linear-gradient(top, #f98551 0%, #d64835 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f98551), color-stop(100%, #d64835)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f98551 0%, #d64835 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f98551 0%, #d64835 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f98551 0%, #d64835 100%); /* IE10+ */ background: linear-gradient(to bottom, #f98551 0%, #d64835 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f98551', endColorstr='#d64835',GradientType=0 ); /* IE6-9 */ }
#btn_callout:hover { background: #f76827; /* Old browsers */ background: -moz-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f76827), color-stop(100%, #cd1f02)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* IE10+ */ background: linear-gradient(to bottom, #f76827 0%, #cd1f02 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f76827', endColorstr='#cd1f02',GradientType=0 ); /* IE6-9 */ }
#btn_callout:active { background: #f76827; /* Old browsers */ background: -moz-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f76827), color-stop(100%, #cd1f02)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f76827 0%, #cd1f02 100%); /* IE10+ */ background: linear-gradient(to bottom, #f76827 0%, #cd1f02 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f76827', endColorstr='#cd1f02',GradientType=0 ); /* IE6-9 */ }

/***************************** disclaimer page workups added by Yuka (3/7/2012)
*****************************/
#btn_agree { display: block; width: 133px; height: 70px; background: url(../images/site/btn_agree_with_arrow_small.png) no-repeat -2px -3px; }
#btn_agree span { position: absolute; top: -999em; }
#btn_agree:hover { background-position: -2px -75px; }
#btn_agree:active, #btn_agree:visited { background-position: -2px -150px; }

/* background border */
.tableBorder { background: url(/images/site/TableBorder.png) no-repeat left; width: 620px; height: 582px; }

.tableBorder_content { align: center; width: 600px; }

/***************************** Non-homepage download button (added by Yuka, 3/12/2012)
*****************************/
/* Full Report button*/
#btn_full, #btn_SPM, #btn_download, #btn_search { display: block; width: 224px; height: 101px; background-repeat: no-repeat; background-position: -2px -3px; }
#btn_full span, #btn_SPM span, #btn_download span, #btn_search span { position: absolute; top: -999em; }
#btn_full:hover, #btn_SPM:hover, #btn_download:hover, #btn_search:hover { background-position: -2px -122px; }
#btn_full:active, #btn_full:visited, #btn_SPM:active, #btn_SPM:visited, #btn_download:active, #btn_download:visited, #btn_search:active, #btn_search:visited { background-position: -2px -241px; }

#btn_full { background-image: url(../images/site/btn_full_srex_report.png); }

#btn_SPM { background-image: url(../images/site/btn_summary_for_policymaker.png); }

#btn_search { width: 123px; height: 101px; background-image: url(../images/site/btn_search.png); }

/* chapter download button */
#btn_download { width: 500px; height: 70px; background-image: url(../images/site/btn_download.png); }
#btn_download:hover { background-position: -2px -75px; }
#btn_download:active, #btn_download:visited { background-position: -2px -150px; }

/*****************
alternative list style   - (if use <ul> tags without <li> tags, the hyperlinks get removed from the source for some reason)
*********************/
/* ordered list without number */
li.nostyle { list-style-type: none; }

@media only screen and (max-width: 980px) { body { width: 100%; }
  #wrapper { width: 100%; }
  #content { width: 100%; }
  /*---------- NAV */
  .nav { width: 76%; }
  .nav li a { padding: 10px 6px; }
  /*---------- Right Column */
  .col1 { width: 64.336373%; }
  .author { width: 21.5%; }
  .author img { max-width: 100%; }
  .author p { font-size: 0.9em; line-height:1.3; }
  .author p strong { font-size: 14px; }
  .world_map { max-width: 100%; }
  /*---------- Left Column */
  .col2 { width: 22.289767%; }
  .portlet .portlet_nav li { padding-bottom: 10px; }
  .portlet .portlet_nav li a { line-height: 1.5em; background-position: 0 5px;} 
}
@media only screen and (max-width: 950px) { 
	#header { height: 156px; }
  #header h1 { font-size: 16px; }
  #header p.title{margin:0; padding:20px 0 2px 14px; font-size:18px;}
  #header p { font-size: 12px; line-height: 1.2em; }
  #header .logos { display: none; }
  #header .logos.tablet { display: block; }
  /*---------- Navigation */
  .fact_sheet { margin-top: 13px; }
  .header_logos { width: 49%; height: 48px; background-image: url(../images/site/logos-tab.png); background-position: 100% 0; }
  .nav { display: none; }
  .nav_tablet { display: block; float: right; width: 346px; margin: 10px 15px 0 0; }
  .nav_tablet .label { float: left; font-weight: bold; display: inline-block; margin-right: 15px; font-size: 13px; padding-top: 12px; text-shadow: none; color: #154470; }
  .nav_tablet .menu { width: 225px; padding: 10px 0; overflow-x: auto; border-radius: 5px; border: 1px solid #d9e2ef; display: inline-block; cursor: pointer; margin-top: 1px; background: #e6f0fe; /* Old browsers */ background: -moz-linear-gradient(top, #e6f0fe 0%, #c2d8fd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6f0fe), color-stop(100%, #c2d8fd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6f0fe 0%, #c2d8fd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6f0fe 0%, #c2d8fd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e6f0fe 0%, #c2d8fd 100%); /* IE10+ */ background: linear-gradient(to bottom, #e6f0fe 0%, #c2d8fd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f0fe', endColorstr='#c2d8fd',GradientType=0 ); /* IE6-9 */ }
  .nav_tablet .menu.hover { background: #25537f; border-radius: 5px 5px 0 0; border-color: #25537f; }
  .nav_tablet .menu.hover .trigger { background-position: 100% 100%; color: #FFF; }
  .nav_tablet .menu.hover .drop { display: block; }
  .nav_tablet .menu .trigger { curser: pointer; color: #154470; font-size: 1.2em; padding: 3px 80px 5px 15px; text-shadow: none; font-size: 13px; font-weight: bold; background: url(../images/site/nav-trigger.png) no-repeat 100% 0; }
  .nav_tablet .menu ul { list-style: none; padding: 0; margin: 0; }
  .nav_tablet .menu ul li { border-bottom: 1px solid #7694B5; text-align: center; text-shadow: none; }
  .nav_tablet .menu ul li.last { border-bottom: none; border-radius: 0 0 5px 5px; overflow: hidden; }
  .nav_tablet .menu ul li a { color: #154470; padding: 16px 14px; text-decoration: none; display: block; color: #26537f; font-size: 13px; text-shadow: 0 1px 0 #fff; font-family: 'Ubuntu', sans-serif; font-weight: bold; text-align: left; }
  .nav_tablet .menu ul li a:hover, .nav_tablet .menu ul li a:focus { color: #FFF; background-color: #FFF; color: #f13d1c; }
  .nav_tablet .drop { display: none; position: absolute; border: 1px solid #25537f; background: #c2d8fd; border-top: none; width: 225px; margin: 11px 0 0 -1px; border-radius: 0 0 5px 5px; z-index: 13; }
  .nav_tablet .drop.show { display: block; }
  .fact_sheets { margin-top: 13px; }
  /*---------- Right Column */
  .col1 { width: 90%; float: none; margin-left: auto; margin-right: auto; display: block; }
  .author { width: 21.5%; margin-bottom: 20px; }
  .author img { max-width: 100%; }
  .author p { font-size: 12px; }
  .author p strong { font-size: 14px; }
 /* .paging { display: none; }*/
  .paging.tablet { display: block; }
  .paging.tablet .active { background: none; color: #1a407f; padding: 8px 20px; font-weight: bold; }
  /*---------- Left Column */
  .col2 { width: 100%; background-color: #ddebf6; margin: 30px 0; }
  .portlets_3 .portlet { width: 33%; }
  .portlets_2 .portlet { width: 50%; }
  .portlets_1 .portlet { width: 100%; float: none; }
  .portlet { float: left; background: none; border: none; }
  .portlet h2 { text-align: left; padding-left: 20px; height: auto; margin-bottom: 10px; }
  .portlet .portlet_nav { padding: 0 10px 20px 20px; }
  .portlet_inner h2 { background: none; color: #005BB3; text-shadow: none; line-height: 1.3em; padding-top: 12px; }
  #btn_callout { width: 50%;clear:both; margin: 15px auto;}
  #footer_links { text-align: left; float: left; line-height: 2em; }
  #footer_links li { white-space: nowrap; }
  /* home */
  .hp_col1, .hp_col2 { float: none; width: auto; margin-left: 6%; margin-right: 6%; }
  .hp_stats { padding: 0 5% 20px; }
  .stat_number { font-size: 62px; }
  .stat_name { font-size: 12px; }
  .hp_col1 .makers { margin-left: 0; margin-right: 5%; } }
@media only screen and (max-width: 609px) { .header_logos { width: 250px; height: 48px; background-image: url(../images/site/logos-kindle.png); }
  .nav_tablet { margin-top: 11px; }
  #header { height: 148px; }
  
  .title_wrap { min-height: 86px; }
  /*---------- Right Column */
  .author { width: 29%; }
  table.noBorder { display: none; }
  table.noBorder.break { width: 100%; display: block; margin-left: auto; margin-right: auto; }
  table.noBorder.search { display: block; width: 100%; }
  table.noBorder.search tbody { display: block; width: 100%; }
  /*---------- Left Column */
  .col2 { width: 100%; }
  .portlet { width: 30%; float: left; }
  /* home */
  .stats1, .stats2, .stats3 { display: block; width: auto; margin-bottom: 40px; }
  .stat_number { font-size: 90px; }
  .stat_name { font-size: 14px; } }
@media only screen and (min-width: 531px) and (max-width: 550px) { .nav_tablet .label { font-size: 11px; text-align: right; margin-right: 5px; margin-left: 10px; visibility: hidden; } }
@media only screen and (max-width: 530px) { body { border-top: none; }
  .title_wrap { width: 100%; }
  .header_logos { width: 228px; height: 34px; background-image: url(../images/site/logos-mobile.png); top: 12px; right: 12px; }
  #clouds { background: none; }
  .mobile_clouds { background: url(../images/site/bg_clouds-mobile.jpg) no-repeat 50% 100%; padding-bottom: 25px; }
  /*---------- Navigation */
  #header { height: auto; background: url(../images/site/bg_mobile.jpg) repeat-x 0 0; }
  #header p { font-size: 11px; line-height: 1.2em;  text-align: center; }
  #header p.title { font-size: 18px;  text-align: center; padding-top: 11px; }
  #header .fact_sheet { background-image: url(../images/site/btn_fact_sheet-mobile.png); width: 270px; height: 38px; margin-left: auto; margin-right: auto; float: none; }
  .nav_tablet { display: none; }
  .nav_mobile { display: block; min-height: 66px; overflow: hidden; }
  .nav_mobile button { margin-bottom: 21px; background: url(../images/site/nav-mobile.png) no-repeat 0 0; width: 42px; height: 39px; border: none; display: block; line-height: 300; overflow: hidden; cursor: pointer; position: relative; top: 12px; left: 13px; }
  .nav_mobile button:hover, .nav_mobile button:active { background-position: 0 -39px; }
  .nav_mobile .drop { display: none; background-color: #c6dbf2; border-bottom: 1px solid #4A5F75; }
  .nav_mobile .drop ul { list-style: none; margin: 0; padding: 0; }
  .nav_mobile .drop li:first-child a { border-top: none; -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15); box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15); }
  .nav_mobile .drop li:last-child a { border-bottom: none; -webkit-box-shadow: inset 0 -3px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 -3px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0 -3px 4px rgba(0, 0, 0, 0.2); }
  .nav_mobile .drop a { display: block; color: #25537f; font-size: 17px; padding: 12px 26px; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom: 1px solid #495f76; border-top: 1px solid #BDD0E4; }
  .nav_mobile .drop a:hover, .nav_mobile .drop a:focus, .nav_mobile .drop a:active { color: #EF3C20; background-color: #fff; }
  .nav_mobile.open button { background-position: 0 -78px; }
  .nav_mobile.open button:hover, .nav_mobile.open button:active { background-position: 0 -117px; }
  /*---------- Right Column */
  .author { width: 29%; }
  .reviewers ul li { width: 45%; }
  .paging.tablet { display: none; }
  .paging.phone { display: block; }
  .paging.phone .active { background: none; color: #1a407f; padding: 8px 20px; font-weight: bold; display: block; clear: right; }
  .paging.phone a { font-size: 2em; font-weight: bold; margin: .5%; padding: 15px 25px; background: #e2efff; text-decoration: none; color: #1a407f; display: inline-block; }
  .paging.phone a:hover { color: #d43309; }
  table.fancy { display: none; }
  table.fancy.mobile{display:inline-table;}
  /*---------- Left Column */
  .col2 { width: 100%; border: 1px solid #4A5F75; border-width: 1px 0; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15), 0 -3px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15), 0 -3px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15), 0 -3px 4px rgba(0, 0, 0, 0.2); margin-bottom: 0; }
  .portlet { width: 100% !important; float: none !important; margin-bottom: 0; }
  .portlet .portlet_inner { padding-bottom: 0; }
  .portlet .portlet_inner h2 { color: #fff; font-size: 13px; text-transform: uppercase; text-shadow: 0 1px 1px #24619b; margin: 0; padding: 12px 20px; background: #7ab3e9; /* Old browsers */ background: -moz-linear-gradient(top, #7ab3e9 0%, #5388ba 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ab3e9), color-stop(100%, #5388ba)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7ab3e9 0%, #5388ba 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7ab3e9 0%, #5388ba 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7ab3e9 0%, #5388ba 100%); /* IE10+ */ background: linear-gradient(to bottom, #7ab3e9 0%, #5388ba 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ab3e9', endColorstr='#5388ba',GradientType=0 ); /* IE6-9 */ }
  .portlet .portlet_nav { padding: 0; }
  .portlet .portlet_nav.custom { padding: 0; border-top: 0; }
  .portlet .portlet_nav ul { padding: 0; }
  .portlet .portlet_nav li { padding-bottom: 0; }
  .portlet .portlet_nav li a { background: none; padding-left: 0; display: block; padding: 8px 0 8px 20px; border-bottom: 1px solid #7694B5; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
  .portlet .portlet_nav li a:hover, .portlet .portlet_nav li a:focus, .portlet .portlet_nav li a:active { background-color: #fff; color: #f13d1b; text-decoration: none; }
  #content_bottom { background: none; }
  #footer_links { text-align: center; width: 100%; padding: 0; float: none; }
  #footer_links li { padding: 0; display: inline; }
  #footer_links li a { float: none; width: 100%; display: block; text-align: center; font-size: 1.3em; text-decoration: none; padding: 10px 0; border-bottom: 1px solid #b6bdc9; }
  #footer_links li a:hover { background-color: #2574bf; color: #fff; }
  /* home */
  .hp_col1 { margin-left: 0; }
  .hp_col1 h1 { font-size: 18px; line-height: 1.4; margin-left: 3%; }
  .hp_col1 p.report { font-size: 36px; margin: 25px 0 0 3%; }
  .hp_col1 .button { display: block; width: 100%; margin: 20px 3%; }
  .hp_col1 .full { float: none; }
  .hp_col2 { margin-left: 3%; margin-right: 3%; }
  .fact_sheets { margin: 13px auto auto; float: none; width: 270px; cursor: pointer; position: relative; }
  .fact_sheets .trigger { background: url(../images/site/get_fact_sheets_new_mobile.png) no-repeat; width: 270px; height: 38px; }
  .fact_sheets ul { display: none; background: #F2371E; width: 270px; margin: 0; }
  .fact_sheets ul a { padding: 8px 5px 8px 15px; text-decoration: none; font-size: 16px; }
  .fact_sheets ul a:hover, .fact_sheets ul a:focus { text-decoration: underline; }
  .fact_sheets ul li { text-align: center; border-bottom: 1px solid #FFF; margin: auto 10px; }
  .fact_sheets ul li:last-child { border-bottom: none; }
  .fact_sheets:hover ul { display: none; }
  .fact_sheets.open .close { background: url(../images/site/fact_sheets_close.png) no-repeat 94% 10px; display: block; height: 35px; border-bottom: 3px solid #F2371E; } }
@media only screen and (max-width: 430px) { /*---------- Right Column */
  .author { width: 42%; margin-bottom: 30px; }
  .reviewers ul li { width: 90%; }
  /*---------- Left Column */
  .col2 { width: 100%; }
  .portlet { width: 30%; float: left; }
  #footer_links { text-align: center; width: 100%; padding: 0; }
  #footer_links li { padding: 0; display: inline; }
  #footer_links li a { float: none; width: 100%; display: block; text-align: center; font-size: 1.3em; text-decoration: none; padding: 10px 0; border-bottom: 1px solid #b6bdc9; }
  #footer_links li a:hover { background-color: #2574bf; color: #fff; } }
.clear_fix:after, .hp_stats:after, #clouds:after { content: ""; display: block; height: 0; clear: both; }

.clear_fix, .hp_stats, #clouds { min-height: 1%; }

.country{text-transform: uppercase; font-weight:bold;}

/*--- Added by Vincent*/
.hptxt {padding-right:10px;line-height:150%}

.laimg {float:right;margin-left:10px}

.rp_stats { position: relative;  padding: 0 0 0px 0px;}
.rp_stats h2 { text-align: center; font-size: 27px; font-weight: normal; margin: 0; padding: 30px 0; }

.rp_stats1, .rp_stats2, .rp_stats3, .rp_stats4 { text-align: center; display: inline-block; width: 22%; margin: 0 1% 20px; border-radius: 3px; position: relative; }
.rp_stats1 .rp_stat_name, .rp_stats2 .rp_stat_name, .rp_stats3 .rp_stat_name, .rp_stats4 .rp_stat_name { display: inline-block; border-radius: 20px; margin: auto; padding: 5px 10px; position: relative; top: 18px; }

.rp_stats1 { border: 1px solid #FFA93D; }
.rp_stats1 .rp_stat_name { background: #FFA93D; }

.rp_stats2 { border: 1px solid #00AAD0; }
.rp_stats2 .rp_stat_name { background: #00AAD0; }

.rp_stats3 { border: 1px solid #99000B; }
.rp_stats3 .rp_stat_name { background: #99000B; }

.rp_stats4 { border: 1px solid #330921; }
.rp_stats4 .rp_stat_name { background: #330921; }

.rp_stat_number { font-size: 28px; font-family: 'Ubuntu', sans-serif; margin: 0; padding: 9px 0 0 0; }

.rp_stat_name { color: #fff; font-size: 12px; font-family: 'Ubuntu', sans-serif; text-shadow: 0 1px 1px #555; width: 75%; }

/*---
Frontpage Headlines styles
---*/

.headline { border-bottom: 1px solid #dee4ef; position: relative;  padding: 0px 0px 0px 0px;}
.headline h2 { text-align: center; font-size: 27px; font-weight: normal; margin: 0; padding: 30px 0; }
.headline1 { text-align: center; display: inline-block; width: 95%; height: 160px; margin: 0 1% 20px; border-radius: 10px; position: relative;  border: 1px solid #FFA93D;}
.headline1 .headline_name { background: #FFA93D; display: inline-block; border-radius: 30px; margin: auto; padding: 0px 10px; position: relative; top: 145px; }
.headline_name { color: #fff; font-size: 22px; font-family: 'Ubuntu', sans-serif; text-shadow: 0 1px 1px #555; width: 75%; padding: 10px 10px; }


.headline .nav {width: 100%}
.headline .nav .headline_name {font-size: 22px;}
.headline .nav .headline_text {font-size: 24px;}

.headline .nav_mobile {width: 100%}
.headline .nav_mobile .headline_name {font-size: 12px;}
.headline .nav_mobile .headline_text {font-size: 12px;}

.headline .nav_tablet {width: 100%; margin: 10px 0 0 20px}
.headline .nav_tablet .headline_name {font-size: 16px;}
.headline .nav_tablet .headline_text {font-size: 20px;}


.headline_text p{color: #0000; text-align: justify; font-size: 24px; font-family: 'Ubuntu', sans-serif; margin: 0 ; padding: 0px 9px 9px 9px ;}
a.headline_text {color: #000; text-decoration:none; }

.spm_col1 .button { text-decoration: none; background-color: #fbf1ed; border-radius: 3px; display: inline-block; text-align: center; vertical-align: top; width: 46%; margin: 20px 1%; }
.spm_col1 .button .title { color: #FFF; font-family: 'Ubuntu', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: normal; text-shadow: 0 1px 1px rgba(124, 46, 11, 0.75); display: block; border-radius: 3px; -webkit-box-shadow: 0 2px 3px rgba(109, 21, 0, 0.47), inset 0 -1px 1px rgba(109, 16, 0, 0.8); -moz-box-shadow: 0 2px 3px rgba(109, 21, 0, 0.47), inset 0 -1px 1px rgba(109, 16, 0, 0.8); box-shadow: 0 2px 3px rgba(109, 21, 0, 0.47), inset 0 -1px 1px rgba(109, 16, 0, 0.8); background: -moz-linear-gradient(top, #f7673c 0%, #cd1f1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7673c), color-stop(100%, #cd1f1a)); background: -webkit-linear-gradient(top, #f7673c 0%, #cd1f1a 100%); background: -o-linear-gradient(top, #f7673c 0%, #cd1f1a 100%); background: -ms-linear-gradient(top, #f7673c 0%, #cd1f1a 100%); background: linear-gradient(to bottom, #f7673c 0%, #cd1f1a 100%); }
.spm_col1 .button .de { display: block; padding: 15px 0 45px; background-repeat: no-repeat; background-position: 50% 80%; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; -webkit-transition: all 0.15s; transition: all 0.15s; }
.spm_col1 .button .alt { color: #ffef80; }
.spm_col1 .button .summary { display: block; color: #54301f; font-size: 11px; padding: 10px 0; }
.spm_col1 .button.makers .de { background-image: url(../images/site/policymakers.png); }
.spm_col1 .button.full .de { background-image: url(../images/site/full_report.png); }
.spm_col1 .button:hover .title, .hp_col1 .button:focus .title { background: -moz-linear-gradient(top, #c74429 0%, #b11e16 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c74429), color-stop(100%, #b11e16)); background: -webkit-linear-gradient(top, #c74429 0%, #b11e16 100%); background: -o-linear-gradient(top, #c74429 0%, #b11e16 100%); background: -ms-linear-gradient(top, #c74429 0%, #b11e16 100%); background: linear-gradient(to bottom, #c74429 0%, #b11e16 100%); }
.spm_col1 .button:hover .de, .hp_col1 .button:focus .de { background-position: 50% 93%; }
.spm_col1 .button:active .title { -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); background: -moz-linear-gradient(top, #79120a 0%, #c24026 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79120a), color-stop(100%, #c24026)); background: -webkit-linear-gradient(top, #79120a 0%, #c24026 100%); background: -o-linear-gradient(top, #79120a 0%, #c24026 100%); background: -ms-linear-gradient(top, #79120a 0%, #c24026 100%); background: linear-gradient(to bottom, #79120a 0%, #c24026 100%); -webkit-box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.5); }
.spm_col1 .button:active .de { background-position: 50% 93%; }


#alphabet div{display:none;}
#alphabet #a, #alphabet #b{display:block;}

/*-----
Coummunication and Outreach intro 
----*/
.co_title{
font-family: 'Ubuntu', sans-serif;
color: black;
font-size: 30px;
font-weight:bold;
line-height: 1.4em;
clear: left;

}

.co_text{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #1a407f;
	border-bottom: 1px solid #b0cdeb;
	padding-bottom:25px;
	
}
.co_text a{
	color: #1a407f;
	
}