@charset "ISO-8859-1";

html 		{font-family: tahoma, helvetica, arial, sans-serif; font-style:normal; empty-cells:show;
		 color:#2f2f2f; background-color:#FFFFFF; text-align:left; font-size:12pt;}
body		{ width: 100%; max-width: 1000px; min-width:15cm; margin-left:auto; margin-right:auto; margin-top: 2mm; clear:none; background-image: url(grafiikat/body_frame.jpg); background-repeat: repeat-y; }

/* Global default values */
.hide, .hidden	{display:none;}
h1		{display:none; text-align: left;}
h2,h3,h4,h5	{color: #2c2c2c;letter-spacing: 2px; text-align: left;} 
h2		{font-size: 130%; text-align: left;}
h3		{font-size: 110%; text-align: left;}
h4		{font-size: 100%; font-weight:bold; text-align: left;}
h5		{font-size: 80%; text-align: left;}
hr		{display:none;}
p 		{margin-bottom:2mm;}
ul 		{margin: 1mm;}
ul li 		{margin: 1mm;}
a, td, th	{text-align:left;}
img.nofloat {float:none}
img  {border:0;}
img.page-img {float:left; margin: 0 3mm 3mm 0mm; width: auto; height: auto; max-width: 10cm;}

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:visible; 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:#c8cbff; color:#FFFFFF; padding:4px; overflow: visible}
td 		{background-color:#eff0ff; color:#000000; padding:2px 4px 2px 4px; overflow:visible;}
th a 		{color:#FFFFFF;}
div.modified	{font-size:80%; margin-top:1cm; clear:both;}
.messages	{background-color: #f5f5fb; padding: 2mm; margin: 2mm; font-weight: bold;}
.error		{color: FF000;}

/* Top level layout components */
#maintitle	{margin:0; padding:0; width:100%;}
#container-content 	{text-align:justify; width: 100%; overflow: visible; clear:both; padding:0; margin:3mm 0 0 0;}
#center {float:left;} 
#sidebar-left {width:20%; float:left;}
#sidebar-right {width:20%; max-width:5cm; margin-right:1%; padding: 0mm; float:right;}
div.page, div.page-with-right-sidebar {border-width:0px; float:left;  clear:none;}
div.page-with-right-sidebar {width:57%;}
div.page {width:70%;}
#footer {font-size:60%; text-align:center; float:none; clear:both; background-color:#FFFFFF; background-image: url(grafiikat/body_frame_bottom.jpg); background-repeat: no-repeat;  padding-top: 6mm;}
#topbar {width: 100%; clear:none; text-align:center;}
#primary-links {float:right; margin-right: 2mm;}
#primary-links a {margin-left: 2mm;}
div.navibar_files {clear:both; float:none; margin-bottom: 1cm;}
.pager 		{margin-top:1cm;}
.pager > *	{margin-left:2mm; margin-right:2mm;}



/* Menu and tabs */
ul.menu		{list-style:none; margin:0mm; padding:2mm; }
.menu li	{margin-left:2mm; margin-bottom:2mm; text-align:left;}
.menu a		{text-decoration:none;}
.menu a.active	{font-weight:bold;}
ul.menu  	{text-decoration:none;}
div.links	{margin-top: 5mm;}

ul.tabs {float:none; list-style:none; clear: both;}
ul.tabs > li {float:right; clear:none; margin:2mm;}
li ul.menu {margin-left:0.1cm; list-style:none; border-width:8px; border-style:none;}

/* Blocks */
#sidebar-right > * {width: 90%; 
	font-size:80%;
	margin-top: 1cm;
	border-color:#000000; border-width:1px; border-style: dotted; border-color:#c3c4e6; background-color:#f5f5fb; 
	-webkit-border-radius: 1em; -moz-border-radius: 1em; overflow:auto;
	float:none;  text-align:left;	
	}
#sidebar-right  h3, #sidebar-right  h4 {text-align: center;}
#sidebar-right li {list-style:none; margin-bottom: 2mm ; padding: 0;}
#sidebar-right ul {margin: 0; padding: 0;}
#sidebar-right  img {float:none; margin-left:auto; margin-right: auto; text-align:center;}
#sidebar-right input[type="text"], #sidebar-right input[type="password"]{padding:0; margin:0; width: 94%; text-align:left;} 
.block-user-1 h3, .block-block-2 {display:none;}
div.view-label-node-title, div.view-label-node-created, div.view-data-node-created {display:none;}
#reset {margin-top:2cm;}
ul.vacancy-info  li {text-align:center; margin-left:auto; margin-right:auto;}
#sidebar-right .more-link {text-align:center; margin: 2mm;}
#sidebar-right > div {padding: 2mm;}

#sidebar-right .view-data-comments-name, #sidebar-right .view-data-comments-timestamp {display:none;}

/* Page blocks that are inside nodes */
/* Vacancy info pageblocks */
div.vacancy-info-2-pblock {clear:both;}
div.vacancy-2-pblock {width: 200px; height:250px; float:left; text-align:center;}
div.vacancy-2-pblock h3 {font-size: 90%; text-align:center; min-height:24pt; vertical-align:bottom;}
img.vacancy-picture { width: 100px; float:none; clear:both; text-align:center;}
ul.vacancy-info {list-style:none; font-size:80%; text-align:center; padding:0; margin-left:auto; margin-right: auto;}
.vacancy-1 h3 {font-size:80%;}
div.events_frontpage, img.front-page-img  {margin-bottom:5mm;}
div.recent_docs {text-align:left; clear: both; padding: 0;}
div.recent_docs ul {padding:0; margin: 0;}

/* News pageblock */
.news_submitted, .news_submittedby {font-size:70%; color:#C5C4B4}
div.news p {background: #FFFFFF url("icons/indent1.png") left center no-repeat; padding-left: 12px ;}
div.news ul 	{margin: 4mm 8mm 4mm 8mm; padding:0mm; float:none; clear:both;}
div.news	{clear: both;}
div.news ul li 	{margin-bottom: 2mm;}

div.photoAlbumPreviewsPageBlock {float:none;clear: both;}
ul.recent_docs  {list-style-type:none;}
div.item-list ul li {margin-left: 0mm; padding-left: 0mm;}
td.permission {padding-left:5mm;}
td.module {font-weight:bold;}

/* Public site right side blocks */
#site-selection, #lang-selection, #advertisement-order-band {text-align:center; margin-top: 1cm;}
/* Edit */
.mceEditorContainer {width:100%; text-align:left; margin:0mm;}
#edit-body-wrapper {width:130%;}

/* Events */
.event-timeleft {margin-left:2mm; font-size:80%;}
#edit-timezone-wrapper {display:none;}
div.day div, div.time, div.time div, div.time span {float:left;}
/* Events pages */
#center ul.links {list-style:none; clear:both; margin: 5mm 0 5mm 0;}
#center ul.links li {float:left; }
#center div.event-calendar {clear:both; margin-top:5mm;}

/* Comments */
h2.comments	{font-size:100%; margin-top:1cm;}
div.comment	{text-align:center; float:none; clear:both; background-color:#eff0ff; overflow: auto; padding-bottom:0.5cm; margin-bottom:0.2cm;}
div.comment p 	{padding: 0.1cm 0.1cm 0.1cm 0.5cm;}
p.comment-submitted {font-size:80%; font-style:italic;}
div.comment-title {font-size:100%; clear:both; background-color:#c8cbff;padding-left: 0.5cm;}
div.comment ul.links {list-style:none; margin-left:0; padding-left:0.5cm; background-color:#eff0ff;}
div.comment ul.links li {float:left; font-size:70%; background-color:#eff0ff;}
div.indented {margin-left:1cm;}

/* Watcher */
div.watcher-icons {text-align:right;}

/* Image galleries */
/* Gallery index page */
ul.images {margin-top: 5mm;background-color: #eff0ff; margin: 2mm; border-color:#000000; border-width:1px; border-style: dotted; border-color:#c3c4e6; 
	-webkit-border-radius: 1em; -moz-border-radius: 1em; overflow:auto;}
li.gallery_index_thumbnail_image {float: left; margin: 2mm; list-style:none; width: 80px; height: 60px; text-align:center}
li.gallery_index_thumbnail_image img {idth:auto; height: auto; max-height: 60px; max-width: 80px; text-align:center; margin: auto; float:none; clear:both;}
ul.images h3 { display: none}
div.pager {clear:both; text-align:center}
/* Gallery of Galleries pages */
div.albumPreview	{float:left; width:4cm; height: 4.5cm; text-align:center; margin-bottom:1cm; background-color: #eff0ff; margin: 2mm;
border-color:#000000; border-width:1px; border-style: dotted; border-color:#c3c4e6; 
	-webkit-border-radius: 1em; -moz-border-radius: 1em; overflow:auto;}
div.thumbnailImage {width: 80px; height: 60px; margin:3mm;text-align:center; margin-left: auto; margin-right:auto;}
div.thumbnailImage img {width:auto; height: auto; max-height: 60px; max-width: 80px; text-align:center; margin: auto; float:none; clear:both;}
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.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%;}
ul.thumbnailCaption li.modified {font-size:80%;}
div.album-admin-links {clear:both; float:none; margin-top:5mm; text-align:center;}

/* Login page for memberpage */
#login-area {text-align:center;}
#login-wrapper {width:50%; text-align: left; margin-left: auto; margin-right:auto;}