/***************************************************************************************************/
/* Globala inställningar */
div#topborder 
{
	/*width: 972px; height: 11px; clear: both; background-image: url(/FOI/images/backgrounds/TopBorder.jpg); background-repeat: repeat-x; padding: 0px 0px 0px 4px; margin: 0px;*/
	background: transparent url(/FOI/images/backgrounds/dimmer.gif) repeat-x top;
	display: none;
}
div#bottomborder { width: 972px; height: 39px; clear: both; background-image: url(/FOI/images/backgrounds/BottomBorder.jpg); background-repeat: repeat-x; padding: 0px 0px 0px 4px; margin: 0px; }

/* Spacer - för att hindra div´s från att kollapsa */
.spacer 
{
	CLEAR: both;
	line-height:0;
}
.spacerheight
{
	clear: both;
}


form 
{
	margin: 0 0px 0 0;
	border: none;
	padding: 0 0px 6px 0;
	width: 988px;
	/*width: 993px;*/
	background: transparent url(/FOI/images/backgrounds/bodyshadebottom.gif) no-repeat bottom right;
	display: table;
}
fieldset 
{
	float: left;
	border: none;
	width: 982px;
	margin: 0 0 0 0;	
	padding: 0 6px 20px 5px;
	background: transparent url(/FOI/images/backgrounds/bodyshaderight.png) repeat-y top right;
}
body 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; 
	margin: 0px; padding: 0px;
	text-align: center;
	color: #666666; line-height: normal;
	background: #DEDEDD url(/FOI/images/backgrounds/bodygradient.jpg) repeat-x;
	/*width: 1000px;*/
	min-width: 1000px;
}

#wrapper
{
	margin: 0 auto;
	width: 988px;
	/*width: 993px;*/
	text-align: left;
	background: #FFF url(/FOI/images/backgrounds/dimmer.gif) repeat-x top;
}
/*
#rightshadow
{
	float: right;
	width: 6px;
}

#rightshadowtop
{
	height: 350px;
	background: transparent url(/FOI/images/backgrounds/bodyshaderighttop.jpg) no-repeat top right;
}

#rightshadowbottom
{
	background: transparent url(/FOI/images/backgrounds/bodyshaderightbottom.jpg) repeat-y bottom right;
}
*/
/* Övergripande area */
div#maincontainer { margin-left: -5px; left: 0px; position: relative; top: 0px; width: 983px; }

h1, .h1 { font-size: 1.2em; font-weight: bold; padding: 0px 0px 0px 0px; color: #666; display: block; }
h2, .h2 { font-weight: bold; font-size: 1.2em; color: #666; padding: 0; margin: 15px 0 3px 0; display: block; }
h3, .h3 { font-weight: bold; font-size: 1em; color: #666; padding: 0; margin: 15px 0 3px 0; display: block; }
h4, .h4 { font-weight: bold; font-size: 1em; color: #666; padding: 0; margin: 12px 0 3px 0; display: block; }
h5, .h5 { font-weight: bold; font-size: .95em; color: #666; padding: 0; margin: 7px 0 3px 0; display: block; }
h1.bigheader { font-size: 1.4em; }
hr { border-style: none none solid none; border-width: 0px 0px 1px 0px; border-color: #b2b2b2; height: 1px; margin: 0.5em 0px; width: 98%; }
div.hr{background: transparent url(/FOI/images/backgrounds/mainbottomareaborder.gif) repeat-x left top; height: 5px; margin: 0.5em 0px; width: 98%;}
 

a { color: #2895D2; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer; }
a img { border: none; }
a.fileicon { position: relative; top: 3px; text-decoration: none; }
a:visited { color: #2895D2; }
input:hover { cursor: pointer; }

div#areaheadersearch input, div#areaheadersearch select
{ 
	border-top: solid 1px #BDBDBD;
	border-right: solid 1px #BDBDBD;
	border-bottom: solid 1px #E7E7E6;
	border-left: solid 1px #E7E7E6;
	background-color: #F7F7F7;
}

div#areaheadersearch .imagebutton { border: medium none; }
div#areaheadersearch .imagebuttongrey { border: 0; font-size:80%; }

ul { color: #666; }
p { color: #666; margin: 0 0 1em 0px; }
select { margin: 0; padding: 0;  }
.introduction, .ingress { font-weight: normal; font-size: 100%; color: #666; padding: 0; margin: 10px 0 1em 0; display: block; }
.news .introduction, .news .ingress { font-weight: bold;} /*news have bold ingress*/
.IntroTable tr td{padding-right: 7px;}

.imagetext { font-style: italic; font-size: 0.9em; }
.red { color: #CC0000; }

.imagebuttonleft { overflow:hidden; width: 4px; height: 23px; float:left; clear:none; background-image: url(/FOI/images/buttons/StandardButtonLeft.gif); background-repeat: no-repeat; padding: 0px; margin: 0px; }
.imagebuttonright { overflow:hidden; width: 4px; height: 23px; float:left; clear: none; background-image: url(/FOI/images/buttons/StandardButtonRight.gif); background-repeat: no-repeat; padding: 0px 4px 0px 0px; margin: 0px; }
.imagebuttongreyleft { overflow:hidden; width: 3px; height: 21px; float:left; clear:none; background-image: url(/FOI/images/buttons/GreyButtonLeft.gif); background-repeat: no-repeat; padding: 0px; margin: 0px; }
.imagebuttongreyright { overflow:hidden; width: 3px; height: 21px; float:left; clear: none; background-image: url(/FOI/images/buttons/GreyButtonRight.gif); background-repeat: no-repeat; padding: 0px 6px 0px 0px; margin: 0px; }

.imagebuttongrey 
{
	float: left;
	clear: none;
	border: 0;
	/*font-weight: 900;*/
	font-size: 11px;
	font-weight: bold;
	background-image: url(/FOI/images/buttons/GreyButtonMiddle.gif);
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	cursor: pointer;
	color: #666;
	padding: 0px 0px 0px 0px;
	background-repeat: repeat-x;
	height: 21px;
	overflow: hidden;
}
.imagebutton, .shoppingcartbutton
{
	float: left;
	clear: none;
	border: none 0px #000000;
	/*font-weight: 900;*/
	/*font-size: 10px;*/
	font-size: 70%;
	font-weight: bold;
	background-image: url(/FOI/images/buttons/StandardButtonMiddle.gif);
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	cursor: pointer;
	color: #2C97D3;
	padding: 0px 0px 0px 0px;
	background-repeat: repeat-x;
	height: 23px;
	overflow: hidden;
}
.textbutton 
{
	margin: 0px 0px 0px 0px;
	padding: 4px 2px 0px 2px;
	text-decoration: none;
	font-size:9px;
}
a.textbutton:visited
{
	color: #2C97D3;
}

.shoppingcartbutton { font-size: 8px; }

.imgright { float: right; margin: 0px 0px 1em 1em; }
.imgleft { float: left; margin: 0px 1em 1em 0px; }
.divsearchmargin { width: 100%; margin: 5px 0px 5px 0px; }

a.pdf { background-color: transparent; background-image: url(/FOI/images/pdf.gif); background-position: 0px 0em; background-repeat: no-repeat; color: #333366; display: block; font-weight: bold; padding: 0px 0px 4px 24px; margin: 0px; }
a.doc { background-color: transparent; background-image: url(/FOI/images/doc.gif); background-position: 0px 0em; background-repeat: no-repeat; color: #333366; display: block; font-weight: bold; padding: 0px 0px 4px 24px; margin: 0px; }
a.xls { background-color: transparent; background-image: url(/FOI/images/xls.gif); background-position: 0px 0em; background-repeat: no-repeat; color: #333366; display: block; font-weight: bold; padding: 0px 0px 4px 24px; margin: 0px; }
a.document { background-color: transparent; background-image: url(/FOI/images/document.gif); background-position: 0px 0em; background-repeat: no-repeat; color: #333366; display: block; font-weight: bold; padding: 0px 0px 4px 24px; margin: 0px; }

a.filename { background-image: none; }
a.text { text-decoration: none; color: #666;}

a#contactcardlink, a.contactcardlink { display: block; }


/***************************************************************************************************/

/* Brödsmulespår */
div#breadcrumb
{
	position: relative;
	margin: 6px 0px 0px 0px;
	clear: both;
	color: #999;
	display: block;
	font-size: 11px;/*70%;*/
	padding-top: 4px;
	padding-bottom: 4px;
	/*padding-left: 10px;*/	
	clear: both;
}

div#breadcrumb a
{
	color: #999;
}

/***************************************************************************************************/

/* Felsida */
div#errormaincontainer { left: 37px; position: absolute; top: 5px; width: 972px; font-size: 70%; }
div#errorcontent { left: 40px; position: absolute; top: 100px; line-height: 140%; }
div#errorsearch input.textfield { float: left; position: relative; top: 0px; margin: 0px; padding: 0px; border: 1px solid #666666; line-height: 105%; height: 1.1em; width: 13em; }

/***************************************************************************************************/


/* Rad med logotyp och snabblänkar */
div#areaheaderlogo
{
	clear: left;
	padding-right: 0px;
	display: block;
	padding-left: 20px;
	left: 0px;
	float: left;
	width: 18%;
	padding-top: 10px;
	position: relative;
	top: 0px;
	height: 50px;
}
div#areaheadericons { display: none; /*float: left; clear: none; width: 15%; padding-top: 15px; */}
/* Sökrutan i headermenu */
div#areaheadersearch
{
	clear: right;
	float: right;
	width: 65%;
	color: #767879;
	margin: 0;
	padding: 0; /* 10px 0 0;*/
}
div#areaheadersearch #search
{
	/*background-image: url(/FOI/images/backgrounds/QuickSearchBackgrnd.jpg);
	background-repeat: repeat-y;
	*/
	
	display: block;
	position: relative;
	padding-right: 6px;
	/*margin-right: 10px;*/
	margin: 0;
	padding-top: 14px;
	font-size: 60%;
	font-weight: lighter;
	text-transform: capitalize;
	width: 395px;
	float: right;
	height: 26px;
}

div#areaheadersearch a
{
	color: #767879;
	text-decoration: none;
}

div#areaheadersearch a:hover
{
	text-decoration: underline;
}

div#fastlinks
{
	font-size: 11px;
	font-weight: normal;
	left: 0px;
	float: right;
	clear: right;
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
	width: 99%;
	color: #767879;
	position: relative;
	text-align: right;
}

div#fastlinks img
{
	position: relative;
	top: 3px;
}
div#areaheadertop 
{
	height: 70px;
	width: 987px;
	padding: 0;
	margin: 0;
}
div#areaheadermenu 
{
	position: relative;
	height: 38px;/* clear: both; */
	margin: 4px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	background: transparent url(/FOI/images/backgrounds/topmenushade.jpg) repeat-x 1px 34px;
	width: 987px;
	vertical-align: top;
}
div#areaheadermenu.project,
div#areaheadermenu.small
{
	position: relative;
	height: 0;/* clear: both; */
	margin: 10px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	background: transparent url(/FOI/images/backgrounds/topmenushade.jpg) repeat-x 1px top;
	width: 987px;
	vertical-align: top;
}

div#topmenu
{
	/*overflow: hidden;*/
	height: 25px; /* Testa med 26px istället */ 
	padding: 0px 0px 0px 0px;
	font-weight:bolder;
	font-size: 9pt;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 987px;
	position: relative;
	vertical-align: top;
	/*
	background-image: url(/FOI/Images/Backgrounds/TopmenuBackground.jpg);
	background-repeat: repeat-x;
	*/
}
.project div#topmenu, .small div#topmenu
{
	height:0;
}

div#topmenu .topmenuitem *
{
	padding: 0px 0px 0px 0px; margin: 0px -0.3em 0px 0px; display: inline-block; text-decoration: none; vertical-align: text-top;
}
div#topmenu div.topmenuitemtextvaldleft
{
	background-image:url(/images/valdleft.png);
	height:25px;
	width:2px;
	float:left;
}
div#topmenu div.topmenuitemtextvaldright
{
	background-image:url(/images/valdright.png);
	height:25px;
	width:2px;
	float:left;
}
div#topmenu div.topmenuitemtextejvaldleft
{
	background-image:url(/images/ejvaldleft.png);
	height:25px;
	width:2px;
	float:left;
}
div#topmenu div.topmenuitemtextejvaldright
{
	background-image:url(/images/ejvaldright.png);
	height:25px;
	width:2px;
	float:left;
}
div#topmenu div.topmenuitemtextmouseoverleft
{
	background-image:url(/images/mouseoverleft.png);
	height:25px;
	width:2px;
	float:left;
}
div#topmenu div.topmenuitemtextvaldright
{
	background-image:url(/images/mouseoverright.png);
	height:25px;
	width:2px;
	float:left;
}
div#topmenu div.topmenuitemtext
{
	float:left;
	text-transform: uppercase;
	margin: 4px -0.3em 0px 0px; display: inline-block; text-decoration: none; 
}
div#topmenu div.topmenubackejvald
{
	padding-top:5px;padding-bottom:0px;float:left;height:20px;background-image:url(/images/ejvaldback.png);background-repeat: repeat-x;
}
div#topmenu div.topmenubackhover
{
	padding-top:5px;padding-bottom:0px;float:left;height:20px;background-image:url(/images/mouseoverback.png);background-repeat: repeat-x;
}
div#topmenu div.topmenubackvald
{
	padding-top:5px;padding-bottom:5px;float:left;height:20px;background-image:url(/images/valdback.png);background-repeat: repeat-x;
}
div#topmenu div.topmenuitemtext a
{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	padding:4px 20px 5px 20px;
}
div#topmenu div.topmenuitemtext a:hover
{
	text-decoration:none;
}
dxiv#topmenu .topmenuitem img { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; /*vertical-align: top;*/}
div#topmenubottom,
div#subtopmenubottom { height: 0px; overflow: hidden; width: 972px; clear:both;}

/* Attribut för länkarna högst upp */
div#fastlinks .nav, div#fasticons .nav { PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 2px; PADDING-TOP: 0px; }
div#fastlinks .nav li, div#fasticons .nav li {line-height: 2.4em; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP:0px; }
div#fastlinks .nav li a {	padding-right: 2px; padding-left: 2px; padding-bottom: 7px; padding-top: 7px;  }

div#fasticons
{
	display: none;
}
/* Övergripande area med de tre kolumnerna för default framework och ProjectListFrameWork*/
div#defaultpagecontainer 
{
	PADDING: 0 0 1px 0;
	MARGIN: 0; /*1px auto auto;*/
	WIDTH: 100%;
	HEIGHT: 100%;
	BACKGROUND-COLOR: transparent;
	width: 972px;
}

/* Övergripande area med två kolumner för wide framework */
div#widepagecontainer { PADDING-RIGHT: 0px; MARGIN-TOP: 1px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; WIDTH: auto; PADDING-TOP: 1px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 100%; BACKGROUND-COLOR: transparent; }

/* Övergripande area med två kolumner för startpage framework*/
div#startpagecontainer 
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 25px;
	PADDING-BOTTOM: 0px;
	MARGIN: 1px auto auto;
	/*WIDTH: 100%;*/
	PADDING-TOP: 0px;
	HEIGHT: 100%;
	BACKGROUND-COLOR: transparent;
}

/* new rules for new areas */
#main
{
	padding: 0 12px 0 0;
	/*border: 2px solid red;*/
	float: left;
	width: 700px;
	background: transparent url(/FOI/images/backgrounds/mainskugga.jpg) no-repeat top right;
	min-height:515px;
}
#rightcol
{
	/*border: 2px solid blue;*/
	float: left;
	width: 225px;
	margin: 0px 0 0 10px;
}
.rightcolitem
{
	/*border: 2px solid green;*/
	font-size: 11px;
	margin: 0 10px 10px 0;
}
.rightcolitem p span
{
	display: block;
}
.rightcolitem p span.title
{
	font-weight: bold;
}
.rightcolitem p span.newsdesc
{
	display: block;
}
.rightcolitem p span.date
{
	color: #999;
	display: inline;
	padding-right: 15px;
	background: transparent url(/FOI/images/backgrounds/readmore.jpg) no-repeat right 3px;
}
#news.rightcolitem p
{
	background: transparent url(/FOI/images/backgrounds/mainbottomareaborder.gif) no-repeat 10% 100%;
	padding-bottom: 10px;
}
#news.rightcolitem p.last
{
	background: none;
}
.rightcolitem p
{
	color: #666;
	padding: 0;
	margin: 0;
}
.rightcolitem p.first
{
	padding: 0 0 0 0;
}
.rightcolitem p.last
{
	background: none;
}
.rightcolitem a
{
	color: #2895D2;
	font-weight: bold;
	text-decoration: none;
}
.rightcolitem p a:hover
{
	text-decoration: underline;
}
#forskardagen p a
{
	display: inline;
	color: #2895D2;
	padding-right: 15px;
	background: transparent url(/FOI/images/backgrounds/readmoretrans.gif) no-repeat right 4px;
}
#rightcol #news
{
	/*background: transparent url(/FOI/images/backgrounds/nyheter.jpg) no-repeat;*/
	background: transparent url(/FOI/images/backgrounds/RightPuffHeadingBack.jpg) no-repeat 0px 10px;
	padding-top: 11px;
	padding-bottom: 5px;
	margin-top: 0px;
	line-height: 14px;
}
#rightcol #news #archive 
{
	padding:5px 0;
}

#rightcol #news.rightcolitem #title, #rightcol #news.rightcolitem #titlenews
{
	position: relative;
	top: -7px;
	height: 17px;
	line-height: 17px;
	background: transparent url(/FOI/images/backgrounds/RightPuffHeadingSubLeft.jpg) no-repeat 17px 0px;
	padding: 2px 0 0 18px;
	margin: 0 0 0px 0px;
}
#rightcol #news.rightcolitem #title_text_end, #rightcol #news.rightcolitem .title_text_end
{
	line-height: 17px;	
	height: 17px;
	width: 5px;
	background: #fff url(/FOI/images/backgrounds/RightPuffHeadingSubRight.jpg) no-repeat top right;
	padding: 4px 0 0 0;
	margin: 0;
}
#rightcol #news.rightcolitem #title_text, #rightcol #news.rightcolitem .title_text
{
	background-color: #fff;
	line-height: 17px;	
	height: 17px;
	padding: 3px 3px 0 5px;
	margin: 0;
	font-weight: bold;
	border-top: solid 1px #c2c2c2;
}
#listinglatestPublications
{
	padding-bottom: 0;
	margin-bottom: 0;
}

#listingLatestPublications ul
{
	margin-left:0;
	padding: 0;
	list-style: none;
	margin-bottom: 0;

}

#listingLatestPublications ul li
{
	background: url('/FOI/images/icons/pubdocicon.gif') no-repeat top left;
	padding-left: 36px;
	min-height: 40px;
}
#listingLatestPublications ul li.noicon
{
	background: none;
	padding-left: 0;
	min-height: 0;
	background: transparent url(/FOI/images/backgrounds/mainbottomareaborder.gif) repeat-x left center;
}

#listingLatestPublications ul li h3
{
	margin:0;
	padding:0;
	width:auto;
}


#listingLatestPublications ul li div.hr
{
	height: 4px;
	clear: both;
	background-position: left bottom;
}

#rightcol #forskardagen
{
	background: transparent url(/FOI/images/backgrounds/RightPuffHeadingBack.jpg) no-repeat top;
	margin: 15px 0 10px 0;
	padding: 1px 0 5px 0;
	width: 218px;
}

#rightcol #forskardagen.rightcolitem #title
{
	position: relative;
	top: -7px;
	height: 17px;
	line-height: 17px;
	background: transparent url(/FOI/images/backgrounds/RightPuffHeadingSubLeft.jpg) no-repeat top left;
	padding: 2px 0 0 1px;
	margin: 0 0 -9px 17px;
}
#rightcol #forskardagen.rightcolitem #title_text_end
{
	line-height: 17px;	
	height: 17px;
	width: 5px;
	background: #fff url(/FOI/images/backgrounds/RightPuffHeadingSubRight.jpg) no-repeat top right;
	padding: 4px 0 0 0;
	margin: 0;
}
#rightcol #forskardagen.rightcolitem #title_text
{
	background-color: #fff;
	line-height: 17px;	
	height: 17px;
	padding: 3px 3px 0 5px;
	margin: 0;
	font-weight: bold;
	border-top: solid 1px #c2c2c2;
}
#maincontentrighteditors div.rightcolitem
{
	background: transparent url(/FOI/images/backgrounds/RightPuffHeadingBack.jpg) no-repeat top;
	margin: 15px 0 10px 0;
	padding: 1px 0 5px 0;
	width: 218px;
}
#maincontentrighteditors div.rightcolitem #title
{
	position: relative;
	top: -7px;
	height: 17px;
	line-height: 17px;
	background: transparent url(/FOI/images/backgrounds/RightPuffHeadingSubLeft.jpg) no-repeat top left;
	padding: 2px 0 0 1px;
	margin: 0 0 -9px 17px;
}

#maincontentrighteditors div.rightcolitem #title_text_end
{
	line-height: 17px;	
	height: 17px;
	width: 5px;
	background: #fff url(/FOI/images/backgrounds/RightPuffHeadingSubRight.jpg) no-repeat top right;
	padding: 4px 0 0 0;
	margin: 0;
}
#maincontentrighteditors div.rightcolitem #title_text
{
	background-color: #fff;
	line-height: 17px;	
	height: 17px;
	padding: 3px 3px 0 5px;
	margin: 0;
	font-weight: bold;
	border-top: solid 1px #c2c2c2;
}

#maincontentrightpart div.relateddocsinfo
{
	width: 216px;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	background: #f5f5f5 url(/FOI/images/backgrounds/forskardagen_botten.jpg) no-repeat top;
	border-right: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	overflow:hidden;
	
}
#maincontentrighteditors div.relateddocsinfo div
{
	padding: 0 0 10px 10px;
	margin: 0;
}
#maincontentrighteditors div.relateddocsinfo p
{
	padding:0 0 0 10px;
}


/* generic */
div.rightcolitem
{
	background: transparent url(/FOI/images/backgrounds/RightPuffHeadingBack.jpg) no-repeat top;
	margin: 15px 0 10px 0;
	padding: 1px 0 5px 0;
	width: 218px;
}
div.rightcolitem #title
{
	position: relative;
	top: -7px;
	height: 17px;
	line-height: 17px;
	background: transparent url(/FOI/images/backgrounds/RightPuffHeadingSubLeft.jpg) no-repeat top left;
	padding: 2px 0 0 1px;
	margin: 0 0 -9px 17px;
}

div.rightcolitem #title_text_end
{
	line-height: 17px;	
	height: 17px;
	width: 5px;
	background: #fff url(/FOI/images/backgrounds/RightPuffHeadingSubRight.jpg) no-repeat top right;
	padding: 4px 0 0 0;
	margin: 0;
}
div.rightcolitem #title_text
{
	background-color: #fff;
	line-height: 17px;	
	height: 17px;
	padding: 3px 3px 0 5px;
	margin: 0;
	font-weight: bold;
	border-top: solid 1px #c2c2c2;
}

div.relateddocsinfo div
{
	padding: 0 0 5px 5px;
	margin: 0;
}

#calendar div#title
{
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: 180px !important;
}
#calendar div.relateddocsinfo
{
	text-align: center;
}

#calendar div.relateddocsinfo div
{
	padding: 0 0 15px 0px;
	margin: 0;
}


#relateddocs div.relateddocsinfo p
{
	padding: 0 0 7px 10px;
}
#relateddocs div.relateddocsinfo div p
{
	padding: 0;
}


#forskardagen div.forskardageninfo
{
	width: 216px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	background: #f5f5f5 url(/FOI/images/backgrounds/forskardagen_botten.jpg) no-repeat top;
	border-right: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
}
#forskardagen div.forskardageninfo p
{
	padding: 0 0 7px 10px;
}

#kontakta
{
	background: transparent url(/FOI/images/backgrounds/RightPuffHeadingBackBlue.jpg) no-repeat top;
	margin: 15px 0 10px 0;
	padding: 1px 0 5px 0;
	width: 218px;
}

#kontakta.rightcolitem #title
{
	position: relative;
	top: -7px;
	height: 17px;
	line-height: 17px;
	background: transparent url(/FOI/images/backgrounds/RightPuffHeadingSubLeftBlue.jpg) no-repeat top left;
	padding: 2px 0 0 1px;
	margin: 0 0 -9px 17px;
}
#kontakta.rightcolitem #title_text_end
{
	line-height: 17px;	
	height: 17px;
	width: 5px;
	background: #fff url(/FOI/images/backgrounds/RightPuffHeadingSubRightBlue.jpg) no-repeat top right;
	padding: 4px 0 0 0;
	margin: 0;
}
#kontakta.rightcolitem #title_text
{
	background-color: #fff;
	line-height: 17px;	
	height: 17px;
	padding: 3px 3px 0 5px;
	margin: 0;
	font-weight: bold;
	border-top: solid 1px #ABD5ED;
}

#kontakta div.kontaktinfo
{
	width: 216px;
	margin: 0px 0 0 0;
	padding: 10px 0 0 0;
	background: #f0f6fa url(/FOI/images/backgrounds/kontakta_botten.jpg) no-repeat top;
	border-right: 1px solid #ABD5ED;
	border-left: 1px solid #ABD5ED;
	border-bottom: 1px solid #ABD5ED;
	overflow:hidden;
}
#kontakta div.kontaktinfo p
{
	padding: 0 0 7px 10px;
}
#kontakta div a.arrows
{
	display: inline;
	color: #2895D2;
	padding-right: 15px;
	background: transparent url(/FOI/images/backgrounds/readmoretrans.gif) no-repeat right 4px;
}
#kontakta div a.epost
{
	background: none;
}
#kontakta div span.address
{
	padding-bottom: 5px;
}


#maintop
{
	/*border: 2px solid purple;*/
	height: 200px;
	/*margin: 2px;*/

	background: transparent url(/FOI/images/backgrounds/pilhoger.jpg) no-repeat 520px 80px;
}
#maintop #adtext
{	
	z-index:1;
	position:relative;
}
#maintop p 
{
	margin: 50px 0 0 0;
	text-align:right;
}
#maintop p.right
{
	margin-right: 130px;
}
#maintop p span
{
	display: block;
}

#maintop .light
{
	color: #808080;
	font-size: 20px;
}
#maintop .heavy
{
	color: #666;
	font-size: 30px;
}
#maintop a
{
	color: #2C97D3;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 50px 0 0;
	text-decoration: none;
}
#maintop a:hover
{
	text-decoration: underline;
}

.mainbottomarea
{
	font-size: 11px;
	float: left;
	width: 227px;
	margin-top: 10px;
	background: transparent url(/FOI/images/backgrounds/mainbottomareaskugga.gif) no-repeat bottom right;
	padding-bottom:30px;
}
.mainbottomarea p
{
	color: #666;
	padding: 0 12px 15px 5px;
	margin: 0 2px 5px 0;
}
.mainbottomarea p.bottom
{
	height: 90px;
	background: transparent url(/FOI/images/backgrounds/mainbottomareaborder.gif) no-repeat 20% top;
	padding-top:10px;
}
.mainbottomarea p.top
{
	padding: 5px 12px 4px 8px;
	margin-bottom:0;
	
}
.mainbottomarea p span.title
{
	font-weight: bold;
	display: block;
}
.mainbottomarea span.minitext
{
	padding-top:5px;
	padding-bottom:5px;
	display: block;
}
.mainbottomarea p a.arrows, .part02 .introitem a.arrows,
#rightcol #news #archive a.arrows
{
	margin-top: 5px;
	/*display: block;*/
	display: inline;
	color: #2895D2;
	font-weight: bold;
	text-decoration: none;
	padding-right: 15px;
	background: transparent url(/FOI/images/backgrounds/readmoretrans.gif) no-repeat right 4px;
}
/*
.mainbottomarea p a.text
{
	text-decoration: none;
	color: #666;
	font-weight: normal;
	background: none;
}
*/
.mainbottomarea p a:hover, .part02 .introitem a.arrows:hover, #rightcol #news #archive a.arrows:hover
{
	text-decoration: underline;
}

ul.publicationsearchlist
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.publicationsearchlist li
{
	background: url('/FOI/images/icons/pubdociconbig.gif') no-repeat top left;
	padding-left: 44px;
}

ul.publicationsearchlist li.noicon
{
	background: none;
	padding-left: 0;
	min-height: 0;
	background: transparent url(/FOI/images/backgrounds/mainbottomareaborder.gif) repeat-x left center;
}

/* Den vänstra kolumnen */
div#arealeftcontent
{
	overflow: hidden;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 70%;
	float: left;
	width: 193px;
	background-color: transparent;
}

/* Länkarna i kolumnen till vänster */
div#arealeftcontent div.nav
{
	/*overflow: hidden;*/
	width: 192px;
	padding: 0 0 23px 0;
	margin: 0;
	display: block;
	background-color: White;
	background: transparent url(/FOI/images/backgrounds/nav_bg_shade.png) repeat-x bottom right;
}

div#arealeftcontent div.nav a
{
	/*padding: 6px 10px 2px 10px;*/
	/*padding: 0;*/
	padding: 0;
	margin: 0;
	text-decoration: none;
	/*width: 171px;*/
}

div#arealeftcontent div.nav a.navitem0,
div#arealeftcontent div.nav a.navitem0s,
div#arealeftcontent div.nav a.navitem0e,
div#arealeftcontent div.nav a.navitem0se 
{
	display: block; color: #666; background-color: white;
	border-top: 1px solid #dcdcdc;
	border-right:1px solid #d0d0d0;
	
	padding: 7px 0 8px 0;
	margin: 0;
	font-weight: normal;
}

div#arealeftcontent div.nav a.navitem0:hover
{
	background: #f5f5f5; /* url(/FOI/images/backgrounds/nav_bg_hover.png) repeat-x top left; */
}


div#arealeftcontent div.nav a.navitem0
{
	color: #666;
}

div#arealeftcontent div.nav a.navitem0s, div#arealeftcontent div.nav a.navitem0se, div#arealeftcontent div.nav a.navitem0e
{
		background-color:#d0d0d0;	
}
div#arealeftcontent div.nav a.navitem0s:hover, div#arealeftcontent div.nav a.navitem0se:hover, div#arealeftcontent div.nav a.navitem0e:hover
{		
		background: #f5f5f5; /*url(/FOI/images/backgrounds/nav_bg_hover.png) repeat-x top left;	*/
}
div#arealeftcontent div.nav a.navitem0se, div#arealeftcontent div.nav a.navitem0e
{
	border-bottom:1px solid #fff;
}


div#arealeftcontent div.nav a.navitem1,
div#arealeftcontent div.nav a.navitem1s,
div#arealeftcontent div.nav a.navitem1e,
div#arealeftcontent div.nav a.navitem1se 
{
	font-size: 92%; display: block; background-color: #eee; color: #4d4949;
	padding: 10px 6px 10px 14px; border-right:1px solid #d0d0d0;	
	width:174px !important;  border-left:1px solid #fff;
}

div#arealeftcontent div.nav a.navitem1:hover,
div#arealeftcontent div.nav a.navitem1s:hover,
div#arealeftcontent div.nav a.navitem1e:hover,
div#arealeftcontent div.nav a.navitem1se:hover 
{
	background-color: #f5f5f5;
}


div#arealeftcontent div.nav a.navitem1s,
div#arealeftcontent div.nav a.navitem1se 
{
	background-color: #d9d9d9; 	
}

div#arealeftcontent a:hover, div#arealeftcontent a:focus 
{
	color: #999999; background-color: #e8e8e8;
}

/* Den vänstra kolumnen för projektsidan - annan färg*/
div#arealeftcontentproject
{
	clear:left;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 70%;
	float: left;
	width: 200px;
	background-color: transparent;
}

/* Länkarna i kolumnen till vänster */
div#arealeftcontentproject div.nav
{
	overflow: hidden;
	width: 191px;
	padding: 0px 0px 0px 0px;
	display: block;
	margin: 1px 0px 0px 1px;
	background-color: White;
}
div#arealeftcontentproject div.nav a
{
	padding: 8px 10px 4px 10px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	width: 171px; 
}

div#arealeftcontentproject div.nav a.navitem0,
div#arealeftcontentproject div.nav a.navitem0s,
div#arealeftcontentproject div.nav a.navitem0e,
div#arealeftcontentproject div.nav a.navitem0se 
{
	height: 21px; border-bottom: solid 1px #ffffff; display: block; color: #663366; background-color: lightgrey;
}
div#arealeftcontentproject div.nav a.navitem0 { color: #000000; }

div#arealeftcontentproject div.nav a.navitem1,
div#arealeftcontentproject div.nav a.navitem1s,
div#arealeftcontentproject div.nav a.navitem1e,
div#arealeftcontentproject div.nav a.navitem1se 
{
	font-size: 90%; display: block; background-color: #f2f2f2; color: #663366; padding: 4px 6px 8px 14px;
}

div#arealeftcontentproject a:hover, div#arealeftcontentproject a:focus { color: #999999; background-color: #e8e8e8; }

/* Huvudinnehåll i default framwork*/
div#defaultpagecontainer div#areacontent
{
	/*float: right;*/
	float: left;
	clear: right;
	padding-right: 0px;
	padding-left: 10px;
	font-size: 70%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	width: 750px;
}
div#areacontent .part02 h1 { padding: 10px 0px 0px 0px; font-size: 1.8em; font-weight: normal; color: #666666; }

/* Kolumnen i mitten för default framwork*/
div#defaultpagecontainer div#areacentercontent
{
	/*overflow: hidden;*/
	clear: none;
	padding: 10px 50px 10px 10px;
	float: left;
	margin: 0px 10px 0px 0px;
	width: 470px;
	position: relative;
	/*background-color: transparent;*/
	background: transparent url(/FOI/images/backgrounds/mainskugga.jpg) no-repeat top right;
	min-height:515px;
}
div#areacentercontent .projectborder
{
	height:9px;
	background:transparent url(/FOI/images/backgrounds/projectborder.gif) repeat-x top left;
	margin-top:16px; 
}

#pagecontents p
{
	color: #666;
}
.part02 img.right, #pagecontents img.right
{
	float:right;
	padding:15px 0 15px 15px;
}
.part02 img.left, #pagecontents img.left
{
	float:left;
	padding:15px 15px 15px 0;
}
.part02 .introitem img.left
{
	float:left;
	padding:0 10px 5px 0;
}

.part02 .introitem 
{	
	margin-top:7px;
	padding-top:3px;
	background: transparent url(/FOI/images/backgrounds/mainbottomareaborder.gif) repeat-x left top;
}
.part02 .introitem h3
{
	margin-bottom:0;
	margin-top:5px;
}
.part02 .introitem p.normal
{
	margin-top:0;
	margin-bottom:0;	
}
.part02 .introitem .introlink
{
	margin-top:5px;
	margin-bottom:10px;
}
/* Den högra kolumnen i default framework */
div#defaultpagecontainer div#arearightcontent
{
	float: right;
	clear: right;
	width: 210px;
	margin: 0;
	padding: 0;
}

/****** Sektioner i startpage framework ******/
/* Översta delen */
div#startpagecontainer div#areatopcontent
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 70%;
	width: 972px;
	height: 117px;
	clear: both;
}

div#startpagecontainer div#topcontentleft
{
	WIDTH: 740px;
	clear: left;
	float: left;
	height: 117px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div#startpagecontainer div#topcontentright
{
	clear: right;
	float: right;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 1px;
	overflow: hidden;
	width: 210px;
	color: white;
	height: 117px;
	background-image: url(/FOI/Images/Backgrounds/GrayHeaderTall.jpg);
	background-repeat: repeat-x;
}
div#startpagecontainer div#topcontentright h2
{
	padding-top: 4px;
	margin-top: 6px;
	color: White;
	font-weight: bold;
}

div#startpagecontainer div#topcontentright a
{
	color: white;
}
div#startpagecontainer div#topcontentright p {color: White;}

div#startpagecontainer div#topcontentbottom
{
	clear: both;
	float: left;
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	background-image: url(/FOI/images/backgrounds/bg_shaded_border.jpg);
	background-repeat: repeat-x;
	padding-bottom: 0px;
	margin: 0px 0px -0.4em 0px;
	padding-top: 0px;
	height: 21px;
	width: 972px;
	position: relative;
	overflow: visible;
}

/* Huvuddelen */
div#startpagecontainer div#areamaincontent
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 70%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	width: 972px;
}

div#startpagecontainer div#maincontentleft
{
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	WIDTH: 740px;
	clear: left;
	float: left;
	position: relative;
	height: 100%;
	overflow: hidden;
}

/* Startsidans vänsterkolumn */
h1.grayheader { width: 229px; height: 25px; color: White; background-image: url(/FOI/images/backgrounds/GrayHeaderBackground.jpg); background-repeat: no-repeat; padding: 4px 0px 0px 10px; margin: 0px 0px -0.3em 0px; }

h1.greenheader { position:relative; display: block; width: 219px; height: 25px; color: White; background-image: url(/FOI/images/backgrounds/GreenHeaderBackground.jpg); background-repeat: no-repeat; padding: 4px 0px 0px 10px; margin: 0px 0px -0.3em 0px; }

h1.projectheader 
{
	width: 182px; color: #666;
	/*background-image: url(/foi/images/backgrounds/leftmenuback_project.gif)
	background-repeat: repeat-x;*/
	background-color: #5c5c85;
	padding: 0px 0px 0px 10px;
	margin: 0px 10px 0px 0px;
	line-height: 20px;	
	border-top: 1px solid #CCC;
}

#projectheadertext
{
	display: block;
	color:#fff;
	margin-right: 0px;
	margin-left: 5px;
	padding: 0;
	height: 100%;
	/*background: transparent url(/FOI/images/backgrounds/leftmenubackright_project.gif) no-repeat right;*/
}
#arealeftcontent #arealeftmenuproject h1 #projectheadertext:hover
{	
	color:#fff;	
}


h1.blueheader 
{
	width: 182px; height: 31px; color: #666;
	background-image: url(/foi/images/backgrounds/leftmenuback.jpg);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 10px;
	margin: 0px 10px 0px 0px;
	line-height: 31px;	
	/*border-top: 1px solid #CCC;*/
}

#blueheadertext
{
	display: block;
	color:#666;
	margin-right: 0px;
	margin-left: 5px;
	padding: 0;
	height: 100%;
	background: transparent url(/FOI/images/backgrounds/leftmenurightend.jpg) no-repeat right;
}
div#arealeftcontent #blueheadertext:hover, div#arealeftcontent #blueheadertext:focus,div#arealeftcontent #projectheadertext:hover,
div#arealeftcontent #projectheadertext:focus
{
	text-decoration:none;
	background-color:transparent;
	color:#666;
}


h1.redheader { width: 172px; height: 25px; color: White; background-image: url(/foi/images/backgrounds/redheaderbackground.jpg); background-repeat: no-repeat; padding: 2px 10px 0px 10px; margin: 0px 0px -0.4em 0px; }

#currmonth 
{
	text-align: center; width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
	text-transform: uppercase;
}
/*
h1.greenheader #prevmonth { position: relative; width: 20px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
h1.greenheader #currmonth { text-align: center; left: 50px; width: 150px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position: absolute; }
h1.greenheader #nextmonth { position: absolute; left: 210px; width: 20px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
h1.greenheader a, 
h1.greenheader a:visited { text-decoration: none; color: White; }
*/
div.contentboxlogo 
{
	border: 1px solid #DCDCDC;
	padding: 12px 0px 12px 12px;
	margin: 0px 0px 15px 0px;
	width: 204px;
	background: #fff;
}

div.contentbox 
{	
	border-right: solid 1px #b2b2b2;
	padding: 4px 0px 4px 10px;
	margin: 0px 0px 6px 0px;
	border-left: solid 1px #b2b2b2;
	width: 217px;
	border-bottom: solid 1px #b2b2b2;
}

div#smallnewslist
{
	overflow: hidden;
	display: block;
	border-right: #b2b2b2 1px solid;
	border-left: #b2b2b2 1px solid;
	border-bottom: #b2b2b2 1px solid;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 20px;
	width: 227px;
}
div#smallnewslist .newsitem { padding-left: 10px; padding-bottom: 10px; }
div#smallnewslist .newsitem .newsdate { font-weight: bold; }
/* Kalendarium på startsidan */
div#startpagecontainer div#calendar, div#calendarMenu div#calendar
{
	border-right: solid 1px #b2b2b2;
	padding-bottom: 10px;
	margin: 0px;
	border-left: solid 1px #b2b2b2;
	width: 227px;
	padding-top: 0px;
	border-bottom: solid 1px #b2b2b2;
} 

div#startpagecontainer div#datepicker, div#calendarMenu div#datepicker { display: none; }

div#startpagecontainer div#calendareventlist, div#calendarMenu div#calendareventlist { padding: 0px 10px 0px 10px; }

div#startpagecontainer div.calitemdate, div#calendarMenu div.calitemdate
{
	font-weight: bold;
	display: block;
	margin-top: 0px;
	padding: 10px 10px 0px 0px;
	clear: both;
	position: relative;
}

div#startpagecontainer div.caliteminfo
{
	display: block;
	padding: 0px 10px 0px 10px;
	clear: both;
	position: relative;
}



div#startpagecontainer div#maincontentleft .h1
{
	MARGIN-TOP: 10px;
	FONT-SIZE: 1em;
	MARGIN-BOTTOM: 4px;
	padding:10px 10px 0px 10px;
	font-weight: bold;
}

div#startpagecontainer div#maincontentright
{
	clear: right;
	float: right;
	overflow: hidden;
	width: 232px;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#startpagecontainer div#maincontentrighteditors { width: 232px; overflow: hidden; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div#maincontentrighteditors
{
	margin-bottom: 12px;
}
div#startpagecontainer div#maincontentleftcol01
{
	WIDTH: 240px;
	clear: left;
	float: left;
	position: relative;
	overflow: hidden;
	padding-right: 0px;
	margin-right: 0px;
}
div#startpagecontainer div#maincontentleftcol02
{
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	width: 480px;
	clear: right;
	float: right;
	position: relative;
}

div#mainpuff
{
	overflow: hidden;
	display: block;
	clear: both;
	padding: 0px 0px 0px 0px;
	position: relative;
	margin: 10px 0px 10px 0px;
	width: 480px;
}
div#middlepuff
{
	overflow: hidden;
	display: block;
	clear: both;
	padding: 10px 0px 10px 0px;
	position: relative;
	margin: 10px 0px 10px 0px;
}

div#startpagecontainer div#maincontentleftcol02 div.puffleft
{
	clear: left;
	float: left;
}
div#startpagecontainer div#maincontentleftcol02 div.puffleft h1
{
	font-weight: normal;
	font-size: large;
	color: #999999;
	padding-left: 0px;
}
div#startpagecontainer div#maincontentleftcol02 div.puffright
{
	overflow: hidden;
	clear: right;
	float: right;
	text-align: left;
}

/* Kolumnenen i mitten - bred - för wide framwork */
div#widepagecontainer div#areacentercontent 
{
	PADDING-RIGHT: 5px; PADDING-LEFT: 22px; FONT-SIZE: 70%; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 150px; PADDING-TOP: 10px; width: auto; MARGIN-RIGHT: 0px;
}

/* Startsidans rubriker */
div#startpagecontainer h1.startpagelistheading { TEXT-TRANSFORM: uppercase; }
div#startpagecontainer h2 { margin-top:0px; padding-top:0px; }

/* Allmänna stilar för huvudinnehållet */
div#arealeftcontent strong.headerhead,
div#areacentercontent strong.headerhead { color: #595A5A; display: block; font-size: 100%; font-weight: normal; margin: 0px 0px 1em 0px; text-transform: uppercase; }
div#areacentercontent h1 { color: #666666; font-size: 100%; margin: 0px 0px .3em 0px; }
div#arealeftcontent a.pdf,
div#areacentercontent a.pdf { background-color: transparent; background-image: url(/FOI/images/bg_pdf.gif); background-position: 0px 0em; background-repeat: no-repeat; color: #196985; display: block; font-weight: bold; padding: 0px 0px 4px 24px; margin: 0px; text-decoration: none; }

/* Allmänna stilar för informationsdelar */
.part01 { margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; BACKGROUND-COLOR: transparent; display: block; }
.part02 { margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; background-color: transparent; display: block; }
.part03 { margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; background-color: transparent; display: block; clear:both; }

/* Lägg till understrykningar till berörda informationsdelar */
div#defaultpagecontainer .part01, 
div#widepagecontainer .part01 { BACKGROUND-POSITION: bottom; BACKGROUND-IMAGE: url(/FOI/Images/bg_hr_dashed.gif); BACKGROUND-REPEAT: repeat-x; }

a.part01
{
	font-weight: normal;
	float: left;
}
a.readmore
{
	background-position: center center;
	background-image: url(/FOI/images/blapilX2.gif);
	background-repeat: no-repeat;
	display: inline;
}

/* Sidfoten i botten av sidan */
div#areafooter
{
	position: relative;
	padding: 5px 0px 0px 5px;
	margin: 10px 0px 10px 0px;
	width: 972px; 
	clear: both;
	font-size: 70%;
	background-color: transparent;
	text-align: right;
}
div#maincontainer div#areafooter { padding-left: 0px; } /* Fix for startpage */

/* Nyhetspushar */
.newsitem .header { color: #595A5A; }
.newsitem .ingress { DISPLAY: block; FONT-WEIGHT: normal; COLOR: #595a5a; margin: 0px 0px 5px 0px; }
.newsitem h2 { font-weight: bold; font-size: 100%; color: #595A5A; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; }

/* Projektpushar */
.projectitem .header { color: #595A5A; }
.projectitem .ingress { DISPLAY: block; FONT-WEIGHT: normal; COLOR: #595a5a; margin: 0px 0px 5px 0px; }
.projectitem h2 { font-weight: bold; font-size: 100%; color: #595A5A; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; }
.projectitem {float:left; padding-right: 10px;} 

/* Sidlistning */
div.part02 div.pagelist div.pagelistitem { position: relative; background-color: #ECF3FA; padding: 3px 0px 3px 0px; }
div.pagelist div.pagelistitemalt { position: relative; background-color: #FFFFFF; padding: 3px 0px 3px 0px; }
/* Listningar i mittensektionen ska ha top border */
div#areacentercontent div.pagelist
{
	padding-top: 5px;
}

/* Felmeddelanden */
div.errormessages {  PADDING-LEFT: 5px; COLOR: red; }

/* Anpassa */
label.accessibilityinput { line-height: 2em; }

/* Skriv ut */
.printpage { margin-top: -5px; padding-left: 0px; }

/* Senast updaterad */
.pageupdated { display: block; padding-top: 1em; padding-left: 0px; background-color: Transparent; }


/* Webbplatslista */
.websitelistitemalt { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px; BACKGROUND-COLOR: transparent; }
.websitelistitem { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px; BACKGROUND-COLOR: #f1f1f1; }

/* Webbkarta */
.sitemap { padding: 10px 0 10px 50px; }
.sitemapul { padding-left: 0px; margin-left: 0px; list-style: none inside;  }
.sitemaplimenu { margin: 0px 0px 0px 0px; padding-bottom: 2px; padding-left: 0px; font-weight: bold; text-decoration: none; list-style: none inside; }
.sitemapli
{
	text-decoration: none;
	margin-top: -2px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	list-style-position: inside;
	list-style-type: none;
	text-decoration: none;
}

.sitemapli a
{
	text-decoration: none;
	vertical-align: middle;
	position: relative;
	top: -4px;
}
a.sitemapmenuheader { text-decoration: none; font-weight: bold; font-size: 120%; color: #595A5A; padding: 0; margin: 0;}

/* Shopping Cart */
div#shoppingcart { width:100% ; padding: 1em 0em .5em 0em; }
.divshoppingcart { display: block}
.divshoppingcartbutton { width:100%; text-align:right}
.shoppingcarttitle { font: bold 1em verdana; background-color: #DFE2E6; line-height: 1.5em; height: 1.5em; padding-left: .5em; margin-bottom: .5em;}
.shoppingcartheader { font: bold 1em verdana; background-color: #FFFFFF; color: #595A5A; border-bottom-color:#b2b2b2; border-bottom-style:dotted; border-bottom-width:thin;}
span.shoppingcartitem, span.shoppingcartalternatingitem { color: #595A5A; border: none; }
.shoppingcartfooter { font: bold 1em verdana; background-color: #FFFFFF; color: #595A5A; border-top-style:dotted; border-top-color:#b2b2b2; border-top-width:thin; padding-top:.7em;}
.shoppingcartinput { font-size: 0.8em; margin: 0; padding: 0; color: #595A5A; text-align:center; }
td.shoppingcartitem, td.shoppingcartalternatingitem {padding: 4px 0 4px 0;}

/* Registrera inloggning */
div#publicationlogin { width:75%; }
div#publicationlogin div.checkbox { float: left; width: 100%; padding-left:6px; text-align:left; padding-top: 6px}
div#publicationlogin div.buttonlogin { float: right; width: 25%; padding: 0.1em 0em 0em 0em; margin-right: 0px; }
div#publicationlogin div.buttonright { float: right; width: 30%; padding-bottom:6px; }
div#publicationlogin div.buttonleft { float: left; width: 30%; padding-left: 6px; padding-bottom:6px;}
div#publicationlogin div.whitebg { background-color: #ffffff; width: 100%; height: 2em; padding: 3px 0px 0px 6px;}
div#publicationlogin div.headrow { float: left; width: 100%; background-color:#f2f2f2; padding: 0.6em 0em 0.6em 0em; }
div#publicationlogin div.row { float: left; width: 100%; padding: 0.6em 0em 0.6em 0em; }
div#publicationlogin div.headlabel { float: left; width: 100%; padding: 0.1em 0em 0em 0.3em; color: #595A5A; font-size: 1.1em; font-weight: bold; margin-right: 0px; }
div#publicationlogin div.label { float: left; padding: 0.3em 0em 0em 0.3em; color: #595A5A; font-weight: bold; }
div#publicationlogin div.inputfield { float: left; background-color: Transparent; }
div#publicationlogin div.inputcolumn { float: right; margin: 0em 0em 0em 0em; background-color: Transparent; }

/* Registrera */
div#registerform { width: 98%; }
div#registerform div.registerformheadrow { float: left; width: 100%; padding: 0.6em 0em 0.6em 0em; }
div#registerform div.registerformrowdark { float: left; width: 100%; padding: 0.2em 0em 0.2em 0em; }
div#registerform div.registerformrow { float: left; width: 100%; padding: 0.2em 0em 0.2em 0em; }
div#registerform div.headlabel { float: left; padding: 0.1em 0em 0em 1em; color: #595A5A; font-size: 1.1em;	font-weight: bold; }
div#registerform div.label { float: left; padding: 0.3em 0em 0em 1em; color: #595A5A; font-size: 1em; }
div#registerform span.label { font-weight: bold; }
div#registerform div.inputfield { float: left; background-color: Transparent; }
div#registerform div.inputcolumn { float: right; width: 270px; margin: 0em 0em 0em 0em; background-color: Transparent; }
div#registerform .textbox { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; width: 250px; margin: 0; padding: 0; color: #595A5A; }
div#registerform .ziptextbox { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; width: 50px; margin: 0; padding: 0; color: #595A5A; }
div#registerform .posttextbox { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; width: 180px; margin-left: 15px; padding: 0; color: #595A5A; }

/* Contactbox, lower right corner */
div#contactbox
{
	width: 229px;
	/*
	padding-right: 0px;
	margin-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	*/
	padding: 0;
	margin: 0;
}

div#adressinfo
{
	border-bottom: solid 1px #b2b2b2; 
	border-left: solid 1px #b2b2b2; 
	border-right: solid 1px #b2b2b2; 
	padding: 4px 0px 4px 10px;
	margin: 0px 0px 0px 0px;
}

/* Introduction styles */
.intro
{
	MARGIN: 10px 0px 8px 0px;
}
.intro a
{
	font-weight: normal;
}
.intro p
{
	margin-top: 0px;
	margin-bottom: 4px;
	font-weight: normal;
}
.intro a.h1, 
div#startpagecontainer div#maincontentleft .intro a.h1
{
	margin: 10px 0px 4px 0px;
	padding-left: 0px;
	font-size: 1em;
}
/* One intro */
.intro1x1col
{
	margin-left:5px;
	width:100%;
}
/* Two intros */
.intro1x2col1, .intro1x2col2
{
	WIDTH: 210px;
	float:left;
	padding-left:10px;
	padding-right:10px;
}
/* Three intros */
.intro1x3col1, .intro1x3col2, .intro1x3col3
{
	width:128px;
	float:left;
	padding-left:10px;
	padding-right:10px;
}
/* Draw line between columns */
.intro1x2col1, .intro1x3col1
{
	BORDER-RIGHT: solid 1px #b2b2b2;
}
.intro1x2col2, .intro1x3col2, .intro1x3col3
{
	LEFT: -1px;
	POSITION: relative;
	BORDER-LEFT: solid 1px #b2b2b2;
}
/* One intro - subcolumns */
.introwidecol1
{
	WIDTH: auto;
	float:left;
}
.introwidecol2
{
	PADDING-LEFT: 15px;
	WIDTH: auto;
	float:left;
}
/* Calender styles */
div#datepicker
{
	
}
div#datepicker td.dayheader { border-width: thin; border-style: none; }
div#datepicker td.othermonth { background-color: #b2b2b2; font-weight: normal; }
div#datepicker td.othermonth a { font-weight: normal; color: #999999; font-weight: normal; }
div#datepicker td.day a { font-weight: normal; color: #999999; font-weight: normal; }
div#datepicker td {border:1px solid #cccccc;}
div#datepicker td.dayselected { background-color: #6a99ba; font-weight: normal; }
div#datepicker td.dayselected a { background-color: #6a99ba; font-weight: normal;color: white; }
div#datepicker a.h2
{
	margin-top: 0px;
	font-size: 1em;
	padding-top: 0px;
	display: block;
}
div#datepicker h2
{
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 10px 3px 0px;
	TEXT-TRANSFORM: capitalize;
	COLOR: #333333;
	PADDING-TOP: 0px;
	TEXT-ALIGN: center;
}

.label
{
	font-weight:bold;
}
.eventspec
{
	padding-bottom:4px;	
}

.eventlistitem
{
	margin-bottom:10px;
}
.eventlistitem .eventlistitemcol1
{
	CLEAR: left;
	FLOAT: left;
	WIDTH: 17%;
	/*text-transform: capitalize;*/
	font-weight: bold;
}
.eventlistitem .eventlistitemcol2
{
	CLEAR: right;
	FLOAT: right;
	WIDTH: 78%;
}

.eventlistitem .eventlistitemcol2 a.eventlink, .calendar .previouslink, .calendar .nextlink
{
	font-weight:bold;
}
.calendar .previouslink
{
	float: left;
	display:block;
	margin-top: .3em;
}
.calendar .nextlink
{
	float:right;
	display:block;
	margin-top: .3em;
}
.calendar #monthHeading
{
	margin:0;
	font-size: 1.25em;
	line-height: 1.25em;
	text-transform: capitalize;
	font-weight: bold;
}

.eventlocationheader
{
	font-weight:bold;
}

.noeventstext
{
	text-align:center;
}

.calendarheadingbordertop
{
	background: transparent url(/FOI/images/backgrounds/mainbottomareaborder.gif) repeat-x left bottom; height: 5px; margin: 0.2em 0px; width: 100%; padding:0;
}
.calendarheadingborderbottom
{
	background: transparent url(/FOI/images/backgrounds/mainbottomareaborder.gif) repeat-x left top; height: 5px; margin: 0.2em 0px 1.75em 0; width: 100%; padding:0;
}

/* Event signup */
div.signup .button 
{
	padding-top:6px;
}
/* Confirm messages etc. */
.highlight
{
	margin-bottom: 10px; COLOR: red; 
}

/* Detailed page list */
.detailedpagelist .introitem
{
	margin-top:10px;
	margin-bottom:20px;
}

.detailedpagelist .intropic
{
	width:30%;
	float:left;
}
.detailedpagelist h3
{
	margin-top:0px;
}
.detailedpagelist p
{
	margin-bottom:10px;
	margin-top:5px;
}

.detailedpagelist .introtext
{
	width:69%;
	float:right;
}

/* Assignments list */
.assignmentslist h1
{
	clear: both;
	font-size: 1.0em;
	float: left;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-left: 0px;
	width: 98%;
	display: block;
}
.assignmentslist .introitem
{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.assignmentslist .introtext
{
	margin-top:10px;
	margin-bottom:10px;
	padding-left: 10px;
	margin-left: 4px;
	width: 98%;
	float: right;
	display: block;
}
.assignmentslist h2
{
	margin-left: 0px;
	margin-top: 0px;
	font-size: 1em;
}
.assignmentslist p
{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.assignmentslist div.ilink
{
	margin-left: 0px;
	text-align: left;
}

/* Research area list */
.researcharealist .introitem
{
	PADDING-RIGHT: 4px;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 4px;
	FLOAT: left;
	MARGIN-BOTTOM: 0px;
	PADDING-BOTTOM: 0px;
	WIDTH: 270px;
	MARGIN-RIGHT: 10px;
	PADDING-TOP: 4px;
	BACKGROUND-COLOR: whitesmoke;
}
.researcharealist .introitemalt
{
	PADDING-RIGHT: 4px;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 4px;
	FLOAT: left;
	MARGIN-BOTTOM: 0px;
	PADDING-BOTTOM: 0px;
	WIDTH: 270px;
	MARGIN-RIGHT: 10px;
	PADDING-TOP: 4px;
	BACKGROUND-COLOR: ivory;
}

.researcharealist h2
{
	font-size:1.2em;
}
.researcharealist h3
{
	margin-top:0px;
	font-size:1em;
}
.researcharealist p
{
	margin-bottom:0px;
	margin-top:0px;
}
.researcharealist div.ilink
{
	text-align:left;
}
.researcharealist .intropic
{
	width:110px;
	float:left;
}
.researcharealist .introtext
{
	padding-left:0px;
	width:160px;
	float:right;
}

div.centercolplugin
{
	border-top: solid 1px #b2b2b2;
	padding-top: 5px;
}

div#divAdvanced input { display:block;}

div.searchindex {float: left; clear: left; width: 4%;}
div.searchinfo  {float: right; clear: right; width: 93%; text-align: left}
div.searchinfo .breadcrumb { font-size: smaller; color: #999999; }

/* Nedanstående för TRIP-resultat */
body.tripabstract
{	
	text-align: left;
	background: #fff url(/FOI/images/backgrounds/bg_tripabstract.gif) repeat-x;
}
#tripabstractcontent
{
	padding-left:64px;
	width:450px;
}
#tripabstractcontent .tripabstractbuttons .printpage
{
	float:left;
}
#tripabstractcontent h1 {
	color:#666666;
	font-size:1.8em;
	font-weight:normal;
	padding:10px 0px 0px;
}

div#arealeftcontent #tripabstractcontent .printpage a:hover, div#arealeftcontent #tripabstractcontent a:focus {
	background-color:transparent;
	color:#2C97D3;
}
#tripabstractcontent .tripabstract
{
	padding-bottom:6px;
}
.tripabstract
{
	float: left;
	clear: left;
	padding-right: 10px;
	line-height: 17px;
}
.tripengabstract, .tripyear, .triplocation
{
	float: left;
	clear: none;
	padding-right: 10px;
}
.tripengabstract
{
	line-height: 17px;
}
.trippdf
{
	float: left;
	clear: right;
	background-image: url(/FOI/images/pdf.gif); background-repeat: no-repeat; background-position: left center;
	height: 17px;
}
.tripauthors 
{
	margin-top: 10px;
}
.tripkeywords, .tripauthors 
{
	clear: both;
	padding-bottom: 10px;
}
.triporder
{
	margin-bottom: 6px;	
	height: 25px;
}
.trippages
{
	clear: none;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.tripprice
{
	float: left;
	clear: right;
	padding-bottom: 10px;
}

div.trippdf a { padding-left: 24px; line-height: 17px; }

/* HASP-formuläret */
div#haspform { font-size: 0.9em; }
div#haspform .col1 { float:left; clear: left; width: 28%; padding-right: 0px; margin-right: 0px; vertical-align: middle; }
div#haspform .col2 { float:right; clear: right; width: 70%; padding-left: 0px; margin-left: 0px; vertical-align: middle; }
div#haspform .col2 .input { padding-left: 0px; margin-left: 0px }
div#haspform .row {clear:both; width:508px; overflow: hidden; vertical-align: middle;}

/* Anslagstavlan */
div#noteboard { font-size: 0.9em; }
div#noteboard .col1 {float: left; clear: left; width: 18%; padding: 3px 2px 2px 4px; margin: 0px 0px 0px 0px; }
div#noteboard .col2 {float: left; clear: none; width: 27%; padding: 3px 2px 2px 4px; margin: 0px 0px 0px 0px; }
div#noteboard .col3 {float: left; clear: none; width: 25%; padding: 3px 2px 2px 4px; margin: 0px 0px 0px 0px; }
div#noteboard .col4 {float: left; clear: right; width: 23%; padding: 3px 2px 2px 4px; margin: 0px 0px 0px 0px; }

div#noteboard .boarditem { display: block; }
div#noteboard .boarditem div { display: block; background-color: Transparent; border-right: solid 2px White; }
div#noteboard .boarditemgray { display: block; background-color: #f2f2f2; }
div#noteboard .boarditemgray div { display: block; background-color: Transparent; border-right: solid 2px White; }
div#noteboard .boarditemgray div.col4 { border: none; }

/* FAQ */

div.faqcategory { display: block; font-weight: bold; margin: 10px 0px 0px 0px; }
p.faqquestion { display: block; border-bottom: solid 0px #f2f2f2; padding: 2px 10px 2px 10px; margin: 2px 0px 1px 0px}
p.faqanswer { display: block; background-color: #f2f2f2; padding: 2px 10px 2px 10px; margin: -1px 0px 10px 0px}

/* Personkort */
div#contactcard { display: block; clear: both; position: relative; padding-top: 4px; padding-bottom: 10px; margin-bottom: 10px; }
div#contactgrid { font-size: 1em; width: 490px;}
div#contactgrid div.gridrow {  margin: 2px 10px 2px 10px; width : 470px; clear: both; padding-bottom:4px; overflow:hidden; }
div#contactgrid div.gridrow div.col1 { width: 140px; float: left; clear: left; font-weight:bold;}
div#contactgrid div.gridrow div.col2 { width: 315px; float: right; clear: right; }

/* FlexBox */
.BoxRow
{
	clear: both;
	width: 510px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
.BoxLeft
{
	float: left;
	width: 250px;
	clear: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}
.BoxRight
{
	float: right;
	width: 250px;
	clear: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
}
.HeadingLight
{
	display: block;
	height: 23px;
	width: 510px;
	font-weight: bold;
	color: white;
	background-image: url(/FOI/images/backgrounds/BoxHeadingLightFull.jpg);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 10px;
	margin: 0px 0px 4px 0px;
}
.BoxLeft .HeadingLight, .BoxRight .HeadingLight
{
	background-image: url(/FOI/images/backgrounds/BoxHeadingLightHalf.jpg);
	width: 250px;
	height: 25px;
}
.HeadingDark
{
	display: block;
	height: 25px;
	width: 510px;
	font-weight: bold;
	color: white;
	background-image: url(/FOI/images/backgrounds/BoxHeadingDarkFull.jpg);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 10px;
	margin: 0px 0px 4px 0px;
}
.BoxLeft .HeadingDark, .BoxRight .HeadingDark
{
	background-image: url(/FOI/images/backgrounds/BoxHeadingDarkHalf.jpg);
	width: 250px;
}
.HeadingPink
{
	display: block;
	height: 25px;
	width: 510px;
	font-weight: bold;
	color: white;
	background-image: url(/FOI/images/backgrounds/BoxHeadingPinkFull.jpg);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 10px;
	margin: 0px 0px 4px 0px;
}
.BoxLeft .HeadingPink, .BoxRight .HeadingPink
{
	background-image: url(/FOI/images/backgrounds/BoxHeadingPinkHalf.jpg);
	width: 250px;
}
.BoxEditor, .BoxRow #detailedpagelist
{
	padding: 0px 10px 0px 10px;
}

.BoxRow .pagelist, .BoxRow .filelist
{
	padding: 0px 10px 10px 10px;
}
.BoxRow .ReadMore
{
	padding: 10px 10px 0px 10px;
}
.left
{
	float: left;
}
.right
{
	float: right;
}

#StartpageFramework1_startpagetoppuff_ads { cursor: default; }
/*div#areacentercontent p * { color: #666; }*/
#imagepuff 
{
	margin-top:9px;
}
#imagepuff div
{
	padding-bottom: 5px;
}
div.pagelink a
{
	color: #2895D2;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	padding-right: 15px;
	background: transparent url(/FOI/images/backgrounds/readmoretrans.gif) no-repeat right 4px;
}
div.pagelink a:hover
{
	text-decoration: underline;
}

.startpageimage
{	
	position:absolute;
	z-index:0;	
}
#searchfields
{
	margin-top: 10px;
	width:304px;	
}
#searchfields label span
{
	width:145px;
	display:block;
	float:left;
	padding-top:3px;
}

#searchfields div
{
	padding:0 0 5px 0;
}
#searchfields .fixed input
{
	width:145px;
}
#searchfields .fixed select
{
	width:155px;
}
#formPanel input.menutext
{	
	background: url(/FOI/images/buttons/btnSend.gif) no-repeat left top;
	color: #2c97d3;
	text-transform:uppercase;
	font-size:.9em;
	font-family:Verdana, Sans-Serif;
	font-weight:bold;	
	height:23px;
	width:57px;	
	border:none;
	margin-top:37px;
}

div.extramargin
{
	margin-top:1em
}

div.checkboxcontainer input
{
	vertical-align:middle;
}

div.checkboxcontainer label
{
	vertical-align: middle;
}