@charset "UTF-8";

/* CSS Document created by Bob Edenbach at npg nature asia-pacific */

/* highlight page styles */



#hl .subject-bar,
#hl #content ol.ref {
	background-color: #EEEFF6;
	border-top: dashed 1px #AFB3D3;
	border-bottom: dashed 1px #AFB3D3;
	color: #374092;
}

#hl h1,
#hl h2 {
	color: #02078e;
}
#hl p.standfirst {
	color: #0cb400;
}

#hl div.image {
	background-color: #EEEFF6;
	border: solid 1px #afb3d3;
	color: #374092;
}

#hl p.content {
}

#hl div.image .credit {
	border-top: dashed 1px #afb3d3;
}


#hl #content ol.ref a.article {
	border-left: solid 1px #374092;
}


/* highlight of the month page styles */

#hom .subject-bar,
#hom #content ol.ref {
	background-color: #f8f0ef;
	border-top: dashed 1px #b15d56;
	border-bottom: dashed 1px #b15d56;
	color: #7a2019;
}

#hom h1,
#hom h2 {
	color: #7a2019;
}

#hom p.standfirst {
	color: #fe6601;
}

#hom div.top-image img {
	border: solid 1px #b15d56;
}

#hom div.image {
	background-color: #f8f0ef;
	border: solid 1px #b15d56;
	color: #7a2019;
}

div#hom {
	border-color: #C68078;
	background: #f8f0f0 url(../img/hom-box-bkg.gif) repeat-x left top;
}

div#hom img {border-color: #C68078;}

div#hom .standfirst {color: #7A2019;}

#hom p.content {
}

#hom div.image .credit {
	border-top: dashed 1px #C9837D;
}


#hom #content ol.ref a.article {
	border-left: solid 1px #b15d56;
}


/* frontlines page styles */

#fl .subject-bar,
#fl #content ol.ref {
	background-color: #f9eedd;
	border-top: dashed 1px #D5952E;
	border-bottom: dashed 1px #D5952E;
	color: #996633;
}

#fl h1,
#fl h2 {
	color: #996633;
}

#fl p.standfirst {
	color: #444;
}

#fl div.top-image img {
	border: solid 1px #D5952E;
}

#fl div.image {
	background-color: #f9eedd;
	border: solid 1px #D5952E;
	color: #996633;
}

#fl p.content {
}

#fl div.image .credit {
	border-top: dashed 1px #C9837D;
}

#fl #content ol.ref a.article {
	border-left: solid 1px #996633;
}

#content .profile img {
	padding: 1px;
	border: solid 1px #D5952E;
}



/* profiles page styles */

#pro .subject-bar,
#pro #content ol.ref {
	background-color: #f9ecec;
	border-top: dashed 1px #DD898A;
	border-bottom: dashed 1px #DD898A;
	color: #871B20;
}

#pro h1,
#pro h2 {
	color: #871B20;
}

#pro div.top-image img {
	border: none;
}

#pro div.image {
	background-color: #f9ecec;
	border: solid 1px #DD898A;
	color: #871B20;
}

#pro p.content {
}

#pro div.image .credit {
	border-top: dashed 1px #DD898A;
}

#pro #content ol.ref a.article {
	border-left: solid 1px #DD898A;
}

#pro #content .profile img {
	border: solid 1px #DD898A;
}

#pro div.research-img  {
	height: 160px;
	margin-bottom: 0.6em;
	margin-left: 20px;
}
	
#pro div.research-img span {
	color: white;
	font-size: 23px;
	margin: 0px;
	position: relative;
	top: 120px;
	left: 8px;
}


/* postcards page styles */

#pcd .subject-bar,
#pcd #content ol.ref {
	background-color: #e8f6e8;
	border-top: dashed 1px #91CB8E;
	border-bottom: dashed 1px #91CB8E;
	color: #1A6E37;
}

#pcd h1,
#pcd h2 {
	color: #0CB400;
}

/* #pcd #content {background: transparent url(../img/postcards.png) no-repeat right 3em;} */

body.top #content {background-image: none !important}

#pcd .loc {
	color: #1A6E37;
	margin-right: 190px;
}

#pcd div.top-image img {
	border: none;
}

/*
#pcd p.content {
	font-family: Times, Serif;
	font-size: 116%;
	line-height: 174%;
}
*/

#pcd p.content {
	line-height:153.9%;
	margin-bottom:1em;
	margin-top:1em;
}

#pcd p span.question { 
	font-size: 108%; 
	font-weight: bold; 
	color: #8c0; 
}

#pcd div.image .credit {
	border-top: dashed 1px #91CB8E;
}

#pcd #content ol.ref a.article {
	border-left: solid 1px #91CB8E;
}

#pcd div.image {
	background-color: #e8f6e8;
	border: solid 1px #91CB8E;
	color: #1A6E37;
	float: right;
	font-size: 93%;
	margin: 0px 20px 10px 15px;
	padding: 3px;
	width: 200px;
}

#pcd #content .image img {
	margin: 0px;
	padding: 0px;
	width: 200px !important;
}
	


/* riken people */

#pcd .logo,
#ppl .logo {
	float:right; 
	margin: 3px 0 1em 1em; 
	border: solid 1px #9DD09E; 
	padding:5px 1px;
}

#ppl .subject-bar,
#ppl #content ol.ref {
	background-color: #e8f6e8;
	border-top: dashed 1px #91CB8E;
	border-bottom: dashed 1px #91CB8E;
	color: #1A6E37;
}

#ppl h1,
#ppl h2 {
	color: #0CB400;
}

#ppl #content {background: none;}

body.top #content {background-image: none !important}

#ppl .loc {
	color: #1A6E37;
	margin-right: 190px;
}

#ppl div.top-image img {
	border: none;
}

#ppl p.content {
	line-height:153.9%;
	margin-bottom:1em;
	margin-top:1em;
}

#ppl div.image .credit {
	border-top: dashed 1px #91CB8E;
}

#ppl #content ol.ref a.article {
	border-left: solid 1px #91CB8E;
}

#ppl div.image {
	background-color: #e8f6e8;
	border: solid 1px #91CB8E;
	color: #1A6E37;
	float: right;
	font-size: 93%;
	margin: 0px 20px 10px 15px;
	padding: 3px;
	width: 200px;
}

#ppl #content .image img {
	margin: 0px;
	padding: 0px;
	width: 200px !important;
}


/* podcast page styles */

/*#pod h1 {
	margin-top: 1em;
} */

#pod #podbox h2,
#pod #podbox p,
#pod #pod-links h2,
#pod #pod-links p {
	margin-left: 0;
	margin-right: 0;
	color: #0CB400;
}

#pod #podbox {
	background: #fdf3e5 url(../img/pod-bkg.png) no-repeat right bottom;
	padding: 1em;
	border: solid 1px #E98600;
}

#pod #podbox .thumb {
	float: left;
	padding: 1px;
	border: solid 1px #E98600;
	width: 155px;
}

#pod #podbox h2,
#pod #podbox ul {
	margin-left: 175px;
}

#pod #podbox h2 {
	margin-top: 0;
	margin-bottom: 0.5em;
	color: #359CF0;
	font-family: sans-serif;
	font-size: 116%;
	clear: none;
}

#pod #podbox .listen-btn {
	float: right;
	margin: 0 10em 0.5em 0;
	overflow: hidden;
}

#pod #podbox .listen-btn a:link, 
#pod #podbox .listen-btn a:visited {
	display: block;
	width: 112px;
	height: 27px;
	background: url(../img/listen-btn.png) no-repeat top left;
	background-position: 0 -27px;
}

#pod #podbox .listen-btn a:hover {
	background-position: 0 0;
}

#pod #podbox ul li a:link,
#pod #podbox ul li a:visited,
#pod-links li a:link,
#pod-links li a:visited {
	color: #E16500;
}

#pod #podbox ul li a:hover,
#pod-links li a:hover {
	color: #059cdb;
	text-decoration: underline;
}

#pod #podbox ul {
	margin-right: 10em;
}

#pod #podbox ul#podbox-links {
	border-bottom: dashed 1px #ffcd87;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

#pod #pod-links h2 {
	background: transparent url(../img/headphones.png) no-repeat left top;
	padding-left: 25px;
}

#pod-links h2 {
	font-family: sans-serif;
	font-size: 116%;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

#pod-links li {
	margin-bottom: 1em;
	padding-bottom: 1.5em;
	border-bottom: dashed 1px #ffcd87;
}

#pod-links li p a {
	margin-left: 0.3em;
	margin-right: 0.3em;
}

#pod-links li p a:link,
#pod-links li p a:visited {
	color: #059cdb;
}

#pod-links li p a:hover {
	color: #E16500;
}


/* history */

#his .image {
	margin-top: 1.5em;
	width: 200px;
}

#his h2.note {
	font-family: sans-serif;
	font-size: 116%;
	margin-bottom: 0.5em;
	color: #555;
}

/* header style: about riken research, help, sitemap */

#about h1,
#help h1,
#sitemap h1,
#archive h1 {
	margin-top: 1em;
	font-family:Arial, Helvetica, sans-serif;
	}

/* end header style: about riken research, help, sitemap */


/* about riken research */
#about div.image {
background-color:#EEEFF6;
border:1px solid #AFB3D3;
color:#374092;
float:right;
font-size:93%;
margin:0 20px 10px 15px;
padding:3px;
width:400px;
}

/* end about riken research */

/* help */

#help #content h2 {
	clear: both;
	margin: 0 20px;
	padding: 0.5em 0 0 0;
	color: #02078E;
	font-weight: bold;
	font-size: 120%;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 110%;
	border-top: dotted 1px #02078E;
}

#help h3 {
	margin: 0.5em 20px 0 20px;
	padding: 0;
	font-style: italic;
	font-size: 100%;
	font-weight: bold;
}

#help h3.norm {
	font-style: normal;
}


#help-list {
	list-style-type: none;
	margin: 1em 20px 2em 20px;
	padding: 0 0 0 1em;
}

#help-list li {
	font-size: 110%;
	line-height: 150%;
}

#help-list li a {
	padding: 0 0 0 20px;
	text-decoration: none;
	background: url(../img/molecule-bullet.gif) no-repeat left 40%;
}

#help-list li a:hover {
	text-decoration: underline;
}

#help #content div.top {
	float:right;
	margin:0 20px 1em 0;
}

.small_text {
	font-size: 90%;
	color: #666;
}
	
/* end help */

/* sitemap */

#sitemap #content h2 {
	clear: both;
	margin: 1em 20px 0.5em 35px;
	padding-bottom: 1px;
	color: #02078E;
	font-weight: bold;
	font-size: 120%;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 110%;
	border-bottom: dotted 1px #02078E;
}

#sitemap-list {
	list-style-type: none;
	margin: 1em 20px 2em 20px;
	padding: 0 0 0 1em;
}

#sitemap #content ul {
list-style-type:none;
margin:0 0 2em 0;
padding-left:45px;
}

#sitemap-list li {
	font-size: 110%;
	line-height: 150%;
}

#sitemap-list li a {
	padding: 0 0 0 20px;
	text-decoration: none;
	background: url(../img/molecule-bullet.gif) no-repeat left 40%;
}

#sitemap-list li a:hover {
	text-decoration: underline;
}

/* end sitemap */

#archive span.archive-type {
float:right; 
margin-right:20px; 
font-size:90%; 
padding-top:0.7em;
}

* html #archive span.archive-type { /* for ie6 */ padding-top:2.5em; }

*:first-child+html #archive span.archive-type { /* for ie7 */ padding-top:2.5em; }

#archive #content h2 {
	clear: both;
	margin: 1em 20px 0.5em 35px;
	padding-bottom: 1px;
	color: #02078E;
	font-weight: bold;
	font-size: 120%;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 110%;
	border-bottom: dotted 1px #02078E;
}

#archive #content h3 {
	font-weight:bold;
	float:left;
	margin:0;
	padding:0;
}

#archive #content h4 {
	margin:0;
	padding:0;
	clear:both;
	font-size:90%;
}

#archive #year, 
#archive #month,
#archive #issue {
	float: left;
	list-style-type: none;
	width: 100%;
}

#archive #year {
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0.25em 45px;
}

#archive #month,
#archive #issue {
	margin: 0 0 0.5em 0;
	padding: 0 0 1em 45px;
}

#archive #year li, 
#archive #month li {
	float: left;
	display: block;
	font-size: 100%;
	padding: 0 1em 0 0;
	margin:1px 1em 1px 0;
	border-right: solid 1px #ccc;
}

#archive #issue li {
	float: left;
	display: block;
	font-size: 100%;
	padding: 0 1em 0 0;
	margin:1px 1em 10px 0;
	text-align: center;
}

#archive #year li.on,
#archive #issue li.on,
#archive #month li.on {
	color:#333;
}

#archive #year li.off,
#archive #issue li.off,
#archive #month li.off {
	color:#ccc;
}

#archive ul#category-list,
#archive ul#results {
	list-style-type: none;
	margin: 1em 20px 2em 45px;
	padding: 0;
}

#archive ul#category-list li,
#archive ul#results li {
	font-size: 110%;
	line-height: 150%;
}

#archive ul#results li {
border-bottom:1px dotted #bbbefe;
margin-top:0.7em;
padding:0 0 1em 0;
}

#archive ul#category-list li a {
	padding: 0 0 0 20px;
	text-decoration: none;
	background: url(../img/molecule-bullet.gif) no-repeat left 40%;
}

#archive ul#category-list li a:hover {
	text-decoration: underline;
}

#archive div.title-wrap {
float:left;
width:100%;
padding:0;
margin:0;
clear:both;
}

#archive .title-wrap h3 a:link,
#archive .title-wrap h3 a:visited{
color:#0000ee;
}

#archive .title-wrap h3 a:hover {
text-decoration:underline;
}

#archive span.pub-date {
float:right;
margin:0 0 0 15px;
color:#666666;
font-size:90%;
}

#archive p.standfirst {
color:#333333;
font-size:90%;
font-weight:normal;
margin:0;
font-size:90%;
line-height:1.5em;
}

#archive .research{
color:#143080;
}

#archive .hom{
color:#8d3223;
}

#archive .frontlines{
color:#dfa435;
}

#archive .profiles{
color:#9b1f24;
}

#archive .postcards{
color:#1f7f3c;
}

#archive .roundup{
color:#40519a;
}

#archive .initiatives{
color:#40519a;
}

#archive .podcast{
color:#e89500;
}

#archive .special{
color:#cd281d;
}

#archive .history{
color:#40519a;
}


#archive .pdf_btn {
	margin: 0 30px;
	overflow: hidden;
}

#archive .pdf-btn a:link, 
#archive .pdf-btn a:visited {
	display: block;
	width: 168px;
	height: 35px;
	background: url(../img/pdf-btn.gif) no-repeat top left;
	background-position: 0 -35px;
}

#archive .pdf-btn a:hover {
	background-position: 0 0;
}

/* end archive */

/* Search */
#cse-search-results iframe {
	width: 700px !important;
}

/* Special Announcement */

#ann h1,
#ann h2 {
	color: #02078e !important;
}
#sp h1 {
	color: #143080;
}

#ann strong {font-weight:bold;}

#ann em {font-style: italic;}

#ann #content .interview-img {
	background-color: #EEEFF6;
	border:1px solid #afb3d3;
	float:right;
	margin:1em 20px 10px 15px;
	padding:3px;
	width:300px !important;
}

#ann div.image .credit {
	border-top: dashed 1px #afb3d3;
}


#ann #content ol.ref a.article {
	border-left: solid 1px #374092;
}

#ann #content div.box {
background-color:#F9F9FF ;
border:1px solid #143080 ;
margin-left:30px;
margin-top:2em;
padding:0 10px 10px;
}


#ann #content span.name,
#ann #content span.answer,
#ann #content span.q,
#ann #content p.olive {
	color:#311ADB;
}

/* table style */
#ann #content table {
	width:100%;
	border-style:none;
	font-size:90%;
	color:#000;
	margin:20px;
}

#ann #content th.title {
background:#fff none repeat scroll 0 0;
font-size:110%;
font-weight:bold;
text-align:left;
color:#143080;
border:none;
}

#ann #content th.type {
background:#143080 none repeat scroll 0 0;
font-size:110%;
font-weight:bold;
text-align:center;
color:#fff;
}

#ann #content th {
	/*border:solid 1px #BBBEFE;;*/
	font-weight: normal;
	font-size: 110%;
	text-align: center;
	padding: 3px 8px;
	background:#F9F9FF;
}

#ann #content td {
	/*border:solid 1px #BBBEFE;;*/
	text-align:left;
	padding:5px 8px;
	background:#F9F9FF;
}

#ann #content tr.odd td,
#ann #content tr.odd th {
	background: #ececff;
}


/* President's Initiave */

#rg #content div.box {
background-color:#F9F9FF ;
border:1px solid #143080 ;
margin-left:30px;
margin-top:2em;
padding:0 10px 10px;
}

#rg h1,
#rg h2 {
	color: #02078e !important;
}

/* Roundup */


#rdp #content .image {
	background-color:#EEEFF6;
	border:1px solid #AFB3D3;
	float:right;
	margin:0 20px 10px 15px;
	padding:3px !important;
}

#rdp #content .image img {
	width:300px;
}

/* news feature */

#nf h1 {
	color: #cd281d;
}