/*
The structure (main areas) of the page is styled here.
The pages has three fixed-width middle columns. Width in css is ambiguous , so we must work-around.
	Want to avoid the Box model hack, so it uses a tripple-box:
	Using the Css className "outer" for a container box, it must have an explicit width and optional border and padding.
	Using the Css className "inner" for an inner box, it must have width with value auto.
	The inner box margin, border, padding (explicit) and the resulting (wanted) width (which is implicit), should add up by the given outer explicit width.
	The third innermost box, className "ie5Width", is to support IE55Down. It's needed whenever there is yet another containing box which may be coded with a width given in percentage. This is the case for an author-made table within an article-text.

/*The body-tag cannot act as topmost outer box, because of IE55Down, where the body-element is equal to the viewport*/
/*Using div.PageCanvas as topmost outer box*/
div.PageCanvas {
	margin: 0 auto; /*center the page box. IE55Down: Such center not supported by IE55Down*/
	width: 770px; /*Make width 800px minus browser-edges and the permanent right scrollbar*/
	/*margin:0px;*/
	padding: 0px 0px 0px 8px;
	text-align: left;
}
/*Using a div.PageCanvasI as inner box*/
div.PageCanvasI {
	/*explicit use auto width and no other value than auto.*/
	width: auto;
	/*margin-top not default zero...*/
	margin: 0px;
}
div.PageCanvas .inner {
	/*OBS: this selector hits all the inner-elements on the page*/
}

.outer {
/*do not change this template*/
	/*Set width on each individually usage of a outer box:
		explicit set outer width which implicit gives the wanted inner width
		(outer width is the the wanted inner box content width plus sum of inner margin+border+padding*/
	/*Elements (.outer) must have zero padding and border on left and right edges*/
	border-left-width: 0px;
	border-right-width: 0px;
	padding-left: 0em;
	padding-right: 0em;
	/*any margin value*/
	margin-left: 0em;
	margin-right: 0em;
	/*other styles should be set individually*/
}
.inner {
/*do not change this template*/
	/*explicit use auto width and no other value than auto.*/
	width: auto;
	/*margin usually zero, may alter*/
	margin-left: 0em;
	margin-right: 0em;
	/*any values for border and padding*/
	/*border:1px solid cyan;*/
	padding: 0em;
	/*other styles (than margin, border and padding) should be set individually*/
}

div.PageMain {
	/*white 3px sideborder along down to (but not included) the footer*/
	border-style: solid;
	border-width: 0px;
}
div.PageTop {
	margin: 0em;
	padding: 0em; /*background-color: #A6C7D7;*/
	background-color: transparent;
}


/* Set styles for classes like left, content, right, and footer areas here */
div.MiddleRow {
	background-color: #fff;
	/*Using Css to stretch out MiddleRow all the way down, without any extra markup (dropping a FloatTerminal-box with a clear-property):*/
	/*Supply both width (any value) and overflow: may use auto or hidden. IE52Mac: hidden shows no scrollbars (auto always shows scrollbars). NN621-bug: hidden hides box content, and auto hides on reloads*/
	/*If no overflow specified: IE (all versions) MUST have either a top/bottom-, or border-, or width-style, to force bg-image to shine through. So the underscore-hack (like _padding-bottom: 1px;) is not needed when using the overflow+width-properties.*/
	overflow: hidden;
	width: 100%;
}
/*Different bg-image on the two page-types MiddleRow:*/
/*div.FrontPage {
	background-image: url(/search/nb/20070603210204oe_/http://www.forskningsradet.no/forskningsradet/gfx/ExtFrontPage_bg_460x3.png);
	background-position: top left;
	background-repeat: repeat-y;
}
div.InfoPage {
	background-image: url(/search/nb/20070603210204oe_/http://www.forskningsradet.no/forskningsradet/gfx/ExtInfoPage_bg_612x3.png);
	background-position: top left;
	background-repeat: repeat-y;
} 
div.SearchPage {
	background-image: url(/search/nb/20070603210204oe_/http://www.forskningsradet.no/forskningsradet/gfx/ExtSearchPage_bg_612x3.png);
	background-position: top left;
	background-repeat: repeat-y;
}	*/

div.Left {
	/*explicit set outer width*/
	width: 155px;
	/*may apply anything but padding and border on left and right edges*/
	/*other outer styles*/
	float: left;/*leftmost, rather than topmost, so apply clear as well*/
	clear: left;/*to avoid any preceding floats (Logo-float) to interfere with left-edge position*/
	margin-bottom: 0.5em; /*some bottom distance in case the left column is the highest. Also this asssures pretty view in FF and OP in case the Left column is empty.*/
}
div.LeftI {
	/*do NOT set a width on inner box*/
	width: auto;
	margin-right: 10px;
	padding-left:0px;
	padding-right:0px;
	/*other inner styles*/
	/*padding: 0em 0.2em;*/
	/*text-align: right;*/
}
	
/*Stuff for ExtInfoPage*/
div.Content {
	/*explicit set outer width*/
	width: 453px;/*607 = 303 + 303 (+1 for the divider...)*/
	/*width: 590px;*/
	/*other outer styles*/
	/*may apply anything but padding and border on left and right edges (avoid margin as well)*/
	float: left;
	clear: right;
}
div.ContentI {
	/*do NOT set (a non-auto) width on inner box.*/
	width: auto;
	margin-right: 10px;
	/*other inner styles*/
	/*margin-right: 155px;*//*OBS: align value with .articleReferences width*/
	/*padding-left: 8px; but in IE6 this style causes an highly unwanted visual effect at footer lower right corner. Workaround: moved the style to the "ie5Width"-box below*/

	/*Not needed: padding-bottom: 1px;/*to remove rendering of ghost-like bottom margin. may instead set a 1px border-bottom (with equal color as background-color)*/
}

div.ContentI .ie5Width {
	margin-right: 0px;/*space for the right decor-border-image*/
	padding-left: 0px;/*OBS: align value to div.articleLinks positioning*/
	padding-right: 0px;/*equal padding left/right*/
	padding-bottom: 0em; 
}
/*eo stuff for ExtInfoPage*/

/*Stuff for ExtFrontPage*/
div.Center {
	/*explicit set outer width*/
	width: 303px;/*design 303 (minus 1px for margin-right dotted-border)*/
	/*other outer styles*/
	/*may apply anything but padding and border on left and right edges*/
	float: left;
}
div.CenterI {
	/*do NOT set (a non-auto) width on inner box.*/
	width: auto;
	/*other inner styles*/
	margin-right: 1px;/*to let the border-dotted bg-image shine (from MiddleRow) through any bg-color within .Center childboxes*/
	/*padding-bottom: 0px;/*to remove rendering of ghost-like bottom margin. may instead set a 1px border-bottom (with equal color as background-color) */
}





div.Right {
	/*explicit set outer width*/
	width: 208px; /*PageCanvas(770) minus Left(157) minus Center(303) minus Canvas-border(6 as 2x3px). FF1: needs 1px less to avoid this float to wrap*./

	/*other outer styles*/
	/*may apply anything but padding and border on left and right edges*/
	float: left;/*we want it to be leftmost, rather than topmost, so apply clear as well*/
	clear: right;/*to be sure to avoid any preceding floats to interfere with right-edge position*/
	padding-top: 0px;/*IE5.5: not default zero*/

	}
	
/*iframe {
	padding: 0;
	margin: 0;
	border: none;
	width: 135px;
	height: 
}*/

div.RightI {
	/*do NOT set a width on inner box*/
	width: auto;

	/*other inner styles*/
}

/*Common footer stuff*/
.PageFooter {
	clear: both;/*force bottom placing*/
	/*background-image: url(/search/nb/20070603210204oe_/http://www.forskningsradet.no/forskningsradet/gfx/ExtFooter.gif);
	background-position: top left;
	background-repeat: no-repeat;*/
/*
	min-height: 67px; /*not supported by IE. Value equals footer-image height*/
/*	height: 6.5em; /*okey for IE and others, also supplies some bottom margin to the footer-image*/
/*	_height: 67px;/*ieAdjust: just in case an IE-client chooses to reduce local view of browser text size*/
	margin-top: 20px;
	padding-top: 0em;
	text-align: center;
	}

/*CArticle right-column (within div.obj_Article))*/
div.obj_Article {
	position: relative;/*Containing box for div.articleReferences*/
	width: 443px;
	
}
div.articleReferences {
	position: absolute;
	width: 155px;/*FF1, IE55: 152px minus internal margin/padding/border*/
	margin-left: 0px;
	top: 0em;
	left: 443px; /*Is 437px minus padding/margin in-between. Cannot set (crossbrowser) right-value because of different interpretation (content-box vs. margin-box)*/
	padding-top: 0em;
	padding-left: 10px;
	padding-right: 0px;
	height: 100%;
	margin-right: 10px;
}
div.articleReferences2{
	width: 155px;/*FF1, IE55: 152px minus internal margin/padding/border*/
	margin-left: 0px;
	/*top: 0em;
	left: 435px;*/ /*Is 437px minus padding/margin in-between. Cannot set (crossbrowser) right-value because of different interpretation (content-box vs. margin-box)*/
	padding-top: 0em;
	padding-left: 10px;
	padding-right: 0px;
	height: 100%;
	/*float: right;*/
}
div.content_width {
	width: 443px;
	
}
table.content_field,
table.content_field td,
table.content_field tr{
	border:none;
	border-collapse: collapse;
	padding:0;
	margin:0;
	}
table.content_field td.TDcontent,
table.content_field td.TDright{
	padding:0;
	margin:0;
	vertical-align: top;
}
table.content_field td.TDcontent{
	width: 435px;
}
table.content_field td.TDright {
	width: 155px;
}