/*
--------------------------------------------------
--------------------------------------------------
F?ljande styles g?ller hela systemet, dvs de anv?nds vid systemutveckling
--------------------------------------------------
--------------------------------------------------
*/


/* --------------------------------------- */
/* generella styles */
/* --------------------------------------- */


	/* fonter */

html { }
	BODY {
		width:100%;
		PADDING: 20px 0px 10px 0px;
		MARGIN: 0;
		TEXT-ALIGN: left;
		/*background: #fff url(http://www.du.se/styles/mira/body.png) repeat-x top;*/
		FONT: 0.7em Verdana, Helvetica, Arial, sans-serif;
		COLOR: #000000;
		}

/*Eftersom den här genererade konstigt för mig var jag tvungen att hitta en annan lösning, men serverlösning för att inte få problem med nestade td-taggar och relative text-storlek så är det bara att plocka bort den här td-reglerna
*/
	TD  {
		font-size: 70%;
		}


#topmenu td {font-size:90%; }
TD#sidemenu { font-size: 70%; }
TD.leftcolumn { font-size: 70%; }
TD.rightcolumn { font-size: 70%; }

h1 { font: lighter 1.7em Verdana, Arial, Helvetica, Sans-serif; color: #666; margin: 0 0 1em 0; text-align: left; }
/*	H1	{
		MARGIN: 0px 0px 5px 0px;
		COLOR: #2E3A3F;
		FONT-FAMILY: verdana, sans-seriff;
		FONT-SIZE: 160%;
		FONT-WEIGHT: bold;
*/		}

	H2	{
		MARGIN: 12px 0px 2px 0px;
		COLOR: #888;
		FONT-FAMILY: arial, verdana, sans-seriff;
		FONT-SIZE: 140%;
		FONT-WEIGHT: bold;
		}

	H3	{
		MARGIN: 5px 0px 2px 0px;
		COLOR: #888;
		FONT-FAMILY: verdana, arial, sans-seriff;
		FONT-SIZE: 100%;
		FONT-WEIGHT: bold;
		}

	/* H4 anv?nds endast som box-rubrik */
	/* H4 m?ste st? *innan* <div>-tagen f?r boxen (t ex innan <div class="box"> */
	H4 {
		MARGIN: 0px 0px 0px 0px;
		PADDING: 10px 0px 5px 0px;
		BORDER-BOTTOM: 1px solid #97b0c3;
		color: #666;
		font-family: arial, verdana, sans-seriff;
		font-size: 120%;
		font-weight: bold;
		}

	p	{
		MARGIN: 0px 0px 15px 0px;
		}

	/* alla bildtexter anv?nder <span class="imagetext" src="">*/
	.imagetext {		
		MARGIN: 3px 0px 0px 0px;
		font-family: verdana, arial, sans-seriff;
		font-size: 80%;
		font-style: italic;
		display: block;
		}

	/* visar text i den normala br?dtextf?rgen */
	/* l?nk i vanlig f?rg: <a class="normalcolor" href=""> */
	.normalcolor	{
		COLOR: #000000;
		}

	/* visar text i skuggad f?rg */
	/* l?nk i skuggad f?rg: <a class="shadow" href=""> */
	.shadow	{
		COLOR: #999999;
		}

	/* visar text i varnings-f?rg */
	/* l?nk i skuggad f?rg: <a class="warning" href=""> */
	.warning {
		color: #FF0000;
		font-weight: bold;
		}
	
	/* visar text i n?got mindre storlek ?n vanlig br?dtext */
	.small {
		font-family: verdana, arial, sans-seriff;
		font-size: 80%;
		}


	/* L?nkar */

	A	{
		COLOR: #06c;
		TEXT-DECORATION: none
		}

	A:hover {
		COLOR: #393;
		TEXT-DECORATION: underline
		}

	/* en l?nk som har en bullet precis innan sig */
	/* <a class="linkbullet" href=""> */
	A.linkbullet	{
		PADDING: 0px 0px 0px 11px;
		MARGIN: 0px 0px 0px 0px;
		BACKGROUND: url(../_images/systemspecific/arrow_right.png) no-repeat 0px 2px;
		}

	A.linkbulletback {
		PADDING: 0px 0px 0px 11px;
		MARGIN: 0px 0px 0px 0px;
		BACKGROUND: url(../_images/systemspecific/arrow_left.png) no-repeat 0px 5px;
		}

	/* A.next och A.previous: anv?nds i listor f?r att bl?ddra mellan sidor med s?kresultat */
	A.next {
		PADDING: 0px 10px 0px 0px;
		MARGIN: 0px 0px 0px 0px;
		BACKGROUND: url(../_images/systemspecific/arrow_right.png) no-repeat right center;
		}	
	/* A.next och A.previous: anv?nds i listor f?r att bl?ddra mellan sidor med s?kresultat */
	A.previous {
		PADDING: 0px 0px 0px 9px;
		MARGIN: 0px 0px 0px 0px;
		BACKGROUND: url(../_images/systemspecific/arrow_left.png) no-repeat left center;
		}


	/* ?vriga html-taggar */

	TABLE {
		border: 0px 0px 0px 0px;
		FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
		}

	IMG {
		border-color: #000000;
		}

	IMG.inlinephoto {
		margin: 5px 5px 5px 5px;
		float: left;
		border: 1px solid;
		}

	HR {
		CLEAR: both;
		border: 1px solid #CCCCCC;
		BACKGROUND: none transparent scroll repeat 0% 0%;
		HEIGHT: 1px;
		}

	UL {
		MARGIN: 0px 0px 0px 0px;
		PADDING: 0px 0px 0px 0px;
		LIST-STYLE-TYPE: none;
		}

	LI {
		PADDING: 0px 0px 0px 10px;	
		MARGIN: 3px 0px 0px 0px;
		COLOR: #000000;
		BACKGROUND: url(../_images/systemspecific/listbullet.gif) no-repeat 0px 4px;
		}

	/* <LI class="opengroup" visar en ikon f?r en ?ppen grupp innan list-texten */
	LI.opengroup {
		PADDING: 0px 0px 0px 11px;	
		MARGIN: 3px 0px 0px 0px;
		COLOR: #000000;
		BACKGROUND: url(../_images/icons/group_open.gif) no-repeat 0px 3px;
		}

	/* <LI class="closedgroup" visar en ikon f?r en ?ppen grupp innan list-texten */
	LI.closedgroup {
		PADDING: 0px 0px 0px 11px;	
		MARGIN: 3px 0px 0px 0px;
		COLOR: #000000;
		BACKGROUND: url(../_images/icons/group_closed.gif) no-repeat 0px 3px;
		}

	/* <LI class="inactivegroup" visar en ikon f?r en ?ppen grupp innan list-texten */
	LI.hiddengroup  {
		PADDING: 0px 0px 0px 11px;	
		MARGIN: 3px 0px 0px 0px;
		COLOR: #000000;
		BACKGROUND: url(../_images/icons/group_invisible.gif) no-repeat 0px 3px;
		}


	/* positionering */

	/* v?nsterst?ller ett object */
	/* <span class="left">objektet</span> */
	.left {
		float: left;
		}
	
	/* h?gerst?ller ett object */
	/* <span class="right">objektet</span> */
	.right {
		float: right;
		}



/* --------------------------------------- */
/* kolumner i sidans layout */
/* --------------------------------------- */

/* tabell f?r sidor d?r inneh?llet delas in i fler ?n en kolumn */
/* <table id="contentlayout"> */
TABLE#contentlayout  {
	PADDING: 0px 0px 0px 0px;
	MARGIN: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-collapse: collapse;
	}

/* v?nsterkolumnen i sidlayouten ben?mns <td class="leftcolumn"> */
TABLE#contentlayout TD.leftcolumn {
	PADDING: 0px 5px 0px 0px;
	MARGIN: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-collapse: collapse;
	VERTICAL-ALIGN: TOP;
	}

/* mittenkolumner i sidlayouten ben?mns <td class="centercolumn"> */
TABLE#contentlayout TD.centercolumn {
	PADDING: 0px 5px 0px 10px;
	MARGIN: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-collapse: collapse;
	VERTICAL-ALIGN: TOP;
	}

/* h?gerkolumnen i sidlayouten ben?mns <td class="rightkolumn"> */
TABLE#contentlayout TD.rightcolumn {
	PADDING: 0px 0px 0px 10px;
	MARGIN: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-collapse: collapse;
	VERTICAL-ALIGN: TOP;
	}

/* --------------------------------------- */
/* Typer av boxar */
/* --------------------------------------- */

	/* <div class="box"> Den vanligaste typen av box */
	DIV.box {
		margin: 5px 0px 5px 0px;
		}

	/* <div class="infobox"> inneh?ller information och tips */
	DIV.infobox {
		margin: 0px 0px 5px 0px;
		padding: 10px 10px 10px 10px;
		border: dotted 1px #999999;
		height:auto;
		}
	
	/* <div class="alertbox"> inneh?ller felmeddelanden och uppmaningar */
	DIV.alertbox {
		margin: 0px 0px 5px 0px;
		padding: 10px 10px 10px 10px;
		border: solid 1px #FF0000;	
		background-color: #EEEEEE;
		BACKGROUND: url(../_images/systemspecific/alertbox_bg.gif) repeat-x;
		}

	/* <div class="formbox">"> inneh?ller ett formul?r */
	DIV.formbox {
		margin: 0px 0px 15px 0px;
		padding: 10px 10px 10px 10px;
		border: 0px 0px 0px 0px;
		background-color: #EEEEEE;
		}

	/* <div class="displayinfo"> inneh?ller information om t ex en person */
	DIV.displayinfo {
		margin: 0px 0px 5px 0px;
		padding: 10px 10px 10px 10px;
		border: 0px 0px 0px 0px;
		background-color: #EEEEEE;
		}


/* --------------------------------------- */
/* formul?r */
/* --------------------------------------- */
	
FORM {
	PADDING: 0px 0px 0px 0px;
	MARGIN: 0px 0px 0px 0px;
	display: inline;
	clear: none;
	}


FORM TD {
	/*vertical-align: top;*/
	}

/* <h3> ?r en rubrik p? en del inom en displayinfo-box */
DIV.formbox h3 {
	MARGIN: 10px 0px 5px 0px;
	PADDING: 0px 0px 5px 0px;
	BORDER-BOTTOM: 1px solid #999999;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	COLOR: #666666;
	FONT-WEIGHT: bold;
	}

/* <label> b?r anv?ndas f?r f?ltnamn i formul?r */
label {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	color: #000000;
	}

/* Visuella ?ndringar p? formul?rf?lt fungerar d?ligt p? t.ex. Mac, g?r ?ndringar i div-taggen ist?llet */
form input, form select, form option {
	MARGIN: 0px 0px 0px 0px;
	text-align: left;
	vertical-align:middle;
	clear: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 110%;
	}

/* <input type="radio" class="radio"> */
/* <input type="checkbox" class="checkbox"> */
.radio, .checkbox {
	MARGIN: 2px 2px 2px 2px;
	PADDING: 0px 0px 0px 0px;
	BORDER: 0px 0px 0px 0px;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	VERTICAL-ALIGN: middle;
	DISPLAY: inline;
	}		

/* <textarea class="textarea"> */
textarea {
	MARGIN: 2px 0px 2px 0px;
	PADDING: 2px 2px 2px 2px;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	font-size: 110%;
	}

/* <input type="submit" class="button"> */
.button {
	MARGIN: 0px 0px 1px 0px;
	PADDING: 0px 10px 0px 10px;
/*	BORDER: solid 1px #000000;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
*/	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
/*	HEIGHT: 20px;
*/	TEXT-ALIGN: center;
	}


/* --------------------------------------- */
/* displayinfo */
/* --------------------------------------- */

/* <h3> ?r en rubrik p? en del inom en displayinfo-box */
DIV.displayinfo H3, DIV.formbox H3 {
	MARGIN: 10px 0px 5px 0px;
	PADDING: 0px 0px 5px 0px;
	BORDER-BOTTOM: 1px solid #999999;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	COLOR: #666666;
	FONT-WEIGHT: bold;
	}

/* --------------------------------------- */
/* infobox och alertbox */
/* --------------------------------------- */

/* s?tter marginal p? <h3> som ligger inom en infobox eller alertbox, inget att bry sig om */
DIV.infobox H3, DIV.alertbox H3 {
	margin: 0px 0px 3px 0px;
	}

/* F?ltnamn i <div class="displayinfo"> b?r ha class="fieldname" */
.fieldname {
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	color: #666666;
	display: block;
	vertical-align: top;
	}

/* --------------------------------------- */
/* listor */
/* --------------------------------------- */

/* De tables som visar listor b?r ha class="list" */
TABLE.list {
	width:95%;
	margin-left: auto;
	margin-right: auto;
	}

/* <H3> anv?nds f?r att s?tta rubriker p? olika delar av en lista */
TABLE.list H3 {
	MARGIN: 15px 0px 10px 0px;
	PADDING: 0px 0px 5px 0px;
	BORDER-BOTTOM: 1px solid #999999;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	COLOR: #999999;
	FONT-WEIGHT: bold;
	}

/* s?tter marginalen f?r bilder som visas i tabeller */
TABLE.list IMG {
	margin: 3px 3px 3px 3px;
	padding: 0px 0px 0px 0px;
	}

/* s?tter marginalen f?r bilder som visas i listor */
/* <img class="personphoto" src=""> */
TABLE.list IMG.personphoto {
	float: left;
	clear: none;
	}

/* Kolumner i en lista anv?nder taggen <th> */
TABLE.list th {
	padding: 0px 0px 5px 0px;
	BORDER-BOTTOM: 1px solid #CCCCCC;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	COLOR: #999999;
	FONT-SIZE: 70%;
	FONT-WEIGHT: bold;
	}

TABLE.list TD {
	vertical-align: middle;
	}

/* --------------------------------------- */
/* forum */
/* --------------------------------------- */

/* tabell som inneg?ller lista med meddelanden */
/* <table class="forum"> */

table.forum {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	width: 100%;
	}

table.forum td.sender {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	width: 190px;
	vertical-align: top;
	}

table.forum td.message {
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	background-color:#ffffff;
	vertical-align: top;
	}

table.forum td.abuse {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	width: 15px;
	}

table.forum td.sender img {
	margin: 0px 5px 0px 0px;
	}

table.forum h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	color: #999999;
	}



/* --------------------------------------- */

/* grupper */

/* --------------------------------------- */

 

/* div f?r grupp-menyn */
/* <div id="groupmenu"> */

div#groupmenu {
            margin: 8px 0px 8px 0px;
            padding: 10px 10px 10px 10px;
            border: solid 1px #678A91;
            display: block;
            background-color: #ffffff;
            }

div#groupmenu A {
            margin: 0px 3px 0px 3px;
            padding: 0px 0px 0px 8px;
            BACKGROUND: url(../_images/systemspecific/pagecontents_groupmenubullet.gif) no-repeat 0px 3px;
            font-weight: normal;
			color: #2E3A3F;
            }
 

            /* bread crumbs */
            div#breadcrumbs {
                        font-family: verdana, arial, sans-seriff;
                        font-size: 80%;
                        color: #426394;
                        }

 

            div#breadcrumbs .breadcrumb {
                        margin: 0px 0px 0px 2px;
                        padding: 0px 0px 0px 9px;
                        BACKGROUND: url(../_images/systemspecific/breadcrumb_bullet.gif) no-repeat 0px 4px;    
                        }

/* nyheter p? startsidan*/
	
	DIV.newsitem {
		border: 1px solid #FF0000
		display: block;
		}
		
		/*demo*/
		div.demo
		{
			margin-left:10px;
			margin-right:10px;
			}
		
		H1.demoheader
		{
			color:#999999;
			}
			td.demotext{color:#EEEEEE;}
				/*demo*/
		div.help
		{
			color:#EEEEEE;
			margin-left:10px;
			margin-right:10px;
			}
		
		H1.help
		{margin-left:10px;
			color:#999999;
			}
			td.demotext{color:#EEEEEE;}