@charset "ISO-8859-1";

* {letter-spacing:inherit; background:transparent none repeat scroll 0 0; margin:0; padding:0; border:0 solid #000000; text-align:inherit; clear:none;}

html 		{font-family: verdana, Arial,sans-serif; font-style:normal; empty-cells:show; display:block;
		border-collapse:separate; border-spacing:0.5mm;  color:#000000; background-color:#FFFFFF;}
body		{width:100%; margin:0 0cm 0 0cm; font-size:90%; clear:none; background-image:url(grafiikat/sivureunus_vasen_tekstilla.jpg); background-repeat:repeat-y;}

.hide		{display:none;}

img.nofloat {float:none}
div.publicbuttons {clear:both; width:50%;}
form.publicform {float:left; clear:none;}
.booksummary {font-size:70%;font-style:italic; clear:both;}
.booksummary dt {float:left; clear:none; width:20%;}

div.frontpagebullet {float:left;width:30%;}
div.frontpagebullet img {width:150px;}
div.frontpagebullet p {text-align:center;}
div.frontpagebullets {text-align:center; margin-left:5%;margin-right:5%;}

.news_submitted, .news_submittedby {font-size:70%; color:#C5C4B4}


h1		{ display:none;}
div.titlebar	{ background-image:url(grafiikat/tausta_paaotsikko.jpg); margin: 0cm 0 0.2cm 0cm; padding: 0 0 0 0; width:100%; background-repeat:repeat-x; float:none;}
div.titlebar img {float:none; margin: 0 0 0 0;}
h2 		{ text-align:center; margin-top:0.3cm; margin-bottom:0.5cm; font-size:200%;  font-family: sans-serif; color:#000000;  background-color:#FFFFFF; font-weight:normal;}
h3 		{ text-align:left; font-size:130%; margin-top:0.5cm; margin-bottom:0.2cm; font-weight:normal; font-family: sans-serif; background-color:#FFFFFF; color:#000000; clear:left;}
h4 		{ text-align:left; font-size:110%; margin-top:0.5cm; margin-bottom:0.1cm;  font-weight:normal; font-family: sans-serif; background-color:#FFFFFF; color:#000000; clear:left; }
.navibar_top 	{
		 background-color:#FFFFFF; margin-top:0cm; margin-left:0; color:#000000;}
p		{margin-bottom:0.3cm; color:#000000; background-color:#FFFFFF;}
.left-column	{float:left; clear:none; margin: -0.2cm 0.2cm 0.2cm -0.2cm;}



.inva_remove, .hidden	{display:none;}
.navibar_files
		{overflow:hidden; float:none;
		border-bottom-width:4px; border-bottom-style:double; 
		border-bottom-color:#C5C1AD;clear:right; margin-top:0;padding-top:0;
	 	background-color:#FFFFFF; color:#000000;}

.dirNaviPath	{display:none;}

div.section-h3, div.section-h4 {margin-bottom:1cm; margin-top:0.2cm;}

.menu, table tr td ul
		{list-style:none; margin:0.2cm 0.2cm 0.2cm 0.2cm; list-style-position:outside;}

.menu li		{margin-left:0.2cm;margin-bottom:0cm;}
.menu a.active	{font-weight:bold;}
li ul.menu {margin-left:0.1cm; list-style:none; border-width:8px; border-style:none;}
	
.content 	{margin: 0 1cm 0 1cm; text-align:justify; }
.previews 	{clear:both;}

div.page-with-right-sidebar {width:60%; margin: 0cm 0.3cm 0cm 0.3cm;}
div.page,div.page-with-right-sidebar {border-width:0px; border-style:double; float:left;  clear:none;}
div.page	{margin:0cm 1cm 0.3cm 0.3cm; max-width:70%;}
		 

.page-preview	{font-size:80%; float:left; width: 40%;  margin:0.4cm; padding-left:0.7cm; padding-top:0cm; background-image:url(grafiikat/vasen-ylakulmakehys.jpg); background-repeat:no-repeat;}
.page-preview h3
		{text-align:center;}
.page-preview div.modified {font-size:100%;}
.preview-text, .page-preview a {text-align:left;}
.modified	{color:#C5C4B4; background-color:#FFFFFF;}

.section-h3,
.section-h4	{margin-bottom:0.6cm;}

img		{float:left; margin:0 0.3cm 0.3cm 0;}

div.footer	{clear:both; text-align:center; font-size:70%; margin-top:3cm; padding-bottom:1cm; margin-left:1cm;}
div.footer p	{margin:0; color:#C5C1AD; background-color:#FFFFFF;}

div.formats	{clear:both; text-align:center; margin-top:2cm; font-size:60%; float:none;}

ul,ol 		{margin:0.1cm 0.1cm 0.5cm 1cm; list-style-position:outside;}
li		{margin-bottom:0.1cm;}

.page-intro-public	{text-align:center;}
.page-intro-public  p	{text-align:justify; font-size:110%; margin-left:10%; margin-right:10%;}
.page-intro-public img  {float:none; text-align:center; width:80%;}

.df {float:none; clear:both;font-size:70%;
		       text-align:center; width:3cm; }
.sidebar-right {float:right; 
		       text-align:center; width:3cm; margin-top:1.5cm; margin-right:0.5cm; clear:none;}


.addPicture 	{float:none; text-align:center; margin:0; max-width:100%;}


.block-user-1 ul.menu, {background-color:#F1F1F1; border-color:#C5C4B4; border-width:1px; border-style:double; padding:0.1cm; color:#000000;}
.block-user-1 h3 {display:none;}
.block- * {clear:both;}
.block-user-0 h3 {clear:both; text-align:center; margin-top:0.1cm;
		   padding:0.1cm; color:#000000; background-color:#E5E2DB; font-weight:normal;
		   border-top-style:double; border-top-width:1px; border-top-color:#FFFFFF;
		   border-bottom-style:double; border-bottom-width:1px; border-bottom-color:#FFFFFF; font-size:110%;}
.block- * .section-h4 {margin-top:0cm; margin-bottom:0.1cm; border-bottom-style:double; border-bottom-width:1px; border-bottom-color:#FFFFFF;}
.block- * .section-h4 h4 {margin-top:0.1cm; }

.searchBarField {width:2cm; border-width:1px; border-color:#000000;}
.searchSubmit 	{border-width:1px; border-color:#FFFFFF; border-style:outset; margin:0.2cm; background-color:#E5E2DB; color:#000000;}


.block-user-0,  .block-event-1, .block-views-recent_updates, .block-address, .block-roleinfoblock-0 {border-style:double; border-width:3px; border-color:#F1F1F1; padding:0.1cm;
		margin:0.1cm 0.1cm 0.5cm 0.2cm;  float:none; clear:both; text-align:center;
		width:3cm; background-color:#F4F2ED; color:#000000;}
.block-user-0 ul {margin-left:0; text-align:left; list-style:none;}
.form-item label {margin:0 0 0 0; padding: 0 0 0 0;}
.form-item input {border-width:1px; border-color:#C5C4B4; text-align:left; padding-left:1mm;}
input.form-submit {border-width:1px; border-color:#C5C4B4; background-color:#E5E2DB;  margin-top: 2mm; margin-bottom: 2mm; }


.block-views-recent_updates ul, .block-event-1 ul, ul.vacancy-info {margin-left:0.5cm; text-align:left; font-size:80%;}
.block-address ul {margin-left:0.1cm; text-align:left; font-size:80%; list-style:none;}
.block-views-recent_updates h3, .block-event-1  h3, .block-address h3 {clear:both; text-align:center; margin-top:0.1cm;
		   padding:0.1cm; color:#000000; background-color:#E5E2DB; font-weight:normal;
		   border-top-style:double; border-top-width:1px; border-top-color:#FFFFFF;
		   border-bottom-style:double; border-bottom-width:1px; border-bottom-color:#FFFFFF; font-size:80%;}

.block-roleinfoblock-0 ul {font-size:60%; text-align:center; background-color:#F1F1F1; margin: 0 0 0 0; padding:0.1cm; color:#000000; list-style:none;}
.vacancy-info h3 {clear:both; text-align:center; margin-top:0.1cm;
		   padding:0.1cm; color:#000000; background-color:#E5E2DB; font-weight:normal;
		   border-top-style:double; border-top-width:1px; border-top-color:#FFFFFF;
		   border-bottom-style:double; border-bottom-width:1px; border-bottom-color:#FFFFFF; font-size:80%;}
img.vacancy-picture {width:3cm; clear:both; float:none;}



/* Vacancy info pages */

#div.vacancy_info {margin: 0.2cm 0 0.2cm 0.2cm;  padding:1mm; text-align:center;
		  border-width:1px; border-style:dotted; border-color:#C5C4B4;}
#div.vacancy-public {float:left; margin: 0.2cm;  padding:1mm; text-align:center; width:5cm; height:7cm;}

#div.vacancy, div.vacancy-public	{margin-bottom:0cm;  background-color:#F1F1F1; padding-bottom:0.3cm; color:#000000;}
#div.vacancy_info .title, .vacancy-public .title {font-weight:bold;  margin-bottom:0cm; background-color:#C5C4B4; color:#000000;}
#img.vacancy-picture {float:none;clear:both; margin:0.1cm 0.1cm 0cm 0.1cm; color:#000000; background-color:#FFFFFF;}

.personal_info {list-style:none; margin:0.2cm 0cm 0cm 0cm; text-align:center;}


li.vcf {font-size:70%;}



div.navibar_files {float:none;}
span.tab 	{background: url("grafiikat/valilehti_oikeakulma.jpg") right top no-repeat;
		 padding-right: 20px; white-space:nowrap;} 

span.tab a	{color: #6666FF; background: #E5E2DB url("grafiikat/valilehti_vasenkulma.jpg") left top no-repeat; text-decoration: none;
	  	padding-left: 20px; white-space:nowrap;} 

span.tab_selected 
		{background: url("grafiikat/valilehti_valittu_oikeakulma.jpg") right top no-repeat;
		 padding-right: 20px;  white-space:nowrap;} 
span.tab_selected a.active
		{color:#000; background: #C6C1AD url("grafiikat/valilehti_valittu_vasenkulma.jpg") left top no-repeat;
	  	padding-left: 20px; overflow:hidden;  white-space:nowrap;} 
a.tab:hover 	{color: #000;	background: #C6C1AD url("grafiikat/valilehti_valittu_vasenkulma.jpg") left top no-repeat; 
		 padding-left: 20px; text-decoration:underline;} 
a.tab:hover span 
		{background: url("grafiikat/valilehti_valittu_oikeakulma.jpg") right top no-repeat; padding-right: 20px; text-decoration:underline;} 

a		{text-decoration:none;}
a:hover		{text-decoration:underline;}
a[name]:hover	{text-decoration:none;}



.page-preview a {font-size:110%; clear:left; text-align:center;}


ul.tabs		{ list-style: none; padding: 0; margin: 0;}

ul.tabs li	{ float: left; display: block; margin: 0; padding: 0;} 





table		{
		font-size:90%; border-width:1px; border-style: outset;
		border-color:#C5C1AD; margin:0.5cm 0cm 0.5cm 0cm;
      		empty-cells:show; border-collapse:separate; border-spacing:2px; caption-side:top;
      		overflow:auto; width:100%;}
caption 	{border-width:1px; border-style:outset; font-style:italic; text-align:left;
		padding:0px 2mm 0px 2mm; margin-bottom:0; font-size:85%;
		font-weight:bold; background-color:#918B8B; color:#FFFFFF; width:100%;}
th 		{background-color:#C5C4B4; color:#FFFFFF;}
td 		{background-color:#F1F1F1; color:#000000; padding:2px 4px 2px 4px;}
td.thumbnail 	{width:1cm;}
td.thumbnail img {text-align:center;}


	
.buttons input,.button	{border-color:#C5C4B4; border-width:2px; border-style:outset; margin-left:0.5cm; background-color:#F1F1F1; color:#000000;}
input.emailAddress input, input.text, .email-address input
		{border-color:#C5C4B4; border-width:1px; padding: 1px 1px 1px 2px;}

ul.images {margin: 1mm}
ul.images li { float: left; margin: 2mm; list-style:none}
ul.images h3 { display: none}
div.pager {clear:both; text-align:center}


div.thumbnailImage img {text-align:center; margin: 0 0 0 0; padding: 0 0 0 0; float:none; clear:both;}


div.messages status {display:none}
li.author {font-size:70%; font-style:italic; margin:0;}
ul.thumbnailCaption {list-style:none; text-align:center;margin:0;padding:0;}
ul.thumbnailCaption li {margin:0;}
span.gallery-link-previous {margin-left:2cm}
span.gallery-link-next {margin: 1cm;}
div.gallery-pager {text-align: center; font-size:110%; margin:1cm}
div.image-content {margin-top: 1cm; text-align:center}
div.image-comment {text-align:center; clear:both}

.albumPreview	{float:left; width:4cm; text-align:center; margin-bottom:1cm;}
div.albumSize	{float:none; clear:both; color:#C5C4B4; margin-top:1cm; margin-bottom:1cm; background-color:#FFFFFF;}
.imagePreviewPagesSelect
		{overflow:hidden; float:none; text-align:left;
		border-bottom-width:2px; border-bottom-style:dotted; 
		border-bottom-color:#C6C1AD;clear:right; margin-top:0;padding-top:0;
		margin-right:0cm; font-size:70%;}

img.thumbnail, span.thumbnail img,td img {float:none; overflow:hidden; text-align:center; margin:0;}
.thumbnailPlace, span.thumbnail	
		 {width:90px; text-align:center; float:left; overflow:hidden; margin:0.1cm 0.1cm 0.1cm 0.1cm;
		 background-color:#F1F1F1; color:#000000;}

/* Slide show slide */
.hidden {display:none;}
div.navigationbar
		{width:100%;background-color:#C5C4B4; padding: 0.1cm; color:#000000;}		
div.imageInfo	{float:left; margin: 0.1cm 0.1cm 0.1cm 0.1cm; text-align:center;}
a.index			{font-weight:bold;}
div.photo	{clear:both; float:none; text-align:center; margin: 1cm 0.5cm 0.5cm 0.5cm;}
div.photo img	{clear:both; float:none; text-align:center;}
div.comment	{text-align:center; float:none; clear:both; margin-left:20%; margin-right:20%;}
div.piccomment	{text-align:center;}
div.menubar span.thumbnail {float:left; margin: 0.1cm 0.1cm 0.1cm 0.1cm; width:2cm;} 
div.menubar 		{width:100%; margin-left:1cm;}
.archive_info	{float:right;}
.file_details	{float:none; margin:0 0.5cm 0 0;}
.file_details p	{margin:0 0 0 0; font-size:80%;}


/* Upload pages */
.upload_person_details,.upload_keywords
		{float:left;margin:3mm;width:35%;}
.upload_form div.buttons {clear:both; float:none; margin-top:1cm; text-align:center;}


dt 		{clear:both; width:40%; float:left; text-align:left;}
dd 		{float:left; width:50%; margin:0 0 0.5em 0.25em;}
p.header	{margin-top:2mm;}
ul.new_keywords	{list-style:none; margin-left:0mm;}
span.checkbox	{margin-right:5mm;}