/* RESET
/////////////////////////////////////////////////////////////////*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* TYPOGRAPHY
/////////////////////////////////////////////////////////////////*/
html        { font-size:100%;}
body        { font-size: 75%; color:#333; font-family: "Helvetica", Helvetica, Arial, sans-serif;}
/* HEADINGS
/////////////////////////////////////////////////////////////////*/
h1          { font-size:2em; line-height:1; font-weight: bold;}
h2          { font-size:1.3334em; line-height:1.25; margin: 0.5em 0; font-weight: bold;}
h3          { font-size:1.3334em; line-height:1.1667; margin: 0.5em 0; font-weight: normal;}
h4          { font-size:1.1667em;}
h5          { font-size:1em;}
h6          { font-size:1em;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ text-decoration: none;}
/* PARAGRAPH & LISTS
/////////////////////////////////////////////////////////////////*/
p           { margin:0 0 1.5em; }
ul, ol      { margin:0 1.5em 1.5em 1.5em; padding: 0 0 0 1em;}
ul          { list-style-type:square; }
ol          { list-style-type:decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { clear: left; color: #999; float: left; text-align: left; width: 120px;}
dl dd       { font-weight: bold; margin-left: 120px;}
/* LINKS
/////////////////////////////////////////////////////////////////*/
a:focus,
a:hover     { color:#3072D9; text-decoration: underline;}
a:focus,
a:active    { outline:none;}
a           { color: #3072D9; text-decoration: none; font-weight: normal;}
/* MISC
/////////////////////////////////////////////////////////////////*/
small       { font-size: 0.8333em; }
blockquote  { margin:1.5em; color:#666; font-style:italic; }
strong      { font-weight:bold; }
em,dfn      { font-style:italic; }
dfn         { font-weight:bold; }
pre,code    { margin:1.5em 0; white-space:pre; }
pre,code,tt { font:1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height:1.5; } 
tt          { display:block; margin:1.5em 0; line-height:1.5; }
hr          { color: #e9e9e9; background-color: #e9e9e9; border: none; border-color: #e9e9e9; font-size: 1px; height: 1px; outline: none; margin: 0 0 20px;}
#column2 table, td, th { vertical-align:top; }
/* CONTAINER
/////////////////////////////////////////////////////////////////*/
#container {
  background: url(http://hdr.undp.org/en/media/container_bg.png) repeat-y left top;
  margin: 0 auto;
  padding: 0 10px;
  overflow: hidden;
  width: 960px;
  position: relative; 
}
#container.sidebar{
  background-image: url(http://hdr.undp.org/en/media/container_sidebar_bg.png);
}
#column_1 {
	float:left;
	width: 360px;
	padding: 0;
}
#column_2 {
	float:right;
	width: 360px;
	padding: 20px 0;
}
#content{
  padding: 0 20px;
}
#space{
	margin: 20px;
}
/* HEADER
/////////////////////////////////////////////////////////////////*/
#header {
	background: url(/en/media/headerbg.png) no-repeat center center;
	height: 100px;
	margin: 0 auto;
	padding: 10px 10px 0;
	width: 960px;
	position: relative;
}
#header h1{
	padding-top: 20px;
}
/* TOP NAVIGATION
/////////////////////////////////////////////////////////////////*/
#topnav{
	text-align: left;
	position: absolute;
	top: 61px;
	height: 49px;
}
#topnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#topnav li {
  display: block;
  float: left;
  height: 49px;
}
#topnav a {
	background: url(/en/media/topnavbg.png) top right no-repeat;
	color: #fff;
	display: block;
	float: left;
	line-height: 49px;
	padding: 0 12px 0 10px;
	text-transform: uppercase;
	text-decoration: none;
}
#topnav a:hover {
	background: #0038AC url(/en/media/topnavbg.png) top right no-repeat;
}
#topnav .active a{
  background: #fff url(/en/media/topnavbg.png) top right no-repeat;
  color: #003399;
  font-weight: bold;
}
/* TOP LINKS
/////////////////////////////////////////////////////////////////*/
#toplinks{
	float:right;
	text-align:right;
	padding: 2px 10px 0 0;
	line-height: 1.35;
}
#toplinks ul{
  margin: 0;
  padding: 0;
}
#toplinks li {
	display: inline;
}
#toplinks li a{
	background: url(/en/media/footerbar.png) no-repeat left 1px;
	padding: 0 0.5em;
	color: #999;
	font-size: 0.916667em;
	text-decoration: none;
}
#toplinks li.noimage a {
	background: none;
	padding-left:0em;
}
#toplinks li a:hover {
	text-decoration:underline;
}
/* SHARE LINKS
/////////////////////////////////////////////////////////////////*/
#share {
	float:right;
	margin-right:-174px;
	margin-top:47px;
	z-index:100;
}
#share li {
	display: inline;
	margin: 0 0.5em;
}
#share a img {
	border: none;
}
/* LEFTNAV
/////////////////////////////////////////////////////////////////*/
#leftnav {
  border-top: 1px solid #fff;
}
#leftnav ul{
  list-style: none;
  margin: 0 0 50px;
  padding: 0;
}
/* HIERARCHY 1 */
#leftnav span,
#leftnav a {
  background: none;
  border-bottom: 1px solid #e8e8e8;
	color: #333;
	display: block;
	font-weight: normal;
	line-height: 1.25;
	margin: 0;
	padding: 8px 0 7px 10px;
}
#leftnav a:hover {
  background: url(/en/media/leftnav1.gif) top right repeat-y;
  text-decoration: none;
}
#leftnav .currentbranch0 span.currentbranch1 ul.multilevel-linkul-1 {
    background: none;
	line-height: 1.25;
	padding-left: 10px;
	border-right: solid 5px #fff;
}
#leftnav .currentbranch0 a{
  background: none;
  border: none;
  font-weight: bold;
  padding: 0;
}
#leftnav .currentbranch0 a:hover {
  text-decoration: underline;
}
#leftnav .selected{
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  color: #039;
  font-weight: bold;
}
/* HIERARCHY 2 */
#leftnav ul.multilevel-linkul-0{
  border-bottom: 1px solid #e8e8e8;
  color: #999;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-position: inside;
  background: #fff;

}
#leftnav ul.multilevel-linkul-0 li{
}
#leftnav ul.multilevel-linkul-0 a{
  background: none;
  border: none;
  color: #3072D9;
  display: block;
  font-weight: normal;
  line-height: 1.25;
  padding-left: 30px;
}
#leftnav ul.multilevel-linkul-0 a:hover{
  background: url(/en/media/leftnav1.gif) top right repeat-y;
}
#leftnav ul.multilevel-linkul-0 .currentbranch1{
  background: #fff;
  border-top: 1px solid #e8e8e8;
  border-bottom: none;
  color: #3072D9;
  font-weight: normal;
  padding-left: 30px;
}
#leftnav ul.multilevel-linkul-0 .currentbranch1 a{
  background: none;
  padding: 0;
}
#leftnav ul.multilevel-linkul-0 .currentbranch1 a:hover{
  text-decoration: underline;
}
#leftnav ul.multilevel-linkul-0 .selected{
  background: #fff;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  color: #3072D9;
  font-weight: bold;
}
/* HIERARCHY 3 */
#leftnav ul.multilevel-linkul-1{
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  color: #3072D9;
  margin: -1px 0 0 0;
  padding: 1px 0 10px 32px;
  list-style: square;
  list-style-position: inside;
}
#leftnav ul.multilevel-linkul-1 li{
}
#leftnav ul.multilevel-linkul-1 span,
#leftnav ul.multilevel-linkul-1 a{
  background: transparent;
  color: #3072D9;
	display: inline;
	font-size: 0.91667em;
	line-height: 1.133em;
	padding: 0;
}
#leftnav ul.multilevel-linkul-1 a:hover{
  background: transparent;
  text-decoration: underline;
}
#leftnav ul.multilevel-linkul-1 .currentbranch2{
  background: #fff;
  border: none;
	color: #3072D9;
	font-weight: normal;
  text-decoration: underline;
	margin: 0;
	padding-left: 0px;
}

#leftnav ul.multilevel-linkul-1 .selected{
  border: none;
  color: #3072D9;
  font-weight: normal;
}
/* TEASERS
/////////////////////////////////////////////////////////////////*/
#sticky{
  width: 195px;
}
.fixed{
	position: fixed;
	top: 20px;
}
.teaser{
  list-style: none;
  margin: 12px 10px;
  padding: 0;
}
.teaser a{
  background: #E9EDF2;
  border-top: 1px solid #DFE3E8;
  display: block;
  font-size: 0.91667em;
  padding: 10px;
  -webkit-border-radius:  5px;
  -moz-border-radius:  5px;
  border-radius:  5px;
}
.teaser h3{
  color: #707070;
  font-size: 11px;
  margin: 0 0 1em;
  padding: 0;
}
.teaser h4{
  color: #333;
  font-size: 11px;
  font-weight: bold;
  padding: 0;
}
.teaser a:hover{
  background-color: #DFE3E8;
  text-decoration: none;
}
.teaser p{
  color: #999;
  margin: 0;
}
.teaser strong{
  color: #3072D9;
}
.teaser a.highlight{
  background: #E9EDF2 url(/en/media/highlight.png) 150px 5px no-repeat;
}
.teaser a.share{
  color: #707070;
  text-transform: uppercase;
  background: #E9EDF2 url(/en/media/share.png) 150px 8px no-repeat;
}
#connect{
  background: #E9EDF2;
  border-top: 1px solid #DFE3E8;
  font-size: 0.91667em;
  margin: 0 10px;
  -webkit-border-radius:  5px;
  -moz-border-radius:  5px;
  border-radius:  5px;
}
#connect h4{
  color: #333;
  font-size: 11px;
  font-weight: bold;
  padding: 0;
  margin: 10px 10px 0;
}
#connect ul{
  list-style: none;
  margin: 0;
  padding: 5px 0;
}
#connect a{
  color: #707070;
  display: block;
  text-transform: uppercase;
  padding: 3px 10px 3px;
}
#connect a.share{
  background: transparent url(/en/media/share.png) 150px 3px no-repeat;
}
#connect a.mail{
  background: transparent url(/en/media/mail.png) 150px 3px no-repeat;
}
#connect a.rss{
  background: transparent url(/en/media/rss.png) 150px 3px no-repeat;
}
#connect a.twitter{
  background: transparent url(/en/media/twitter.png) 150px 3px no-repeat;
}
#connect a.youtube{
  background: transparent url(/en/media/youtube.png) 150px 3px no-repeat;
}
#connect a.facebook{
  background: transparent url(/en/media/facebook.png) 150px 3px no-repeat;
}
.teaser a:hover,
#connect a:hover{
  background-color: #DFE3E8;
  text-decoration: none;
}
/* FACT FOOTER
/////////////////////////////////////////////////////////////////*/
#factfooter{
	clear:both;
	float:none;
	padding: 20px 0 0;
}
#factfooter p {
  background: #DFE4E9;
  border-top: 1px solid #D1D7DD;
	color: #707070;
	font: italic 1em/1.5 "Georgia", Georgia, serif;
	margin: 0;
	padding:10px 20px 2px;
}
/* FOOTER
/////////////////////////////////////////////////////////////////*/
#footer{
	background: #fff;
	background: url(/en/media/footerbg.png) top center no-repeat;
	width:100%;
	clear:both;
	float:none;
	padding: 30px 0;
	margin: 0 auto;
	width: 980px;
}
#footer ul{
  margin: 0;
  padding: 0;
}
#footer li {
	display: inline;
}
#footer li a{
	background: url(/en/media/footerbar.png) no-repeat left center;
	color: #999;
	font-size: 0.916667em;
	padding: 0 1em;
	text-decoration: none;
	text-transform: uppercase;
}
#footer li.noimage a {
	background: none;
}
#footer li a:hover {
	text-decoration:underline;
}
/* ICONS
/////////////////////////////////////////////////////////////////*/
.rss    {
	background: url(/en/media/rss.png) no-repeat left center;
	padding-left:1.5em;
}
.rssfeed{ list-style: square url(/en/media/rss.png); }
.arrow  { list-style: square url(/en/media/arrow.gif); }
.excel  { list-style: square url(/en/media/excel.gif); }
.pdf    { list-style: square url(/en/media/pdf.gif); }
.ppoint { list-style: square url(/en/media/ppoint.gif); }
.word   { list-style: square url(/en/media/word.gif);}
.lms    { list-style: square url(/en/media/lms.gif); }
.zip    { list-style: square url(/en/media/zip.gif); }
.video  { list-style: square url(/en/media/video.gif); }
.audio  { list-style: square url(/en/media/audio.gif); }
.flash  { list-style: square url(/en/media/flash.gif); }
.ebook  { list-style: square url(/en/media/eReader-icon.png); }
.none   { list-style: none; }
/* BUTTONS
/////////////////////////////////////////////////////////////////*/
.button{ background: url(button_sprite.png) repeat-x top left;}
.button_1_hover  { background-color: #2755D3; background-position: 0 0; width: 1px; height: 21px; } 
.button_1        { background-color: #081988; background-position: 0 -121px; width: 1px; height: 21px; } 
.button_2_hover  { background-color: #DCDCDC; background-position: 0 -242px; width: 1px; height: 21px; } 
.button_2        { background-color: #F3F3F3; background-position: 0 -363px; width: 1px; height: 21px; }

/* ARROW ICON
/////////////////////////////////////////////////////////////////*/
.arrow_sprite{ background: url(arrow_sprite.png) no-repeat top left;}
.arrow_black_down{ background-position: 0 0; } 
.arrow_black_left{ background-position: 0 -104px; } 
.arrow_black_right{ background-position: 0 -211px; } 
.arrow_black_up{ background-position: 0 -318px; } 
.arrow_blue_down{ background-position: 0 -422px; } 
.arrow_blue_left{ background-position: 0 -526px; } 
.arrow_blue_right{ background-position: 0 -633px; } 
.arrow_blue_up{ background-position: 0 -740px; }

/* DROPDOWN
/////////////////////////////////////////////////////////////////*/
.dropdown{
   background: url(arrow_sprite.png) no-repeat top left;
}
.dropdown_expanded{ background-position: 0 -318px; } 
.dropdown_folded{ background-position: 0 0; } 

/* MISC
/////////////////////////////////////////////////////////////////*/
.big{ 
  font-size: 1.1em;
}
.invisible{
	overflow: hidden;
	position: absolute;
	height: 0em;
	width: 0em;
}
.message{
  line-height: 1;
  color: #red;
  font-size: 0.91667em;
}
.go{
  color: #999;
  background: url(http://hdr.undp.org/en/media/arrow_sprite.png) no-repeat top left;
  background-position: 0 -631px;
  font-size: 11px;
  padding: 0 0 0 10px;
}
.go strong{
  color: #3072D9;
}
.lead{
  font-size: 1.1334em;
}

/* BOXES
/////////////////////////////////////////////////////////////////*/
.hdrbox_rightblue,
.hdrhomebox_green{
	background: #EEE;
	padding: 10px 20px;
	margin: 0 0 20px;
}
.hdrbackground_blue,
.hdrbackground_green {
  background: #EEE;
  width: 200px;
}


/* HOMEPAGE
/////////////////////////////////////////////////////////////////*/
/*Home Teaser*/
#home_slider{
  padding: 1px 0 10px 0;
}
/*Home Main*/
#home_main{ 
  float: left; 
  margin: 0; 
  padding: 0 20px; 
  width: 705px; 
}
#vertical_features{
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#vertical_features li{ 
  border-bottom: 1px solid #e0e0e0; 
  clear: both; 
  overflow: hidden;
  padding: 20px 0 10px;
}
#vertical_features li.last{
  border-bottom: none;
}
#vertical_features li h3{
  /*background: url(http://hdr.undp.org/en/media/features_sprite.png) no-repeat top left;*/
  margin: 0.5em 0 1em;
  color: #3072D9;
  font-weight:bold;
  /*padding: 0 0 0 21px;*/
}
#vertical_features li h3 .icon_apps{ background-position: 0 0; } 
#vertical_features li h3 .icon_profiles{ background-position: 0 -116px; } 
#vertical_features li h3 .icon_reports{ background-position: 0 -232px; } 
#vertical_features li h3 .icon_videos{ background-position: 0 -348px; } 
#vertical_features #feature_apps{ padding-top: 0;}
#feature_apps h3{
  /*background: url(http://hdr.undp.org/en/media/features_sprite.png) no-repeat top left;*/
  margin: 0.5em 0 1em;
  /*padding: 0 0 0 25px;*/
}
#feature_apps ul{
  list-style: none;
  margin: 0;
  overflow: hidden;
}
#feature_apps li{
  border: none;
  float: left;
  clear: none;
  margin: 0 20px 0 0;
  padding: 0;
  width: 152px;
}
#feature_apps li a{
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 100px;
  margin: 0 0 10px 0;
  padding: 10px 50px 0 10px;
  position: relative;
  text-decoration: none;
  width: 92px;

}
#feature_apps li a#app_newdata{
  background: url(/en/media/app_newdata.png) no-repeat top left;
}
#feature_apps li a#app_countryprofiles{
  background: url(/en/media/app_countryprofiles.png) no-repeat top left;
}
#feature_apps li a#app_google{
  background: url(/en/media/app_google.png) no-repeat top left;
}
#feature_apps li a#app_indicators{
  background: url(/en/media/app_indicators.png) no-repeat top left;
}
#feature_apps li a#app_buildyourownindex{
  background: url(/en/media/app_buildyourownindex.png) no-repeat top left;
}
#feature_apps li a#app_buildyourowntables{
  background: url(/en/media/app_buildyourowntables.png) no-repeat top left;
}
#feature_apps li a#app_humandevelopmentindex{
  background: url(/en/media/app_humandevelopmentindex.png) no-repeat top left;
}
#feature_apps li a#app_humandevelopmentmap{
  background: url(/en/media/app_humandevelopmentmap.png) no-repeat top left;
}
#feature_apps li a span{
  background: url(/en/media/arrow_sprite.png) no-repeat top left;
  background-position: 0 -630px;
  top: 90px;
  display: none;
  font-size: 11px;
  font-weight: normal;
  position: absolute;
  padding: 0 0 0 10px;
}
#feature_apps li a:hover span{
  display: block;
}
#vertical_features li .column_1{
  float: left;
  margin-right: 20px;
  width: 335px;
}
#vertical_features li .column_2{
  float: left;
  width: 340px;
}
#vertical_features li#feature_countryprofiles{
  background: url(http://hdr.undp.org/en/media/feature_countryprofiles_bg.png) no-repeat 0 1px;
  height: 90px; 
}
#vertical_features li#feature_countryprofiles .column_2{
  width: 320px;
  padding-left: 20px;
}
#vertical_features li#feature_countryprofiles .column_2 select{
  width: 220px;
}
#horizontal_features{
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#horizontal_features li{
  float: left;
  margin: 0 10px 0 0;
  width: 160px;
}
#horizontal_features li h4{
  font-size: 1.334em;
  margin: 0.5em 0;
}
#horizontal_features li a{
  color: #999;
  line-height: 1.25;
  display: block;
  margin: 0 0 10px 0;
  position: relative;
  text-decoration: none;
}
#horizontal_features li a:hover{
  color: #3072D9;
  text-decoration: underline;
}
#horizontal_features li span{
  font-size: 0.91667em;
}
#horizontal_features li img{
  float: left;
  margin: 0 3px 0 0;
}
.homepage_reports{
	float:left;
	padding: 0 5px 0 0;
	display: inline-block;
	width: 130px;
}
#home_links{
	font-size: larger;
}
/* CONTENT
/////////////////////////////////////////////////////////////////*/
#content_main{ 
  float: left; 
  margin: 0 20px 0 0; 
  padding: 0; 
  width: 510px; 
}

/* SIDEBAR
/////////////////////////////////////////////////////////////////*/
#sidebar{ 
  float: left; 
  width: 195px;
}
#sidebar h3{
  color: #999;
}
#sidebar .sidebar_block{
  border-bottom: 1px solid #e0e0e0;
  margin: 0 0 30px;
}
#sidebar #connect{ 
  list-style: none; 
  margin: 0 0 20px; 
  padding: 5px 0;
}
#sidebar #connect a{ 
  background-position: 170px 3px;
}
#sidebar #latest_news,
#sidebar #blog,
#sidebar #upcoming_events{
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.91334em;
}
#sidebar #latest_news li,
#sidebar #upcoming_events li{
  margin: 0 0 20px;
}
#sidebar #latest_news li span,
#sidebar #upcoming_events li span{
  display: block;
}
#sidebar #latest_news li .date,
#sidebar #upcoming_events li .date{
  color: #999;
}

/* LATEST NEWS & EVENTS
/////////////////////////////////////////////////////////////////*/
#homecolright h2 {
  font-weight: normal;
}
#homecolright h3 a, #homecolright p.bottom a{
	text-decoration: none;
}
#homecolright h3 a:hover, #homecolright p.bottom a:hover {
	text-decoration: underline;
}
#homecolright img{
}
#homecolright  p {
}
#homecolright p.bottom{
}
/* FEATURES
/////////////////////////////////////////////////////////////////*/
#features {
	width:360px;
}
.left {
	width: 90px;
	margin: 0 10px 0 0;
  float: left;
}
/* LATEST NEWS & EVENTS
/////////////////////////////////////////////////////////////////*/
#homecolright h2 {
  font-weight: normal;
}
#homecolright h3 a, #homecolright p.bottom a{
	text-decoration: none;
}
#homecolright h3 a:hover, #homecolright p.bottom a:hover {
	text-decoration: underline;
}
#homecolright img{
}
#homecolright  p {
}
#homecolright p.bottom{
}

/* FEATURES
/////////////////////////////////////////////////////////////////*/
#features {
	width:360px;
}
.left {
	width: 90px;
	margin: 0 10px 0 0;
  float: left;
}

/* REPORTS
/////////////////////////////////////////////////////////////////*/
#regional ul{
  overflow: hidden;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
#regional li {
	list-style: none;
	width: 75px;
  float: left;
}
#regional img {
	margin-left: 0px;
	border:none;
	text-decoration:none;
}

/* SLIDER
/////////////////////////////////////////////////////////////////*/
.coda-slider-wrapper { position: relative;}
.coda-slider { }
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 300px; overflow: auto !important; padding-right: 20px }
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider,
.coda-slider .panel { width: 705px;}
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider,
.coda-slider-wrapper.arrows .coda-slider .panel { width: 468px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
/* Panel padding */
.coda-slider .panel-wrapper { padding: 30px 20px}
.coda-slider .panel-wrapper ul{ margin: 0; padding: 0; list-style: none;}
.coda-slider .panel-wrapper ul li			{ }
/* Arrow styling */
.coda-nav-left a,
.coda-nav-right a { }
/* Tab nav */
.coda-nav { padding: 10px 30px; clear: both;}
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; padding: 0; position: relative; z-index: 9999;}
.coda-nav ul li { display: inline }
.coda-nav ul li a { color: #999; display: block; float: left; margin: 0 30px 0 0;text-decoration: none;}
.coda-nav ul li a:hover{ color: #999; text-decoration: underline;}
.coda-nav ul li a.current { color: #3072D9;}
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center; margin: 0;}
.coda-slider p.loading img { float: none; margin: 20px 0;}
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left,
.coda-nav-right { float: left }
.coda-nav-left a,
.coda-nav-right a{ 
  background: url(http://hdr.undp.org/en/media/slider_navigation.png) no-repeat top left; 
  display: block; 
  height: 14px; 
  position: absolute; 
  top: 25px;
  text-align: center; 
  text-decoration: none;
  text-indent: -9999px;
  width: 13px;
} 
.coda-nav-left a       { background-position: 0 0; left: 0;} 
.coda-nav-left a:hover { background-position: 0 -114px; } 
.coda-nav-right a      { background-position: 0 -228px; right: 0;} 
.coda-nav-right a:hover{ background-position: 0 -342px; }

/* Home Teaser */
#coda-slider-1 h2{ font-size: 1.4em; font-weight: normal; margin: 0 0 0.5em;}
#coda-slider-1 h3{ font-size: 1.1334em; font-weight: bold;}
#coda-slider-1 p{ font-size: 1.1334em; font-weight: normal;}
#coda-slider-1 li{ float: none;}
#coda-slider-1 select{ width: 220px;}
#coda-slider-1 .panel{ height: 335px;}
#coda-slider-1 .panel-wrapper{ padding-right: 400px;}
#coda-slider-1 #hdr2010 .panel-wrapper{ padding-right: 250px;}
#coda-slider-1 #hdr2010 .column_1{ float: left; margin-right: 20px; width: 340px;}
#coda-slider-1 #hdr2010 .column_2{ float: left; width: 300px;}
#coda-slider-1 #hdr2010{ background: url(http://hdr.undp.org/en/media/teaser_hdr2010.png) no-repeat left top;}
#coda-slider-1 #reports{ background: url(http://hdr.undp.org/en/media/teaser_reports.png) no-repeat left top;}
#coda-slider-1 #countryprofiles{ background: url(http://hdr.undp.org/en/media/teaser_countryprofiles.png) no-repeat left top;}

/* Video Feature */
.coda-slider-wrapper.arrows #coda-slider-2 { margin: 0 20px }
#coda-slider-2{ width: 300px;}
#coda-slider-2 .panel { width: 310px;}
#coda-slider-2 .panel-wrapper { padding: 0}
#coda-slider-2 .panel ul{ overflow: hidden;}
#coda-slider-2 .panel li{ border: none; clear: none; float: left; font-size: 11px; height: 140px; margin: 0 15px 0 0; padding: 5px; width: 80px;}
#coda-slider-2 .panel li.last{ margin-right: 0;}
#coda-slider-2 .panel li a{ color: #999;}
#coda-slider-2 .panel a:hover{ text-decoration: none;}
#coda-slider-2 .panel a span{ color: #999; background: url(http://hdr.undp.org/en/media/arrow_sprite.png) no-repeat top left; background-position: 0 -631px; font-size: 11px; padding: 0 0 0 10px;}
#coda-slider-2 .panel a:hover span{ color: #3072D9; text-decoration: underline;}
#coda-slider-2 .panel img{
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

/* Reports Feature */
.coda-slider-wrapper.arrows #coda-slider-3 { margin: 0 20px }
#coda-slider-3{ width: 300px;}
#coda-slider-3 .panel { width: 310px;}
#coda-slider-3 .panel-wrapper { padding: 0}
#coda-slider-3 .panel ul{ overflow: hidden;}
#coda-slider-3 .panel li{ border: none; clear: none; float: left; font-size: 11px; height: 185px; margin: 0 15px 0 0; padding: 5px; width: 80px;}
#coda-slider-3 .panel li.last{ margin-right: 0;}
#coda-slider-3 .panel li a{ color: #999;}
#coda-slider-3 .panel a:hover{ text-decoration: none;}
#coda-slider-3 .panel a span{ color: #999; background: url(http://hdr.undp.org/en/media/arrow_sprite.png) no-repeat top left; background-position: 0 -631px; font-size: 11px; padding: 0 0 0 10px;}
#coda-slider-3 .panel a:hover span{ color: #3072D9; text-decoration: underline;}
#coda-slider-3 .panel img{
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

/* Presentations Feature */
.coda-slider-wrapper.arrows #coda-slider-4 { margin: 0 20px }
#coda-slider-4{ width: 475px;}
#coda-slider-4 .panel { width: 475px;}
#coda-slider-4 .panel-wrapper { padding: 0}
#coda-slider-4 .panel ul{ overflow: hidden;}
#coda-slider-4 .panel li{ border: none; clear: none; float: left; font-size: 11px; height: 125px; margin: 0 5px 0 0; padding: 5px; width: 80px;}
#coda-slider-4 .panel li.last{ margin-right: 0;}
#coda-slider-4 .panel li a{ color: #999;}
#coda-slider-4 .panel a:hover{ text-decoration: none;}
#coda-slider-4 .panel a span{ color: #999; background: url(http://hdr.undp.org/en/media/arrow_sprite.png) no-repeat top left; background-position: 0 -631px; font-size: 11px; padding: 0 0 0 10px;}
#coda-slider-4 .panel a:hover span{ color: #3072D9; text-decoration: underline;}
#coda-slider-4 .panel img{
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

/* Videos Feature */
.coda-slider-wrapper.arrows #coda-slider-5 { margin: 0 20px }
#coda-slider-5{ width: 475px;}
#coda-slider-5 .panel { width: 475px;}
#coda-slider-5 .panel-wrapper { padding: 0}
#coda-slider-5 .panel ul{ overflow: hidden;}
#coda-slider-5 .panel li{ border: none; clear: none; float: left; font-size: 11px; height: 125px; margin: 0 5px 0 0; padding: 5px; width: 80px;}
#coda-slider-5 .panel li.last{ margin-right: 0;}
#coda-slider-5 .panel li a{ color: #999;}
#coda-slider-5 .panel a:hover{ text-decoration: none;}
#coda-slider-5 .panel a span{ color: #999; background: url(http://hdr.undp.org/en/media/arrow_sprite.png) no-repeat top left; background-position: 0 -631px; font-size: 11px; padding: 0 0 0 10px;}
#coda-slider-5 .panel a:hover span{ color: #3072D9; text-decoration: underline;}
#coda-slider-5 .panel img{
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

/* Section Slider */
#coda-slider-section h3{ margin-bottom: 0;}
#coda-slider-section { width: 765px;}
#coda-slider-section .panel { width: 765px; }
#coda-slider-section .panel-wrapper{ padding: 20px}
#section_slider .coda-nav{ position: absolute; bottom: 10px; padding: 0;}
#section_slider .coda-nav a{ 
 background: url(http://hdr.undp.org/en/media/slider_pagination.png) no-repeat top left; 
 background-position: 0 -216px; 
 display: block;
 height: 8px;
 margin: 0 5px;
 text-indent: -9999px;
 width: 9px; 
}
#section_slider .coda-nav a.current { background-position: 0 0; } 
#section_slider .coda-nav a:hover   { background-position: 0 -108px; }

/* ACCORDION
/////////////////////////////////////////////////////////////////*/
#accordion-1{
  margin: 0 0 30px;
}
#accordion-1 .ui-accordion-content{
  color: #999;
  font-size: 0.9133em;
}
#accordion-1 .ui-accordion-content ul{
  margin: 0 0 1.5em;
  padding: 0;
  list-style-position: inside;
}
#accordion-1 .ui-accordion-content ul li{
  border-bottom: 1px solid #f0f0f0;
  padding: 3px 0 0;
}
#accordion-1 .ui-accordion-content ul li a{
  color: #999;
}
#accordion-1 .ui-accordion-content ul li a:hover{
  color: #3072D9;
}
/* FIXES (Chrome homepage and IE home icon)
/////////////////////////////////////////////////////////////////*/
#share ul{ margin-bottom:0;}
#topnav a img{ padding: 17px 0 20px;}
