/* CSS Document */
/* Name:Lithocarp / skin / style.css
   For webzone.k3.mah.se
   Author: Magnus Torstensson
   Date: September 7 2004

   Fixes:
   		* definitionlists now have their linkpointer in both Mozilla and IE
		* Wrong colour and flicker of tabs corrected
*/
/* Table of Contents (NEEDS TO BE UPDATED!)
THE GRID
	body
  	.logo
	.breadcrumbs
	.leftmargin
		.navigation
		(DialogueInstructions)
	.maincontents
		.superwide
	.pagetitle
		.abovetabs
	.rightmargin
THINGS THAT GO INSIDE
	Common Elements
		p
		h1
		h2
		h3
		h4
		lists
	Inside the .breadcrumbs
	Inside the .dialogueinstruction
	Inside the .navigation
	Inside the .maincontents
			Content Modules
	Inside the .rightmargin		 
*/
<!--
/* T H E   G R I D */
body { /*Used by all webzonePages*/
	background: white url(bodybg.gif) repeat-x top left;
	font: 69%/1.5em Georgia, 'Times New Roman', times, serif;
	color: black; 
	margin: 0; 
	padding: 0; 
	text-align: left; 
}
body.wzm {
	background-color:white;
	background-image:none;
}
body.wzm_conversation {
	background: white url(backdrop.gif) repeat-x top left;
}
/* Used by all webzonePages
.logo { 
	background:transparent url(wzlogo_k3_swe.gif) no-repeat top left;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:120px;
}
*/
.breadcrumbs {
	position: absolute;
	top:120px;
	z-index:30;
	left:0px;
	width:645px;
	text-align:right;
	font:1em/1.1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color:#BBBBBB;
	visibility:hidden;	
}
.leftmargin { /* Used by all page. .leftmargin on standard pages contain a .navigation , dialogue page have a .dialogueinstruction */
	position: absolute;
	top:145px;
	left:0;
	background: transparent;
	text-align: left;
	width:240px;
	font:1em/1.1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

.navigation {
	text-align:right;
	z-index:120;
	background: transparent url(navbottomright.gif) no-repeat bottom right;
	margin:0;
	padding:0;
}


.maincontents { /* Used by all webzonePages except dialogues */
	position: absolute;
	top:145px;
	/*top:128px;*/
	left:245px;
	/*z-index:48;*/
	background: transparent;
	/*background-color:#CC9933;*/
	text-align: left;
	width: 400px;
	height: 161px;
}

.rightmargin 
{
	position: absolute;
	top:145px;
	left:665px;
	background: transparent;
	text-align: left;
	width: 250px;
	height: 161px;
	/*padding-left: 400px;*/
	font:1em/1.1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

.sidebar_container
{ 
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	width: 250px;
	height: 50px;
	background: transparent;
	z-index:1001;
}

.sidebar_float 
{	
	position: relative;
	top: 3px;
	left: -400px;
	z-index: 1002;
	background: transparent;
	text-align: left;
	width: 400px;
	height: 50px;
}
/* Superwide dialogues */
.dialoguecontainersuperwide { /* Used by superwide dialogues, top and z-index values should be those of .maincontents */
	position: absolute;
	top:145px;
	left:10px;
	width:900px; /* USED TO BE 800px. 900px is bigger. :) */
	z-index:48;
	background: transparent;
	text-align: left;
}

.threecolumncontainer {} /* Sits inside some .dialoguecontainersuperwide does little but keep the three nested columns-divs together */
.leftcolumn  {
	width:210px;
	float:left;
	padding:0;
}
.dialogueinstruction { /* Sits inside the .leftcolumn most of the time... don't know what will happen when it is used elsewhere */
	font:1em/1.1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	padding-right:10px; /* This establishes a visual gap between the .leftcolumn and .centercolumn in the .threecolumncontainer (.leftcolumn .centercolumn and .rightcolumn cannot be given padding due to internet explorer and mozilla rendering differences when it come to absolute widths and padding) */
}

.centercolumn {
	width:400px;
	float:left;
}

.rightcolumn {
	width:240px;
	float:right;
}
/* Mediumwide dialogues */

.dialoguecontainermediumwide { /* Used by mediumwide dialogues, top and z-index values should be those of .maincontents */
	position: absolute;
	top:145px;
	left:200px;
	width:700px; /* USED TO BE 800px. 900px is bigger. :) */
	z-index:48;
	background: transparent;
	text-align: left;
}

.dialoguecontainernarrow { /* Used by narrow dialogues, top and z-index values should be those of .maincontents */
	position: absolute;
	top:145px;
	left:200px;
	width:450px; /* USED TO BE 800px. 900px is bigger. :) */
	z-index:48;
	background: transparent;
	text-align: left;
}

.diontheside { /* used in combination with .dialogueinstruction for medium wide dialogues */
	margin-left:15px;
	margin-right:55px;
	padding-bottom:5px;
	text-align:left;
	vertical-align:top;
}
.pagetitle { /* Found inside .maincontents, used by all webzonePages except dialoguePages*/
	background:transparent;
	margin-bottom:2em;
	vertical-align:top;
	padding-top:0.5em;
	text-align:left;
	/*position:absolute;
	top:30px;
	left:21px; */
}

.abovetabs { /* This class goes with .pagetitle in webzonePages that use tabs:  class="pagetitle abovetabs" */
	margin-bottom:1em;
}



/* T H I N G S   T H A T   G O   I N S I D E */
/* Common Elements */
a, a:link, a:active, a:visited, a:hover { 
	color:#D81C22;
	/*color:red;*/
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

a img {
	border:none;
	vertical-align:middle; /*<---  Will this work everywhere ? */
}

p {
	margin:0.5em 0 1em 0;
}
h1 {
	font:1.5em/1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	font-variant:normal;
	padding:0;
	margin:0;
	/*margin-bottom:1em;*/
}
h2 {
	font:1.3em/1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-align: left;
	margin:0 0 0 0;
	/*margin:0.5em 0 0.5em 0 */
}
h2.leftmargin{margin-left:125px;}

h3 {
	font:1.3em/1.5em Georgia, 'Times New Roman', times, serif;
	font-style:italic;
	margin:0;
}
h4 {
	font:1em/1.5em Georgia, 'Times New Roman', times, serif;
	font-style:normal;
	font-variant:small-caps;
	margin:0;
}

span.date {
	font:1em/1.1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color:#BBBBBB;
	vertical-align:middle;
}
hr.invisiblehr { /* This hr is used after definitionlists that contain floating images to make sure that the floating images won't escape onto the following elements */
	border:none; 
	border-top: 1px dashed white;
	height: 1px;
	clear:both;
	margin:0;
	padding:0;
} 
ul, ol {
	margin:0.5em 0 0.5em 0;
	padding:0;
}
li ul { /* Nested list are deprived of their bottom margins */
	margin:0;
}
li ol { /* Nested list are deprived of their bottom margins */
	margin:0;
}
li {
	margin:0 0 0 2em;
	padding:0;
}
ul ul {
	margin:0;
}
.compactlist { /* formerly known as .compactprojectlist. Change class name in HTML when necessary */
	padding:0;
}
.compactlist li {
	list-style:none;
	margin:0;
}
.compactlist .hidden {
	font-style:italic;
}

.compactlist li img {
	vertical-align:middle;border:none;
}

.compactlist a, .compactlist a:link, .compactlist a:active, .compactlist a:hover, .compactlist a:visited {
	color:black;
	text-decoration:none;
}
.compactlist a:hover {
	text-decoration:underline;
	color:black;
/*	color:red; */ 
}

.projectlist {
	padding:0;
}
.projectlist li {
	background:transparent url(listpointer.gif) no-repeat 0.4em left;
	padding:0 0 0 12px;
	list-style:none;
	margin:0;
}
.contents table{width:90%; margin:0; vertical-align:middle;border:0;text-align:left;}
.contents td { vertical-align:middle; /*text-align:right;*/ margin:0;}
.contents td{/*border:1px solid #889999;*/padding:0; margin:0;}
.contents .projname{
text-align:left;
vertical-align:middle;
padding:0 0 0 0px;
/*background-color:#3366CC;*/
width:80%;
/*background:transparent url(projlist/projectspace.gif) no-repeat 0.4em left;*/
}

.projname:hover{background: url(projlist/projectspace.gif) repeat-x 0.5em left;border:0;}
td a, td a:link, td a:active,  td a:visited {
	color:black;
	text-decoration:none;
/*	padding:0 0 0 12px;
	background:transparent url(listpointer.gif) no-repeat 0.2em left;*/
}
.contents a:hover{color:#D81C22;text-decoration:none;

/*background: url(projlist/projectspace.gif) repeat-x 0.5em left;*/
}

.projectlist a, .projectlist a:link, .projectlist a:active, .projectlist a:hover, .projectlist a:visited {
	color:black;
	text-decoration:none;
/*	padding:0 0 0 12px;
	background:transparent url(listpointer.gif) no-repeat 0.2em left;*/
}
.projectlist a:hover {
	text-decoration:underline;
	color:#D81C22;
/*	background:transparent url(listpointer.gif) no-repeat 0.2em left;*/
}

/*Normal DL */
dl {
	margin:0.5em 0 0.5em 0;
}
dt {
	/*font-weight:bold;*/
	/*background:transparent url(listpointer.gif) no-repeat 0 0.35em;*/
	padding:0 0 0 0px;
}
dt a, dt a:link, dt a:active, dt a:hover, dt a:visited {
	background:transparent url(projlist/projectspace.gif) no-repeat 0.15em left;
	padding:0 0 0 21px;
	color:black;
	text-decoration:none;
}
dt a:inactive, dt disabled{
background:none;
padding:0 0 0 21px;

}
dt a:hover {
	text-decoration:underline;
}

dd {
	margin:0 0 0.5em 12px;
}
/* SPECIAL VARIANT OF <dl> FOR MINI PROFILES */
dl.miniprofile {
	margin:0.5em 0 1.5em 0;
}
dl.miniprofile dt {
	font-weight:bold;
	background:transparent url(listpointer.gif) no-repeat  0 0.35em;
	padding:0 0 0 12px;
	margin-bottom:0.5em;
	clear:both;
}
dl.miniprofile dt a, dl.miniprofile dt a:link, dl.miniprofile dt a:active, dl.miniprofile dt a:hover, dl.miniprofile dt a:visited {
	color:black;
	text-decoration:none;
/*	padding:0 0 0 12px;
	background:transparent url(listpointer.gif) no-repeat 0.2em left;*/
}
dl.miniprofile dt a:hover {
	text-decoration:underline;
/*	background:transparent url(listpointer.gif) no-repeat 0.2em left;*/
}

dl.miniprofile dd {
	margin:0 0 1em 12px;
}

dl.miniprofile dd img {
	margin-top:0.35em;
}

/* Inside breadcrumbs */
.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:hover, .breadcrumbs a:visited {
	color:#BBBBBB;
	text-decoration:none;
}
.breadcrumbs a:hover {
	color:black;
	text-decoration:underline;
}
.breadcrumbs ul {
	padding:0;
	padding-top:4px;
	padding-bottom:4px;
	margin:0;
}
.breadcrumbs li {
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}
/* Inside the dialogues */
div.flikchanger { /*Wrapper around the minitabs...  don't know if its needed later on..*/
/*	width:100%;
	height:260px;
	border:1px solid red; */
}
.wzmlist{
	height:170px;
	overflow:auto;
	padding:0;
	margin:0;
	border:1px solid black;
	background-color:white;
	margin-bottom:3px;
	font:11px/16px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}


/*Style images within the lists */
.wzmlist img {
	border:none;
	vertical-align:middle;
}
.wzmlgroups { /* UL */
	padding:0;
	margin:2px;	
	font-weight:bold;
}
.wzmlgroups li { 
	list-style:none;
	margin:0;
	padding:0;
	white-space:nowrap;
}
.wzmlgroups li input {
	margin:1px 0 1px 1px;
	padding:0;
} 

.wzmlpeople {
	padding:0;
	margin:0;
	margin-left:16px;
	font-weight:normal;
}
.wzmlpeople li {
	list-style:none;
	margin:0;
	padding:0;
}

.wzmlstaff {
	padding:0;
	margin:0;
	margin-left:0;
	font-weight:normal;
}
.wzmlstaff li {
	list-style:none;
	margin:0;
	padding:0;
}

.wzmldirections {
	padding:0;
	margin:0;
	margin-left:16px;
	font-weight:bold;
}
.wzmldirections li {
	list-style:none;
	margin:0;
	padding:0;
	font-weight:bold;
}

/* PROJECTMEMBERLIST*/

.projectmemberlist {
	height:200px;
	overflow:auto;
	padding:0;
	margin:0;
	border:1px solid black;
	background-color:white;
	margin-bottom:3px;
	font:11px/16px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
.projectmemberlist img {
	border:none;
	vertical-align:middle;
}

.wzpmlmembers, .wzpmladministrators { /* UL WebZoneProjectMemberList (WZPML)*/
	padding:0;
	margin:0;
}
.wzpmlmembers li, .wzpmladministrators li {
	list-style:none;
	margin:0;
	padding:0;
	white-space:nowrap;
}

.wzpmlmembers a, .wzpmlmembers a,active, .wzpmlmembers a:hover, .wzpmlmembers a:visited {
	background:url(memberlistmanager/person_admin.gif) no-repeat 0 0;
}

.wzpmlmembers a:hover {
      background-position:0 -40px;
}

.wzpmladministrators a, .wzpmladministrators a:active, .wzpmladministrators a:hover, .wzpmladministrators a:visited {
	background:url(memberlistmanager/person_admin.gif) no-repeat 0 -40px;
}

.wzpmladministrators a:hover {
      background-position:0 0;
}

.wzpmlgroup { /* This class set font to bold and backgroung image to wzmlgroup*/
	font-weight:bold;
}

.wzpmlgroup a, .wzpmlgroup a:active,.wzpmlgroup a:hover, .wzpmlgroup a:visited {
	background-image:url(memberlistmanager/group_admin.gif);
}


/* Inside the navigation */
.navlist { /* This is the UL that holds all the links in the navigation */
	margin:0;
	padding:0 23px 0 0;
	background: transparent url(navtopright.gif) no-repeat top right; /*top right?*/
}
.navlist li {
	font:1.4em/1.1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bolder;
	margin:0;
	padding:0;
	list-style:none;
}
.nestednavlist li {
	font:0.75em/1.25em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-transform:none;
	font-weight:normal;
	margin:0;
	padding:0;
	list-style:none;
}
.navlist a, .navlist a:link, .navlist a:active, .navlist a:hover, .navlist a:visited {
	color:black;
	text-decoration:none;
	padding:0 0 0 12px;
}
.navlist a:hover {
	background:white url(listpointer.gif) no-repeat 0 0.35em; /*<---  These last two values are Xpos & Ypos. they need to be in that order */
}
.navlist a.selected {
	background:transparent url(listpointer.gif) no-repeat 0 0.35em;
}

.languageselection {
	margin:0;
	margin-top:0.75em;
	padding:0 23px 0 0;
	background: transparent url(navtopright.gif) no-repeat top right;
	background-image:none;
	text-align:right;
}

.languageselection a, .languageselection a:link, .languageselection a:active, .languageselection a:hover, .languageselection a:visited {
	color:black;
	text-decoration:none;
}

.languageselection a:hover {
	color:black;
	text-decoration:underline;
}

.languageselection li {
	margin:0;
	padding:0;
	padding-bottom:0.1em;
	list-style:none;
}

/*THINGS THAT GO INSIDE THE maincontents */

.pagetitle h1 { /*Used by all webzonePages except dialoguePages*/
	font:2em/1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; 
	font-weight:bolder;
	vertical-align:top;
	text-align:left;
	font-variant:normal;	
	text-transform:uppercase;
	padding:0;
	margin:0;
	display:inline;
}

/*Fancy Things in the right margin*/
.rightmargin a, .rightmargin a:link, .rightmargin a:active, .rightmargin a:hover, .rightmargin a:visited {
	color:black;
	text-decoration:none;
}

.rightmargin a:hover {
	color:black;
	text-decoration:underline;
}
/* ONLINE LISTS AND WEBZONE MESSENGER STYLES */

ul.wzmessengerlist a, ul.wzmessengerlist a:link, ul.wzmessengerlist a:active, ul.wzmessengerlist a:hover, ul.wzmessengerlist a:visited {
	color:black;
	text-decoration:none;
}

ul.wzmessengerlist a:hover {
	color:black;
	text-decoration:underline;
}

ul.wzmessengerlist {
	padding:0;
	margin:0;
	/*
	background:url(messenger_bg2.gif) center repeat-y;
	height:400px;
	*/
}

ul.wzmessengerlist li {
	padding:2px 0 2px 0;
	margin:0;
	list-style:none;
	font:1em/16px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

ul.wzmessengerlist img {
	border:none;
	width:24px;
	height:16px;
	margin-right:4px;
	vertical-align:middle;
}
/* WZM ONLINE */
a.wzmonline {
	padding:0;
	background:transparent url(wzm/online.gif) no-repeat top left;
}

a.wzmonline, a.wzmonline:link, a.wzmonline:active, a.wzmonline:hover, a.wzmonline:visited {
}

a.wzmonline:hover {
}
li.nomessage a.wzmonline:hover {
      background-position:100% -200px;
}
/* WZM OFFLINE */
a.wzmoffline {
	padding:0;
	background:transparent url(wzm/offline.gif) no-repeat top left;
}
a.wzmoffline_off {
	padding:0;
	background:transparent url(wzm/offline.gif) no-repeat top left;
}

a.wzmoffline, a.wzmoffline:link, a.wzmoffline:active, a.wzmoffline:hover, a.wzmoffline:visited {
}

a.wzmoffline:hover {
}

li.nomessage a.wzmoffline:hover {
      background-position:100% -200px;
}
/* WZM MESSAGE */
ul.wzmessengerlist li a {
      background-position:100% -100px;
}
/* WZM NOMESSAGE */
ul.wzmessengerlist li.nomessage a {
      background-position:100% 0;
}



/* C U S T O  M   C O N T E N T   M O D U L E S */
/*StandardListItem*/ /* Depricated has been replaced by dl.miniprofile */
/* .sli {
	width:100%;
	margin-bottom:10px;
}
.slit {
	background-image:url(sli/t.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.slir {
	background-image:url(sli/r.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.slib {
	background-image:url(sli/b.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.slil {
	background-image:url(sli/l.gif);
	background-repeat:repeat-y;
	background-position:left;
}
.slitl {
	background-image:url(sli/tl.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.slitr {
	background-image:url(sli/tr.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
.slibl {
	background-image:url(sli/bl.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.slibr {
	background-image:url(sli/br.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.slicontents {
	margin:0;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}


.slicontents:after{
    content: "."; 
    display: block; 
    height: 0; 
    overflow:hidden;
    clear: both; 
    visibility:hidden;
    }
/*    
    /* Holly Hack Targets IE Win only \*/
    * html .slicontents {height: 1%;}
    /* End Holly Hack */

/* ProjectListItem */
/*.pli {
	width:100%;
	margin-bottom:10px;
}
.plit {
	background-image:url(pli/t.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.plir {
	background-image:url(pli/r.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.plib {
	background-image:url(pli/b.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.plil {
	background-image:url(pli/l.gif);
	background-repeat:repeat-y;
	background-position:left;
}
.plitl {
	background-image:url(pli/tl.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.plitr {
	background-image:url(pli/tr.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
.plibl {
	background-image:url(pli/bl.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.plibr {
	background-image:url(pli/br.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.plicontents {
	margin:0;
	padding-top:8px;
	padding-left:16px;
	padding-right:18px;
	padding-bottom:20px;
}
.plicontents p {
	margin-bottom:0.5em;
}
.plicontents .floatimage {
	vertical-align:top;
	margin-top:0.3em;
}

.plicontents h1 {
	margin-right:10px;
	text-align:left;
	margin-bottom:0.5em;
	text-align:left;
}
.plicontents h1 a, .plicontents h1 a:link, .plicontents h1 a:visited, .plicontents h1 a:active, .plicontents h1 a:hover, {
	color:black;
	text-decoration:none;
}
.plicontents h1 a:hover, {
	text-decoration:underline;
}
.plicontents:after{
    content: "."; 
    display: block; 
    height: 0; 
    overflow:hidden;
    clear: both; 
    visibility:hidden;
    }
  
  */ 
   
    /* Holly Hack Targets IE Win only \*/
    * html .plicontents {height: 1%;}
    /* End Holly Hack */

/*Styling the tabsystems */
.tabsystem {
	width:100%;
	background-color:white;
	margin-bottom:40px;
}

.tabsystem .t {
	background-image:url(tabs/t.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.tabsystem .r {
	background-image:url(tabs/r.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.tabsystem .b {
	background-image:url(tabs/b.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.tabsystem .l {
	background-image:url(tabs/l.gif);
	background-repeat:repeat-y;
	background-position:left;
}
.tabsystem .tl {
	background-image:url(tabs/tl.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.tabsystem .tr {
	background-image:url(tabs/tr.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
.tabsystem .bl {
	background-image:url(tabs/bl.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.tabsystem .br {
	background-image:url(tabs/br.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.tabsystem .contents {
	margin:0;
	padding-top:0;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
/* These can be safely removed. I think. */ /*
.tabsystem .tabContentsLeft{
	width:360px;
	float:left;
}

.tabsystem .tabContentsRight{
	width:240px;
	float:right;
}

.tabsystem .tabContentsLeftNarrow{
	width:240px;
	float:left;
}

.tabsystem .tabContentsRightWide{
	width:360px;
	float:right;
}

.tabsystem .tabContentsRightWider{
	width:500px;
	float:right;
}

.tabsystem .tabContentsSpacer {
	clear:both;
}

*/
.tabsystem .tab{
  	  padding:0;
	  margin:0;
	  font:1.4em/32px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	  /* font:18px/32px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; */
      line-height:normal;
	  height:40px;
      font-weight:bold;
	  vertical-align:middle;
	  letter-spacing:-1px;
}

.tabsystem .contents {
/*background-color:#00FFFF;*/
	margin:0;
	padding-top:0;
	/*padding-top:29px;*/ /* 0 */
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
.tabsystem .contents:after{
    content: "."; 
    display: block; 
    height: 0; 
    overflow:hidden;
    clear: both; 
    visibility:hidden;
    }
/* STYLING THE TABS */
    .tab { /* .tab replaces #tabulator in all tabs */
      width:100%;
      }
    .tab ul {
      margin:0;
      padding:0;
	  margin-left:10px;
	  list-style:none;
      }
    .tab li {
      display:inline;
      margin:0;
      padding:0;
     }
    .tab a {
      float:left; 
      background:url(tabs/tabs.gif) no-repeat left top;
      margin:0;
	  margin-right:0; /* THIS VALUE DETERMINES THE GAP BETWEEN THE TABS*/
	  padding-left:10px; /* THIS VALUE SETS THE SIZE OF THE EMPY SPACE TO THE LEFT OF THE TAB TEXT */
      text-decoration:none;
	  white-space:nowrap;

  	  /*Magnus tries out some fancy thing to cure the mozilla bug*/
      }
    .tab a span {
      float:left;
      display:block;
      background:url(tabs/tabs.gif) no-repeat right top;
      padding-top:3px;
	  padding-right:14px; /* THIS VALUE SETS THE SIZE OF THE EMPY SPACE TO THE LEFT OF THE TAB TEXT */
	  padding-bottom:4px;
      color:white;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tab a span {float:none;}
    /* End IE5-Mac hack */

    .tab .current a, .tab .current a:link, .tab .current a:hover, .tab .current a:active, .tab .current a:visited {
      background-position:0 -200px; 
	  /*Magnus tries out some fancy thing to cure the mozilla bug*/
	  float:left;
	  color:black;
	  text-decoration:none;
      }

    .tab .current a span {
      background-position:100% -200px;
	  text-decoration:none;
      color:black;
      }

/* Setting the mouse over effect using the a:hover pseudeo element */
    .tab a:hover {
	  text-decoration:none;
      background-position:0 -100px; /*temporarily removed cause they generate MSIE render bugs */
      }
    .tab a:hover span {
     background-position:100% -100px;/*temporarily removed cause they generate MSIE render bugs*/
      }
    .tab .current a:hover {
      background-position:0 -200px;
	  text-decoration:none;
      color:black;
      }

    .tab .current a:hover span {
      background-position:100% -200px;
	  text-decoration:none;
      color:black;
      }

/*Styling the minitabs */
.minitabs {
	width:100%;
	background-color:white;
}

.minitabs .t {
	background-image:url(minitabs/t.gif);
/*	background-color:#DDDDDD; */
	background-repeat:repeat-x;
	background-position:top;
}
.minitabs .r {
	background-image:url(minitabs/r.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.minitabs .b {
	background-image:url(minitabs/b.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.minitabs .l {
	background-image:url(minitabs/l.gif);
	background-repeat:repeat-y;
	background-position:left;
}
.minitabs .tl {
	background-image:url(minitabs/tl.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.minitabs .tr {
	background-image:url(minitabs/tr.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
.minitabs .bl {
	background-image:url(minitabs/bl.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.minitabs .br {
	background-image:url(minitabs/br.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.minitabs .minitabulator{
	margin:0;
	font:11px/16px Georgia, 'Times New Roman', times, serif;
	font-style:normal;
	font-variant:small-caps;
}

.minitabs .contents {
	margin:0;
	padding:6px;
}
.minitabs .contents:after{
    content: "."; 
    display: block; 
    height: 0; 
    overflow:hidden;
    clear: both; 
    visibility:hidden;
    }

.minitabs .actionthings {
	height:30px;
	vertical-align:middle;
	font-size:11px;
	clear: both;
}
.minitabs .actionthings input {
	vertical-align:middle;
}

.minitabs .radiobuttoncompanion {
	vertical-align:middle;
/*	border-top:1px solid white;
	border-right:1px solid #828282;
	border-bottom:1px solid #686868;
	border-left:1px solid white;*/
	padding:2px 4px 2px 0;

}
.minitabs .radiobuttoncompanion input {
	vertical-align:-4px;
}
/* STYLING THE MINITABS */
    .minitabulator {
      width:100%;
      }
    .minitabulator ul {
      margin:0;
      padding:0;
	  margin-left:10px;
	  margin-bottom:10px;
	  list-style:none;
	  clear:both;
      }
    .minitabulator li {
      display:inline;
      margin:0;
      padding:0;
     }
    .minitabulator a {
      float:left; 
      background:url(minitabs/tabs.gif) no-repeat left top;
      margin:0;
	  margin-right:2px; /* THIS VALUE DETERMINES THE GAP BETWEEN THE TABS*/
	  padding-left:7px; /* THIS VALUE SETS THE SIZE OF THE EMPY SPACE TO THE LEFT OF THE TAB TEXT */
      text-decoration:none;
	  white-space:nowrap;

  	  /*Magnus tries out some fancy thing to cure the mozilla bug*/
      }
    .minitabulator a span {
      float:left;
      display:block;
      background:url(minitabs/tabs.gif) no-repeat right top;
      padding-top:7px;
	  padding-right:7px; /* THIS VALUE SETS THE SIZE OF THE EMPY SPACE TO THE RIGHT OF THE TAB TEXT */
	  padding-bottom:6px;
      color:black;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .minitabulator a span {float:none;}
    /* End IE5-Mac hack */
    .minitabulator a:hover span {
      color:black;
	  text-decoration:none;
      }
    .minitabulator .current a {
      background-position:0 -40px; 
	  /*Magnus tries out some fancy thing to cure the mozilla bug*/
	  float:left;
      color:black;
	  text-decoration:none;
      }
    .minitabulator .current a span {
      background-position:100% -40px;
      color:black;
      }
    .minitabulator a:hover {
/*      background-position:0% -100px;*/ /*temporarily removed cause they generate MSIE render bugs*/
      }
    .minitabulator a:hover span {
/*      background-position:100% -100px;*/ /*temporarily removed cause they generate MSIE render bugs*/
      }

/*Sidebars*/

.sidebar {
	width:100%;
	background-color:white;
	margin-bottom:2px; /* 40px; */
}

.sidebar a span {
      color:white;
      text-decoration:none;
}
.sidebar_inactive a span {
      color:white;
      text-decoration:none;
}

.sidebar .dialoguet {
	background-image:url(sidebar/t.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.sidebar .dialoguetl {
	background-image:url(sidebar/tl.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.sidebar .dialoguetr {
	background-image:url(sidebar/tr.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.sidebar {
	width:100%;
	background-color:white;
	margin-bottom:2px; /* 40px; */
}

.sidebar_inactive .dialoguet {
	background-image:url(sidebar/t_in.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.sidebar_inactive .dialoguetl {
	background-image:url(sidebar/tl_in.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.sidebar_inactive .dialoguetr {
	background-image:url(sidebar/tr_in.gif);
	background-repeat:no-repeat;
	background-position:top right;
}


/*Styling the dialogues */
.dialoguecontainersuperwide {

}

.dialogue {
	width:100%;
	background-color:white;
	margin-bottom:2px; /* 40px; */
}

.dialogue .dialoguet {
	background-image:url(dialogue/t.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.dialogue .dialoguer {
	background-image:url(dialogue/r.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.dialogue .dialogueb {
	background-image:url(dialogue/b.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.dialogue .dialoguel {
	background-image:url(dialogue/l.gif);
	background-repeat:repeat-y;
	background-position:left;
}
.dialogue .dialoguetl {
	background-image:url(dialogue/tl.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.dialogue .dialoguetr {
	background-image:url(dialogue/tr.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
.dialogue .dialoguebl {
	background-image:url(dialogue/bl.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.dialogue .dialoguebr {
	background-image:url(dialogue/br.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.dialoguetitle {
	  font:1.4em/32px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
      line-height:normal;
	  height:20px;
      font-weight:bold;
	  vertical-align:middle;
	  letter-spacing:-1px;
      padding-top:3px;
	  padding-left:14px; /* THIS VALUE SETS THE SIZE OF THE EMPY SPACE TO THE LEFT OF THE DIALOGUE TITLE TEXT */
	  padding-bottom:4px;
      color:white;
}
.dialoguetitlename { /* this span sits inside the .dialoguetitle. it leaves room on its right for the .dialoguetitlebuttons */
	float:left;
}

.dialoguetitlebuttons { /* this span sits inside the .dialoguetitle. it leaves room on its left for the .dialoguetitlename */
	float:right;
	vertical-align:top;
	margin:3px 10px 0 0;
}
.dialoguetitlebuttons img {	
	margin-left:2px;
}

.dialogue .dialoguecontents {
	margin:0;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:20px;
}

.dialogue .wzmbody { /*Used with .dialoguecontents in WebzoneMessenger: class="dialoguecontents wzmbody" */
	margin:0;
	padding-top:5px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:10px;
} 

.dialogue .dialoguecontents:after{
    content: "."; 
    display: block; 
    height: 0; 
    overflow:hidden;
    clear: both; 
    visibility:hidden;
    }

    dialoguetitle {
      width:100%;
      }
/*Dialogue Error Messages */
p.error {
     background:url(warning.gif) no-repeat 10px 10px;
	 border:2px solid #B01217;
	 padding:10px 30px 20px 50px;
}
/* Styling forms*/
.nameofitem { width:100%; font:1.5em/1em 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; font-weight:bolder;
}
.secondarytitleofitem { width:100%; font:1.3em/1em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-weight:bold; }

.wysiwyg {
	font: 1em/1.5em Georgia, 'Times New Roman', times, serif; width:100%;
}
.standardinput { font:11px/15px 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;vertical-align:baseline; }

/* STYLING THE wzbuttons */
    .wzbuttons {
      width:100%;
	  height:40px;
   	  padding:0;
	  margin:0;
	  font:15px/40px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	  /* font:18px/32px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; */
      line-height:normal;
      font-weight:bold;
	  vertical-align:middle;
	  letter-spacing:-1px;
	  text-align:right;
	  clear:both;
      }
    .wzbuttons ul {
      margin:0;
      padding:0;
	  margin-left:10px;
	  list-style:none;
	  text-align:right;
      }
    .wzbuttons li {
      display:inline;
      margin:0;
      padding:0;
	  text-align:right;
     }
    .wzbuttons li a {
      float:right; 
      background:url(button/wzbtn.gif) no-repeat left top;
      margin:0;
	  margin-right:2px; /* THIS VALUE DETERMINES THE GAP BETWEEN THE BUTTONS*/
	  padding-left:10px; /* THIS VALUE SETS THE SIZE OF THE EMPY SPACE TO THE LEFT OF THE BUTTON TEXT */
      text-decoration:none;
	  white-space:nowrap;
	  color:black;

  	  /*Magnus tries out some fancy thing to cure the mozilla bug*/
      }
    .wzbuttons a span {
      float:left;
      display:block;
      background:url(button/wzbtn.gif) no-repeat right top;
      padding-top:4px;
	  padding-right:14px; /* THIS VALUE SETS THE SIZE OF THE EMPY SPACE TO THE LEFT OF THE BUTTON TEXT */
	  padding-bottom:7px;
      color:black;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .wzbuttons a span {float:none;}
    /* End IE5-Mac hack */

    .wzbuttons #current a {
      background-position:0 -200px; 
	  /*Magnus tries out some fancy thing to cure the mozilla bug*/
      }
    .wzbuttons #current a span {
      background-position:100% -200px;
      color:black;
      }
    .wzbuttons a:hover {
	  text-decoration:none;
      background-position:0% -100px; /*temporarily removed cause they generate MSIE render bugs*/
      color:#AAAAAA;
      }

	.wzbuttons a:hover span {
      background-position:100% -100px; /*temporarily removed cause they generate MSIE render bugs*/
      color:#884422;
      }
    .wzbuttons a:active {
	  text-decoration:none;
      background-position:0% -200px; /*temporarily removed cause they generate MSIE render bugs*/
      }

	.wzbuttons a:active span {
      background-position:100% -200px; /*temporarily removed cause they generate MSIE render bugs*/
      color:black;
      padding-top:5px;
	  padding-bottom:6px;
      }

/* Float Magic */
.float{
    width:1px; 
    height:21px; 
    float:left; 
    position:relative; 
    border:solid black 1px;
    }
.floatimage {
    float:left; 
    position:relative; 
	margin-right:10px;
}
.floatimageright {
    float:right; 
    position:relative; 
	margin-left:10px;
}
.onetwentybyonethirty {
	width:120px;
	height:130px;
}

.floatcontainer:after{
    content: "."; 
    display: block; 
    height: 0; 
    overflow:hidden;
    clear: both; 
    visibility:hidden;
    }
.catDropdown{
	font-size:95%;
	background-color:#990000;
	color:#FFF;
}    
.catPos{
	position:absolute;
	top:10px;
	left:250px;
	/*float:right;*/
}  
.listH2{
margin-left:146px; 
color:#000000;
}
.widemarginleft{
padding:0;
margin-left:146px;

}
.listtop{
/*text-align:center;*/
background:url(../skin/projlist/top3.gif) top center no-repeat;
/*width:380px;*/
height:15px;
width:400px;
padding:0;
margin:0;}
.listbody{
padding:0;
margin:0;

/*text-align:center;*/
/*padding-left:13px;*/
/*padding-right:12px;*/
background:url(../skin/projlist/sides3.gif) center repeat-y;
/*width:380px;*/
width:400px;}
.listbottom{
padding:0;
margin:0;
/*text-align:center;*/
background:url(../skin/projlist/bottom4.gif) top center no-repeat;
/*width:380px;*/
width:400px;
height:21px;}
.listmargins{
margin-left:13px; margin-right:12px;
}
DT .noimage{

	background-image:none;
}

/*sarastuff ska flyttas in vid tillfälle*/

.nbrOfHits{
float:right;
color:#AFADAC;
}

p.leftmargin{
margin-left:125px;

}
.projlists li{
list-style:none;
}
.projlists h2{
/*margin-left:125px;*/
}
.projlists p{
padding-left:125px;
}
table{font-size:100%;}

    /* Holly Hack Targets IE Win only \*/
    * html .floatcontainer {height: 1%;}
    /* End Holly Hack */
-->