/* 
Stylesheet by Karolinska Institutet. University Library 
Features: Scalable text, scalable width, menus styled as lists 
2005-12-08 /EF
*/

html, body, h1, h2,h3, h4, h5, h6, p, div, img, form, input, select{
	margin: 0px; padding: 0px;
}

body {
    	background-color: #fff;
    	color: #111;
    	font-size: 70%;
}

body, th, td, pre, input, select, textarea {
    	font-family: Arial, sans-serif;
}

input, select, textarea {
    	font-size: 100%;
}

h1, h2, h3 {
    	color: #000;
}

a, a:visited {
    	color: #870052;
    	text-decoration: none;
}

/* Styles for page head */

#lefthead {
	float: left;
	width: 95%;
	background: url(../images/decor/pageHeadPurpleStripe.gif) repeat-x left top;
	height: 6px; overflow: hidden;	
	position: absolute;
    	top: 0px;
    	left: 10px;
	
}
#greyshadebg {
	clear: both;
	background: url(../images/decor/greyShadeBG.gif) repeat-x left top;
	position: absolute;
    	top: 158px;
    	width: 99%;
    	left: 0px;
    	height: 16px;
}
#righthead {
	float: right;
	width: 180px;
	background: url(../images/decor/pageHeadPinkStripe.gif) repeat-x left top;
	border-left: 1px solid #cfdadc;
	background-repeat: repeat-x;
	height: 6px; overflow: hidden;
	position: absolute;
    	top: 0px;
    	right: 10px;
}

#righthead2 {
	float: right;
	width: 180px;
	background-color: #E0F3F4;
	border-left: 1px solid #cfdadc;
	position: absolute;
    	top: 7px;
    	right: 10px;
    	height: 150px;
}

NEW#righthead3 {
	float: right;
	width: 180px;
	background: url(../images/decor/greyStripeFadeBG.gif) repeat-x left top;
	background-repeat: repeat;
	position: absolute;
    	top: 7px;
    	right: 192px;
    	height: 150px;
}

#righthead3 {
	float: right;
	width: 180px;
	background: url(../images/decor/greyStripedBG.gif) repeat-x left top;
	background-repeat: repeat;
	position: absolute;
    	top: 7px;
    	right: 192px;
    	height: 150px;
}
#kilogo {
	padding-bottom: 0px;
	background-color: #fff;
	width: 200px;
	padding-left:7px;
	height: 150px;
}

#kilogo img {
    	height: 68px; /* 74*/
    	width: 164px; /* 179*/
	padding-top: 44px;
	padding-bottom: 20px;
}
#g_shortcutlinks {
    	position: absolute;
    	top: 8px;
    	left: 2px;
}

ul#g_shortcutlinks {
    	list-style: none;
    	margin: 0px; padding: 0px;
}

#g_shortcutlinks li {
    	margin: 0px;
    	display: inline;
    	padding: 0px 5px;
   	border-left: 1px solid #b4b4b4;
}

#g_shortcutlinks li.first {
    	border-left: none;
}

#g_shortcutlinks a {
    	padding-left: 10px;
    	background: url(../images/ArrowType1PurpleRight.gif) no-repeat center left;
}

#toolbox {
	padding-top: 0px;
	background-color: #E0F3F4;
	width: 180px;
	height: 132px;
	background: url(../images/decor/blueBoxBG.gif) repeat-x top left;
}

#toolbox div#above {
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	height: 6px;
}

#toolbox ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 7px;
	padding-right: 8px;
}

#toolbox ul li {
}

#toolbox ul li.last {
	border-bottom: 1px solid #d1ddde;
	padding-bottom: 2px;
}

#toolbox ul li.xlast {
	border-bottom: 1px solid #d1ddde;
	padding-bottom: 2px;
}

#toolbox ul li.xfirst { /* For second section of toolboxlinks */
	padding-top: 2px;
	padding-bottom: 2px;
}

#toolbox a {
	background:  url("../images/ArrowType1PurpleRight.gif") no-repeat center left;
	padding-left: 10px;
	font-weight: bold;
}

#toolbox ul li.xlast a { /* For second section of toolboxlinks */
	background-image: none;
	font-weight: normal;
	padding-left: 0px;
}

#toolbox ul li.setlang {
	padding-top: 8px;
	padding-bottom: 2px;
}

#toolbox ul li.xfirst a, 
#toolbox ul li.setlang a {
	background-image: none;
	font-weight: normal;
	padding-left: 0px;
}


#linkpath {
	position: absolute;
	background: url(../images/decor/greyShadeBG.gif) repeat-x left top;
	top: 158px;
	left: 200px;
	min-width: 560px;
}


#linkpath ul {
	margin: 0px 0px 0px 0px;
	padding: 5px 2px 5px 5px;
	background: url(../images/decor/linkPathBG.gif) repeat-x top left;
	background-color: #eaeaea;
	white-space: nowrap;
    	overflow: hidden;
    	border-left: 2px solid #fff;
    	border-right: 1px solid #cfdadc;
    	border-top: 1px solid #cfdadc;
    	border-bottom: 1px solid #cfdadc;
 }


#linkpath ul li {
	display: inline;
	line-height: 1.1em;
}
#nodelabel {
	width: 180px;
	position: absolute;
	top: 158px;
	left: 10px;
	height: 180px;
}

#container {
	float:left;
	/* width: 70%; Elisabets ursprungliga värde */
	width: 75%; /* Uffe har ökat här lite för att utnyttja ytan bättre */
	margin: 0px;
	background-color: #fff;
	color: #333;
	line-height: 130%;
}

#hogerdiv {
	float: right;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 1em;
	width: 180px;
}

#leftnav {
	float: left;
	width: 160px;
	margin: 0px;
	padding: 1em;
}


#content {
	margin-left: 200px;
	padding-top: 2.8em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
}
#content h1 {
	padding-top: 0.5em;
	line-height: 1.2em;
	font-size: 2.2em;
	font-weight: normal;
   	margin-bottom: 0.5em;
}

#content h2 {
	padding-top: 0.5em;
	line-height: 1.2em;
	font-size: 1.58em;
	font-weight: normal;
   	margin-bottom: 0.5em;
}

#content h3 {
	padding-top: 0.2em;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: normal;
   	margin-bottom: 0.2em;
}

#content p {
	font-size: 1em;
    	margin-bottom: 0.8em;
}
#content p.ingress {
    color: #333;
    font-size: 120%;
}

#content a {
	text-decoration: underline;
	color: #880088;
}
#content a:hover {
	text-decoration: underline;
	color: #880088;
}


#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/* Styles for right margin */

.g_relatedlinks {
    background: url(../images/decor/blueShadeOnPurple.gif) repeat-x left top;
    background-color: #870052;
    padding-top: 0.5em;
}

.g_relatedproxylinks {
    background: url(../images/decor/blueShadeOnPurple.gif) repeat-x left top;
    background-color: #d1015e;
}

.relatedlinksfooter,
.relatedproxylinksfooter {
    background-color: #870052;
    padding-bottom: 5px; /* NOTE: niftyCorners compensation */
}
.relatedproxylinksfooter span,
.relatedlinksfooter span {
    display: block;
    height: 1px;
    overflow: hidden;
}

.g_relatedlinks h2 {
    font-size: 1.3em;
    margin: 0.96em 0 0.96em 0.5em;
    padding-right: 1px;
    color: #fff;
}


.g_relatedlinks h3 {
    font-size: 1em;
    margin: 1.2em 0 0 0.5em !important;
    padding-bottom: 0.3em;
    color: #9fe3e6;
}

.g_relatedlinks div.relationgroup {
    margin: 0;
    padding: 0.3em 0 0.3em 0.5em;
    font-weight: bold;
}

.g_relatedlinks div.activerelationgroup {
    background-color: #fff;
    margin-right: 0.1em;
}

.g_relatedlinks ul {
    margin: 0 0 0 -4px;
    padding-top: 0.1em;
    padding-right: 1px;
    padding-left: 7px;
}

.g_relatedlinks li {
    margin: 0 0.5em 0 0.5em;
    list-style: none;
    background: url(../images/ArrowType1WhiteRight.gif) no-repeat 0px 50%;
    padding: 0.3em 0 0.3em 10px;
    border-bottom: 1px solid #9f3274;
}

.g_relatedlinks ul.relatedproxylinks li {
    border-bottom: 1px solid #de4b90;
}

.g_relatedlinks li.active {
    background-image: none;
    background-color: #fff;
    margin: 0;
    padding-left: 15px;
}

.g_relatedlinks li.only,
.g_relatedlinks li.last {
padding-bottom: 6px;
    /*border-bottom: none !important;*/
}

.g_relatedlinks a,
.g_relatedlinks a:link,
.g_relatedlinks a:hover,
.g_relatedlinks a:active,
.g_relatedlinks a:visited {
    color: #fff;
}

.g_relatedlinks .relationgroup a,
.g_relatedlinks .relationgroup a:link,
.g_relatedlinks .relationgroup a:hover,
.g_relatedlinks .relationgroup a:active,
.g_relatedlinks .relationgroup a:visited {
    background: url(../images/icons/relationGroupIcon.gif) no-repeat center right;
    padding-right: 16px;
}

.g_relatedlinks .activerelationgroup a,
.g_relatedlinks .activerelationgroup a:link,
.g_relatedlinks .activerelationgroup a:hover,
.g_relatedlinks .activerelationgroup a:active,
.g_relatedlinks .activerelationgroup a:visited {
    color: #000;
    background: url(../images/icons/relationGroupActiveIcon.gif) no-repeat center right;
    padding-right: 16px;
}

.relatedproxylinkbox {
    background-color: #d1015e;
    margin-top: 0.5em;
}

.g_relatedlinks h3.relatedproxylinks {
    margin-left: 0 !important;
    background: url(../images/decor/purplePinkBG.gif) repeat-x left top;
    padding: 1em 0 0.2em 0.5em;
    background-color: #d1015e;
}
.g_relatedlinks ul.relatedproxylinks {
    background-color: #d1015e;
}

.g_relatedlinks .relatedproxylinksfooter {
    background-color: #d1015e;
}
#contentrightimage img {
	height: 156px;
	width: 180px;
	margin-bottom: 3px;
}

/* Styles for left margin */

#localhead {	background: url(../images/decor/greyTabLeft.gif) no-repeat top left;
	padding-left: 4px;
	background-color: #b7b9ba;
}
#localhead2 {	background: url(../images/decor/greyTabBG.gif) repeat-x top left;
}
#localhead span {
	display: block;
    	background:  url(../images/decor/greyTabRight.gif) no-repeat top right;
    	padding: 0.482em 0.482em 1em 0.1em;
}
.localnavigation p {
	font-size: 1em !important;
	font-weight: bold;
	background: url(../images/decor/greyTabBG.gif) repeat-x top left;
	margin: 0px 0px 0px 0px;
	width: 177px;
}

.localnavigation ul {
	list-style: none;
    	padding: 0px;
    	margin-top: -10px;
    	margin-left: 0px;
    	background-color: #e6f5f6;
    	border: 1px solid #d1ddde;
    	border-top: none;
    	border-bottom: none;
    	width: 179px;
}

.localnavigation ul li {
	display: block;
    	margin: 0 0.5em;
    	padding: 0.268em 0em;
    	border-bottom: 1px solid #d1ddde;
}

.localnavigation ul li a {
	padding-left: 10px;
    	background:  url(../images/ArrowType1PurpleRight.gif) no-repeat center left;
}

.localnavigation ul li.last {
	border-bottom: 1px solid #d1ddde;
}

.localnavigation ul li.first {
	border-top: none;
	margin-top: 1px;
}
.localnavigation {
	width: 180px;
	position: absolute;
	top: 360px;
	left: 10px;
	height: 180px;
}

/* Styles for footer */
#footer
{
	clear: both;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 0.7em;
	padding-bottom: 1em;
	color: #333;
	background-color: #ddd;
	background: url(../images/decor/FooterBackground.gif) repeat-x;
}

#leftfoot {
	float: left;
   	font-style: normal;
   	color: #555;
   	padding-bottom: 10px;
}

#rightfoot {
	float: right;
	color: #555;
   	margin-right: 2px;
   	padding-bottom: 10px;
}

.label {
	font-weight: bold;
    	color: #000;
}


/* tillägg 070221 - för felmeddelanderuta i nya MIKS */

div#error {
	background-color: #FFFFD5;
	border: 2px solid #FF0000;
	padding: 4px;
	margin-bottom: 20px;
}

/* Hide from display show at print */
.noshow {
	visibility: hidden;
	display: none;
}