/* Stylesheet for Vision Karolinska Institutets Bibliotek 2003-02-06 */

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

body {
    margin : 0px 1px 0px 0px;
    padding :0px;
    /* for Opera */
    background : #FFFFFF;;
    /* for NS mac */
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 100%;
}

#bodyColor{
  background-color : #FFFFFF;
}

td, th, ul, ol, dl, h1, h2, h3, h4, h5, h6, pre {
    font-size : 100%;
	line-height : 18px;
	margin-top : 0px;
	margin-bottom : 6px;
	max-width: 50em;	 /* CSS2. Only supported by Mozilla and Opera, not IE */
}

	
p{
	line-height : 18px;
	margin-top : 0px;
	margin-bottom : 6px;
	max-width: 50em;	 /* CSS2. Only supported by Mozilla and Opera, not IE */
}

td, th {
    padding : 0px;
}

li {
    margin: 0px;
	margin-top : 6px;
}
form, input{
	font-size : 100%;
}

dt {
	font-weight : bold;	
	margin: 0px;
	margin-top : 6px;
}

hr {
    height : 1px;
    border: none;
    background-color: #666666;
    width : 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	margin : 0px;
	margin-top : 16px;
	color : #333333;
	max-width: 30em;	 /* CSS2. Only supported by Mozilla and Opera, not IE */
}

h1 {
	margin-top : 11px;
	font-size : 130%;
}

h2 {
    margin-top : 10px;
	font-size : 110%;
}

h3 {
    margin-top : 8px;
	font-size : 100%;
}

h4 {
    margin-top : 8px;
	font-size :  100%;
	font-style : italic;
}

a:link {
  color: #0520C2;
  text-decoration : none;
}
a:visited {
color: #0520C2;
  text-decoration : none;
}

a:active {}

a:hover {
    text-decoration : underline;
}

/* Design elements for head */
/* ---------------------------------------------------------------------------- */

table#headContainer {
    width : 100%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	white-space : nowrap;
	background-color : #DDE4E9;
}

table#headContainer td {
    padding : 0px;
	white-space : nowrap;
}

table#logoContainer {
    width:100%;
    white-space : nowrap;
    padding : 0px;
	color: #FFFFFF;
	background-color : #DDE4E9;
}

td#orgContainer {
	/*font-size : 65%;*/
	text-align : right;
	/*float: right;*/
	padding : 0px;
	margin : 0px;
    margin-right: 0px;
    margin-top : 0px;
    vertical-align : top;
	 white-space : nowrap;
}

.org {
    white-space: nowrap;
	padding-top: 2px;
	margin:0px;
	margin-right:10px;
	margin-bottom:0px;
	padding-left: 22px;
}
.org img {
 margin-top:0px;
  margin-right : 8px;
  padding-top: 0px;
  border:0px;
}
.org p {
 margin-top:0px;
  margin-right : 8px;
  padding-top: 0px;
  line-height : 10px;
  margin-bottom:3px;
border:0px;
}
.org a {
    text-decoration : none;
    color : #FFFFFF;
}

.org a:hover {
    color : #FFFFFF;
    text-decoration : underline;
}
.org a:visited {
    color : #FFFFFF;
    text-decoration : none;
}

td#pictureHolder{
	background-color : #DDE4E9;
    padding : 0px;
	margin: 0px;
     white-space : nowrap;
}

img.logo {
	padding: 0px;
	padding-right : 2px;
    border : 0px;
}

/* Text body id's and classes */
/* ---------------------------------------------------------------------------- */

table#pageHolder {
  width:100%;
  vertical-align : top;
}
table#news {
  width:100%;
  vertical-align : top;
}
table#news p{
  line-height : 18px;
  margin-top : 0px;
  margin-bottom : 10px;
	
}

td#textArea, td#textAreaWide{
    width: 75%;
	padding: 0px;
    padding-left : 18px;
	padding-right: 10px;
    vertical-align : top;
}
 
td#textAreaWide {
    width: 85%;
}

table#textHolder {
   width: 100%;
   padding-bottom:0px;
   
}
table#leftMenuHolder {
   text-align : left;
   vertical-align : top;
   padding:3px;
   margin:0px;
   margin-top: 14px;
   
}
td.holder{
	vertical-align : top;
}
td.textSize80{
	font-size:80%;
}
td.textSize70{
	font-size:70%;
}
td.textSize70 img{
    border:0px;
}
td.textSize70 p{
	margin-bottom: 8px;
}
div.firstPageHeading, div.blueText{
    font-family : Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-top : 10px;
	font-weight : bold;
	color: #276291;
	max-width: 30em;	 /* CSS2. Only supported by Mozilla and Opera, not IE */
}
div.firstPageHeading{
	font-size:130%; 
}

div.blueText{
   padding:0px;
   margin-top:0px;
   margin-bottom:3px;
    font-size: 11px;
}
div.blueText a{
  margin-top:4px;
 color: #276291;
}
div.blueText a:visited{
 color: #276291;

}
.linkColorBlue{
	color: #003366;
}
#linkColorGrey{
	color: #CCCCCC;
}


td#cellWidth{
	width : 50%;
}
td#cellWidth70{
	width : 70%;
}

td.rightBorder, td.rightBorderFirst  {
    background : url(../images/bg_line_vertical.gif);
    background-position : right;
    background-repeat : repeat-y;
    vertical-align : top;
	padding: 0px;
    padding-left : 8px;	
    padding-right : 8px;
	 font-size: 80%;
}

td.text, td.textFirst {
    vertical-align : top;
	padding: 0px;
    padding-left : 8px;	
    padding-right : 8px;
	font-size: 80%;
}

td.rightBorderFirst, td.textFirst{
	font-size: 75%;
}

td.rightBorderFirst p, td.textFirst p{
  line-height : 14px;
  margin:2px;
}
td.rightBorderFirst img, td.textFirst img{
  border:0px;
}

td.rightBorder a, td.text a{
   text-decoration : none;
   color: #0520C2;  
}
td.textFirst a, td.rightBorderFirst a{
   text-decoration : none;
   color: #276291;
	
}
td.textFirst a:hover, td.rightBorderFirst a:hover{
   text-decoration : underline;
   color: #276291;
}
td.textFirst a:visited, td.rightBorderFirst a:visited{
   color: #276291;
	
}
td.rightBorder p, td.text p{
   padding:0px;
   margin: 0px;
}

img.textAreaImage{
 margin: 0px;
 margin-top: 3px;
 margin-bottom: 3px;
 border:0px,
}
div#ImageText{
    margin:0px;
	margin-top:6px;
	font-size:11px; 
}
td#list{
   width: 35%;
   padding: 0px;
   
}
td#list a{
 color: #666666;
/* font-size : 11px;*/ 
 text-decoration : none;
  padding-bottom: 5px;
  margin: 0px;
  margin-bottom: 5px;
	
}
td#list p{
  padding-bottom: 3px;
 
	
}
td#list a:hover, td#list a:active{
  color: #FF6600;
	
}
ul.textList{
    line-height: 16px;
    padding: 0px;
	padding-left: 20px;
	padding-top: 2px;
	margin:0px;
}

/* Menu id's and classes */
/* ---------------------------------------------------------------------------- */

td#menuContainerLevel1, td#menuContainerLanguage, td#menuContainerLevel1First, td#menuContainerLevel2 {
	line-height : 14px;
    background-color : #134165;
    border-top : 1px solid #626368;
	border-bottom : 1px solid #626368;
    border-left : 0px solid #626368;
    border-right : 0px solid #626368;
	padding : 0px;
    margin : 0px;
    vertical-align : top;
	white-space: nowrap;
	 font-size: 70%;
}
td#menuContainerLevel1{
	border-bottom : 0px solid #626368;
	width : 100%;
}
td#menuContainerLevel1First{
    border-bottom : 1px solid #626368;
	
}


td#menuContainerLevel2{
	border-top : 0px solid #626368;
	background-color : #E8EDF2;
	width : 100%;
	
}
td#menuContainerLanguage{
   font-size: 65%;
}

img.leftMarginSpacer {
   vertical-align : top;
	width : 160px;
    height : 1px;
}

img.Spacer {
   vertical-align : top;
	width : 120px;
    height : 1px;
}
.menuDivider {
	clear : both;
}

.menuLevel1 {
    white-space: nowrap;
}

.menuLevel1 a {
    text-decoration : none;
    color : #FFFFFF;
    border: 0px;
    padding-top : 4px;
    padding-bottom : 4px;
    padding-left : 19px;
    padding-right : 15px;
    margin: 0px;
    float : left;
    background : url(../images/square.gif);
    background-position : left;
    background-repeat : no-repeat;
	border-bottom : 0px solid #626368;
}

.menuLevel1 a:visited {
    text-decoration : none;
    color : #FFFFFF;
}
.menuLevel1 a:hover {
    color : #134165;
    background-color : #F6FAFE;
    text-decoration : underline;
}

.menuLevel1 a.selected, .menuLevel1 a.selected:hover, a.selected:visited {
    /*color : #5D8AAD;*/
	color : #446F90;
    background-color : #E8EDF2;
    font-weight : bold;
}
.menuLevel2 {
    white-space: nowrap;
}

.menuLevel2 a {
    text-decoration : none;
    color : #446F90;
    border: 0px;
    padding-top : 4px;
    padding-bottom : 4px;
    padding-left : 8px;
    padding-right : 8px;
    margin: 0px;
    float : left;
    background : url(../images/small_line.gif);
    background-position : right;
    background-repeat : no-repeat;
}

.menuLevel2 a:visited {
   color : #446F90;
    text-decoration : none;
}

.menuLevel2 a:hover {
   color : #446F90;
    text-decoration : underline;
}



.menuLevel2 a.selected, .menuLevel2 a.selected:hover {
    color : #333333;
}
.dottedLineTd{
   background : url(../images/bg_line.gif);
   background-position : bottom;
   background-repeat : repeat-x; 
   width:162px;
 }
 
 .dottedLineTd img{
	border : 0px;
}

.menuLevel3Td{
   font-size: 70%;
   color : #446F90;
   background : url(../images/bg_line.gif);
   background-position : bottom;
   background-repeat : repeat-x;
   padding-left: 10px;	
   padding-bottom : 6px;
   padding-top : 6px;
  /* background-repeat : no-repeat;*/
}
.menuLevel3Td img{
	border : 0px;
}
.menuLevel3Td a{
	color : #446F90;
}
.menuLevel3Td  a:hover{
	color : #446F90;
} 
.menuLevel3Td  a:visited{
	color : #446F90;
}     

/* holder för redarrow_left.gif and menuLine_left.gif*/
.menuImageTd{
    padding:0px;
	padding-left: 12px;	
	padding-top: 7px;	
	margin:0px;
	vertical-align : top;
} 
.menuLanguage{
	text-align: right;
	white-space: nowrap;
	margin-top:4px;
}
.menuLanguage a{
	text-align: right;
	text-decoration : none;
    color : #C5C3C3;
    border: 0px;
    padding-top : 0px;
    padding-bottom : 4px;
	padding-left : 19px;
    padding-right : 10px;
    margin: 0px;
	margin-right:40px;
    background : url(../images/square2.gif);
    background-position : left;
    background-repeat : no-repeat;
}
.menuLanguage a:hover{
	color : #C5C3C3;
	text-decoration : underline;
}
.menuLanguage a:visited{
	color : #C5C3C3;
    text-decoration : none
}

/* Structure Marker */


.dottedLine, .dottedLineLeftMenu, .dottedLineHeading, .dottedLineBottom {
    background-image : url(../images/bg_line.gif);
    height : 1px;
    background-repeat : repeat-x;
    line-height : 1px;
   /* font-size : 1px;*/
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 2px;
	padding: 0px;
    padding-bottom : 0px;
    padding-top : 5px;
}
.dottedLineLeftMenu {
    padding-bottom : 0px;
    padding-top : 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.dottedLineHeading{
	margin-top: 2px;
	 padding-bottom : 0px;
}
.dottedLineBottom{
	margin-top: 12px;
	margin-bottom:0px;
	padding:0px;
}

/* Vertical menus */
/* ---------------------------------------------------------------------------- */

td#leftMenuArea, td#leftMenuAreaFirst {
    vertical-align : top;
	padding : 0px;
    margin : 0px;
    background : url(../images/bg_line_vertical.gif);
    background-position : right;
    background-repeat : repeat-y;
	background-color :#FAF8F8;	
}
td#leftMenuAreaFirst{
 background-color :#FFFFFF;	
   color : #333333;
}

#leftMenu {
  /*font-size: 70%;*/
  color : #333333;
  padding-left : 2px;
  padding-top:0px;
}

td#rightMenuContainerFAQ, td#rightMenuContainerLine{
	vertical-align : top;
    width : 25%;
	padding: 0px;
	padding-bottom : 20px;
	padding-left : 15px;
	padding-top : 12px;
	background : url(../images/bg_line_vertical.gif);
    background-position : left;
    background-repeat : repeat-y;
	background-color : #F9F5E3;
}
td#rightMenuContainerLine{
    background-color : #FFFFFF;
}

td#rightMenuContainerFAQ a{
	text-decoration : none;
    color: #276291;
}
td#rightMenuContainerFAQ a:hover{
   text-decoration : underline;
   color: #276291;
}
td#rightMenuContainerFAQ a:visited{
   color: #276291;

}

td#rightMenuContainer{
	vertical-align : top;
    width : 25%;
	padding: 0px;
	padding-bottom : 20px;
	padding-left : 15px;
	padding-top : 12px;
	
}
td#rightMenuContainerNarrow{
	vertical-align : top;
    width : 15%;
	padding: 0px;
	padding-bottom : 20px;
	padding-left : 15px;
	padding-top : 12px;
}

td#rightMenuArea {
    width : 160px;
	font-size: 70%;
    margin : 0px;
	border: 0px ;
    border-bottom : 3px solid #CECCCD;
	background-image : url(../images/bg_shortcut.gif);
	background-repeat : repeat;
	
}
#rightMenu {
 background-color : #EEEEEE;;
  line-height: 13px;
  padding-bottom : 0px;
  padding-left: 0px;
}

/* Foot id's and classes */
/* ---------------------------------------------------------------------------- */

table#footHolder, table#updateHolder{
    width: 100%;
    background-color : #FFFFFF;
    border-top : 1px solid #626368;
    border-bottom : 1px solid #626368;
    border-left : 1px solid #626368;
    border-right : 1px solid #626368;
	padding-top : 1px;
    padding-left : 1px;
    padding-right : 1px;
    padding-bottom : 1px;
    
	}

table#footHolder div {
    width: 100%;
    background-color : #134165;
}

#footMarginSpacerLeft {
}
	
#footMarginSpacerLeft  img{
   width : 159px;
   height : 2px;
}
#footMarginSpacerRight {

}
#footMarginSpacerRight  img{
  
} 
td.foot, td.updaterCenter {
    width : 600px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 70%;
    line-height: 14px;
    text-align : center;
	background-color : #134165;
	color: #FFFFFF;
	border: 0px;
   
}
td.foot a {
    text-decoration : none;
	color: #FFFFFF;
}
td.foot a:hover {
    text-decoration : underline;
	color: #CCCCCC;
}
td.foot a:visited {
    text-decoration : none;
	color: #FFFFFF;
}
table#updateHolder{
 border: 0px;   
}
	
table#updateHolder div {
    width: 100%;
    background-color : #FAF8F8;
}
td.updaterLeft {
    width : 156px;
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 70%;
    line-height: 14px;
    text-align : center;
	background-color : #FAF8F8;
	color: 333333;
	border: 0px;
}
td.updaterCenter {
    text-align : right;
	background-color : #FAF8F8;
	color: #333333; 
}

td.updaterCenter a {
    text-decoration : none;
	color: #333333;
}
td.updaterCenter a:hover {
    text-decoration : underline;
	color: #CCCCCC;
}
td.updaterCenter a:visited {
    text-decoration : none;
	color: #333333;
}

/* Custom classes  */
#ns4warning {
    background-color : #FFFF00;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : smaller;
}


/* End of stylesheet */
/* ---------------------------------------------------------------------------- */