/* 	PROPERTY OF METAVISUAL LTD
	All rights reserved. MetaVisual Limited, Finland, EU. For more information see: http://www.metavisual.fi */
/* GENERAL */ html { overflow-y: scroll; box-sizing: border-box; } #block { text-align: left; }
/* fonts */ body, input, textarea, select { font-family: Georgia, "Times New Roman", Times, serif; }
/* focus border */ :focus { outline: 0; }
/* focus input */ input[type="text"],input[type="number"],input[type="password"], textarea, select { background-color: #f9fafc; border: 1px solid #C0C0C0; padding: 2px; width: 100%; box-sizing:content-box; -ms-box-sizing:content-box; }
input[type="text"]:focus, textarea:focus, select:focus { background-color: #fbfca0; border: 1px solid #C0C0C0; }
/* FUNCTIONAL */
/* collapse & expand */ .collapseblock {display:none;} .expandblock {display:inline;} .collapsed .article_unit {display:none;} 
/* content table: used for table-type columns */ .contenttable { clear: both; } .contentcell.nested { height: 100%; }
/* generic table layout */ .gTable { display: table; width: inherit; } .gRow { display: table-row; } .gCell { display: table-cell; vertical-align: top; }
/* multi-rule flow control */ .mrfcTable { display: table; height: 100%; } .mrfcRow { display: table-row; height: 100%; } .mrfcCell { display: table-cell; vertical-align: top; } .mrfcCell.render_block, .mrfcCell .render_block_inner, .mrfcCell .articleGroup, .mrfcCell .articleGroup > .contentrow, .mrfcCell .article_unit, .mrfcCell .article_box, .mrfcCell .article { height: 100%; }
/*center on screen */ .centerOnScreen { margin: 0 auto; }
/* blockAnchor */ .blockAnchor { float: none; display: inline; }
/* indentation */ .stdindent{ margin-left: 20px; } .stdindentbothsides{ margin: 0px 20px 0px 20px; }
/* jumpBackLink */ .jumpBackLink { margin: 0px; } .jumpBackLink .icon { float: left; background-image: url(https://csb.metavisual.fi/images/sys/2010/arrow7pxDimR.png); background-repeat: no-repeat; background-position: left center; width: 10px; height: 1em; margin-right: 5px; } .jumpBackLink:hover .icon { background-image: url(https://csb.metavisual.fi/images/sys/2010/arrow7pxR.png); } .jumpBackLink a { font-weight: normal; font-style: italic; } .jumpBackLink:hover a { font-weight: bold; }
/* dead link */ a.linkIsDead { background-color: orange; outline: 1px solid red; background-image: url(https://csb.metavisual.fi/images/sys/3rdParty/fatcow/16/exclamation.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 26px; padding-right: 5px; }
/* SmartTimeInfo */ .smartTimeInfo .relativeTime { display: inline;} .smartTimeInfo .absoluteTime, .smartTimeInfo .s { display: none; } .smartTimeInfo:not(.nohover):hover .relativeTime { display: none; } .smartTimeInfo:not(.nohover):hover .absoluteTime { display: inline; }
/* twitter */ a.twitter { display: block; margin: 0px auto; padding: 5px; width: auto; text-align: center; }
/* headings inside select boxes */ select .select_group_heading {font-style: italic;color: #666666; }
/* footer */ #footercontent-l2 a:hover { font-weight: bold; text-decoration: none; } #poweredby a { text-decoration: none; } #poweredby a:hover { font-weight: bold; }
/* language selection */ #lang_selection { z-index: 2; } .lang_option { width: 54px; height: 39px; background-position: left bottom; float: left; } .lang_option:hover, .lang_option.selected { background-position: left top; }
/* PAGES NAVIGATION MENU */
.pagemenu { display: table; width: 100%; text-align: center; } ul.pagemenu_pages { list-style-type: none; list-style-image: none; display: table-row; } ul.pagemenu_pages li { display: table-cell; } ul.pagemenu_pages li a { text-decoration:none; } ul.pagemenu_pages li .pmibefore, ul.pagemenu_pages li .pmibody, ul.pagemenu_pages li .pmiafter { display: inline; }
/* LOGINFORM */ #loginform { padding: 10px 10px 40px 10px; margin: 20px; } #letterhead, #loginform, #loginform_languageselection { max-width: 300px; margin: 0 auto; } #loginform_languageselection .lang_option { float: none; display: inline-table; } #loginform .notice { text-align: left; font-size: 100%; font-style: italic; line-height: 1.2em; } #loginform .notice strong { font-weight: bold; } #loginform h3 { text-align: left; font-size: 90%; font-style: italic; } #loginform input[type="submit"] { float: right; } #loginform .legalFooter { float: none; clear: both; font-size: 80%; text-align: justify; } /* warning */ #loginform .warning .main { font-size: 100%; font-weight: bold; } #loginform .warning .aux { font-size: 90%; } #loginform .warning div.message { margin-left: 60px; } #loginform .warning div.icon { margin-left: 0px; }
/* letterhead */ #letterhead { font-size: 80%; margin-top: 0em; margin-bottom: 1em;padding-top: 0.5em; padding-bottom: 0.5em; text-align: center; color: rgba(0,0,0,0.5); } #letterhead:hover { color: #000; }
/* Animation */ .slideShow, .slideOverlay { position: relative; height: auto; width: 100%; height: 40px; padding: 0px; } .slideImage { position: absolute; z-index: 0; } .slideOverlay { position: absolute; z-index: 10; width: 100%; text-align: right; }
/* FORUMS */ .forum_component { } .formfield-info { font-size: 90%; font-style: italic; margin: 2px 0px 10px 0px; } .commentNumber { font-weight: normal; } .forum_component a.jumpBackForumLink { font-weight: normal; display: block; padding: 0px 0px 5px 0px; } .forum_component a.jumpBackForumLink:hover {  } .forum_component .nocomments { padding: 10px; } /* ...general list items */ .forumListItem { display: table; width: 100%; } .forumListItem .field { display: table-row; } .forumListItem .label, .forumListItem .value, .forumListItem .stats  { display: table-cell; } .forumListItem .stats { width: 12%; vertical-align: middle; } .forumListItem .label { font-weight: normal; font-style: italic; padding-right: 10px; } .forumListItemHeader { display: table-row; } .forumListItemHeader .marker { display: table-cell; } /* ... zones */ .zoneItem.forumListItem .marker { display: table-cell; background-image: url(https://csb.metavisual.fi/images/sys/3rdParty/fatcow/32/group.png); background-repeat: no-repeat; background-position: center; height: 30px; width: 50px; font-size: 80%; padding: 5px; } .zoneDescription { font-weight: normal; } /* ... comments */ .commentitem.forumListItem .marker { display: table-cell; background-image: url(https://csb.metavisual.fi/images/sys/3rdParty/fatcow/32/comment.png); background-repeat: no-repeat; background-position: center; height: 30px; width: 50px; font-size: 80%; padding: 5px; } /* ... special fields */ .forumListItem .nickname .label { display: none; } .forumListItem .nickname .value { display: table-cell; border-bottom: none; padding-top: 3px; font-weight: bold; } /* ... subjects */ .forumListItem .marker { display: table-cell; background-image: url(https://csb.metavisual.fi/images/sys/3rdParty/fatcow/32/comments.png); background-repeat: no-repeat; background-position: center; height: 30px; width: 50px; font-size: 80%; padding: 5px; } .forumListItem .subjectlabel .label { display: none; } .forumListItem .subjectlabel .value { display: table-cell; border-bottom: none; padding-top: 3px; font-weight: bold; } .forumListItem .subjectlabel .value a { text-align: left; } /* Commenting */ .commentingBlock.active .showComments { display: none; } .commentingBlock .commentingContent { display: none; } .commentingBlock.active .commentingContent { display: block; }
/* SYSTEM MESSAGES */
/* site warning for old browsers etc. */
.siteWarning { width: 50%; font-size: 85%; clear:both; height:59px; padding:0px 0px 0px 15px; position:relative; } .siteWarning a { font-weight: bold; }
/* info message */ .info { font-size: 1em; margin: 0; padding: 1em; background-color: rgba(0,0,0,0.01); } .info .icon { background-image: url(https://csb.metavisual.fi/images/sys/3rdParty/fatcow2/32/information.png); background-repeat: no-repeat; background-position: center; width: 48px; height: 48px; float: left; margin-right: 10px; } .info .msg { padding: 0.5em 0.5em 0.5em 58px; } .info .addInfo { display: block; }
/* warning message */ .warning { margin: 0; padding: 1em; background-color: rgba(251,215,92,1); } .warning .icon { background-image: url(https://csb.metavisual.fi/images/sys/3rdParty/fatcow2/32/warning.png); background-repeat: no-repeat; background-position: center; width: 48px; height: 48px; float: left; } .warning .msg { padding: 0.5em 0.5em 0.5em 58px; } .warning .addInfo { display: block; }
/* system info message */ .sysinfotext_normal { color: #33FF00; font-weight: bold; } .sysinfotext_noncritical { color: #7a7b7b; font-style: italic; } .sysinfo { margin: 5px; } .unobtrusive_msg.noResults { }

/* ARTICLE FEATURES */
/* background image element */
.bgEleFloat { width: auto; height: inherit; display: inline-block; background-repeat: no-repeat; }
/* hiddenByDefault: hide unless other styles say otherwise */
.hiddenByDefault { display: none; }
/* heightControlByLines */ .heightControlByLines { overflow: hidden; }
.articleGroup { display: table; } .article_unit, .article_unit_deactive { display: table-cell; vertical-align: top; }
/* show as table */ .articleGroup.showAsTable .article_unit { display: table-row; } .articleGroup.showAsTable .article_unit > div { display: table-cell; vertical-align: top; }
/* Selection list */ .selectionlist .marker, .selectionlist .content { display: block; }
/* Unordered list */ li.l1 { margin-left: 20px; } li.l2 { margin-left: 40px; } li.l3 { margin-left: 60px; } li.l4 { margin-left: 20px; } li.l5 { margin-left: 40px; } li.l6 { margin-left: 60px; } li.l7 { margin-left: 80px; } li.l8 { margin-left: 100px; } li.l9 { margin-left: 120px; } li.l10 { margin-left: 140px; }
/* Images and captions */ table.imagecontainer { caption-side: bottom; }
/* File extensions */ a.fileLink .anyicon { float: left; width: 32px; height: 32px; background-repeat: no-repeat; } a.fileLink .filename.hideByDefault { display: none; }
/* ... pdf http://www.adobe.com/misc/linking.html */ a.fileLink.file-ext-pdf .anyicon { background-image: url(https://csb.metavisual.fi/images/sys/3rdParty/file_icons/large/pdf.png); } a.fileLink.file-ext-doc .anyicon, a.fileLink.file-ext-docx .anyicon { background-image: url(https://csb.metavisual.fi/images/sys/3rdParty/fatcow/32/page_white_word.png); }
a.fileLink.file-ext-xls .anyicon, a.fileLink.file-ext-xlsx .anyicon { background-image: url(https://csb.metavisual.fi/images/sys/3rdParty/fatcow/32/page_white_excel.png); } a.fileLink.file-ext-ppt .anyicon,
a.fileLink.file-ext-pptx .anyicon { background-image: url(https://csb.metavisual.fi/images/sys/3rdParty/fatcow/32/page_white_powerpoint.png); } a.fileLink.file-ext-zip .anyicon { background-image: url(https://csb.metavisual.fi/images/sys/3rdParty/fatcow/32/page_white_compress.png); }
/* checkbox */ .article .checkboxDisplay .anyIcon { display: block; float: left; width: 16px; height: 16px; margin-right: 5px; background-image: url(https://csb.metavisual.fi/images/sys/3rdParty/fatcow/16/tick.png); }
/* multicol */ .articleGroup.multicol .contentrow { display: table-row; } .articleGroup.multicol .article_unit { display: table-cell; }
/* tabs */ .ui-tabs-hide { display: none !important; }

/* FORM FEATURES */
/* input_unit, used e.g. on focusperiod components */
.input_unit { display: block; float: left; border-radius: 5px; margin: 0px 2px 5px 0px; padding: 3px 5px; border: 1px solid rgba(256,256,256,0.5); background-color: rgba(256,256,256,0.2); }
.input_unit:hover { background-color: rgba(256,256,256,0.6); }
.input_unit .controls {  }
.input_unit .label { padding: 0px 5px; font-size: 80%; }

/* FORMS */
/* Public access form */ .publicform { margin-right: 10px; } .publicform h4 { border-bottom: 2px solid #687178; } .publicform .help_prompt { float: right; } .publicform .specifichelp { padding: 10px; border: 1px dotted #8394a4; }
/* Generic form */ .genericform .container {padding: 0px 0px 10px 0px;background-repeat: repeat; } .genericform .formheading {font-size: 220%;font-weight: bold;padding: 10px 10px 0px 10px; } .genericform .heading {font-size: 140%;font-weight: bold;padding: 0px 10px 0px 10px;float: left;vertical-align: bottom; } .genericform .divider_1_1 {width: 100%;float: left;margin: 0px 0px 10px 0px; } .genericform .divider_1_2 {width: 100%;float: left; } .genericform .body {padding: 0px 10px 10px 20px;text-align: left; } .genericform .specifichelp {padding: 0px 10px 10px 20px;font-style: italic; } .genericform .containerhelp {float: left;width: 100%;padding: 10px 0px 20px 0px;font-style: italic; } .genericform .heading, .genericform_heading {font-weight: bold;border-bottom: 2px dotted white;padding: 10px 0px 3px 0px; } .genericform label, .genericform_label, .generic_label {font-style: italic;vertical-align: top;padding: 5px; } .genericform value, .genericform_value, .generic_value {vertical-align: top;padding: 5px } .genericform .containertopbutton {text-align: right;float: right;font-size: 90%;font-style: italic;vertical-align: bottom;padding-right: 10px; } .genericform .containerbutton {text-align: right;font-size: 80%;font-style: italic;padding: 10px 10px 0px 0px; } .genericform .subcomponent {float: left;width: 100%;margin: 0px 0px 30px 0px; } 
/* Headings */ .anyformtitle { padding-bottom: 5px; }
/* Form options menu, placed below the form heading */ .formoptions_menu { background-color: rgba(0,0,0,0.02); font-size: 0.9em; padding: 0.5em 1em; margin: 0; line-height: normal; } .upsidedowntab {background-image: url(https://csb.metavisual.fi/images/sys/transparentColors/white25p.png);float: right;padding: 5px 10px 5px 5px;margin-left: 5px;font-weight: bold;font-size: 90%; } .upsidedowntab_info {float: left;padding: 5px 10px 5px 5px;margin-left: 5px;font-size: 90%; } .upsidedowntab:hover {background-image: url(https://csb.metavisual.fi/images/sys/transparentColors/white45p.png); }
/* Icons */ .graphical_language_label {width: 38px; height: 20px; background-position: -8px -9px; border: 1px solid black;float: left;background-color: #000000; }
/* toggles */ .showhelptoggle { font-size: 80%;color: #FFFFFF; }
/* Text */ .specifichelp { color: #000066; }
/* Buttons */ .mainSubmitFormButton { min-width: 200px; height: 50px; font-size: 120%; font-weight: bold; padding-left: 1em; padding-right: 1em; }
/* formButtonClass2 */ .formButtonClass2 { height: 30px; }
/* Date input */ input.yearmonthdayinput { width: 6em;margin-right: 10px; } select.hoursSelectionList, select.minutesSelectionList {width: 5em;margin: 0px 5px; }
/* Gathered form data, display overview */ .gatheredformdata_overview {margin: 0px 20px;padding: 20px; }
/* SEARCH */ .searchterm-input { display: table; width: 100%; } .searchterm-input .row { display: table-row; } .searchterm-input .cell {display: table-cell; } .noresults { text-align: left; } /* refine layout */ .cell.buttoncell { padding-left: 10px; } .searchtarget_option { float: left; width: 30%; } .search_info_footer { clear: both; margin-bottom: 20px; } .search_info_footer .value { font-weight: bold; } .searchresults { display: inline-table; } .searchresults .resultitem { width: 100%; display: table-row; } .searchresults .resultitem .resultnumber { width: 5%; display: table-cell; vertical-align: top;text-align: center; } .searchresults .resultitem .resultnumber .articleCategory { padding: 5px; } .searchresults .resultitem .resultinfo { display: table-cell; } .searchresults .resultitem .focusimage_container { float: left; padding-right: 10px; padding-bottom: 10px; } .searchresults .resultitem .description { font-weight: normal; font-style: italic; }
/* */ .searchresults a.primaryMatch { } .searchresults a.secondaryMatch { display: block; }
/* POWERED BY */
#poweredby { color: inherit; font-size: 90%; } #poweredby-inner > span { display: inline-block; padding: 10px; } #poweredby .divider { border-right: 1px solid rgba(0,0,0,0.25); margin-right: 10px; } #poweredby .title, #poweredby .txt { padding: 12px 5px; }

/* ... browser type links */
.browserVersionSwitches { display: none; }
body .switchToMobile, 
body .switchToStandard { display: none !important; }
body.mobileVersion .switchToStandard, 
body.standardVersion .switchToMobile { display: inline !important; }

/* PLUGIN: Cycle 2 */
/* mvcms clipping */ .render_block_inner { position: relative; overflow: hidden !important; } .cycle-slideshow { position: relative; }
/* set border-box so that percents can be used for width, padding, etc. */ .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; box-sizing: border-box; } .cycle-slide { width: 100%; box-sizing: border-box; }
/* slideshow images. Some of these styles will be set by the plugin (by default) but setting them here helps avoid flash-of-unstyled-content */
.cycle-slideshow img { position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; }
/* in case script does not load */
.cycle-slideshow img:first-child { position: static; z-index: 100; }
/* pager */
.cycle-pager-ext { text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden; }
.cycle-pager-ext span { font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer; }
.cycle-pager-ext span.cycle-pager-active { color: #a0a7be;}
.cycle-pager-ext > * { cursor: pointer;}
/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }
/* overlay */
.cycle-overlay { position: absolute; bottom: 0; width: 100%; z-index: 600; background: black; color: white; padding: 15px; opacity: .5; }
/* prev / next links */
/*.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }*/
.disabled { opacity: .5; filter:alpha(opacity=50); }
/* display paused text on top of paused slideshow */
.cycle-paused:after { content: 'II'; font-weight: bold; color: white; background: black; padding: 2px 5px; z-index: 500; position: absolute; top: 1em; right: 1em; border-radius: 5px; opacity: .25; filter: alpha(opacity=25); }
/* media queries, some style overrides to make things more pleasant on mobile devices */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    /*.cycle-slideshow { width: 200px;}*/
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}
/* */
#lbOverlay { background-color: transparent !important; }

/* PLUGIN: Cookie consent */.cookieConsentContainer {z-index:999;width:100%;box-sizing:border-box;overflow:hidden;position:fixed;bottom:0;right:0;left:0;display:none;min-height:15px;padding:1em;background:rgba(0,0,0,0.9);color:#fff;fon-size:0.9em;}.cookieConsentContainer .c1 {display:table;width:100%;box-sizing:border-box;}.cookieConsentContainer .c2 {display: table-row;}.cookieConsentContainer .c3 {display:table-cell;vertical-align:top;}.cookieConsentContainer .cookieTitle a {font-weight:bold;display:block;}.cookieConsentContainer .cookieDesc p {margin:0;padding:0;display:block;} .cookieConsentContainer .cookieDesc a {color: #FFFFFF;text-decoration:underline;}.cookieConsentContainer .cookieButton a {display:inline-block;padding:1em;color:#FFFFFF;font-weight:bold;background:#000;box-sizing:border-box;text-align:center;transition: background 0.3s;}.cookieConsentContainer .cookieButton a:hover {cursor:pointer;background:#3E9B67;}