/*
---------------------------------------------------------------------
Generic style sheet
Content:
--> IMPORT util stylesheet
--> HTML, BODY (TOP DOGS)
--> MISC TAGS (Basic HTML tags h1, h2 etc.)
--> CONTAINER CLASSES (Specific containers for content)
--> HEADER (specific for front and sub header)
--> LINKS (Define all links and Pseudo)
--> TEXT (span, font and further for text rendering)
---------------------------------------------------------------------*/

/*
---------------------------------------------------------------------
Import - #IMPORT
---------------------------------------------------------------------*/

@import url("siteutil.css.jsp");

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

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

	h1,h2,h3,h4,h5,h6 {
		font-family: Arial, Verdana, sans-serif;
	}

	h1 {
	}		
	
	h2 {		
		border: none;
		font-size: 160%;
	}
	
	h2.searchResult {		
		margin: 10px 0px 5px 0px;
		font-weight: normal;
	}
	
	
	.searchMessage h2
	{
		display: none;
	}
	
	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;
		line-height: 120%;
	}
	
	h3 {
		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;
	}
	
	
.line
{
	width: 100%;
	height: 3px;
	background: url(/images/lists/line_dotted.gif) repeat-x 50%;
	font-size: 1px;
	padding: 0px;
	border: 0px;
}

.line_double
{
	width: 100%;
	height: 3px;
	background: url(/images/lists/line_double-dotted.gif) repeat-x;
	font-size: 1px;
	padding-top: 1px;
}


/************************** Override person rendering *************************/

.rendering_person_full img
{
	float: left;
	margin: 0px 30px 15px 0px;
}
	
.rendering_person_full address, .rendering_person_full div.contact, .rendering_person_full div.organisations
{
	float: none;
	clear: none;
}

.rendering_person_full .custom
{
	clear: both;
}

.rendering_person_full img
{
	max-height: 300px;
}

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

	/* ----- Table for specific rendering (Use to make page go 100% in height) ----- */
	#centerFramer {
		width: 950px;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		background: #fff url(/images/templates/body_left.gif) top left repeat-y;
	}
	
	#centerFramer #centerCell {
		background: url(/images/templates/body_right.gif) top right repeat-y;
		vertical-align: top;
	}

	/* ----- Define overall layout ----- */
	#pageContainer {		
	}
	
	/* ----- Padding framer ----- */
	#pageFramer {
		padding: 0px 30px;
	}

	/* ----- Front ----- */
	#headerContainer {
		height: 257px;	
		margin: 0px 0px 0px 0px;
		position: relative;
	}
	
	/* ----- Generic (Sub pages) ----- */
	#headerSubContainer {
		height: 150px;
		width: 100%;
	}
	
	#subMenuContainer {
		width: 100%;
		background: #000;
		color: inherit;
	}
	
	#contentContainer {
		clear: both;
		padding: 0px 0px 0px 0px;
	}
	
	#subContentContainer {
		clear: both;
		width: 100%;
		background: url(/images/templates/dot.gif) 210px  top repeat-y;
	}
	
	#footerContainer {
		clear: both;
		text-align: center;		
		line-height: 130%;		
		overflow: visible;			
		width: 100%;
	}		
	
	#footerContainer #innerFooterContainer { 
		padding: 5px 0px 5px 0px;
	}	 
	
	#noResultContainer {
		padding: 10px 0px;
	}
	
	#noResultContainer span {
		font-weight: bold;
	}
	
	#noResultContainer a {
		text-decoration: underline;
		font-weight: bold;
	}
	
/*
---------------------------------------------------------------------
Header - #HEADER
---------------------------------------------------------------------*/

	
	#logoSubContainer, #logoContainer {
		padding-top: 4px;
		padding-left: 10px;
		height: 50px;
	}
	
	#logoSubContainer a, #logoContainer a
	{
		float: left;
	}
	
	#languageContainer {
		margin-top: 20px;
		margin-right: 5px;
		float: right;
	}		
	
	#imageContainer {
		background: #fff;
		height: 175px;
		width: 100%;
		color: inherit;
	}
	
	#orgHeaderImage {
		clear: both;		
	}
	
	#searchContainer {
		position: absolute;
		background: #f0f0f0;
		border: 1px solid #bbb;
		top: 177px; 
		left: 643px;
		width: 237px;	
		color: inherit;	
	}
	
	#searchContainer #searchSpacer {
		border: 1px solid #fff;
		padding: 2px 10px;
	}
	
	#labelContainer {
		height: 38px;
		overflow: visible;
	}
	
	#subLabelContainer {
		overflow: visible;
		background: url('../images/templates/label_bg.gif');
		height: 38px;
	}
	
	#subLabelContainer a
	{
		background: none;
	}

	#subLabelContainer img
	{
		margin-top: 8px;
		margin-left: 10px;
	}

	.pressContainer {
		padding: 20px 0px 0px 0px;
	}
	
	.orgContainer {
		width: 190px;
		overflow: hidden;
		padding-right: 10px;
	}
	
	.orgContainer strong
	{
		color: #444;
	}
	
/*
---------------------------------------------------------------------
Links and Pseudo - #LINKS
---------------------------------------------------------------------*/

	/* ----- Generic ----- */
	a:link, a:visited {
		color: #004799;
		background: inherit;
	}		
	
	a:hover {
	}
	
	#languageContainer a {
		font-weight: normal;
		margin-left: 10px;
		color: #004799;
		text-decoration: underline;
	}
	#languageContainer a.language_da_DK {
		background: url(/images/templates/english.gif) left top no-repeat;
		padding-left: 17px;
		padding-bottom: 3px;
	}
	#languageContainer a.language_en_US {
		background: url(/images/templates/danish.gif) left top no-repeat;
		padding-left: 17px;
		padding-bottom: 3px;
	}
	/* ----- 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;
	}
	
	#footerContainer span a {
		text-decoration: underline;
		color: gray;
		background-color: inherit;
	}
		
	div.researchLabel {
		float: left;
		background: #000;
		color: #fff;
		padding: 10px 11px 6px 25px;
		font-size: 25px;
		height: 23px;
		border-right: 3px solid gray;
		width: 117px;
	}
		
	div.researchSubLabel {
		float: left;
		background: #000;
		color: #fff;
		padding: 10px 10px 6px 25px;
		font-size: 20px;
		height: 20px;
		border-right: 3px solid gray;
	}
	
	#searchContainer h4
	{
		color: #008665;
	}


	#searchContainer a
	{
		color: #76879b;
		text-decoration: underline;
		font-weight: normal;
	}

	.frontContent h3
	{
		font-family: Helvetica;
		color: #008665;
		font-size: 18pt;
		font-weight: 100;
		margin-top: 10px;
		line-height: 100%;
	}
	
	
	.leftColumn h3
	{
		color: #008665;
	}
















.organisation
{
}

.organisation .body
{
	background: url(/images/templates/dot.gif) 310px 50% repeat-y;
	width: 100%;
}

.organisation .left
{
	width: 290px;
	overflow: hidden;
	padding-right: 10px;
	margin-right: 20px;
	float: left;
}

.organisation .right
{
	width: 320px;
	padding-left: 10px;
	float: left;
}

.organisation h1
{
	font: 18pt "Times New Roman";
	font-style: italic;
	margin-bottom: 5px;
}

.organisation .description
{
	padding-top: 8px;
}

.organisation .latest
{
}

.organisation .line_top
{
	margin-top: 20px;
	background: url(/images/templates/dot.gif) left top repeat-x;
	padding-top: 10px;
}

.organisation h2
{
	font: 14pt Helvetica,sans-serif;
	color: #008665;
}


.chart
{
	background: #fafafa;
	border: 1px solid #eee;
	margin-top: 20px;
}
.chart .loader
{
	background: url('/images/templates/spinner.gif') center center no-repeat;
}

.chart .title
{
	position: absolute;
	background: #fff;
	color: #004799;
	font-weight: bold;
	border: 1px solid #eee;
	padding: 1px 5px;
	margin-top: -12px;
	margin-left: 4px;
	white-space: nowrap;
}

.publicationLabel
{
	background: #999;
	color: #fff;
	font-size: 9px;
	font-family: Tahoma;
	padding: 0px 4px;
	position: relative;
	top: 2px;
}



.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;
}

h1
{
	border-bottom: none;
	font: 18pt Verdana;
	color: #008665;
	margin-bottom: 10px;
}

form.chartSettings select
{
	border: 1px solid #aaa;
	border-color: #aaa #ddd #ddd #aaa;
	font-size: 9pt;
	margin-right: 15px;
}
form.chartSettings label
{
	font-weight: bold;
	color: #333;
}