/***** Start base *****/

/*
---------------------------------------------------------------------
Html, Body - #BODY
---------------------------------------------------------------------*/	
	
	html,body {
		height: 100%;
	}
	
	body {
		color: #000;
		line-height: 130%;
		background: #f1f0ed;
		font-weight: normal;
		font-size: 12px;
		font-family: Verdana, Tahoma, sans-serif;
		margin: 0px;
		height: 100%;
	}

/*
---------------------------------------------------------------------
Misc tags (H1, h2, p etc.) - #MISC
---------------------------------------------------------------------*/

	h1 {
	}		
	
	h2 {
		font-family: Arial, Verdana, sans-serif;
		border: none;
		font-size: 160%;
	}
	
	h2.searchResult {		
		margin: 10px 0px 5px 0px;
		font-weight: normal;
	}
	
	h2.researchUnits {
		margin: 0px 0px 10px 0px;		
	}
	
	h2.expertH2 {		
		margin: 0px 0px 2px 0px;
		font-weight: normal;
		font-size: 160%;
	}
	
	h2.about {
		margin: 0px;
		font-weight: normal;
	}
	
	h2.listHeaders {
		margin: 0px 0px 10px 0px;
		font-weight: normal;
	}
	
	h3 {
		font-family: Arial, Verdana, sans-serif;
		font-size: 130%;	
		border: none;
	}
	
	h3 {		
		margin: 0px 0px 5px 0px;
	}
	
	h3.expertH3 {
		margin: 5px 0px 2px 0px;		
	}
	
	h3.searchh3 {
		margin: 5px 0px 5px 2px; 
		font-weight: bold;
		font-size: 110%;
	}
	
	h4 {
		margin: 2px 0px 2px 0px;
		border: none;
		font-size: 100%;
	}
	
	h4.frontH4 {
		margin: 0px;		
	}
	
	h5 {
	}
	
	h6 {
	}
	
	hr {
	}
	
	p {
	}
	
	pre {
	}
	
	img {
		border: 0px;
	}
	
	img.label {
		vertical-align: middle;
	}
	
	ul {
		margin: 0px;
		padding: 0px;
	}
	
	ul li {
	}
	
	ol {
		margin: 0px;
		padding: 0px;		
	}
	
	ol li {

	}
	
/*
---------------------------------------------------------------------
Container - #CONTAINERS
---------------------------------------------------------------------*/

	/* ----- Table for specific rendering (Use to make page go 100% in height) ----- */
	#centerFramer {
		width: 100%;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#centerFramer #centerCell {
		vertical-align: top;
	}

	/* ----- Define overall layout ----- */
	#pageContainer {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		overflow: visible;		
	}
	
	/* ----- Padding framer ----- */
	#pageFramer {
		padding: 0px 0px;		
	}

	/* ----- Front ----- */
	#headerContainer {
		height: 105px;	
		margin: 0px 0px 0px 0px;
		position: relative;
	}
	
	/* ----- Generic (Sub pages) ----- */
	#headerSubContainer {
		height: 100px;	
		margin: 0px 0px 0px 0px;
		position: relative;
	}
	
	#subMenuContainer {
		display: none;
	}
	
	#contentContainer {
		clear: both;
		padding: 0px 0px 0px 0px;			
	}
	
	#footerContainer {		
		clear: both;
		text-align: center;		
		line-height: 130%;		
		overflow: visible;			
		width: 100%;		
	}		
	
	#footerContainer #innerFooterContainer { 
		padding: 5px 0px 5px 0px;		
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
	}	 
	
/*
---------------------------------------------------------------------
Header - #HEADER
---------------------------------------------------------------------*/

	#logoContainer {
		position: absolute;		
		top: 10px;
		left: 0px;
		width: 300px;
		height: 80px;		
		background-repeat: no-repeat;
		cursor: pointer;		
	}
	
	#logoSubContainer {
		position: absolute;		
		top: 10px;
		left: 0px;
		width: 300px;
		height: 80px;
		background-image: url(<pge:ctx/>/images/templates/logo_subsites.gif);
		background-repeat: no-repeat;
		cursor: pointer;
	}
	
	#languageContainer {
		display: none;
	}		
	
	#imageContainer {
		display: none;
	}
	
	#orgHeaderImage {
		clear: both;		
	}
	
	#searchContainer {
		display: none
	}
	
	#searchContainer #searchSpacer {
		border: 1px solid #fff;
		padding: 2px 10px;
	}
	
	#headerContainer #labelContainer {
		display: none;
	}
	
	#subLabelContainer {
		display: none;
	}
	
	#arrangementsContainer {
		padding: 20px 0px 0px 0px;
	}
	
/*
---------------------------------------------------------------------
Links and Pseudo - #LINKS
---------------------------------------------------------------------*/

	/* ----- Generic ----- */
	a:link, a:visited {
		color: #004799;
		background: inherit;
		text-decoration: none;
	}		
	
	a:hover {
		text-decoration: none;
	}
	
	#languageContainer a {
		font-weight: bold;
	}
	
	/* ----- Header labels ----- */
	a.headerLabel:link,a.headerLabel:visited,a.headerLabel:hover {
		color: #fff;
		background: inherit;
		text-decoration: none;
	}
		

/*
---------------------------------------------------------------------
Text - #TEXT
---------------------------------------------------------------------*/

	#footerContainer span {
		color: gray;
		background-color: inherit;
		font-size: 11px;
	}
	
	#footerContainer span a {
		text-decoration: underline;
		color: gray;
		background-color: inherit;
		font-size: 11px;
	}			

/***** End base *****/

/***** Start util *****/

/*
---------------------------------------------------------------------
Search - #SEARCH
---------------------------------------------------------------------*/
	
	.searchArea {
		display: none;
	}		
	
/*
---------------------------------------------------------------------
Menus - #MENUS
---------------------------------------------------------------------*/

	/***** front *****/
	.greenButton {		
		padding: 7px 10px;
		background: #e4e9e2;
		margin-bottom: 2px; 
		color: inherit;
	}
	
	.greenButton div.menuBigText {
		color: #759064;
		background-color: inherit;
		font-size: 150%;	
		padding: 0px 0px 5px 0px;
	}
	
	.greenButton div.menuSmallText {
		color: #000;
		background-color: inherit;		
	}		 		
	
	/***** sub *****/
	#subnav {
		clear: both;
		background-color: #e4e9e2;
		border-top: 0px solid #fff;
		overflow: hidden;
		width: 100%;
		color: inherit;
	}
	
	#subnav ul {		
		margin: 0px;
		padding: 0px;				
		list-style: none;
	}
	
	#subnav ul li {
		float: left;		
	}
	
	#subnav ul li a {
		color: #759064;
		display: block;
		font-size: 120%;
		background-color: inherit;
		text-decoration: none;
		padding: 8px 9px;
	}
	
	#subnav ul li a:hover {
		background-color: #768f64;
		color: #fff;
	}
	
	/***** left menu *****/
	.leftMenuItem {
	padding: 2px 0px 2px 0px;
	}
	
	.leftMenuContainerOrg {
		margin: 0px 20px 0px 0px;
		padding: 5px 0px 5px 0px;
		border-top: 1px solid #CCD5DF;
		border-bottom: 1px solid #CCD5DF;	
	}
	
	.leftMenuTable {
		width: auto;	
	}
	
	.leftMenuWrapper {
		margin: 0px 20px 0px 0px;
	}
	
	.leftMenuTable tr td {
		vertical-align: top;
		padding: 0px 0px 5px 0px;
	}
	
	.leftMenuTable tr td.first {
		padding: 0px 0px 0px 0px;
	}
	
	.leftMenuTable tr td table {
		width: auto;
	}
	
	.leftMenuTable tr td table tr td {
		vertical-align: top;
		padding: 3px 0px 3px 0px;
	}
	
	.leftMenuTable tr td table tr td.first {
		padding: 3px 0px 0px 0px;
	}
	
/*
---------------------------------------------------------------------
Tables - #TABLES
---------------------------------------------------------------------*/

	/* ----- Generic ----- */
	table {
		width: auto;		
	}
	
	tr {
	}
	
	td {
		vertical-align: top;
	}				

/*
---------------------------------------------------------------------
Columns - #COLUMNS
---------------------------------------------------------------------*/	
	
	.frontMenuColumn {		
		display: none;
	}
	
	.frontMenuColumn .menuFramer {
		padding: 0px 0px 0px 10px;
	}
	
	.frontContentColumn {		
		width: 49%;
		float: left;
	}
	
	.leftColumn {
		display: none;
	}
	
	.rightColumn {
		width: 100%;
	}
	
	.innerFrontContent {
		padding: 0px 0px 0px 0px;
	}
	
/*
---------------------------------------------------------------------
Research - #RESEARCH
---------------------------------------------------------------------*/
	
	.researchUnitContent {
		margin: 10px 0px;
	}
	
	.researchUnitContent ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
/*
---------------------------------------------------------------------
Experts - #EXPERTS
---------------------------------------------------------------------*/	

	.expertsLetter {
		overflow: hidden;
		height: 17px;
	}	
	
	.innerExpertsArea {
		border: 1px solid #fff;
		padding: 10px;
	}		
	
/*
---------------------------------------------------------------------
Forms - #FORMS
---------------------------------------------------------------------*/
	
	form {
		display: inline;
		clear: both;
	}
	
	/* ----- Generic ----- */
	input {		
	}		
	
	/* ----- Search ----- */
	input.searchLong {
		width: 250px;
		border: 1px solid #bbb;
		padding: 2px 4px;
	}
	
	input.searchSmall {
		width: 180px;
		border: 1px solid #bbb;
		padding: 2px 4px;
	}
	
	input.searchButton {
		vertical-align: bottom;
	}
	
	select.searchdrop {
		width: 250px;
	}
	
	/* ----- Textarea ----- */
	input.textarea {
	}
	
	/* ----- Selection box ----- */
	input.selectionbox {
	}
	
	/* ----- Checkboxes ----- */
	input.checkbox {
	}
	
	/* ----- Radiobuttons ----- */
	input.radiobutton {
	}		
	
/*
---------------------------------------------------------------------
Misc - #MISC
---------------------------------------------------------------------*/	

	.outercontentdiv {
		margin: 0px 0px 10px 0px;
	}
	
/* 
--------------------------------------------------------------
WIDGETS - #WIDGETS
--------------------------------------------------------------*/	

	.limitContainer {
		margin: 3px 0px;
		clear: both;
		float: left;
		width: 100%;
	}
	
	.list_options .orderings {
		margin: 3px 0px;
		float: left;
		clear: both;		
	}
	
	.list_options .formats {
		margin: 3px 0px;
		float: left;
	}
	
	.list_options .styles {
		margin: 3px 0px;
		float: left;
	}
	
	.list_options .subsets {
		margin: 3px 0px;
		float: left;		
	}
	
	.listLeadLabel {
		font-weight: normal;
	}
	
	.navSelect {
		font-family: Tahoma, Arial, sans-serif; 
		font-size: 91%;
		padding: 1px 0px;
		width: 94px;
		font-weight: bold;
		vertical-align: top;
	}
	
	.list_options .pages {
		clear: both;
	}
	
	.list_options .choices {
		overflow: hidden;
		width: 100%;
		margin-bottom: 10px;
		padding: 6px 0px;

	}
	
	.widgetButton {
		padding: 0px 5px;
		vertical-align: middle;
		height: 21px;
	}		

/***** End util *****/

/*
------------------------------------------------------------------------
Specifics for print only
------------------------------------------------------------------------
*/	

	.searchAdvancedDiv {
		display: none;	
	}
	
	/* NAVIGATORSIMPLE - #NAVIGATORSIMPLE 
	----------------------------------------------- */
	.subset {
		clear: left;
	}
	
	.formats {
		clear: left;
	}
	
	.ordering {
		clear: left;
	}
	
	.list_options a
	{
		font-family: Verdana, sans-serif;
		font-weight: normal;
		font-size: 11px;
		color: #9999D6;
		text-decoration: none;
	}
	
	.list_options a:hover
	{
		font-family: Verdana, sans-serif;
		font-weight: normal;
		font-size: 11px;
		color: #9999D6;
		text-decoration: underline;
	}
	
	.list_options {	
		display: none;
	}
	
	.floatleft {
		float: left;
		width: 48%;
		padding-left: 5px;
	}
	
	.floatright {
		float: right;
		width: 48%;
		padding-right: 5px;
		text-align: right;	
	}
	
	.list_options .pages {
		display: none;
	}
	
	/* CONTENT LIST - #CONTENT LIST 
	----------------------------------------------- */
	.list_content {
		width: 100%;
		font-size: 90%;
		line-height: 125%;
	}
	
	.list_options .count {
		background-color: #EEEEEE;
		overflow: hidden;
		width: 100%;
		border-top: 1px solid #BBBBBB;
		border-bottom: 1px solid #BBBBBB;
		clear: left;	
	}
	
	
	.icons {
		width: 100px;
		text-align: right;
		padding: 5px 10px 5px 0px;
		vertical-align: top;
	}
	
	.icon_state {
		padding: 3px 0px 0px 0px;
	}
	
	.icon_type {
		padding: 3px 0px 0px 0px;
	}
	
	.info {
		padding: 5px 0px 5px 0px;
		vertical-align: top;
	}
	
	.options {
		width: 80px;
		text-align: right;
		padding-right: 13px;
	}
	
	.edit {
		padding: 0px 20px 0px 0px;
	}
	
	.show {
		padding: 0px 13px 0px 0px;
	}
	
	.hilite { /* marks words in search with yellow */
		background: yellow;
	}

		/* Person Full rendering - #Person 
	----------------------------------------------- */
	
	h1.personH1 {
		margin: 10px 0px 0px 0px;
		font-size: 15px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	h2.personH2 {
		margin: 10px 0px 0px 0px;
		font-size: 13px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	h2.personTypeH2 {
		margin: 0px 0px 0px 0px;
		font-size: 15px;
		font-weight: bold;
		border: 0px;
		color: gray;
	}
	
	h3.personH3 {
		margin: 0px;
		font-size: 13px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	p.person {
		line-height: 150%;
	}
	
	span.personGray {
		font-size: 13px;
		color: gray;
	}
	
	ul.keywordList {
		padding: 0px;
		margin: 0px;	
	}
	
	ul.keywordList li {
		list-style: none;
		padding: 0px 0px 0px 0px;
	}
	
	ul.keywordList li ul {
		padding: 0px;
		margin: 0px 0px 0px 15px;
	}
	
	ul.keywordList li ul li {
		list-style: none;
		padding: 2px 0px 2px 0px;
	}
	
	.personFullContainer a{
		font-weight: normal;
	}
	
	.personTable {
		width: auto;
	}
	
	.personTable tr td {
		padding: 2px 0px 2px 0px;
		vertical-align: top;	
	}
	
	.personTable tr td.first {
		text-align: right;
		vertical-align: top;
		color: gray;
		width: 33%;
		font-size: 12px;
	}
	
	#personImage {		
		display: inline;
	}
	
	/* Project Full rendering - #Project 
	----------------------------------------------- */
	
	h1.projectH1 {
		margin: 10px 0px 0px 0px;
		font-size: 15px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	h2.projectH2 {
		margin: 10px 0px 0px 0px;
		font-size: 13px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	h2.projectTypeH2 {
		margin: 0px 0px 0px 0px;
		font-size: 15px;
		font-weight: bold;
		border: 0px;
		color: gray;
	}
	
	h3.projectH3 {
		margin: 0px;
		font-size: 13px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	p.project {
		line-height: 150%;
	}
	
	span.projectGray {
		font-size: 13px;
		color: gray;
	}
	
	.projectTable {
		width: auto;
	}
	
	.projectTable a {
		font-weight: normal;
	}
	
	.projectTable tr td {
		padding: 2px 0px 2px 0px;
		vertical-align: top;	
	}
	
	.projectTable tr td.first {
		text-align: right;
		vertical-align: top;
		color: gray;
		width: 33%;
		font-size: 12px;
	}
	
	/* Publication Full rendering - #Publication 
	----------------------------------------------- */
	
	h1.publicationH1 {
		margin: 10px 0px 0px 0px;
		font-size: 15px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	h2.publicationH2 {
		margin: 0px 0px 0px 0px;
		font-size: 16px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	h2.publicationTypeH2 {
		margin: 0px 0px 0px 0px;
		font-size: 15px;
		font-weight: bold;
		border: 0px;
		color: #c0c0c0;
	}
	
	h3.publicationH3 {
		margin: 0px;
		font-size: 13px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	p.publication {
		line-height: 150%;
	}
	
	p.publication a{
		font-weight: normal;
	}
	
	span.publicationGray {
		font-size: 13px;
		color: gray;
	}
	
	.publicationAuthors a {
		font-weight: normal;
	}
	
	.publicationInventors a {
		font-weight: normal;
	}
	
	.publicationMedias a{
		font-weight: normal;
	}
	
	.publicationTable {
		width: auto;
	}
	
	.publicationTable a{
		font-weight: normal;
	}
	
	.publicationTable tr td {
		padding: 2px 0px 2px 0px;
		vertical-align: top;	
	}
	
	.publicationTable tr td.first {
		text-align: right;
		vertical-align: top;
		color: gray;
		width: 33%;
		font-size: 12px;
	}
	
	ul.publicationSeries {
		padding: 0px;
		margin: 0px 0px 0px 0px;	
	}
	
	ul.publicationSeries li {
		list-style: none;
	}
	
	/* Clipping Full rendering - #Clipping 
	----------------------------------------------- */
	
	h1.clippingH1 {
		margin: 0px 0px 0px 0px;
		font-size: 15px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	h2.clippingH2 {
		margin: 10px 0px 0px 0px;
		font-size: 13px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	h2.clippingTypeH2 {
		margin: 0px 0px 0px 0px;
		font-size: 15px;
		font-weight: bold;
		border: 0px;
		color: gray;
	}
	
	h3.clippingH3 {
		margin: 0px;
		font-size: 13px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	p.clipping {
		line-height: 150%;
	}
	
	span.clippingGray {
		font-size: 13px;
		color: gray;
	}
	
	.clippingTable {
		width: auto;
	}
	
	.clippingTable tr td {
		padding: 2px 0px 2px 0px;
		vertical-align: top;	
	}
	
	.clippingTable tr td.first {
		text-align: right;
		vertical-align: top;
		color: gray;
		width: 33%;
		font-size: 12px;
	}
	
	/* Organisation Full rendering - #Organisation 
	----------------------------------------------- */
	
	h1.organisationH1 {
		margin: 0px 0px 0px 0px;
		font-size: 15px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	h2.organisationH2 {
		margin: 10px 0px 0px 0px;
		font-size: 13px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	h2.organisationTypeH2 {
		margin: 0px 0px 0px 0px;
		font-size: 15px;
		font-weight: bold;
		border: 0px;
		color: gray;
	}
	
	h3.organisationH3 {
		margin: 0px;
		font-size: 13px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	p.organisation {
		line-height: 150%;
	}
	
	span.organisationGray {
		font-size: 13px;
		color: gray;
	}
	
	/* Experts rendering - #Experts 
	----------------------------------------------- */
	
	h1.expertH1 {
		margin: 0px 0px 0px 0px;
		font-size: 15px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	h2.expertH2 {
		margin: 0px 0px 0px 0px;
		font-size: 13px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	h3.expertH3 {
		margin: 0px;
		font-size: 13px;
		font-weight: bold;
		border: 0px;
		color: #000;
	}
	
	p.expert {
		line-height: 150%;
	}
	
	span.expertGray {
		font-size: 11px;
		color: gray;
	}
	
	.expertsTable {
		width: 100%;	
	}
	
	.expertsTable tr td.extTd {
		width: 49%;
		vertical-align: top;	
	}
	
	.expertsTopLink {
		display: none;
	}
	
	.allmiddle {
		width: 10px;
	}
	
	

/* 
-----------------------------------------------
New content rendering
-----------------------------------------------
*/		

	h1.cmeta, h2.ctitle {
		border: none;		
		padding: 0;
		margin: 0 0 10px 0;
	}

	h1.cmeta {		
		font-size: 12px;						
		line-height: 1.7em;
	}
	
	span.cmetap {
		display: block;
	}
	
	h1.cmeta, h3.csubheader, div.outercontentdiv dl dt {
		color: #666;
	}
	
	h1.cmeta span.cmetalabel {
	}
	
	h1.cmeta span.cmetalabelvalue {
		font-size: 9px;
		background: #aaa;
		color: #fff; 
		padding: 1px 4px 2px 4px;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	
	h2.ctitle {
		font-size: 14px;
		margin: 0 0 0 0;
	}
	
	h2.ctitle span.ctitlesecondary {
		font-weight: normal;
		font-size: 13px;
	}
	
	h3.csubheader {
		font-size: 13px;
		padding: 0;
		margin: 15px 0 1px 0;
	}
	
	p.ckey {
		margin: 10px 0 0 0;
		padding: 0;
	}
	
	p.cauthors {
		margin: 0;
		padding: 0;
	}
	
	p.cauthors span {
		font-size: 12px;
	}
	
	p.cauthors a {
		font-weight: bold;
	}
	
	ul.corganisations, ul.cprojects {
		list-style-type: none;
		margin: 10px 0;
		padding: 0;
	}
	
	ul.corganisations li, ul.cprojects li {
	}
	
	ul.corganisations li a {
		color: #000;
	}		
	
	ul.corganisations li a {
		text-decoration: underline;		
	}
	
	ul.corganisations li a:hover, div.outercontentdiv dl a:hover, ul.cprojects li a:hover {
		text-decoration: none;
	}
	
	div.cabstract {
		padding: 10px 0 0 0;		
	}
	
	div.outercontentdiv {
		line-height: 1.5em;
	}
	
	div.outercontentdiv dl {
		width: 100%;
		overflow: hidden;¨
		padding: 0;
		margin: 0;
	}				
	
	div.outercontentdiv dl dt, div.outercontentdiv dl dd {
		padding: 0;
		margin: 0;
	}
	
	div.outercontentdiv dl.cindent dt {		
		width: 23%;
		float: left;
	}
	
	div.outercontentdiv dl.cindent dd {
		width: 74%;
		
		float: right;
	}
	
	div.outercontentdiv dl.cdl dt, div.outercontentdiv dl.cdl dd {
		width: auto;
		float: left;
	}
	
	div.outercontentdiv dl.cdl dd {
		padding-left: 6px;
	}
	
	div.cabstract, h3.csubheader, div.outercontentdiv dl dt {
		clear: both;
	}
	
	div.seriesend {
		padding: 10px 0 0 0;
	}
	
	

.stats table
{
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
}
.stats thead th
{
	padding: 0px 2px;
}
.stats tbody th
{
	font-weight: normal;
	text-align: left;
	padding-left: 3px;
}
.stats tbody tr *
{
	border-top: 1px solid #ccc;
}
.stats tbody td
{
	border-left: 1px solid #eee;
	text-align: center;
	padding: 2px;
}
.stats tbody tr.highlighted *
{
	font-weight: bold;
	padding-bottom: 10px;
}

.chart
{
	display: none;
}