@charset "utf-8";


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

Stylesheet for Umeå University


Version: 2.8
Date: 2009-12-22

Copyright: Umeå university

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





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

Global

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

html, body {
	border:0px;
	margin:0px;
	padding:0px;
}
 
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ECEDED;
}

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

Global classes
 
----------------------------------------------------------------------------------------- 
*/

.leadin {
  font-weight:bold; /* hantering av ingresser */
}

.backgroundcolorthree {
  background-color:#f2f4fa;
}

.imagefullwidth {
	display:block;
	width:100%;
	padding-bottom:7px;
}

.imagelefthalf {
	display:block;
	float:left;
	width:48%;
	padding-right:2%;
	padding-top:2px;
	padding-bottom:7px;
}

.imagerighthalf {
	display:block;
	float:right;
	width:48%;
	padding-left:2%;
	padding-top:2px;
	padding-bottom:7px;
}

.imageleftsmall {
	display:block;
	float:left;
	width:30%;
	padding-right:2%;
	padding-top:2px;
	padding-bottom:7px;
}

.imagerightsmall {
	display:block;
	float:right;
	width:30%;
	padding-left:2%;
	padding-top:2px;
	padding-bottom:7px;
}

.imageleftsmaller {
	display:block;
	float:left;
	width:20%;
	padding-right:2%;
	padding-top:2px;
	padding-bottom:7px;
}

.imagerightsmaller {
	display:block;
	float:right;
	width:20%;
	padding-left:2%;
	padding-top:2px;
	padding-bottom:7px;
}

.creator {
	font-size:9px!important;
	padding-top:7px;
}
 
/* Headings
----------------------------------------------------------------------------------------- */
 
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}
 
h1 {
	font-size:18px; /*font-size:17px; originalstorlek */
	clear:both; /*080909 fix för att se till att eventuella flera artiklar separeras*/
}
 
h2 {
	font-size:14px; /*font-size:15px; originalstorlek */
	clear:both; /*Fix för tydligare struktur 080912*/
}
 
h3 {
	font-size:11px;
	font-weight:bold;
}

h3.coloredbackground {
	display:block;
	width:auto!important;
	padding:3px 2px 2px 3px;
	background-color:#E5EAF5;
	color:#111111;
	line-height:17px;
}

h4 {
	font-size:11px;
}
 
p, ul, ol {
	margin:0px;
	font-size:11px;
	line-height:16px;
}

img {
	border:0px;
}

.textright {
	text-align:right;
}

.textrightfullwidth {
	width:100%!important;
	text-align:right;
}

/* Links
----------------------------------------------------------------------------------------- 
*/

a {
	text-decoration:none;
	color:#003399;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.link_button {
	background-color:#f2f4fa;
	border:1px solid #E5EAF5;
	padding:1px 9px 1px 9px;
	font-size:11px;
}

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

Forms

----------------------------------------------------------------------------------------- */
 
form {
	margin:0px;
	padding:0px;
	display:inline;
}
 
input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

input.textfieldlong {
	width:220px;
}

fieldset {
	margin:0px;
	border:0px;
	padding:0px;
}
 
textarea {
	width:100%;
	line-height:1.25;
}

Text {
	background-color:#FFFFFF; /* Test fck*/  
}
 
label {
	cursor:pointer;
}

.button {
	background-color:#f2f4fa;
	background-color:#e5eaf5; /* justering 090604, samma som knappar i högerspalt*/
	border-style:solid;
	border-width:1px;
	/* border-color:#E5EAF5; */
        border-color:#999; /* justering 090604 */
	font-size:11px;
        cursor:pointer; /* tillagt 090604*/
}

a.button {
  display:table;
  padding:3px;
  margin-top:5px;
}

.buttoncoloredbackground {
	background-color:#e5eaf5;
	border-style:solid;
	border-width:1px;
	border-color:#bababb;
	font-size:11px;
        cursor:pointer; /* tillagt 090604*/
}

/* edu_searchform
----------------------------------------------------------------------------------------- 
*/
div.edu_searchform {
	clear:both;
	background-color:#f2f4fa;
}

div.edu_searchform form fieldset {
	clear:both;
	display:block;
	padding:10px 0px 10px 10px;
}

div.edu_searchform form fieldset h3 {
	display:block;
	width:auto;
}

div.edu_searchform form fieldset label {
	display:block;
}

div.edu_searchform form fieldset input {
	margin-left:0px;
}

div.edu_searchform form fieldset div.searchcolumn {
	display:block;
	float:left;
	padding-right:14px;
}

/* news_searchform
----------------------------------------------------------------------------------------- 
*/
div.news_searchform {
	clear:both;
}

div.news_searchform form fieldset {
	clear:both;
	display:block;
	padding:12px 0px 17px 2px;
}

div.news_searchresults p {
	padding-bottom:10px!important;
}

/* rightcolumnform
----------------------------------------------------------------------------------------- 
*/
div.rightcolumnform {
	background-color:#F2F4FA;
	border-bottom:5px solid #FFFFFF;
	width:184px;
}

div.rightcolumnform form {
	display:block;
}

div.rightcolumnform input{
	display:block;
	margin-bottom:4px;
}

div.rightcolumnform fieldset {
	padding:0px 7px 0px 7px;
	display:block;
	clear:both;
}

div.rightcolumnform label {
	font-size:11px;
	margin-top:0px;
	padding-top:0px;
	display:block;
}

.buttonrightcolumn {
	background-color:#E5EAF5;
	border-style:solid;
	border-width:1px;
	border-color:#bababb;
	font-size:11px;
	display:block;
	float:right;
	margin-left:4px;
}

.textfieldrightcolumn {
	width:164px;
}

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

Page (wrapper for entire site)

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

#page {
	display:block;
	width:980px;
	margin:0px auto 0px auto;
	text-align:center;
	background-color:#FFFFFF;
	color:#000000;
}

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

Top (holds upper links, logo, search, main menu and bread crumbs

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

#top {
	display:block;
	width:980px;
	height:auto; /* HW 081003, Ändrat från height:157px till height:auto; */
	background-color:#FFFFFF;
	color:#0D0D0D;
	margin:0px;
}

#topfade {
	background-color:#ECEDED;
	height:13px;
	margin:0px;
}

#topfade h1 {
	display:block;
	font-size:1px;
	text-indent:-7500px;
}

/* Top links
----------------------------------------------------------------------------------------- */
#toplinks {
	background-color:#FFFFFF;
	height:21px;
	padding-top:3px;
}


#toplinks a {
	color:#000000; /* tillägg tah 080819 */
}

#toplinksleft, #toplinksright {
	width:400px;
	height:10px;
}

#toplinksleft {
	float:left;
	text-align:left;
	margin-top:1px;
}

#toplinksright {
	float:right;
	text-align:right;
}

#toplinks ul {
	margin:0 0 0 10px;
	padding:0;
	font-size:11px;
}

.flag{
	position:relative;
	top:2px;
	right:0px;
}

.flag img {
	width: 12px;
}

#toplinks ul li{
	display:inline;
	border-left:1px solid #000000;
	list-style:none inside;
	padding:0px 14px;
}

.rightlineblack {
	border-right:1px solid #000000;
}

.rightlinewhite {
	border-right:1px solid #ffffff;
	margin-right:14px;
}



/* Top
----------------------------------------------------------------------------------------- */

#topmain {
	clear:both;
	height:99px;
}

.sv {
	background-image:url(bilder/2042_topbackground.gif); /* HW 081017, klass för att hantera svensk logotype */
}

.en {
	background-image:url(bilder/2043_topbackground_eng.gif); /* HW 081017, klass för att hantera engelsk logotype */
}

/* Top clickarea
----------------------------------------------------------------------------------------- */

#clickarea {
	float:left;
}

#clickarea a {
	display:block;
	height:70px;
	width:400px;
}

/* Top search
----------------------------------------------------------------------------------------- */

#topsearch {
	float:right;
	height:56px;
	width:263px; /* HW 081001, från 255px till 263px */
	margin:22px 10px 0px 0px;
}

#topsearch a {
	color:#ffffff;
}

#topsearch ul {
	padding:0px;
	font-size:11px;
	margin:5px 0px 0px 14px;
}

#topsearch ul li{
	display:inline;
	border-left:1px solid #ffffff;
	list-style:none inside;
	padding:0px 10px;
}

#topsearch p {
	font-size:13px;	
	padding:0px;
}

.searcharea {
	height:17px;
	width:177px;
	border:none;
	background:url(bilder/2044_searchbackground.gif) no-repeat;
	background-position:center;	
	padding:3px 0px 0px 10px;
	vertical-align:middle;
	margin:0px; /* HW 081010 */
}
	
.searchbutton {
	height:22px;
	width:47px; /* HW 081001, från 39px till 45px */
	border:none;
	background:url(bilder/2045_searchbuttonbackground.gif) no-repeat;
	background-position:center;
	padding-bottom:2px; /* HW 081001, från 4px till 2px */
	vertical-align:middle;
	text-indent:-1px; /* HW 081001, från -5px till -1px */
	font-size:10px; /* HW 081001 */
	margin:0px; /* HW 081010 */
}

/* Top menu
----------------------------------------------------------------------------------------- */

#topmenu {
	padding-left:10px;
	clear:both;
	text-align:center;
}

#topmenu ul {
	margin:0px;
	padding:0px;
	list-style:none;
    }
#topmenu li {
	float:left;
	padding:0px;
}
	
#topmenu a {
	display:block;
	width:177px;height:19px;
	background-image:url(bilder/2048_topmenu_alink.gif);
	text-decoration:none;
	text-align:left;
	color:#FFFFFF;
	font-size:11px;
	padding:2px 0px 0px 15px;

}

#topmenu a:hover {
	text-decoration:underline; /* 080407 */
}
	
#topmenu a#topmenuselected {
	background-image:url(bilder/2047_topmenu_aactive.gif);
	color:#003A6D;
}


/* Top breadcrumbs
----------------------------------------------------------------------------------------- */

#breadcrumbs {
	height:auto; /* HW 081003 */
}

#breadcrumbs ul {
	margin:0px 0px 0px 14px;
	padding:6px 0px 0px 0px;
	font-size:11px;
	text-align:left;
	height:auto; /* HW 081003 */
}

#breadcrumbs ul li{
	display:inline;
	list-style:none inside;
	padding-right:2px;
}


#breadcrumbs a {
	color:#000000; /* tillägg tah 080819 */
}

#breadcrumbs a:hover {
	text-decoration:underline;
	color:#000000;
}

#breadcrumbs a br {
	display:none;
}

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

Content (holder for left menu and all columns)

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

#content {
	clear:both;
	display:block;
	width:960px;
	margin:2px auto 0px auto;
	background-color:#FFFFFF;
	color:#000000;
	padding:10px 0px 0px 0px;
	border-top:1px solid #8E8E8E;
	text-align:left;
}

.nocontentborder {
	clear:both;
	display:block;
	width:960px;
	margin:2px auto 0px auto;
	background-color:#FFFFFF;
	color:#000000;
	padding:10px 0px 0px 0px;
	border-top:0px!important;
	text-align:left;
}

/* Left Menu
----------------------------------------------------------------------------------------- */

#leftmenu {
	margin:0px;
	display:block;
	width:184px;
	background-color:#FFFFFF;
	color:#111111;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
}

#leftmenu ul {
	display:block;
	width:184px;
	list-style:none;
	margin:0px;
	padding:0px;
	border:none;
}

#leftmenu ul li {
	display:block;
	width:184px;
	margin:0px;
	padding:0px;
	border:none;
}

#leftmenu ul li a {
	display:block;
	margin:0px;
	padding:0px;
	border:none;
}

#leftmenu ul#firstlevel {
	background-color:#E5EAF5;
	color:#111111;
}

#leftmenu ul#firstlevel li {
	font-size:16px;
}

#leftmenu ul#firstlevel li a {
	padding:7px 0px 7px 9px; /* HW 081003 - från 7px till 9px */	
	line-height:16px;
	background-color:#E5EAF5;
	color:#111111;
	border-bottom:1px solid #FFFFFF;
}

#leftmenu ul#firstlevel li ul#secondlevel {
	background-color:#E5EAF5;
	color:#111111;
}

#leftmenu ul#firstlevel li ul#secondlevel li {
	font-size:11px;
}

#leftmenu ul#firstlevel li ul#secondlevel li a {
	padding:7px 0px 4px 9px;  /* HW 081003 - från 7px till 9px */	
	line-height:11px;
	background-color:#E5EAF5;
	color:#111111;
	border-bottom:1px solid #FFFFFF;
}

#leftmenu ul#firstlevel li ul#secondlevel li a#secondselected {
	padding:7px 0px 4px 9px; /* HW 081003 - från 16px till 9px */	
	background-image:url(bilder/2050_menuarrow.gif);
	background-repeat:no-repeat;
	background-position:0px 10px; /* HW 081003 - från 7px till 0px */	
}

#leftmenu ul#firstlevel li ul#secondlevel li ul#thirdlevel {
	background-color:#F2F4FA;
	color:#111111;	
}

#leftmenu ul#firstlevel li ul#secondlevel li ul#thirdlevel li {
	font-size:11px;
}

#leftmenu ul#firstlevel li ul#secondlevel li ul#thirdlevel li a {
	padding:7px 0px 4px 16px;  /* HW 081003 - från 14px till 16px */	
	line-height:11px;
	background-color:#F2F4FA;
	color:#111111;
	border-bottom:1px solid #FFFFFF;
}

#leftmenu ul#firstlevel li ul#secondlevel li ul#thirdlevel li a#thirdselected {
	padding:7px 0px 4px 16px; /* HW 081003 - från 23px till 16px */	
	background-image:url(bilder/2050_menuarrow.gif);
	background-repeat:no-repeat;
	background-position:0px 10px; /* HW 081003 - från 14px till 0px */		
}

#leftmenu ul#firstlevel li ul#secondlevel li ul#thirdlevel li ul#fourthlevel {
	background-color:#FFFFFF;
	color:#111111;	
}

#leftmenu ul#firstlevel li ul#secondlevel li ul#thirdlevel li ul#fourthlevel li {
	font-size:11px;
}

#leftmenu ul#firstlevel li ul#secondlevel li ul#thirdlevel li ul#fourthlevel li a {
	padding:7px 0px 4px 23px;  /* HW 081003 - från 30px till 23px */	
	line-height:11px;
	background-color:#FFFFFF;
	color:#111111;
	border-bottom:1px solid #E5EAF5;
	
}

#leftmenu ul#firstlevel li ul#secondlevel li ul#thirdlevel li ul#fourthlevel li a#fourthselected {
	padding:7px 0px 4px 23px; /* HW 081003 - från 30px till 23px */	
	background-image:url(bilder/2050_menuarrow.gif);
	background-repeat:no-repeat;
	background-position:0px 10px; /* HW 081003 - från 21px till 0px */		
}

#leftmenu ul#firstlevel li ul#secondlevel li a.leftmenunoborder,
#leftmenu ul#firstlevel li ul#secondlevel ul#thirdlevel li a.leftmenunoborder,
#leftmenu ul#firstlevel li ul#secondlevel ul#thirdlevel li ul#fourthlevel li a.leftmenunoborder,
#leftmenu ul#firstlevel li ul#secondlevel ul#thirdlevel li ul#fourthlevel li ul#fifthlevel li a.leftmenunoborder {
	border-bottom:none;
}

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

Column 1 - Main

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

#maincolumn{
	float:left;
	margin-left:20px;
	font-size:11px; /* 080407 fix för att fånga upp ostilat innehåll*/
	min-height:400px; /*080909 fix för utfyllnad nedåt vid korta texter*/
}

.threecolumnlayout {
	width:562px;
}

.threecolumnlayout ol, .threecolumnlayout ul {   /* Tillagt 090227*/
	width:87%;
}

.threecolumnlayout h1, .threecolumnlayout h2, .threecolumnlayout h3, .threecolumnlayout p{
	width:90%;
}

.fourcolumnlayout {
	width:368px;
}

.fivecolumnlayout {
	width:174px;
}


#maincolumn h1, #startmaincolumn h1 {
	padding-bottom:10px;
	font-weight:bold;
}

#maincolumn h2, #startmaincolumn h2 {
	padding-bottom:2px;
	font-weight:bold;
}

#maincolumn h3, #startmaincolumn h3 {
	padding-bottom:2px;
}

#maincolumn p, #startmaincolumn p {
	padding-bottom:16px;
	font-size:11px;
}

#maincolumn a {
	color:#003399; /* 080407 */
}

#maincolumn td p {
	width:auto;
}

/* TA 080923, grundläggande listhantering i textspalterna*/
 
#maincolumn ul, #rightcolumnone ul, #rightcolumntwo ul, #rightcolumnthree ul{
  list-style-position: outside;
  padding-left:20px;
  padding-bottom:16px; /* TA 081023, justering nedåt för bÄttre textflöde */
}

#maincolumn ol, #rightcolumnone ol, #rightcolumntwo ol, #rightcolumnthree ol{
  list-style-position: outside;
  padding-left:20px;
  padding-bottom:16px; /* TA 081026, justering nedåt för bÄttre textflöde */
}



/* Page author and page print (HW - 081020)
----------------------------------------------------------------------------------------- */

/* Nedanstående stilar sidansvarig och utskrift av sida */


.threecolumnlayout div#pagedetails {
	width:90%;
}

.fourcolumnlayout div#pagedetails {
	width:100%;
}

.threecolumnlayout div#pagedetails p.pageauthor,  .fourcolumnlayout div#pagedetails p.pageauthor {
	font-size:9px!important;
	display:block;
	float:left;
	width:65%; /* HW - från 50 till 65 */
	color:#333333;
}

.threecolumnlayout div#pagedetails p.pageauthor a, .fourcolumnlayout div#pagedetails p.pageauthor a {
	font-size:9px;
}


.threecolumnlayout p.pageprint,  .fourcolumnlayout p.pageprint{
	display:block;
	width:25%; /* HW - från 40 till 35 */
	float:right;
	text-align:right;
}

.threecolumnlayout div#pagedetails p.pageprint a, .fourcolumnlayout div#pagedetails p.pageprint a  {
	display:block;
	float:right;
	height:25px;
	background-image:url(bilder/2051_print_small.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:1px;
	font-size:9px;
	clear:both;
}

/* News specific 091114
----------------------------------------------------------------------------------------- *

.threecolumnlayout p.newsurl,  .fourcolumnlayout p.newsurl{
  clear:both;
  float:left;
}


/* Tabs (DS - 090323)
----------------------------------------------------------------------------------------- */

#tabs {
	clear:both;
	text-align:center;
	height:19px;
	border-bottom:1px solid #e5eaf5;
	margin-bottom:8px;
}

#tabs ul {
	padding-left:0px;
}

#tabs li {
	float:left;
	padding:0px;
}

#tabs ul li div.tableftside {
	display:block;
	float:left;
	width:9px;
	height:19px;
	background-image:url(bilder/14015_tableftside.gif);
	border-bottom:1px solid #e5eaf5;
}
	
#tabs ul li div.tabrightside {
	display:block;
	float:left;
	width:9px;
	height:19px;
	background-image:url(bilder/14017_tabrightside.gif);
	border-bottom:1px solid #e5eaf5;
}

#tabs ul li div.tableftsideselected {
	display:block;
	float:left;
	width:9px;
	height:19px;
	background-image:url(bilder/14016_tableftsideselected.gif);
	border-bottom:1px solid #ffffff;
}

#tabs ul li div.tabrightsideselected {
	display:block;
	float:left;
	width:9px;
	height:19px;
	background-image:url(bilder/14018_tabrightsideselected.gif);
	border-bottom:1px solid #ffffff;
}

#tabs ul li a {
	display:block;
	float:left;
	height:18px;
	background-color:#e5eaf5;
	text-decoration:none;
	text-align:left;
	color:#003A6D;
	font-size:11px;
	border-top:1px solid #e5eaf5;
	border-bottom:1px solid #e5eaf5;
	padding:0px 2px 0px 2px;
}

#tabs ul li a:hover {
	text-decoration:underline; /* 080407 */
}

#tabs ul li a.tabselected {
	background-color:#ffffff;
	border-bottom:1px solid #ffffff;
	color:#003A6D;
}

/* Extra styles related to tabs (DS - 090810) */

h2.abovetabs {
	padding-bottom:16px!important;
}

/* Aseet images  (TA - 081105)
----------------------------------------------------------------------------------------- */

/* Nedanstående stilar hanterar Assetbilder som Är flytande till höger eller vÄnster i en layout me tre/fyra kolumner */

.threecolumnlayout img.assetimagefullwidth {
	display:block;
	width:90%;
	padding-bottom:7px;
}

.fourcolumnlayout img.assetimagefullwidth {
	display:block;
	width:100%;
	padding-bottom:7px;
}


.threecolumnlayout img.assetimagelefthalf {
	display:block;
	float:left;
	width:45%;
	padding-right:2%;
	padding-top:2px;
	padding-bottom:7px;
}

.fourcolumnlayout img.assetimagelefthalf {
	display:block;
	float:left;
	width:48%;
	padding-right:2%;
	padding-top:2px;
	padding-bottom:7px;
}

.threecolumnlayout img.assetimagerighthalf {
	display:block;
	float:right;
	width:43%;
	padding-left:2%;
  padding-right:10%;
	padding-top:2px;
	padding-bottom:7px;
}

.fourcolumnlayout img.assetimagerighthalf {
	display:block;
	float:right;
	width:48%;
	padding-left:2%;
	padding-top:2px;
	padding-bottom:7px;
}

.threecolumnlayout img.assetimageleftsmall {
	display:block;
	float:left;
	width:20%;
	padding-right:2%;
	padding-top:2px;
	padding-bottom:7px;
}

.fourcolumnlayout img.assetimageleftsmall {
	display:block;
	float:left;
	width:30%;
	padding-right:2%;
	padding-top:2px;
	padding-bottom:7px;
}


.threecolumnlayout img.assetimagerightsmall {
	display:block;
	float:right;
	width:20%;
	padding-left:2%;
  padding-right:10%;
	padding-top:2px;
	padding-bottom:7px;
}

.fourcolumnlayout img.assetimagerightsmall {
	display:block;
	float:right;
	width:30%;
	padding-left:2%;
	padding-top:2px;
	padding-bottom:7px;
}


/* Text box highlight (HW - 081027)
----------------------------------------------------------------------------------------- */

/* Nedanstående stilar textrutor som är flytande till höger i en layout me tre/fyra kolumner */

.threecolumnlayout blockquote.floatingtextbox {
	display:inline;
	width:25%;
	float:right;
	font-size:11px;
	background-color:#eff4fa;
	color:#000000;
	margin-top:0px;
	margin-right:10%; /* HW 081124 - från 56px till 10%*/
	margin-bottom:7px;
	margin-left:2%;
	padding:0px;
	clear:right;
	border:0px;
	text-align:left;
}

.fourcolumnlayout blockquote.floatingtextbox {
	display:block;
	width:25%;
	float:right;
	font-size:11px;
	background-color:#eff4fa;
	color:#000000;
	margin:0px 0px 7px 7px;
	padding:0px;
}

.threecolumnlayout blockquote.floatingtextbox p, .fourcolumnlayout blockquote.floatingtextbox p {
	margin:0px!important;
	display:block;
	width:100%;
	padding:6%!important;
	text-align:left;
}

.threecolumnlayout blockquote.floatingtextbox p img, .fourcolumnlayout blockquote.floatingtextbox p img {
	display:block;
	width:88%;
	margin:0px!important;
	padding:0px!important;
	border:0px!important;
}

/* Styles for presentation from staff directory
----------------------------------------------------------------------------------------- */

h3.org_blockheadline {
	display:block;
  width:auto;
	padding:7px 0px 7px 7px!important;
	background-color:#E5EAF5;
	color:#111111;
	margin-bottom:4px; /* HW 081010 */
}

ul.org_list {
	list-style:none;
	padding-left:0px!important;
}

ul.org_list li {
	list-style:none;
}

ul.org_list li.org_odd {
	background-color: #f2f4fa;
	border-bottom:none; 
}

.vcard {
  height:16px;
  vertical-align: middle;
}

/* Styles for presentation of news archive (DS - 090316)
----------------------------------------------------------------------------------------- */

ul.news_list {
	list-style:none;
	padding-left:0px!important;
}

ul.news_list li {
	list-style:none;
}

ul.news_list li.news_odd {
	background-color: #f2f4fa;
	border-bottom:none; 
}

/* Styles for presentation of educational web (HW - 081119)
----------------------------------------------------------------------------------------- */

/* Styles for kursplan (DS - 090504) added 091029*/

h1.edu_kursplan {
	display:none;
	font-size:14px;
	padding-bottom:20px!important;
}

h1.edu_kursplan_curlang {
}

h1.edu_kursplan_altlang {
	font-size:14px;
	padding-bottom:20px!important;
}

p.edu_kursplan_mainp {
	padding-bottom:20px!important;
}
/* end added 091029*/

h1.edu_blockheadline {
	display:block;
	padding:7px 0px 7px 7px!important;
	background-color:#E5EAF5;
	color:#111111;
	margin-bottom:4px; /* HW 081010 */
}

h1.edu_noheadlinemargin {
	display:block;
	padding:7px 0px 7px 7px!important;
	background-color:#E5EAF5;
	color:#111111;
	margin-bottom:0px!important;
}

/* removed 091029 - Added to separate headline presentation 090629
h1.edu_kursplan_altlang { 
  font-size:14px;
  font-weight: normal !important;
}
*/

h2.edu_blockheadline {
	display:block;
	padding:7px 0px 7px 7px!important;
	background-color:#E5EAF5;
	color:#111111;
	font-size:11px;
	margin-bottom:4px; /* HW 081010 */
}
h2.edu_noheadlinemargin {
	margin-bottom:0px;
}
ul.edu_list {
	list-style:none;
	padding-left:7px!important;
}

ul.edu_list li {
	list-style:none;
}

ul.edu_coursemenu {
	display:block;
	width:175px;
	list-style:none;
	margin:1px 0px 4px 0px!important;
	padding:0px!important;
	border:none;
}

ul.edu_coursemenu li {
	list-style:none;
	display:block;
	width:175px;
	font-size:11px;
	/*line-height:16px;*/
	margin:0px;
	padding:0px;
	border-bottom:none;
}

ul.edu_coursemenu li a {
	padding:3px 0px 4px 9px!important;
	display:block;
	width:175px;
  background-color:#F2F4FA;
	border-bottom:1px solid #ffffff;
	color:#111111!important;
}

ul.edu_coursemenu li a.edu_selected{
	padding-left:9px!important;
	background-image:url(bilder/2050_menuarrow.gif);
	background-repeat:no-repeat;
	background-position:0px 9px;
}

/* Edu-lists columns 090921
------------------------------------------------------*/
.td_edu_p_first {width:52%;}
.td_edu_p_second {width:12%;}
.td_edu_p_third {width:12%;}
.td_edu_p_fourth {width:12%;}
.td_edu_p_fifth {width:12%;}

/* Fix for output of course litterature from Selma
------------------------------------------------------*/

div#maincontent table {
   border:0px!important;
   border-color:#FFF!important;
   margin-bottom:0px!important;
}

div#maincontent table tbody tr {
   border:0px!important;
   border-color:#FFF!important;
}

div#maincontent table tbody tr td {
   border:0px!important;
   border-color:#FFF!important;
   padding-left:0px!important;
   padding-right:0px!important;
   padding-bottom:7px!important;
}

/* 
div#maincontent p {
   display:none;
}

*/

/* End fix */


/* Sitemap styles (HW - 081018)
----------------------------------------------------------------------------------------- */

/* Nedanstående stilar en sitemap som består av en enda kolumn */

#sitemap ul { /* TA 081105 */
  padding-bottom: 0px;
}

#sitemap li {
	list-style-image:url(bilder/2050_menuarrow.gif);
	list-style-type:circle;
	font-weight:bold;
}

#sitemap li ul li, #sitemap li ul li ul li {
	font-weight:normal;
}

#sitemapfirstcol {
	display:block;
	width:241px;
	margin-right:10px;
	float:left;
	border-right:1px solid #E5EAF5;
}

/* Nedanstående stilar en sitemap som består av två kolumner */

.sitemapleft {
	display:block;
	width:241px;
	margin-right:10px;
	float:left;
	border-right:1px solid #E5EAF5;
}

.sitemapleft li {
	list-style-image:url(bilder/2050_menuarrow.gif);
	list-style-type:circle;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px; 
}

.sitemapleft li ul li {
	font-weight:normal;
	padding-top: 0px;
	padding-bottom:0px;
}

.sitemapleft li ul li ul li {
	padding-top: 0px;
	padding-bottom:0px;
}

.sitemapright {
	display:block;
	width:242px;
	margin-left:10px;
	float:left;
}

.sitemapright li {
	list-style-image:url(bilder/2050_menuarrow.gif);
	list-style-type:circle;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}

.sitemapright  li ul li {
	font-weight:normal;
	padding-top: 0px;
	padding-bottom:0px;
}

.sitemapright  li ul li ul li {
	padding-top: 0px;
	padding-bottom:0px;
}

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

Split banners

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

.banner_left_main {
	float:left;
	width:184px;
	display:block;
}

.banner_right_main {
	float:right;
	width:184px;
	display:block;
}

.banner_left_rightcolumn {
	float:left;
	width:87px;
	display:block;
}

.banner_right_rightcolumn {
	float:right;
	width:87px;
	display:block;
}

.clear {
	clear:both;
	display:block;
}


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

Right columns

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

#rightcolumnone, #rightcolumntwo, #rightcolumnthree {
	float:left;
	width:184px;
	background-color:#FFFFFF;
	margin-left:10px;

}

#rightcolumnone h1, #rightcolumntwo h1, #rightcolumnthree h1 {
	display:block;
	padding:7px 0px 7px 7px;
	background-color:#E5EAF5;
	color:#111111;
	font-size:11px;
	font-weight:bold;
	margin-bottom:4px; /* HW 081010 */
}

#rightcolumnone h2, #rightcolumntwo h2, #rightcolumnthree h2 {
	padding:7px 0px 7px 7px;
	color:#111111;
	font-size:11px;
	font-weight:bold;
	margin-bottom:4px; /* HW 081010 */
}

#rightcolumnone h3, #rightcolumntwo h3, #rightcolumnthree h3 {
	display:block;
	padding:7px 0px 0px 7px; /* justrat från 7 0 7 7*/
	color:#111111;
	font-size:11px;
	font-weight:bold;
	margin-bottom:4px; /* HW 081010 */
	/*font-style:italic;  HW 081010 - nytt utseende för rubriknivå tre, bortkommenterat av TA  */
}

#rightcolumnone h4, #rightcolumntwo h4, #rightcolumnthree h4 {
	padding:7px 7px 0px 7px;
}

#rightcolumnone p, #rightcolumntwo p, #rightcolumnthree p {
	padding:0px 7px 7px 7px;
	/* padding:0px 7px 14px 7px; ändrat till stilningen ovan 090223*/
	font-size:11px;
	display:block; /* HW 081010 - Ändrat till display:block  */
}

#rightcolumnone a, #rightcolumntwo a, #rightcolumnthree a {
	color:#003399;
}

.rightcolumnimage {
	padding-bottom:7px;
	display:block;
	width:100%;
}

.columnarrow {
	display:block;
	padding:4px 0px 4px 14px;
	background-image:url(bilder/2046_columnarrow.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
        overflow:auto; /*090908*/
	/* width:156px; HW 081027 */
}

#startmaincolumn {
	display:block;
	float:left;
	width:378px;
}

.blockheadlinerightcolumn {
	background-color:#E5EAF5; /* HW 081010 - klass som kan appliceras på valfritt h-element i righcolumn(s) för att bli till blockrubrik  */
}

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

Tables

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

#maincolumn table tbody tr td p, #maincolumn table tbody tr td h3 {
	width:auto;
	margin:0;
	padding:2px;
	line-height:16px;
}

/* Generic styles for tables from FCK (HW - 081027)
----------------------------------------------------------------------------------------- */

.threecolumnlayout table {
	width:90%!important;
	border-collapse:collapse;
	margin-bottom:15px;
	font-size:11px;
	padding-left:0px;
	border:1px solid #a5adc0;
}

.fourcolumnlayout table {
	width:100%!important;	
	border-collapse:collapse;
	margin-bottom:15px;
	font-size:11px;
	padding-left:0px;
	border:1px solid #a5adc0;
	
}

.threecolumnlayout caption, .fourcolumnlayout caption {
	text-align:left;
	font-weight:bold;
	padding-bottom:5px;
}

.threecolumnlayout tr, .fourcolumnlayout tr {
	display:table-row;
	border-bottom:1px solid #a5adc0!important;
}

.threecolumnlayout tr td, .fourcolumnlayout tr td {
	padding:5px;
	vertical-align:top;
	border-left:1px solid #a5adc0;
}

.threecolumnlayout tr td p, .fourcolumnlayout tr td p {
	padding:0px 0px 16px 0px!important;
	line-height:16px;
}

/* Generic class for all tables NOT generated from FCK (HW - 081027)
----------------------------------------------------------------------------------------- */
 
.threecolumnlayout table.generictablelist, .fourcolumnlayout table.generictablelist {
	width:100%!important;
	border-collapse:collapse;
	margin-bottom:15px;
	font-size:11px;
	padding-left:0px;
	border:none;
}

.threecolumnlayout table.generictablelist tr, .fourcolumnlayout table.generictablelist tr {
	display:table-row;
	border-bottom:none!important;
}

.threecolumnlayout table.generictablelist tr td, .fourcolumnlayout table.generictablelist tr td {
	padding:2px;
	
	border-left:none!important;
}

.threecolumnlayout table.generictablelist tr td p, .threecolumnlayout table.generictablelist tr td h3, .fourcolumnlayout table.generictablelist tr td p, .fourcolumnlayout table.generictablelist tr td h3 {
	width:auto;
	padding:1px!important;
	line-height:16px;
}

.threecolumnlayout table.generictablelist tbody.hovereffect td, .fourcolumnlayout table.generictablelist tbody.hovereffect td {
	vertical-align:top;
	padding:3px;
	border-bottom:1px solid #f2f4fa;}
    
.threecolumnlayout table.generictablelisttbody tr.odd, .fourcolumnlayout table.generictablelisttbody tr.odd {
	background-color: #f2f4fa;
	border-bottom:none; /* HW 081027 */
}
	
.threecolumnlayout table.generictablelist tbody tr.searchfill, .fourcolumnlayout table.generictablelist tbody tr.searchfill {
	background-color: #f2f4fa;
	padding:10px;
	border-bottom:none; /* HW 081027 */
}

/* TEST */
.threecolumnlayout table.generictablelist  tr.odd {
	background-color: #f2f4fa;

}
/****/
	
.threecolumnlayout table.generictablelist tbody p, .fourcolumnlayout table.generictablelist tbody p {
	margin-top:10px;
	line-height:0;
}


/*.threecolumnlayout table.generictablelist tbody.hovereffect tr:hover, .threecolumnlayout table.generictablelist tbody.hovereffect tr:hover a, .threecolumnlayout table.generictablelist tbody.hovereffect tr p.odd:hover, .fourcolumnlayout table.generictablelist tbody.hovereffect tr:hover, .fourcolumnlayout table.generictablelist tbody.hovereffect tr:hover a, .fourcolumnlayout table.generictablelist tbody.hovereffect tr p.odd:hover {
	background-color:#f2f4fa;
}*/

.threecolumnlayout table.generictablelist .tr_header, .threecolumnlayout table.generictablelist tbody.hovereffect tr.tr_header:hover, .threecolumnlayout table.generictablelist tbody.hovereffect tr.tr_header:hover a, .fourcolumnlayout table.generictablelist .tr_header, .fourcolumnlayout table.generictablelist tbody.hovereffect tr.tr_header:hover, .fourcolumnlayout table.generictablelist tbody.hovereffect tr.tr_header:hover a {
	background-color:#e5eaf5;
	border-bottom:none; /* HW 081027 */
}

.contactimage {
  width:150px;
  padding: 6px 0px;
  float:right;
}

.imgpadding {
	margin: 6px 0px;
}

.threecolumnlayout table.generictablelist tr.tr_bottomline, .fourcolumnlayout table.generictablelist tr.tr_bottomline {
	border-bottom:1px solid #f2f4fa;
}

.threecolumnlayout table.generictablelist tr.tr_header td.sortedby { /* DS 090325 */
	font-weight:bold;
}

.threecolumnlayout ul.semanticullist, .fourcolumnlayout ul.semanticullist { /* DS 090325,  .forurcolumn 090914 */
	width:100%!important;
	padding-left:0px;
	list-style:none;
}

.pub_list {
	position:relative;
	display:block;
	width:100%;
	list-style-position:inside;
	margin:0 0 10px 0;
	padding:0!important;
        width: 100% !important; /*Justering 090622*/
}

.pub_list li{
	display:inline;
	margin: 0px 5px;
}

.pub_list_count {
	padding:0;
	margin:0;
	display:inline;
	margin:25px;
}

.pub_list_count_selected {
	color:#000000;
	font-weight:bold;
}

.pub_list_count_unavailable{
	color:#999999;
	text-decoration:none;
}

.pub_list_showall {
	display:block;
	position:absolute;
	right:0px;
        bottom:0px; /*090924*/
	width:60px; /*090924*/
	text-align:right;
	list-style-type:none;
}

.threecolumnlayout table.generictablelist tr.search_fill, .fourcolumnlayout table.generictablelist tr.search_fill {
	padding-top:10px;
	display:block;
}

/* To be used for width och first column of publications list */

.td_pub_first {  /*090624*/
  width:25%;
}

/*.td_pub_second {}*/

/*.td_pub_third {}*/

.td_pub_fourth {  /*090624*/
  width:12%;
}



.td_staff_first {
  width:35%;
}


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

Filtyper

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

.pdf {
	display:block;
	padding:4px 0px 4px 18px;
	background-image:url(bilder/348_document_pdf.png);
	background-repeat:no-repeat;
	background-position:0px 6px;
        overflow: auto;
}

.xls {
	display:block;
	padding:4px 0px 4px 18px;
	background-image:url(bilder/350_document_xls.png);
	background-repeat:no-repeat;
	background-position:0px 6px;
        overflow: auto;
}

.doc {
	display:block;
	padding:4px 0px 4px 18px;
	background-image:url(bilder/346_document_doc.png);
	background-repeat:no-repeat;
	background-position:0px 6px;
        overflow: auto;
}

.ppt {
	display:block;
	padding:4px 0px 4px 18px;
	background-image:url(bilder/349_document_ppt.png);
	background-repeat:no-repeat;
	background-position:0px 6px;
        overflow: auto;
}

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

Ikoner

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

.help {
	display:block;
	padding:4px 0px 4px 16px;
	background-image:url(bilder/12971_icon_help.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

.info {
	display:block;
	padding:0px 0px 0px 16px;
	background-image:url(bilder/14014_icon_info.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

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

Footer

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

#footer {
	display:block;
	height:24px;
	width:948px;
	background-color:#FFFFFF;
	color:#000000;
	clear:both;
	padding-bottom:4px; /* HW 081027 */	
}

#bottomfade {
	background-color:#ECEDED;
	height:26px;
}


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

Adjustments for FCK-editor

----------------------------------------------------------------------------------------- 
*/
#xToolbarRow {
	background-color:#FFFFFF;
	color:#000000;
}

textarea p {
	padding-bottom:16px;
	font-size:11px;

}

/* ------------------------------------------------------------- */
/* ------------------------ IG SPECIFIC ------------------------ */
/* ------------------------------------------------------------- */

.anewButtonHref {
	float: right; 
	padding: 0px; 
	display: block;
}

.newPageButton {
	width: 20px;
	height: 20px;
	display: block;	
	background-image: url("");
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.igAddComponent {
	font-size: 12px;
	padding:3px;
	line-height:180%; 
	border:1px dashed #000; 
	background-color:#f7f96c; 
	clear:both
}

.errandButton a, errandButton p{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:solid 1px #bbb;
	margin-right:5px;
	padding:1px 4px 1px 4px;
	background:#eee;
	}
.grey {
	background:#eee;
	}
.searchedFor span, searchedFor p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:solid 1px #bbb;
	padding:1px 4px 1px 4px;
	background:#eee;
	margin-top:-20px;
	}
.commentTable {
	margin:5px 0 5px 0;
	font-size:11px;
	color:#555;
	border:solid 1px #ddd;
	background:#efefef;
	padding:5px;
	}

/*------------ Handbook menu -----------------*/

#submenu {
	width:184px;
	background-color: #fff;
	color:#111;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
}

#submenu ul {
	width:184px;
	list-style:none;
	padding:0px;
	border:none;
	color:#111;
}

#submenu ul li {
	float: left;
	width:184px;
	padding:0px;
	border:none;
	font-size:16px;
}

#submenu ul li a {
	border:none;
	padding:3px 0px 3px 7px;
	background-color:#E5EAF5;
	color:#111;
	border-bottom:1px solid #fff;
	display: block;
}

#submenu ul ul{
	color:#111;
}

#submenu ul ul li {
	font-size:11px;
}

#submenu ul ul li a {
	padding:3px 0px 3px 17px;
	background-color:#E5EAF5;		
	color:#111111;
	border-bottom:1px solid #fff;
}

#submenu ul ul ul {
	color:#111;
}

#submenu ul ul ul li {
	font-size:11px;
}

#submenu ul ul ul li a {
	padding:3px 0px 3px 27px;
	background-color:#F2F4FA;
	color:#111;
	border-bottom:1px solid #fff;
}

#submenu ul ul ul ul {
	color:#111;	
}

#submenu ul ul ul ul li {
	font-size:11px;
}

#submenu ul ul ul ul li a {
	padding:3px 0px 3px 37px;
	background-color:#fff;
	color:#111;
	border-bottom:1px solid #F2F4FA;
}

#submenu ul ul li a.leftmenunoborder,
#submenu ul ul ul li a.leftmenunoborder,
#submenu ul ul ul  ul li a.leftmenunoborder,
#submenu ul ul ul ul ul li a.leftmenunoborder 
{
	border-bottom:none;
}

.menuheader
{
	background-color:#E5EAF5;
	color:#111;
	padding:7px 0px 7px 7px;
	font-size:16px;
	border-bottom:1px solid #fff;
}

.longtextfield
{
	width: 200px;
}

.shorttextfield
{
	width: 100px;
}

#topmenu
{
	line-height: 20px;
	height: 21px;
	display: block;
}

/*------------ Press release -----------*/

h1.pressrelease {
  background-color: #E5EAF5;
  width:90%!important;
  padding:4px 0px 4px 7px!important;
  margin-bottom:25px!important;
  font-weight:normal!important;
}

h1.pressrelease a {
  font-size:16px;
}

/*---------------- News archive -------------*/

.categorySelectorContainer
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 150px;
}

.categorySelectorInner
{
	background-color: rgb(240, 240, 240);	
	height: 80px;
	overflow: auto;
	border: 1px solid rgb(150, 150, 150);
	padding: 2px;
}

.paletteheader
{
	padding: 3px;
	font-weight: bold;
	color: black;
}

.palettecontainer
{
}

.palettefooter
{
	background-color: #003399;
	border-top: 1px solid black;
	padding: 3px;
	font-weight: bold;
	border-top: 1px solid rgb(150, 150, 150);
}

.date
{
	width: 75px;
}

/* styles for forms generated by the form component (DS - 091214)
----------------------------------------------------------------------------------------- 
*/

#formArea form fieldset label.formLabel,
#formArea form fieldset label.formLabelShort {
	display:block;
	font-weight:bold;
	padding-right:4px;
}

#formArea form fieldset input.formInput {
	width:220px;
}

#formArea form fieldset input.medium {
	width:220px;
}

#formArea form fieldset input.small {
	width:150px;
}

#formArea form fieldset textarea {
	width:90%;
}

#formArea form fieldset div.margin-bottom {
	margin-bottom:10px;
}

#formArea form fieldset div.row {
	display:block;
	background-color:#f2f4fa; /* för tydligare visning av tvåkolumnsformulär */
}

#formArea form fieldset div.row div.twocolcell {
	display:block;
	float:left;
	width:45%;
	padding:10px;
}

span.redstar {
	color:#ff0000;
	background-color:inherit;
	padding-right:4px;
}

span.valueText {
	padding:0px 6px 0px 3px;
}
