/*
Compiled from 3 separate files: eldisMaster.css, eldisHeadnFoot.css and eldisContainers.css
===== General =====
Dark-brown: #bd8220
Light-brown: #d7af45
Mid-brown: #960;
Dark-green: #4f944a
Blue: #68a1da
*/

html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,tt,var,dl,dt,dd,ul,ol,li,h1,h2,h3,
h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}abbr,acronym{border:0;}

html>body{
	min-width : 970px;
}

body {
	margin-top : 0;
	background: #FFF;
	font-family: "Open Sans", sans-serif;
	font-size: 100%;
	/*, trebuchet ms, arial, sans serif;*/
}
ul {list-style: none; margin: 0; padding: 0}
ol {margin-left: 26px;}
.asset-description ul, .htmlSection ul {list-style: disc; margin: 6px 6px 6px 26px;}


/* Layout */
.clear{clear:both; line-height: 0px; height:1px;clear:both;margin-top:-1px;overflow:hidden;}
.wrap {
	width:100%;
	margin: 0 auto;
	position:relative;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.2em;
}
div.outer { background-color: #f4f4f4;clear: both; }
div.inner { margin: 0 auto;width: 980px; background-color: #fff;}

#header-outer, #branding-outer { background-color: #fff; }
#subhead-outer, #subhead { background-color: #eee; border-bottom: 1px solid #fff; border-top: 1px solid #eee; }
#content-outer { background: url('../images/assets/fades.jpg') scroll repeat-x 0 -200px #fff;  }

#banner-outer { height: 210px; background-color: #d2e6b1;  }
#banner-inner { background-color: #fff; width: 980px;position:relative; height: 210px;}
#banner-inner a.browse {position:absolute;z-index:10;}
#banner-inner a.left {left: -22px; top: 0px;background:url('../images/assets/slider-arrows.png') no-repeat -40px 0;}
#banner-inner a.right {right: -22px; top: 0px;background:url('../images/assets/slider-arrows.png') no-repeat -10px 0px;}

#banner, .banner { margin: 0 20px 0 20px; } 
#banner-left {float: left;position:relative;border-right: 1px solid #eee;padding-right: 10px;}
#banner-right {float: right; width: 230px; padding: 0 0 0 0px;}


.banner-feat { width: 580px;float:left;overflow: hidden; padding-right: 10px; border-right: 1px solid #ccc;min-height: 210px;}
.banner-feat-inner {position: relative;height: 210px;}
.banner-feat-inner .banner-content {position: absolute; left: 280px; bottom: 0px; background-color: #fff;width: 280px;min-height: 40px;padding: 10px;}
.banner-news { width: 164px; float: right; padding-left: 10px;}
.banner-news-inner {background-color: #eee;overflow: hidden; }
.banner-feat a, .banner-news a, .banner-feat a:visited, .banner-news a:visited {text-decoration: none; }
.banner-content {font-size: 0.85em;line-height: 1.1em;}
.banner-feat .banner-content {font-weight: bold; }
.banner-news .banner-content {min-height: 90px; max-height: 90px; padding: 6px;}
.banner-news .banner-content h4 {font-size: 1em;font-weight: bold; padding: 0 0 4px 0}

#banner-inner a.browse {display:block; width:30px; height:210px; float:left; margin:0; cursor:pointer; text-indent: -12000em;}
.banner-feat h3, .banner-news h3 { background-color: #68a1da; color: #fff; text-transform: uppercase; font-weight: bold;font-size: 1.05em; padding: 2px 4px 0px 4px;line-height: 1.2em;margin: 0;}
#banner-inner a.disabled { visibility:hidden !important; background-image: none !important;}
.scrollable {    position:relative;    overflow:hidden;    width: 980px;    height:210px;}
.scrollable .items {  /* this cannot be too large */   width:20000em;    position:absolute;    clear:both;}
.items div.banner {   float:left;    width:940px;}
.scrollable .active {    border:2px solid #000;    position:relative;    cursor:default;}


.attribution-logo {position:absolute; right:10px; top: 10px;padding:4px; background-color: #fff;z-index:10; }
.attribution-logo-top-level {float: right; position:relative; padding:0; background-color: transparent;z-index:0; }
#banner-text {padding: 10px 0; margin: 0 10px; position: absolute; right: 0; bottom:0; background-color:#fff; width:480px; }
#subhead { background-color: #f3f3f3; }
#breadcrumb.topics { background-color: transparent !important; }
#logo {float: left; }	
#head-breadcrumbs, #head-search { width: auto; margin: 0; float: left; }

#head-social { width: auto; margin: 0; float: right; text-align: right;}
#head-translate { width: auto; margin: 0; float: right; text-align: right; margin-top: 5px;}
#topnav { text-align: right; padding-top: 55px;} 

#contentWrapper{ padding:10px 0 10px 0; background-color: #fff; min-height: 500px; /* Temp fix*/}
#footwrap { border-top: 1px solid #777; }
/*#footwrap, #footer {background: url('../images/assets/fades.jpg') scroll repeat-x 0 -200px #fff;}*/
#footwrap, #footer {background-color: #f3f3f3;}
#footer-bottom { padding: 10px; color:#fff; background-color: #68a1da; }
#footer-bottom-outer { background-color: #68a1da; }


#mainContentWrapper {float:left; width:480px; margin: 0;padding:0;}
#mainContentEnvelope {float:right; width: 740px;padding:0;}
#mainContent{ margin: 0px 10px /*165px*/;	padding:0; }
#mainContentTop {float:none; margin: 0 20px 0 10px;}

/* home page-type layout - split into Left and Right*/
#homeLeftWrap{ float:left;width: 600px;}
#homeLeft { margin: 0 10px 0 20px; }

#homeRightWrap{ float:right;width: 380px; }
#homeRight { margin: 0 20px 0 10px; padding: 0 0 0 10px;background-color:#fff;border-left: 1px solid #ccc;}


/* Home Left is split into LeftPanel and MidPanel, MidPanel is different on home page */
#homeLeftPanel { float: left; width: 380px;overflow: hidden;}
#homeMidPanel {text-align:left; width: 180px; float:right; margin-left: 10px;padding:0;}
body.home #homeLeftPanel { width: 280px;}
body.home #homeMidPanel {width: 280px; }
	
/* Normal 3 column page layout */
.leftPanel {float:left;width: 240px; margin: 0; padding: 0;}
.rightPanel { float: right; width: 260px;  }
.midPanel {float:left; width:480px; margin: 0px; padding:0;}
.leftPanel .col-inner {margin: 0 10px 0 20px; padding: 0;}
.midPanel .col-inner {margin: 0 10px 0 0; padding: 0}
.rightPanel .col-inner {margin: 0 20px 0 10px }

#leftPanelWrap { float:left;width: 240px; margin: 0; padding: 0;}
#leftPanel{  margin:0 10px 0 20px; padding:0; }
#rightPanelWrap { float: right; width: 259px;  border-left: 1px solid #eee;}
#rightPanel{margin:0px 20px 0px 10px;}

/* Assets */
.content-top h1 {margin: 8px 0px 10px 0px;font-size: 1.5em;line-height: 1.1em;padding: 0px 20px 0px 0px;}

/* Document */
.asset-desc, .content-top .h4top {background: url('../images/assets/icons.gif') no-repeat -446px -450px #bd8220; color: #fff;margin; 10px 0 0 0; }
/*.content-top .h4top { background: url('../images/assets/icons.gif') no-repeat -446px -460px #fff;padding-top: 8px;}*/
.content-top .h4top {background-color: #fff; }
.asset-desc {  font-weight: bold; padding: 4px 4px 4px 28px;text-transform: uppercase; }
.document-desc { background-position: -446px -450px }
.organisation-desc { background-position: -506px -510px }
.job-desc { background-position: -536px -540px }
.news-desc { background-position: -566px -570px }


.asset-subdesc {text-align: right; background-color: #eee; font-size: 0.9em; padding: 6px;}
.asset-headline { font-weight: bold; font-size: 0.9em; padding: 0px 20px 10px 0px;}

/* Organisation */


#homeTriptychWrap {clear: both;margin: 20px 0px 10px 0px; background-color: #fff;padding: 20px 0px;}
.triptych { float:left;  }
.triptych-inner { background-color: #ddd;margin-left: 10px; min-height: 140px; }
#homeTriptych1 {margin-left: 10px; width: 295px;}
#homeTriptych2 {width: 295px;}
#homeTriptych3 {margin-left: 20px; width: 350px;}
#homeTriptych3 .triptych-inner {}

/*#otherContent{ font : normal 0.75em Arial, Helvetica, sans-serif;float:left;width: 400px; padding:15px 15px 0 15px; }*/

#content-bottom { clear: both; }

.banner-title {color: #bd8220; font-size: 1.6em; font-weight: bold; padding: 0 20px 6px 20px; line-height: 1em;}
.banner-desc, .banner-social {color: #444; font-size: 0.9em; font-weight: bold;padding: 0 20px 0px 20px; min-height: 0px;} 
.banner-social { padding-top: 4px; font-size: 1em; xxbackground: url('../images/assets/arrows.gif') no-repeat -26px -298px; xxpadding-left: 34px; }
.banner-social a span { text-decoration: underline; margin-left: 4px; background-size: 1.2em 1.2em; padding: 2px 0 2px 1.4em; display: inline-block; background-repeat: no-repeat; background-position: 0 2px;  }
.banner-social a span.icon-facebook {  background-image: url("/images/icons/facebook_round.png") }
.banner-social a span.icon-twitter {  background-image: url("/images/icons/twitter_round.png") }

#head-social {margin: 6px;}
.social-inner {float: right; margin-left: 5px;}
#subscribe a {font-weight: bold; 
	text-transform: uppercase; 
	font-size: 1em; 
	text-decoration: none; 
	display: block; 
	background: url('../images/icons/subscribe16dark.png') no-repeat 6px 4px #fff; 
	border: 1px solid #ddd; 
	padding: 5px 10px 5px 27px;}
#share a {font-weight: bold; 
	text-transform: uppercase; 
	font-size: 1em; 
	text-decoration: none; 
	display: block; 
	border: 1px solid #ddd; 
	background-color: #fff;
	padding: 4px 10px 5px 10px;
	line-height: 16px}

#share_2 {
	padding: 10px;}
	
/* Tabs */
#mainContent div.tabsWrap, #mainContentTop div.tabsWrap {background-color: #eee;}
#mainContent div.tabsWrap h2 {margin: 0;}
#mainContent ul.tabs, #mainContentTop ul.tabs { list-style: none; background-color: #f3f3f3;margin: 0 1px; padding: 0;}
#mainContent ul.tabs li, #mainContentTop ul.tabs li { float: left; padding: 0; margin: 0; border-left: 1px solid #fff; border-right: 1px solid #ccc; background-image: none;}
#mainContent ul.tabs li a, #mainContentTop ul.tabs li a { display: block; padding: 8px 8px 6px; text-transform: uppercase; font-weight: bold; background: url('../images/assets/fades.jpg') repeat-x 0 0 #eee; text-decoration: none;font-size: 0.9em;}
#mainContent ul.tabs li a.current, #mainContentTop ul.tabs li a.current {background-color: #fff;background-image: none;}

#searchSummary {padding: 10px 10px 0px 8px;}

/*Tables*/
div#mainContent table, div#mainContent tr, div#mainContent td {
    padding: 5px;
    border: solid 1px #aaa;
}

/* Home page key areas */
#location {}
#map { margin: 10px 0px; background: url("/images/assets/fades.jpg") repeat-x scroll 0 -200px transparent; }
#location h3 {background-color: #4f944a; color: #fff; text-transform: uppercase; font-weight: bold;font-size: 1.05em; padding: 4px 4px 0px 4px;}

#topics { width: 580px; background-color: #eee; }
#key-topics h3 { background-color: #bd8220; color: #fff; text-transform: uppercase; font-weight: bold;font-size: 1.05em; padding: 4px 4px 0px 4px;}
#key-topics-inner { position: relative; padding-top: 10px; border-top: 8px solid #fff;background: url('../images/assets/fade-right-top.jpg') no-repeat 270px 0 #eee; border-bottom: 1px solid #eee;}
#key-topics ul {clear: left; width: 280px; display: block; list-style: none; margin: 0; padding: 0;   position: relative; min-height: 284px; /*height: 284px; */}
#key-topics li {display: block; float: left; width: 280px; padding: 0; margin: 0 }
#key-topics li a.tab, #key-topics li a.tab:visited  {text-transform: none; display: block; padding: 8px 0 8px 12px; font-size: 1em; font-weight: bold; text-decoration: none; background: url('../images/assets/fade-right.jpg') repeat-y 100% 0 #eee; }
#key-topics li a.tab:hover {background-color: #d7af45;color: #fff; background-image: url('../images/assets/fade-right-brown.jpg') }
#key-topics li.topics-title a {display: none; }

#key-topics li .description { display: none; position: absolute; top: 0; left: 280px; background-color: #eee; width: 290px; height: 300px; font-size: 0.9em; overflow: hidden;}
#key-topics li .description .key-topics-inner { margin: 10px 0px; padding: 0 10px 0 20px;  }
#key-topics li .description.pinned, #key-topics li .pinned.description { display: block;}
#key-topics li.pinned { background-color: #d7af45; }
#key-topics li .description img { width: 280px; height: 85px; margin-left: 10px;}
#key-topics li .description .key-topics-title { font-size: 1.15em; color: #960;font-weight: bold; padding: 6px 0px;}
#key-topics li .description .key-topics-desc { padding: 0px 0px 6px 0px;}


#sub-topics {margin: 0px 0px 20px 0px;background: url('../images/assets/fades.jpg') repeat-x 0px -200px #fff;clear: left;border-top: 10px solid #fff;}
#sub-topics h3 { text-align: center;border-top: 0px solid #999;margin: 0;border-top: 1px solid #ccc;font-size: 1em;}
#sub-topics h3 span { text-align: center; margin: 0 auto;background-color: #bd8220; color: #fff; text-transform: uppercase; font-weight: bold;font-size: 0.9em; padding: 1px 8px 2px 8px;line-height: 1.2em; }
#sub-topics ul { margin: 10px; padding: 0 0 10px 0;}
#sub-topics li {float: left; display:block; width: 33%; line-height: 1em;}
#sub-topics li.col0 {margin-left: 0; }
/*#sub-topics li.col1 {xmargin-left: 33%; xmargin-top: -1.4em;}
#sub-topics li.col2 {xmargin-left: 66%; xmargin-top: -1.4em;}*/
#sub-topics li a, #sub-topics li a:hover, #sub-topics li a:visited  {margin-left: 0em;display: block; padding: 6px 4px 6px 18px; text-decoration: none; background: url('../images/assets/arrows.gif') no-repeat -120px -200px transparent; font-size: 0.875em; }

.prev-next {margin: 10px 0;background-color: #f3f3f3;} 
.prev-next ul {margin: 0; padding: 0; width: 100%;}
.prev-next ul li { float: left; background-color: #f3f3f3;}
.prev-next ul li a { display: block; padding: 6px 4px; text-decoration: none;font-size: 0.9em;color:#960;}
.prev-next ul li a:hover {border: 1px dotted #a93;}
.prev-next ul li a.active {font-weight: bold; border: 1px solid #a93;}
.prev-next ul li.nav a { background: url('../images/assets/arrow_buttons.png') no-repeat -54px -52px transparent; text-indent: -12000px;padding: 6px 12px; text-transform: capitalize; width: 0}
.prev-next ul li.nav a.first { background-position: -144px -142px;}
.prev-next ul li.nav a.previous { background-position: -84px -82px;}
.prev-next ul li.nav a.next { background-position: -54px -52px;}
.prev-next ul li.nav a.last { background-position: -114px -112px;}
.prev-next .items-count { float: right; font-size: 0.9em; padding: 6px; }

a{
	color:#333;
	text-decoration:underline;
}

a:visited{
	color: #4E4E4E;
	text-decoration:underline;
}

a:hover{
	color:#222;
	text-decoration:none;
}

fieldset {
	padding: 0px 10px 20px 10px;
	margin-bottom: 10px;
}
legend {
	color:#8C7442;
	font-weight: bold;
	font-size: 1.2em;
	margin: 7px 0px 10px 0px;
}
/* Genric Form */
form {
}
textarea {
	border: 1px solid #8C7442;
}
input {
	vertical-align:middle;
	border: 1px solid #ccc;
}
input.formtext {
	border: 1px solid #8C7442;
}
form  p {
	margin-bottom: 10px;
}
label {
	font-weight: bold;
	color:#333;
	vertical-align:middle;
}
label.radio, label.checkbox {
	font-weight: normal;
}
select.dropdown {
	border: 1px solid #8C7442;
}

table.formlayout th, table.formlayout td{
	font-weight: normal;
	padding: 0px 5px 2px 0px;
}
a img { border: 0 }

dt { margin-top: 4px;}
dd { margin-top: 4px;}
div.item dd {padding-left: 0px; } /* Overwrite normal padding for our lists of assets */
dd.credit { clear: left; padding-left: 0 !important; max-width: 100px; font-size: 0.85em;}
dl.canned-search dt a { text-decoration: none; font-weight: bold; }
/*
===== Common styles =====
*/
.hidden { display: none !important;}
.hint {	color: #999999;}
.required {	color: #cc0000;	font-weight: bold;}
.closebutton {	float: right;}
.container .closebutton { background: url('../images/assets/arrow_buttons.png') no-repeat -180px -180px transparent; padding-left: 18px;}
.biblio_ref{color:#8C7442;}
.biblio_date{
	color:#A0A0A0;
}

.hide_me {
	display: none;
}
/*a.read-more { display: block; padding: 4px; color: #fff; background-color: #5BA4DB; border: 1px solid #2C83CA; margin: 4px 0; width: -moz-max-content; max-width: 100px; line-height: 1.2em; text-decoration: none; text-transform: uppercase; font-weight: bold; }
a.read-more:hover { background-color: #3994d9; }*/

a.read-more { text-transform: uppercase; font-weight: bold; }
a.read-more:hover { text-decoration: underline; }
a.read-more { background: url("../images/assets/arrows.gif") no-repeat scroll -26px -298px transparent;
    display: block;
    font-size: 1em;
    font-weight: bold;
    padding: 6px 0 6px 14px;
    text-transform: uppercase;
}


/* REEGLE GLOSSARY */
.morelink {background: url('../images/assets/arrow_buttons.png') no-repeat 0 4px transparent;  padding: 4px 2px 2px 16px; display: block;}
.less {background: url('../images/assets/arrow_buttons.png') no-repeat -30px -26px transparent;  padding: 4px 2px 2px 16px; display: block;}
.reegle-concept-source {text-align: right;display: block;font-size: 0.8em;}
.reegle-concept-detail {font-size: 0.9em;}
.morecontent span {	display: none;}
.reegle-concept-title { text-transform:capitalize; font-weight: bold; }


#homeContent dl.imageTable {
	color:#333;
	margin: 10px 0 10px 0;
	background-color:#f3f3f3;
	list-style-type : none;
	scroll:auto;
}
/* fix peekaboo in IE 6 \*/
* html #homeContent dl.imageTable {height: 1%}
/* end hck */

#homeContent dl.imageTable dl.imageTablePic {
	margin-top:2px;
	float:left;
	list-style-type: none;
}

#homeContent dl.imageTable dd.foot{
	background:#E6E6E6 url(../images/imageTableBackgroundBottom.gif) bottom no-repeat;
	height:2px;
	list-style-type:none;
	clear: both;
}

#homeContent dl.imageTable dd.credit{
	clear:both;
	font-size:0.8em;
	color:#666;
	width: 100px;
	list-style-type : none;
	margin: 0px 3px;
}

#homeContent dl.imageTable dt, #mainContent dl.imageTable dd {
	list-style-type:none;
	padding: 6px;
}

#homeContent dl.imageTable dt {
	font-size:1.2em;
	padding-top:8px;
}

#homeContent dl.imageTable a{
	font-weight : bold;
	color:#333;
	text-decoration:underline;
}
#homeContent dl.imageTable a:hover, #homeContent dl.imageTable a:hover{
	color:#8C7442;
	text-decoration:none;
}



/*
===== Home MainPanel =====
*/


/*
===== Right Panel =====
*/



#rightPanel div p, #rightHome div  p, #leftPanel div p{
	margin: 6px 0px 0px 0px;
}

#rightPanel div li p, #rightHome div  li p, #leftPanel div li p{
	padding: 0;
}

#rightPanel div img, #rightHome div  img, #leftPanel div img{
	margin: 4px 2px 0px 4px;
	border: none;
	
}
#rightPanel div p img, #rightHome div p img, #leftPanel div p img{
	margin: 2px 4px 4px 0px;
}

/*
===== Left Panel =====
*/

/* Reporters Form */
.container-reporters-signup form {
	padding: 0;
	margin: 0px 0px 0px 0px;
}
.container-reporters-signup fieldset { padding: 0; margin: 0; }

.reporters-email { width: 150px; height: 18px;}
#banner-right .genericA h4 { background: url('../images/assets/icons.gif') no-repeat 210px -0px #68a1da; padding: 4px 30px 4px 4px; border-top: 4px solid #fff; }
.container-reporters-signup .container-content {   background-color: #EEEEEE;}
#banner-right .genericA  .container-content { background-color: #eee; }

#banner-right .container.attribution-eldis-climate { margin: 10px 0 0 0; }
#banner-right .attribution-themeid-308 { margin-top: 10px; }

.container-content .reporters-signup { padding-top: 10px; }
.container-content .content-description { background-color: #fff; } 

.container-reporters-signup .container-desc { padding: 0 8px; }
.container-reporters-signup .container-content .container-desc { padding: 0 0px; }
.container-reporters-signup .container-desc ul, .container-reporters-signup .container-desc ul li { margin: 0; padding: 0 !important; background-image: none !important;}
.container-reporters-signup .container-desc li a {
	background-image: url('../images/assets/arrows.gif');
	background-repeat: no-repeat;
	background-position: -25px -300px;
	padding: 4px 2px 4px 14px;
	display: block;
}

#rightPanel div.container-image img, #leftPanel div.container-image img {margin: 0px; display: block;}

/* Search Form */
form.search {
	font-size:0.95em;
	vertical-align:middle;
	margin: 6px 0px 6px 20px;
}
#nav-search .container { margin: 10px 0px 0px 0px }
#nav-search form.search {
	margin: 6px 0px 10px 0px;
}
div.filter { margin: 10px 0px; }
/*form.search .button {
      height: 30px;
      width: 38px;
      cursor: pointer;
      text-indent: -9999px;
      border: none;
      background: url(../images/go_small.gif) no-repeat left top;
      margin: 0px 0px 0px 0px;
}
#nav-search form.search .button {height: 22px;width:32px;}
*/
form.search legend{
	display:none;
}
form.search fieldset, form.search label{
	border: none;
	padding: 0px;
	margin: 0px;
}
form.search label {	display: inline;font-weight: normal; font-size: 0.9em; line-height: 1em;}

.searchinput {
	width:162px;
	height: 28px;
	margin-left: 0px;
	font-weight:normal;
	background:#FFF;
	border-top:1px solid #ccc;	border-left: 1px solid #ccc;	border-bottom: 1px solid #ccc;
	vertical-align:middle;
	padding: 0 0px;
	color: #68a1da;
	font-size: 1.6em;
}
#nav-search .searchinput { padding: 0 0 0 2px; height: 18px;	border-top:1px solid #5AA3DB;	border-left: 1px solid #5AA3DB;	border-bottom: 1px solid #5499CD;font-size: 1.2em;}
.search-radio {float: left; margin-right: 6px;padding: 2px 0 0;}
.button{
	border: none;
	vertical-align:middle;
}

/* Select Country Form */
form.selectCountry {font-size:0.95em;vertical-align:middle;}
form.selectCountry legend{display:none;}
form.selectCountry fieldset, form.selectCountry label{	border: none;	padding: 0px;	margin: 0px;}
/* Remove margin for "uniform" facny boxes */ 
form.selectCountry select{	/*xwidth: 160px;*/	/*margin: 4px 4px 0 5px;*/}
form.selectCountry select{	padding: 2px; }
form.selectCountry label{margin: 10px 4px 0 0px;	font-size:1.1em; display:block;}

/*
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt a:hover { color:#5d4617; border: 1px solid #d0c9af;}
.dropdown dt a {background:#a5cb60 url('../images/assets/downarrow.png') no-repeat scroll right center; display:block; padding-right:20px;
                border:1px solid #a5cb60; width:160px; padding:5px;}
.dropdown dt a span {cursor:pointer; display:block;}
.dropdown dd ul { background:#a5cb60 none repeat scroll 0 0; border:1px solid #a5cb60; color:#000; display:none;
                  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#d0c9af;}
.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
*/
/*
===== H1=====
*/

h1 {
	font-weight: bold;
	font-size: 1.8em;
	color: #960;
	margin-bottom: 10px;
	line-height: 1.2em;
}

h1 a, h1 a:visited{
	color:#960;
	text-decoration:none;
}

h1 a:hover{
	color:#333;
	text-decoration:none;
}


/*
===== H2=====
*/

h2 {
	font-size:1.2em;
	background-color:#BD8220;
	color: #fff;
	margin-top:0px;
	margin-bottom:5px;
	text-transform: uppercase;
	padding: 4px 4px;
	font-weight: bold;
	clear:left;
	/*clear:both;*/
}
#mainContent h2 { margin-top: 16px; }
#mainContent h2 a { color: #fff; text-decoration: none;}


/*
===== H3=====
*/

h3{
    clear: both;
    color: #996600;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 8px;
    min-height: 20px;
}

#mainContent h3.next, #homeContent h3.next  {
	background-color:#E6E6E6;
	/* width:100%; */
	color:#8C7442;
	margin-top:10px;
	clear:both;
	padding: 5px;
}
#mainContent h3.next a, #mainContent h3.next a:visited{
	color:#8C7442;
	font-size:1.2em;
	display: block;
}

#homeContent h3.next a, #homeContent h3.next a:visited {
	color:#8C7442;
	font-size:1em;
	display: block;
}

 h3 a:hover{
	color:#333;
	text-decoration:none;
}

/*
===== H4=====
*/

#mainContent h4{
	color:#8C7442;
	clear:both;
}

/*
===== Links=====
*/

.links{
	font-size:0.9em;
}

div.links dl {
	position: relative;
}

div.links dt{
	background: url(../images/iconWebsiteLink.gif) no-repeat 5px 1px;
	padding-left: 30px;
	margin-top: 10px;
}

div.links dt.email{
	background: url(../images/email.gif) no-repeat 5px 1px; 
	padding-left: 30px;
	margin-top:10px;
}

.links dd{
	padding-left:30px;
	font-size:0.8em;
}

dd.grey{
	color:#666;
	padding-left:30px;
}

.topic-desc { margin: 10px 0px; }

.links a:hover{
	text-decoration:none;
	color:#333;
}

.rsslink {
    background: url("/images/assets/icons.gif") no-repeat scroll -476px -476px #EAEAEA;
    display: block;
    font-weight: bold;
    padding: 6px 6px 6px 30px;
    text-decoration: none;
}

/*
====== Site Map ======
*/
#sitemapContent {	font-size: 0.9em; margin-top: 20px;}
#sitemapContent a{	text-decoration:underline;}
#sitemapContent a:visited{	color: #4E4E4E;	text-decoration:underline;}
#sitemapContent a:hover{	color:#8C7442;	text-decoration:underline;}

#sitemapContent ul {	padding: 0px;	margin: 0px;	list-style: none;}
#sitemapContent ul li {	padding:0px 0px 2px 0px;	margin:0px 0px 0px 2px;	float: left; width: 31%; font-weight: bold:}
#sitemapContent ul li a{ display: block; padding: 4px;color:#666;background-color: #eee;text-decoration:underline;	font-size: 1em;	font-weight: bold;}
#sitemapContent ul ul {	float: none;display: block;margin-right: 10px;}
#sitemapContent ul ul li{	width: auto;clear: none;}
#sitemapContent ul ul li a { font-weight: normal; background-color: #fff;}
#sitemapContent ul ul ul {  float: none; margin-right: 0px;}
#sitemapContent ul ul ul li{display: inline; padding: 0 0 0 6px;margin: 0px 0px 0px 0px;vertical-align: top;}
#sitemapContent ul ul ul ul li{	display: none;padding-left: 12px;}
/*
===== End =====
*/


#feedsubfrm label {
	float: left;
	display: block;
	clear: left;
	margin: 5px 3px 5px 3px;
	width: 90px;
	text-align: right;
}

#feedsubfrm input {
	margin: 5px;
	width: 270px;
	height: 18px;
	border: 1px solid #bbb;
}

#feedsubfrm textarea {
	margin: 3px;
	width: 270px;
}

.feedsubnolabel {
	margin-left: 100px;
}

#feedsubfrm input.submit {
	margin-left: 100px;
	width: auto;
	height: auto;
	background-color: #5ba4db;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	padding: 3px;
	border: #2c83ca 1px solid;
}

#feedsubfrm input.submit:hover {
	margin-left: 100px;
	width: auto;
	height: auto;
	background-color: #3994d9;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	padding: 3px;
	border: #1b7bca 1px solid;
}


#otherContent img, #mainContent img {margin: 5px 10px 5px 0;	float : left;	border:1px solid #8C7442;}
/* Green on sector pages */
.page-mode-sector #mainContent img { border: 1px solid #4F944A; }

#otherContent p , #mainContent p{	padding-top:5px;	padding-bottom:5px;}
#otherContent div.htmlSection, #mainContent div.htmlSection {	margin: 5px 0px 10px 0px;}
.page-mode-news div.htmlSection-1	{font-weight: bold;}
.page-mode-news #mainContent h2.latest-news { margin-top: 2px; }
div.links{	padding-bottom:15px;}

div.job{	padding-bottom:15px;}

/* Asset */
.asset-docs { background-color: #eee; }
.asset-docs-desc { padding: 8px; float: left; }
.asset-docs ul  { float: left; list-style: none; padding: 0; margin: 0 !important;}
.asset-docs ul li { float: left; padding: 0 !important; background-image: none !important;border-left: 2px solid #f3f3f3;}
.asset-docs ul li a { display: block; padding: 8px 10px 8px 30px; float: left; text-transform: uppercase; background-color: #ddd; text-decoration: none;font-size: 0.9em; font-weight: bold;background: url('../images/assets/format-icons.png') no-repeat 4px 4px #ddd !important;}
.asset-docs ul li a.doc-format-pdf { }
.asset-docs ul li a.doc-format-doc, .asset-docs ul li a.doc-format-docx {background-position: -26px -26px !important;}
.asset-docs ul li a.doc-format-xls, .asset-docs ul li a.doc-format-xlsx {background-position: -56px -56px !important;}
.asset-docs ul li a.doc-format-web {background-position: -86px -86px !important;}

/*.asset-docs ul li a.link-check {background: url('images/throbber.gif') no-repeat 0px -10px #ddd !important;}*/
.asset-docs ul li a.link-broken {background: url('images/cross.png') no-repeat 0px 50% #ddd !important;}
.asset-docs ul li a.link-code-200 {background: url('images/tick.png') no-repeat 0px 50% #ddd !important;}
.asset-docs ul li a.link-code-301, .asset-docs ul li a.link-code-302 {background: url('images/exclamation.png') no-repeat 0px 50% #ddd !important;}
.asset-docs ul li a.link-code-404 {background: url('images/cross.png') no-repeat 0px 50% #ddd !important;}

/*.asset-docs ul li a.link-broken {background: url('images/warning.png') no-repeat 4px 4px #ddd !important;}}*/

.asset-description { padding: 20px 10px 10px 0px; line-height: 1.4em;}

div.item {}
div.item a { color:#960; text-decoration:none; }
div.item a:hover{color:#8C7442;	text-decoration:none;}

.itemHead{}

div.item dt {
	border-top: 1px solid #ccc;
	font-weight:bold;
	color:#960;
	background-color: #fff;
	padding: 10px 4px 6px 0px;
	margin-top: 4px;
	font-size: 1em;
	line-height: 1.2em;
}
div.item dt:first-child {border-top: 0px solid #ccc;}
div.item dd {padding-bottom:5px;font-size:0.9em}



#mainContent dl.imageTable, #otherContent dl.imageTable{
	color:#333;
	margin: 0px 0 10px 0;
	background-color:#f3f3f3;
	list-style-type : none;
}
/* fix peekaboo bug in IE 6 \*/
* html #mainContent dl.imageTable {height: 1%}
/* end hck */

#otherContent dl.imageTable dl.imageTablePic, #mainContent dl.imageTable dl.imageTablePic, #homeContent dl.imageTable dl.imageTablePic {
	margin-top:2px;
	float:left;
	list-style-type : none;
}

#mainContent dl.imageTable dd.foot, #otherContent dl.imageTable dd.foot {	height:2px;	list-style-type:none;	clear: both; padding; 0;}

#mainContent dl.imageTable dd.credit, #otherContent dl.imageTable dd.credit,{
	clear:both;
	font-size:0.8em;
	color:#666;
	width: 100px;
	list-style-type : none;
}

#otherContent dl.imageTable dt, #otherContent dl.imageTable dd, #mainContent dl.imageTable dt, #mainContent dl.imageTable dd, #homeContent dl.imageTable dt, #homeContent dl.imageTable dd{
	list-style-type:none;
	padding: 3px 5px 0px 5px;
}

#mainContent dl.imageTable dt, #otherContent dl.imageTable dt{
	font-size:1.1em;
	padding-top:8px;
}
#mainContent dl.imageTable dt { margin: 0; background-color: #bd8220; color: #fff; padding: 4px;}
#mainContent dl.imageTable dt a { display: block;padding-left: 18px; background: url('/images/assets/arrows.gif') no-repeat -163px -163px transparent; }

dl.imageTable dt a {color: #fff; text-decoration: none; text-transform: uppercase;font-weight: bold;}

.feedback {
	position: fixed;
	left: 0px;
	top: 270px;
	z-index: 2147000001;
}

/*
====== Map CSS =====
*/
ul#continents {
	list-style: none;
	background: url(/images/map.png) no-repeat 0 0;
	position: relative;
	width: 570px;
	height: 325px;
	margin: 0;
	padding: 0;
}
ul#continents li {
	position: absolute;
}
ul#continents li a{
	display: block;
	height: 100%;
	text-decoration: none;
}
#africa {
	width: 113px;
	height: 133px;
	top: 150px;
	left: 238px;
}
#latinamericacaribbean {
	width: 140px;
	height: 190px;
	top: 131px;
	left: 86px;
}
#eastasiapacific {
	width: 120px;
	height: 131px;
	top: 97px;
	left: 382px;
}
#middleeastnorthafrica {
	width: 117px;
	height: 49px;
	top: 132px;
	left: 250px;
}
#southasia {
	width: 60px;
	height: 60px;
	top: 130px;
	left: 363px;
}

ul#continents li a:hover {
	background: url(/images/map.png) no-repeat 0 0;
}

ul#continents li#africa a:hover {
	background-position: -238px -339px;
}
ul#continents li#latinamericacaribbean a:hover {
	background-position: -86px -334px;
}
ul#continents li#eastasiapacific a:hover {
	background-position: -382px -336px;
}
ul#continents li#middleeastnorthafrica a:hover {
	background-position: -250px -505px;
}
ul#continents li#southasia a:hover {
	background-position: -412px -500px;
}


ul#continents li a span {
	display: none;
}
ul#continents li a:hover span {
	display: block;
}
ul#continents li a:hover span {
	display: block;
	padding: 10px;
	min-width: 100px;
	background: #15720e;
	position: relative;
	left: -60px;
	top: -30px;
	font: 12px Arial, Helvetica, sans-serif;
	opacity: .75;
	filter:alpha(opacity=75);
	color: #fff;
}
ul#continents li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: underline;
}

/* reporters signup form */
#reporters p {
	padding: 6px;
}
#reporters-form #reporters-list {
	width: 300px; 
	margin: auto; 
	padding: 10px 0 0 20px;
}
#reporters-form #reporters-email-address {
	width: 380px; 
	margin: auto; 
	padding: 15px;
}
#reporters-form li {
	padding: 5px;
}
#reporters-form input {
	margin-right: 5px;
}



/*
===== Header Search=====
*/

/*
===== Header Navigation Links =====
*/
#headLink {}

#headLink ul{
	background : #E6E6E6;
	vertical-align:middle;
	padding-bottom:0px;
	padding-left:0px;
	height:34px;
	float: right;
	voice-family: "\"}\"";
	voice-family:inherit;
	position: relative;
}

#headLink li {
	float: left;
	list-style-type : none;
	text-align : center;
	vertical-align:middle;
	background-image: url('../images/assets/fades.jpg');
	background-repeat: repeat-x;
	background-position: 0 -100px;
	padding: 0;
}

#headLink li a {
	color: #444;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase; 
	text-decoration: none;
	display:block;
	height:32px;
	line-height: 32px;
	padding: 0px 12px 0px 12px;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	/*letter-spacing: -1px;*/
}

#headLink li a:hover{	text-decoration: none;}
#headLink li.A {}
#headLink li.A a {	text-indent: -12000px;background: url('../images/assets/home.gif') no-repeat 50% 50%; width: 40px;}
#headLink li.active {	background: url('../images/assets/fades.jpg') repeat-x 0 0px;position: relative;top: 1px;}
#headLink li.active-path {	background: url('../images/assets/fades.jpg') repeat-x 0 0px;position: relative;top: 1px;}
#headLink li.active a, #headLink li.active-path a {color: #696;} 

/*
===== Breadcrumb trail =====
*/

#breadcrumb{
	background-color: #D3D3BE;
	padding:2px 20px;
	color: #696;
	font-size: 0.8em;
	line-height: 40px;
}
#breadcrumb .youarein {
	display: none;
	background: transparent;
	position: relative;
	float: left;
	padding: 0px 5px 5px 0px;
}
#breadcrumb .crumbs {
	display: block;
	position: relative;
}
#breadcrumb a, #breadcrumb a:visited { padding: 10px 6px; text-decoration: none;color: #444;}
#breadcrumb a:hover{text-decoration: underline;color: #333;
}

#breadcrumb.country{
	background-color:#D1BBA5;
}

#breadcrumb.topics{
	background-color:#D3D3BE;
}


/*
===== End of Header =====
*/


/*
===== Footer =====
*/


#footer{
	color:#333;
	background-color: eee;
	voice-family: "\"}\"";
	voice-family:inherit;
}

#footer a{	color:#333;	text-decoration:none;}
#footer a:hover{	color:#333;	text-decoration:underline;}
#footer img{	border:0;	vertical-align : middle;}

#footer-left {width: 260px;float: left; margin: 0 10px 0 20px;}
#footer-mid {width: 380px;float: left;margin: 0 10px 0 10px;}
#footer-right {width: 260px;float: left;margin: 0 20px 0 10px;}

.footer-col { padding:0}
.footer-col .h4top {padding-top: 0}
.footer-col ul {margin: 10px 0 20px 0;list-style: none;}
.footer-col ul li {}
.footer-col ul li a {padding: 6px 0px 6px 14px; background: url('../images/assets/arrows.gif') no-repeat -26px -298px; font-size: 0.9em; display:block;}

#footwrap2 {
	background-color: #fff; 
}
#footBC { 
	padding: 0 10px;
	text-align: left;
	clear: both;
	background-color: #fff !important;
	position: relative;
	height: 110px;
	border-top: 1px solid #eee;
}


div.footB {
	bottom: 10px;
	right: 0;
	padding:0px;
	position: absolute;
	width: 340px;
}
div.footB p {
	font-weight: normal;
	float: left; 
}

.footB li{
	list-style-type:none;
	padding:3px 10px 3px 10px;
	float: left; 
}
.footB li a { display: block; }

.footC {
	width: 230px;	
	padding:0px;
	position: absolute;	
	bottom: 10px;
	left: 0;
}
.footC .strapline {
	padding: 0px 0 5px 0;
	display: none;
}
.footC div.logo{
	padding: 20px;
}



.footD{
	padding:3px 10px 3px 15px;
}

#footer div.desc { padding:10px; }
#footer div.desc h2 { display: none; }
#footer-bottom { font-size: 0.75em; text-align: left; padding:20px 40px;}
#footer-bottom div {width: 50%;float: right;text-align: right;}
#footer-bottom a, #footer-bottom a:visited, #footer-bottom a:hover {color: #fff !important;}

/*
=====Footer End =====
*/



/*
=====  Left navigation =====
*/
#navigation{
	background : transparent;
	margin-bottom:10px;
	background-color: #fff;
}
/*#navigation h3 { font-size: 1.2em; padding: 4px 4px 4px 4px; margin-top: 10px;xtext-transform: uppercase;}
#navigation h3.navhead {color: #fff;margin-bottom: 0;font-size: 0.95em;margin: 0;padding: 0}
#navigation h3.navhead.topics {background-color: #BD8220;font-size: 1.1em;}
#navigation h3.navhead a {color: #fff;margin-bottom: 0; text-decoration: none; font-weight: bold; display: block; padding: 8px;}
#navigation h3.navhead.topics a {background-color: #BD8220;}
*/


.navmenu li {
	list-style-type:none;	
	margin-bottom: 0px;
	border-width: 0px !important;
	display: block; 
}
.navmenu li li {
	margin-bottom: 0;
	background-color: #f3f3f3; 
}

.navmenu li.active {
	background-color:#8C7442;
	color:#FFF;
	font-weight:normal;
}

#navigation h3  { margin-top: 10px;}
h3.navhead {margin: 10px 0px 0px 0px; font-size: 1em; }
.navmenu li a, #navigation h3.navhead a {display: block; padding: 8px 8px 8px 22px; text-decoration:none; font-weight: normal; font-size: 0.85em; background-color: #f3f3f3; color: #333; line-height: 1.1em; }
#navigation h3.navhead a { text-decoration: none; font-size: 1em;font-weight: bold; background: url('../images/assets/arrows.gif') no-repeat scroll -138px -174px #eaeaea; color: 000; padding: 10px 8px 10px 22px;}
.filter .navhead a  { background-image: none; background-color: #eaeaea; display: block; text-decoration: none; font-weight: bold; font-size: 1.1em; padding: 8px; }
#navigation .navmenu.topics a { text-decoration: none; font-size: 1em;font-weight: bold; background: url('../images/assets/arrows.gif') no-repeat scroll -138px -176px #eaeaea; color: #333; padding: 8px 8px 8px 22px;}
.navmenu.news-items li a { padding-left: 22px; }
#navigation h3.active a { background: url('../images/assets/arrows.gif') no-repeat scroll -158px -152px #D7AF45; color: #fff; }

/* Expandable ones don't have a background image as this is done by tree menu */
.navmenu li.expandable a { background-image: none; }
.navmenu li.active a { background-image: none; }

ul.news-items { padding: 0px; }
ul.news-items li { margin-bottom: 1px;background-color: #f3f3f3;}
ul.news-items li a {display: block; padding: 8px 8px 8px 12px; ;color: #333; background-color: #f3f3f3;font-size: 0.9em;}
ul.news-items a span.desc {display: block;font-weight: normal; color: #666;background-color: inherit;line-height: 1.2em;font-size: 0.9em; padding-top: 4px;}
ul.news-items li a:hover { background-color: #eee;}

.navmenu li.active a, .navmenu li.active a:visited {
	color:#fff;
	background-color:#d7af45;
	text-decoration:none;	
	display:block;
	font-weight: bold;
}
.navmenu li.active li a, .navmenu li.active li a:visited { font-weight: normal; }

.navmenu ul.news-items li.active a span.desc {background-color: #d7af45; }
.navmenu li li a, .navmenu li li a:visited {background-image: none; padding-left: 22px; color: #996600; background-color: #f9eeda;font-weight: normal}
.navmenu li li li a, .navmenu li li li a:visited {padding-left: 32px; }

.navmenu li.empty {
	line-height: 1em;
	padding: 20px 4px 4px 4px;
	background-color: #fff;
	color: #444;
	font-weight: bold;
}
.navmenu li.active li a, .navmenu li.active li a:visited {
	color:#960;
	background-color:#f9eeda;
	text-decoration:none;	
	display:block;
}
.navmenu li.active li.active a {
	color:#fff;
	background-color:#d7af45;
	text-decoration:none;	
	display:block;
}
.navmenu li.subSection{
	padding: 2px 5px 2px 5px;
	background:#D9D4D0;
}
.navmenu li.last{
	border:1px solid #A3978F;
	margin-bottom: 1px;
}


.filter ul {}
.filter ul li {}
.filter ul li a { display:block; padding: 8px; background-color:#f3f3f3;text-decoration: none;}

.filter ul li.active a, .filter ul li.active a:visited {
	color:#fff;
	background-color:#d7af45;
	text-decoration:none;	
	display:block;
	font-weight: bold;
}

.yaselect-wrap {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*border-color: #9cc651 -moz-use-text-color #9cc651 #9cc651;*/
	border-color: #9cc651;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    margin: 0;
    padding: 4px 4px;
}
.yaselect-wrap, .yaselect-current {
    cursor: pointer;
    display: block;
}
.yaselect-wrap, .yaselect-current, .yaselect-select {
    font-size: 1em;
    width: 200px;
}
.yaselect-select {
    margin-top: 0;
    padding-top: 0;
	font-size: 1em;
}
.yaselect-close {
    background: url("/images/assets/downarrow.png") no-repeat scroll 100% 50% #fff;
}
.yaselect-open {
    background: url("/images/assets/uparrow.png") no-repeat scroll 100% 50% #fff;
}

#mainContent .selectCountry ul li.region { background-image: none !important; }

.selectCountry label.region { float: left; width: 100px; display: block;  font-size: 1em;  margin: 0px 4px 0 0;}
.selectCountry label.region a { text-decoration: none; font-size: 1em;display: block;}
.selectCountry li.region, #mainContent .selectCountry ul li {   
	line-height     : 50px !important;
	height          : 50px;
	background-color: #f3f3f3; 
	margin: 2px 0; 
	padding: 0px 0px 0 8px;
}
#mainContent .selectCountry label.region { width: 200px; }

li.region .yaselect-anchor { padding-top: 0px;float: right; }
li.region span {   
	display             : -moz-inline-box;  /* FF2 or lower */
    display             : inline-block;     /* FF3, Opera, Safari */
    line-height         : normal;
    vertical-align      : middle;    
}
li.region span     { *display  : inline;} /* haslayout for IE6/7 */
li.region:hover {background-color: #dae6c2; }
.selectCountry li.region .yaselect {font-size: 0.9em; }

.country-profile-selector {position: relative;background-color: transparent; height: 210px; padding: 0; overflow: hidden;}
.country-profile-selector h3 { margin: 0 }
.country-profile-selector h3 a { background-color: #4F944A; display: block; padding: 4px 6px; color: #fff; font-weight: 700; text-transform: uppercase; text-decoration: none; }
.country-profile-selector form { padding: 0 8px; bottom: 0px; position: absolute; background-color: transparent; margin 0 auto;}
.country-profile-selector-content  {background: url('/images/assets/fades.jpg') repeat-x 0 -200px transparent;}


.container .triptych-inner h4 {padding: 8px 20px 8px 8px; }
.triptych-inner {  border-bottom: 1px solid #ccc;}
.triptych-inner h4, .triptych-inner .h4top {
	font-size: 1.2em; line-height: 1.1em; 
	background-image: url('../images/assets/home_icons.gif') !important;
	background-repeat: no-repeat;
	background-position: 2000px 2000px; /* Hide it */
}
.triptych-inner .h4top { background-color: #fff; }
.triptych-content {	padding: 10px; font-size: 0.85em;line-height: 1.2em;border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.triptych-content a.action, .attribution a.action {padding: 6px 0px 6px 14px; background: url('../images/assets/arrows.gif') no-repeat -26px -298px; font-size: 1em; font-weight: bold;display:block;text-transform: uppercase;}
.triptych-inner p {margin: 3px 0px 6px 0px;}
.triptych .description { padding: 10px; font-size: 0.85em; background-color: #fff;border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.triptych .apidesc {background: url('/images/api-background-light.png') #fff no-repeat right top;}

#homeTriptych1 h4, #homeTriptych1 .h4top  {background-position: 248px 0px;}
#homeTriptych2 h4, #homeTriptych2 .h4top  {background-position: 204px -40px;}
#homeTriptych3 h4, #homeTriptych3 .h4top  {background-position: 218px -80px;}
#homeTriptych3 h4 {background-color: #aaa; }



/*
===== Containers =====
*/

div.container { margin-bottom: 10px; }
#mainContent div.container { margin-top: 30px; }

div.container h4 {
	font-weight: bold;
	margin: 0;
	list-style-type:none;
	background-color: #68a1da;
	border-width: 0px;
	padding : 4px 18px 4px 8px;
	color: #fff !important;
	text-transform: uppercase;
	font-size: 1em;
	background-image: url('../images/assets/icons.gif');
	background-repeat: no-repeat;
	background-position: 1000px 1000px; /* Hide it */
}
 
div.container .h4top {background-image: url('../images/assets/icons.gif');background-position: no-repeat;background-position: 1000px 1000px; /* Hide it */}
div.container h4 a, div.container h4 a:hover, div.container h4 a:visited{color: #fff;text-decoration: none;}

div.container-desc {background-color: #eee;padding: 6px;color:#666;font-size: 0.8em;}
#nav-search div.container-desc, #nav-search div.container-content { border-left: 1px solid #ccc; border-right: 1px solid #ccc;}/*#5AA3DB;*/
div.container-content {padding: 0 6px;background-color: #fff;font-size:0.85em;}
#nav-search div.container-content { border-bottom: 1px solid #ccc; }
#homeRight div.container-content {font-size: 0.9em; }

.container-reporters-signup .container-content {background-color: #eee; }

div.container-link-internal h4, div.container-link-internal .h4top  {background-position: 26px -180px; }
#mainContent div.container-link-internal h4, #mainContent div.container-link-internal .h4top  {background-position: 257px -180px; }

div.container-link-external h4 {background-color: #aaa;}
div.container.container-link-external h4, div.container.container-link-external .h4top  {background-position: -153px -362px !important; }

div.container-feed h4, div.container-feed .h4top { background-position: -4px -210px; }
.container-bottommid div.container-feed h4, .container-bottommid div.container-feed .h4top { background-position: 238px -210px; }
div.container-email h4, div.container-email .h4top { background-position: 146px -60px; }

/* Overwrite */
.inpagecontainer { margin: auto; width: 230px; }
.inpagecontainer div.container-email h4, div.container-email .h4top { background-position: 146px -60px; }



/* LOCATION are green */
div.container-location h4, div.container-location h4 a {background-color: #4f944a;}
div.container-location h4, div.container-location h4 a, div.container-location .h4top {background-position: -234px -420px;}
#rightPanel div.container-location h4, #rightPanel div.container-location h4 {background-color: #4f944a;}
#rightPanel div.container-location h4, #rightPanel div.container-location h4, #rightPanel div.container-location .h4top {background-position: -214px -420px;}

#homeRight div.container-location h4, #homeRight div.container-location h4, #homeRight div.container-location .h4top {background-position: -104px -420px;}

/* DISCUSSION */
#rightPanel div.container-discussion.container-link-external h4, #rightPanel div.container-discussion.container-link-external h4, #rightPanel div.container-discussion.container-link-external .h4top {background-position: -124px -330px;}
#rightPanel div.container-discussion h4, #rightPanel div.container-discussion h4, #rightPanel div.container-discussion .h4top {background-position: 56px -150px;}

/* HIGHLIGHT */
div.container-highlight h4, #rightPanel div.container-highlight h4, div.container-highlight .h4top {background-position: 116px -90px;}

/* ENGAGE */
div.container-engage h4, #rightPanel div.container-engage h4, div.container-engage .h4top {background-position: 206px 0px;}

/* PUBLISHER doesn't use internal/external MAKE IT LIGHT BROWN*/
div.container-publisher h4, div.container-publisher h4 a {background-color: #D7AF45;}
#rightPanel div.container-publisher h4, #rightPanel div.container-publisher h4, #rightPanel div.container-publisher .h4top {background-position: -303px -510px;}
div.container-authors h4, div.container-authors h4 a {background-color: #D7AF45;}

/* DATA */
#rightPanel div.container-data.container-link-external h4, #rightPanel div.container-data.container-link-external h4, #rightPanel div.container-data.container-link-external .h4top {background-position: -94px -300px;}
#rightPanel div.container-data h4, #rightPanel div.container-data h4, #rightPanel div.container-data .h4top {background-position: 86px -120px;}

div.container ul.related-topics li { float: left; background-image: none !important; padding: 0px;}
div.container ul.related-topics li a {padding: 4px !important;}
div.container ul.related-topics li a:hover { text-decoration: underline !important; padding: 4px !important;}

/* Correction (Tick) */
#rightPanel div.container-correct h4, #rightPanel div.container-correct h4, #rightPanel div.container-correct .h4top {background-position: -393px -600px;}
.h4top {
	padding: 2px 0 0 0;
}


.branding { margin: 5px; }
.branding-desc { padding: 4px; }
.branding-top { background-color: #eee; padding: 4px; font-size: 0.9em;}
.branding-title { float: left; }
.container-partner .branding-title { float: none; }
.branding-date {float: right; }




/* fix peekaboo bug in IE 6 \*/
* html .container {height: 1%}
/* end hck */

div.container ul li  { display: list-item; }
div.container-content ul {list-style-type: none;padding: 5px 0;	margin: 0px 0;}
.container .container-content ul li { 
	background: url('../images/assets/arrows.gif') no-repeat -26px -298px transparent;
	padding: 4px 2px 4px 16px;
	margin: 0;
}

.container-location div.container-content ul li {background-position: -103px -220px; }

div.container ul li a {	text-decoration: none !important; }
div.container ul li a:hover {	text-decoration: underline !important; }
.container .foot{
	padding: 1px; /* height: 3px; doesn't work in ie7 */
	font-height: 1px;
	line-height: 1px;
}


.container ul.document{
	background-color:#FFF !important;
	margin: 0px;
}

.container li.blank, .container li.publisher,.container li.friend, .container li.correctInfo, .container li.translate,.container li.fullText, .container li.website {
	list-style-type:none;
	line-height: 15px;
	padding-left: 30px;
	padding-top: 7px;
}
.container li.fullText {	background: url(../images/fullText.gif) no-repeat 5% 10px;}
.container li.website {	background: url(../images/iconWebsiteLink.gif) no-repeat 5% 10px;}
.container li.publisher {	background: url(../images/IconA.gif) no-repeat 5% 10px;}
.container li.friend {	background: url(../images/friend.gif) no-repeat 5% 10px;}
.container li.correctInfo{	background: url(../images/correctInfo.gif) no-repeat 5% 10px;}
.container li.translate{	background: url(../images/translate.gif) no-repeat 5% 10px;}

#rightPanel div.container img.illustration {
	padding: 0;
	margin: 4px 4px 4px 0px;
	float: left;
	border:1px solid #8C7442;
}





/* Generic Treeview stuff */

.treeview, .treeview ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.treeview ul {
    background-color: white;
    /*margin-top: 1px;*/
}
.treeview .hitarea {
    background: url("../images/assets/treeview-default.gif") no-repeat scroll -66px -23px transparent;
    cursor: pointer;
    float: left;
    height: 16px;
    margin: 6px 0px 4px 6px;
    width: 16px;
}
/* Add white one for active items */
.treeview li.active .hitarea {
    background-position: -66px -113px;
}

* html .hitarea {
    display: inline;
    float: none;
}
.treeview li {
    margin: 0;
    padding: 0px 0 0px 0px;
}
.treeview a.selected {
    background-color: #EEEEEE;
}

#treecontrol {
    display: none;
    margin: 1em 0;
}
.treeview .hover {
    cursor: pointer;
}
.treeview li {
    /*background: url("../images/assets/treeview-default-line.gif") no-repeat scroll 0 0 transparent;*/

}
.treeview li a { }
.treeview li.collapsable, .treeview li.expandable,  {
    background-position: 0 -176px;
}
.treeview .expandable-hitarea {
    background-position: -82px -3px;
}
.treeview .collapsable-hitarea {
    background-position: -66px -23px;
}
/* Add white one to actives */
.treeview li.active .expandable-hitarea {
    background-position: -82px -113px;
}
.treeview li.last {
    background-position: 0 -1766px;
}

/*
THESE ARE NOT USED
.treeview li.lastCollapsable, .treeview li.lastExpandable {
    background-image: url("../images/assets/treeview-default.gif");
}
.treeview li.lastCollapsable {
    background-position: 0 -111px;
}
.treeview li.lastExpandable {
    background-position: -32px -67px;
}
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
    background-position: -80px -3px;
}*/


/* the overlayed element */
.simple_overlay {
    /* must be initially hidden */
    display:none;
    /* place overlay on top of other elements */
    z-index:10000;
    /* styling */
    background-color:#fff;
    width:675px;
    min-height:200px;
    border:1px solid #666;
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
#overlay-video.simple_overlay {
	width: 500px;
}

.overlay_video {
	width: 320px;
	height: 240px; 
	left: -10px;
	z-index:10001;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url('images/overlay/close.png');
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

.simple_overlay .overlay_content { padding: 10px 10px 20px 10px; overflow-y:auto;max-height: 600px;}
.overlay_video .overlay_content { width: 320px !important; }
.overlay_content img { float: left; }
.overlay_right { width: 408px; float: left; padding-right: 10px;}
.overlay_right img {max-width: 400px;}
.overlay_left {float: left; padding: 10px 10px 20px 0px; width: 210px;}
h3.issue-title {}
.grippie { background: #eee url(/images/grippie.png) no-repeat center 2px;
border: 1px solid #ddd;
border-top-width: 0;
cursor: s-resize;
height: 9px;
overflow: hidden;}

p.jobs-notice {
    border: 1px solid #F87474;
    padding-left: 7px;
}

/* Timeline modifications*/
/*
.tl-timeline p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: inherit;
	color:#333;
}

.tl-timeline h1, .tl-timeline h2, .tl-timeline h3, .tl-timeline h4, .tl-timeline h5, .tl-timeline h6 {
    font-family: 'Open Sans', sans-serif;
    text-transform: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: inherit;
    color: #bd8220;
}

.tl-timeline .tl-headline-date, .tl-timeline h3.tl-headline-date {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold !important;
    text-transform: uppercase !important;
	color:#333;
}

.tl-timeline .tl-caption, .tl-timeline .tl-credit {font-family: 'Open Sans', sans-serif!important;}

.tl-media-shadow {
-webkit-box-shadow:0;
-moz-box-shadow: 0;
box-shadow: 0; 
}

.tl-slide .tl-slide-content-container .tl-slide-content .tl-text {vertical-align: top;}
*/