/* 2006-05-09 eGovernet - CSS Document */
/* Author - Know IT Mälardalen - Petri Heinikoski */
/*********************************************************/	
/* HTML, BODY											 */
/*********************************************************/	
html,body {
	margin:0;
	padding:0;
	}
body {
	background: #12a6c2;
	background-image:url(../img/background.gif);
	font:76%/148% Arial, Helvetica, sans-serif;
	color:#000;
	}
/*********************************************************/	
/* P, H1, H2, H3, INGRESS, A, UL, OL					 */
/*********************************************************/	
p {
	margin:0 0 1em 0;
	}
h1 {
	font:200%/100% Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#20abcc;
	background:#fff;
	margin:0 0 0.35em 0;
	}
h2 {
	font-size:150%;
	font-weight:normal;
	color:#000;
	background:#fff;
	margin:0 0 0.25em 0;
	}
h3	{
	font-size:120%;
	font-weight:bold;
	color:#000;
	background:#fff;
	margin:0 0 0.25em 0;
	}
.ingress {
	font-weight:bold;
	font-size:110%;
	}
a {
	color:#20abcc;
	/*background:#fff;*/
	text-decoration:underline;
	}
a:hover {
	color:#6e0b82;
	/*background:#fff;*/
	text-decoration:none;
	}
ul {
	list-style:square;
	margin:0 0 1em 2em;
	padding:0 0 0 0;
	}
ul li {
	margin:0.35em 0 0.35em 0;
	padding:0 0 0 0;
	}
ol {
	list-style:decimal;
	margin:0 0 1em 2em;
	padding:0 0 0 0;
	}
ol li {
	margin:0.35em 0 0.35em 0;
	padding:0 0 0 0;
	}
/*********************************************************/	
/* WRAPPER												 */
/*********************************************************/	
#wrapper {
	background:#fff;
	color:#000;
	width:58.45em;
	margin:1.85em auto 2em auto;
	padding:2em 2em 0 2em;
	}
/*********************************************************/	
/* LOGOTYPE												 */
/*********************************************************/	
#logotype {
	margin:0;
	padding:0;
	}
#logotype a img {
	border:none;
	width:18.25em;
	}
/*********************************************************/	
/* TOPMENU												 */
/*********************************************************/	
ul#topmenu, ul#topmenu li {
	list-style-type:none;
	font-size:96%;
	font-weight:bold;
	text-transform: uppercase;	
	}
ul#topmenu {
	width:100%;
	padding:0 0 1em 0;
	margin:2em 0 0 0;
	border-bottom:1px solid #cdcdc6;
	}
ul#topmenu li {
	display:inline;
	margin:0 0.75em 0 0;
	}
ul#topmenu li a {
	color:#666;
	background:#fff;
	text-decoration:none;
	}
ul#topmenu li a:hover {
	color:#20abcc;
	background:#fff;
	text-decoration:none;
	}
ul#topmenu li .selected {
 color:#20abcc;
 background:#fff;
 }
	
/*********************************************************/	
/* LEFT COLUMN											 */
/*********************************************************/	
#leftcolumn {
	width:30%;
	background:#E1F7D4;
	color:#000;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
/*********************************************************/	
/* SUBMENU												 */
/*********************************************************/	
ul#submenu {
	background:#ceeff9;
	color:#000;
	display:block;
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
ul#submenu li {
	display:block;
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-bottom:1px solid #fff;
}
ul#submenu li a {
	background:#ceeff9;
	color:#000;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
ul#submenu .sublev_2 {
	padding:0.65em 0.55em 0.75em 1.25em;
}
ul#submenu .sublev_2selected {
 background:#ceeff9;
 color:#000;
 font-weight:bold;
 padding:0.65em 0.55em 0.75em 1.25em;
 }
ul#submenu .sublev_2selected a {
 background:#ceeff9;
 color:#000;
 }
ul#submenu .sublev_3 {
	padding:0.65em 0.55em 0.75em 2.25em;
	background:#eee;
	color:#000;
	}
ul#submenu .sublev_3 a {
	background:#eee;
	color:#000;
	}
ul#submenu .sublev_3selected {
	background:#eee;
	color:#000;
	font-weight:bold;
	padding:0.65em 0.55em 0.75em 2.25em;
	}
ul#submenu .sublev_3selected a{
	background:#eee;
	color:#000;
	}
ul#submenu .sublev_4 {
	background:#fff;
	color:#000;
	padding:0.65em 0 0.75em 3.25em;
	}
ul#submenu .sublev_4 a{
	background:#fff;
	color:#000;
	}
ul#submenu .sublev_4selected {
	background:#fff;	
	color:#000;
	font-weight:bold;
	padding:0.65em 0 0.75em 3.25em;
	}
ul#submenu .sublev_4selected a{
 background:#fff;
 color:#000;
 }
ul#submenu .selected {
	font-weight:bold;
	}
/*********************************************************/	
/* QUICKLINKS											 */
/*********************************************************/	
ul#quicklinks, ul#quicklinks li {
	list-style-type:none;
	}
ul#quicklinks {
	padding:1.25em 0 0.65em 0;
	margin:0 1.25em 0 1.25em;
	}
ul#quicklinks li {
	margin:0 0 1em 0;
	}
ul#quicklinks li a {
	color:#000;
	background:#E1F7D4;
	text-decoration:underline;
	}
ul#quicklinks li a:hover {
	text-decoration:none;
	}
ul#quicklinks li .header {
	font-size:120%;
	}
/*********************************************************/	
/* WHO IS WHO											 */
/*********************************************************/	
ul#whoiswho, ul#whoiswho li {
	list-style-type:none;
	}
ul#whoiswho {
	padding:1.25em 0 0.65em 0;
	margin:0 1.25em 0 1.25em;
	border-top:1px solid #009999;
	}
ul#whoiswho li {
	display:block;
	margin:0 0 1.25em 0;
	}
ul#whoiswho li a {
	color:#000;
	background:#E1F7D4;
	text-decoration:underline;
	}
ul#whoiswho li a:hover {
	text-decoration:none;
	}
ul#whoiswho li .header {
	font-size:140%;
	color:#990000;
	font-weight:bold;
	background:#E1F7D4;
	}
/*********************************************************/	
/* WHO IS WHO - VERSION WITHOUT PROJECT INI				 */
/*********************************************************/	
ul#whoiswho2, ul#whoiswho2 li {
	list-style-type:none;
	}
ul#whoiswho2 {
	padding:1.25em 0 0.65em 0;
	margin:0 1.25em 0 1.25em;
	}
ul#whoiswho2 li {
	display:block;
	margin:0 0 1.25em 0;
	}
ul#whoiswho2 li a {
	color:#000;
	background:#E1F7D4;
	text-decoration:underline;
	}
ul#whoiswho2 li a:hover {
	text-decoration:none;
	}
ul#whoiswho2 li .header {
	font-size:140%;
	color:#990000;
	font-weight:bold;
	background:#E1F7D4;
	}
/*********************************************************/	
/* SEARCH											 */
/*********************************************************/	
ul#search, ul#search li {
	list-style-type:none;
	}
ul#search {
	padding:1.25em 0 0.65em 0;
	margin:0 1.25em 0 1.25em;
	border-top:1px solid #009999;
	}
ul#search li {
	display:block;
	margin:0 0 1.25em 0;
	}
ul#search li a {
	color:#000;
	background:#E1F7D4;
	text-decoration:underline;
	}
ul#search li a:hover {
	text-decoration:none;
	}
ul#search li .header {
	font-size:120%;
	}
ul#search li input {
	width:9em;
	font-size:100%;
	}
ul#search li .searchbutton{
   padding:0 0.25em 0 0.35em;
   margin:0 0 0 0.45em;
   width:auto;
   overflow:visible;
   font-size:95%;   
}



#searchlist {
	margin:1.65em 0 1.65em 0;
	padding:0 0 0 0;
}
#searchlist ul {
	margin:1.75em 0 0 0;
	padding:0 0 1.75em 0;
	border-bottom:1px dashed #ccc;
	list-style-type:none;
}
#searchlist li {
	margin:0.35em 0 0 0;
	padding:0 0 0 0;
}
#searchlist li a {
	font-weight:bold;
	/*color:#333;*/
	text-decoration:underline;
}
#searchlist li a:hover {
	text-decoration:none;
	/*color:#8b222d;*/
}
#searchlist .date {
	font-size:95%;
	/*color:#666;*/
}

.searchfield {
	width:20em;
	height:1em;
	padding:0.125em 0 0.25em 0.125em;
	margin:0 0.25em 0.25em 0;
}
.searchfield_options {
	margin:1em 0 0 0;
	padding:0 0 0 0;
}
.searchfield_result {
	margin:1em 0 0 0;
	padding:0 0 0 0;
}
.searchfield_hits {
	font-style:italic;
}
.hidden
{
	display:none;
}
.form_kn {
	 padding:0 0.25em 0 0.35em;
   margin:0 0 0 0.45em;
   width:auto;
   overflow:visible;
   font-size:95%;   
}
.dropdown {
	height:1em;
	padding:0.125em 0 0.25em 0.125em;
	margin:0 0.25em 0.25em 0;
}
.pagingselected 
{
  font-weight:bold;
}
/*********************************************************/	
/* BANNER AREA											 */
/*********************************************************/	
ul#banner, ul#banner li {
	list-style-type:none;
	}
ul#banner {
	padding:1.25em 0 0.65em 0;
	margin:0 1.25em 0 1.25em;
	border-top:1px solid #009999;
	}
ul#banner li {
	display:block;
	margin:0 0 1.25em 0;
	}
ul#banner li a {
	color:#000;
	background:#E1F7D4;
	text-decoration:underline;
	}
ul#banner li a:hover {
	text-decoration:none;
	}
ul#banner li .header {
	font-size:120%;
	}
ul#banner li img {
	width:100%;
	border:none;
	}
/*********************************************************/	
/* EXTRANET MENU										 */
/*********************************************************/	
ul#extranetmenu, ul#extranetmenu li {
	list-style-type:none;
	font-size:96%;
	font-weight:bold;
	text-transform: uppercase;	
	float:right;
	}
ul#extranetmenu {
	display:inline;
	width:70%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
ul#extranetmenu li {
	display:inline;
	margin:0 0 0 0;
	padding:0.45em 0.65em 0.45em 0.85em;
	color:#666;
	background:#ceeff9;
	}
ul#extranetmenu li a {
	color:#666;
	background:#ceeff9;
	text-decoration:none;
	}
ul#extranetmenu li a:hover {
	color:#20abcc;
	background:#ceeff9;
	text-decoration:none;
	}
/*********************************************************/	
/* EXTRANET MENU										 */
/*********************************************************/	
ul#printmenu, ul#printmenu li {
	list-style-type:none;
	font-size:96%;
	font-weight:bold;
	text-transform: uppercase;	
	float:right;
	}
ul#printmenu {
	padding:0.65em 0 0.65em 0;
	width:67%;
	display:inline;
	margin:1em 0 0 0;
	}
ul#printmenu li {
	display:inline;
	margin:0 0.65em 0 0;
	}
ul#printmenu li a {
	color:#666;
	background:#fff;
	text-decoration:none;
	border:none;
	}
ul#printmenu li a:hover {
	color:#20abcc;
	background:#fff;
	text-decoration:none;
	border:none;
	}
ul#printmenu li a img {
	border:none;
	margin:0 0.55em 0 0;
	padding:0 0 0 0;
	}
/*********************************************************/	
/* MAIN COLUMN											 */
/*********************************************************/	
#maincolumn {
	width:67%;
	padding:1em 0 1em 0;
	float:right;
	}
/*********************************************************/	
/* MAIN COLUMN - WORKROOM								 */
/*********************************************************/	
#maincolumn_workroom {
	width:100%;
	padding:0 0 0 0;
	margin:0.75em 0 0 0;
	float:left;
	}
/*********************************************************/	
/* IMAGE DESCRIPTION, IMG									 */
/*********************************************************/
.imgdesc {
	display:block;
	font-style:italic;
	margin:0.35em 0 0 0;
	padding:0 0 0 0;
	color:#666;
	background:#fff;
}
.imglarge {
	width:100%;
}
/*********************************************************/	
/* FOOTER												 */
/*********************************************************/	
#footer {
	clear:both;
	width:100%;
	background:#fff;
	color:#000;
	margin:0 0 0 0;
	padding:1em 0 1em 0;
	text-align:center;
	border-top:1px solid #cdcdc6;
	}
#footer p {
	margin:0 0 0 0;
	line-height:150%;
	}
#footer a {
	color:#20abcc;
	background:#fff;
	text-decoration:underline;
	}
#footer a:hover {
	color:#6e0b82;
	background:#fff;
	text-decoration:none;
	}
/*********************************************************/	
/* WORKROOM MENU												 */
/*********************************************************/	
ul#logininfo, ul#logininfo li {
	list-style-type:none;
	font-size:96%;
	font-weight:bold;
	text-transform: uppercase;
	}
ul#logininfo {
	float:left;
	color:#666;
	/*padding:0.45em 0.65em 0.45em 0em;*/
	padding:0.45em 0em 0.45em 0em;
	margin:0 0 0 0;
	background:#fff;
	}
ul#logininfo li {
	display:inline;
	margin:0 0.85em 0 0;
	}
ul#logininfo li a {
	color:#666;
	background:#fff;
	text-decoration:none;
	}
ul#logininfo li a:hover {
	color:#20abcc;
	background:#fff;
	text-decoration:none;
	}
/*********************************************************/	
/* TABMENU - WORKROOM									 */
/*********************************************************/		
#tabmenu {
	float:left;
	width:100%;
	background:#fff url("../img/menu/bg.gif") repeat-x bottom;
	color:#000;
  }
#tabmenu ul {
	margin:0;
	padding:0.65em 0.55em 0 0;
	list-style:none;
  }
#tabmenu li {
	float:left;
	background:#fff;
	background:url("../img/menu/left.gif") no-repeat left top;
	color:#000;
	margin:0;
	padding:0 0 0 0.425em;
  }
#tabmenu a {
	float:left;
	display:block;
	background:#ccc;
	background:url("../img/menu/right.gif") no-repeat right top;
	padding:0.45em 0.85em 0.35em 0.425em;
	text-decoration:none;
	font-weight:bold;
	color:#666;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabmenu a {float:none;}
/* End IE5-Mac hack */
#tabmenu a:hover {
	background-image:url("../img/menu/right.gif");
	color:#20abcc;
  }
#tabmenu #current {
	background-image:url("../img/menu/left_on.gif");
  }
#tabmenu #current a {
	background-image:url("../img/menu/right_on.gif");
	color:#000;
	padding-bottom:0.45em;
  }
/*********************************************************/	
/* WORKROOM TABLE INFORMATION							 */
/*********************************************************/
#worktable {
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#000;
	background-color:#eee; /* Deleted this background color, only for showpurpose */
	}
.worktable_divider {
	clear:both;
	height:1.65em;
}