html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
body {line-height: 1.5}
 table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
table, td, th {vertical-align: middle}
 blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
 a img {border: none}
  body {font-size: 75%; color: #222; background: #fff; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif}
 h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #111}
h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em}
h2 {font-size: 2em; margin-bottom: 0.75em}
h3 {font-size: 1.5em; line-height: 1; margin-bottom: 1em}
h4 {font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 1.5em}
h6 {font-size: 1em; font-weight: bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0}
 p {margin: 0 0 1.5em}
p img {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em}
p.last {margin-bottom: 0}
a:focus, a:hover {color: #000}
a {color: #009; text-decoration: underline}
blockquote {margin: 1.5em; color: #666; font-style: italic}
strong {font-weight: bold}
em,dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted #666}
address {margin: 0 0 1.5em; font-style: italic}
del {color:#666}
pre {margin: 1.5em 0; white-space: pre}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
 li ul, li ol {margin:0 1.5em}
ul, ol {margin: 0 1.5em 1.5em 0}
ul {list-style-type: disc}
ol {list-style-type: decimal}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em;}
 table {margin-bottom: 1.4em; width:100%}
th {font-weight: bold; border-bottom:2px solid #ccc}
th {padding: 5px 10px 5px 5px}
td {padding: 6px 10px 5px 5px}
tr.even td {background: #E5ECF9}
tfoot {font-style: italic}
table tbody td {border-bottom:1px solid #ccc}
 .small {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em}
.hide {display: none}
.quiet {color: #666}
.loud {color: #000}
.highlight {background:#ff0}
.added {background:#060; color: #fff}
.removed {background:#900; color: #fff}
.first {margin-left:0; padding-left:0}
.last {margin-right:0; padding-right:0}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
.centered {text-align: center}
 h1,h2,h3,h4,h5,h6, p, dt, dl, address, caption, li {padding-left:5px}
h1,h2,h3,h4,h5,h6,p {padding-right:10px}
 label {display: block}
label span {color: #a00}
fieldset {}
legend {font-weight: bold; font-size: 1.5em; margin-bottom: 0}
.input-sections {border-top: 1px solid #ccc; padding-top: 1.5em}
 input.text, input.title, textarea, select, input.last, input.last, textarea.last, select.last {margin:0.5em 0 1.5em 0 !important; border:1px solid #bbb}
input.radio, input.checkbox {vertical-align: text-bottom}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666}
input.text, input.title {width: 328px; padding:5px}
input.title {font-size:1.5em}
input.brief {width: 88px}
textarea {width: 460px; height: 250px; padding:5px}
textarea.six, input.six {width:708px; margin-right: 0; float: none}
input.file-upload {opacity: 0}
select.wide {width: 340px; padding: 4px 5px}
select.narrow {width: 175px; padding: 4px 5px}
input[disabled] {border: 1px solid #ccc; font-weight: bold; color: #333}
input.disabled {border: none}
 .error, .notice,  form .success {padding: .8em; margin-bottom: 1em; border: 2px solid #ddd}
.error {background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4}
.notice {background: #FFF6BF; color: #514721; border-color: #FFD324}
form .success {background: #E6EFC2; color: #264409; border-color: #C6D880}
.error a {color: #8a1f11}
.notice a {color: #514721}
form .success a {color: #264409}
 .validation-error {background: #FBE3E4; color: #a00; border-color: #f00 !important}
.required {color: #a00}
.validation-error-message {background:transparent url(../../images/layout/validation_error_bg.png) repeat scroll 0 0; color:#CC0000; font-size:0.9em; margin:8px 0 0 -5px; padding:2px 5px 2px 15px; position:absolute; width:150px}
.form-element {margin-bottom: 1em}
.input-sections label.last {margin-bottom: 1em !important}
#simplemodal-container p {padding-left: 0}
  .p-indent p + p {text-indent: 2em; margin-top: -1.5em}
 .p-ornament-indent p + p:before {content: "\2767"; padding-right: 0.4em; margin-top:0 }
.p-ornament-indent form p + p {text-indent: 0}
 .p-markers p {display: inline; margin-left:0; margin-right:0; padding-left:0; padding-right:0}
.p-markers p + p:before {content: "\2761"; padding-right: 0.1em; padding-left: 0.4em}
 .p-markers {padding-left:5px; padding-right:10px}
  .alt {color: #666; font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal}
 .dquo {margin-left: -.5em}
 p.incr, .incr p {font-size: 10px; line-height: 1.44em; margin-bottom: 1.5em}
 .caps {font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size: 1.2em; line-height: 1%; font-weight: bold; padding: 0 2px}
abbr {letter-spacing:.1em}
abbr:hover {cursor:help}
 .kern {letter-spacing:-.1em}
div.jGrowl {padding: 10px; z-index: 9999; top: 0}
 div.ie6 {position: absolute}
div.ie6.top-right {right: auto; bottom: auto; left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}
div.ie6.top-left {left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}
div.ie6.bottom-right {left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}
div.ie6.bottom-left {left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}
div.ie6.center {left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%}
 body > div.jGrowl {position: fixed}
body > div.jGrowl.top-left {left: 0px; top: 0px}
body > div.jGrowl.top-right {right: 0px; top: 0px}
body > div.jGrowl.bottom-left {left: 0px; bottom: 0px}
body > div.jGrowl.bottom-right {right: 0px; bottom: 0px}
body > div.jGrowl.center {top: 0px;  left: 0;  top: 0; right: 0; margin: 0 !important; padding: 0 !important}
 div.center div.jGrowl-notification, div.center div.jGrowl-closer {margin-left: auto; margin-right: auto}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {background-color: #000; color: #fff; opacity: .85; filter: alpha(opacity = 85); zoom: 1;  padding: .5em 12px .3em;  margin-bottom: 5px;  font-size: 1.5em;  text-align: left; display: none;  }
div.jGrowl div.jGrowl-notification { }
div.jGrowl div.jGrowl-notification div.header {font-weight: bold; font-size: 10px}
div.jGrowl div.jGrowl-notification div.close {float: right; font-weight: bold; font-size: 12px; cursor: pointer}
div.jGrowl div.jGrowl-closer {height: 15px; padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: 11px; font-weight: bold; text-align: center}
div.jGrowl div.jGrowl-notification {border: none !important}
div.jGrowl div.jGrowl-notification.error div.message {color: #900}
div.jGrowl div.jGrowl-notification.success div.message {color: #090}
 #swfupload-container {width: 120px; height: 40px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #eee; position: relative; padding: 10px 300px; clear: both; margin-bottom: 1.5em}
#upload-progress {width: 736px; overflow-y: auto; overflow-x: hidden}
#upload-cancel-button {float:right; border: none; color:#666666; padding-right: 20px; height: 15px; background: transparent url(../../../images/layout/button_close.png) no-repeat right center !important}
.file-progress-wrapper {position: relative; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 3px; width: 160px; height: 208px; float: left; margin: 0 16px 15px 0; background-color: #fff}
.file-progress-wrapper.upload-in-progress {}
.file-progress-wrapper.upload-complete .file-progress-bar {background-color: #C6D880}
.file-progress-wrapper.upload-error {background: #FBE3E4; color: #8a1f11 !important; border-color: #FBC2C4}
.file-progress-wrapper.upload-error .file-progress-bar {background-color: #FBC2C4}
.file-progress-wrapper.upload-canceled {opacity: .5}
.file-progress-wrapper.upload-canceled .file-progress-bar {background-color: #eee}
.file-progress-wrapper.updated {background: #E6EFC2; color: #264409; border-color: #C6D880}
.file-progress-wrapper.updated .quiet {color: #C6D880 !important}
.file-progress-wrapper.updated input {color: #264409 !important}
.file-progress-bar-wrapper {position: relative; height: 160px; width: 160px; margin-bottom: .5em}
.file-progress-bar {position: absolute; bottom: 0; left: 0; background-color: #999; height: 0; width: 100%; z-index: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px}
.file-progress-bar-status {position: relative; height: 160px; width: 160px; line-height: 160px; text-align: center; font-weight: bold; font-size: 1.5em}
.file-progress-name {white-space: nowrap; padding-left: 5px; overflow: hidden; color: #333; font-size: 1.2em; font-weight: bold}
.file-progress-text {padding: 0 5px; color: #ccc}
.file-progress-cancel {display: block; text-indent: -9999px; padding: 0; border: none; height: 15px; width: 15px; background-image: url(../../../images/layout/button_close.png); top: 2px; right: 2px; position:absolute}
.file-progress-cancel:focus {outline: none}
  html {height: 100%;  }
  body {font-family: Helvetica, Arial, sans-serif; color: #333; height: 100%;  }
 a {text-decoration: none; color: #a00; border-bottom: 1px solid #a00}
a:visited {}
a:hover {border-bottom: none}
a:active {}
  button, a {background-position: center bottom !important}
button:hover, a:hover {background-position: center center !important}
button:active, a:active {background-position: center top !important}
 .button-fixed, .button-wide, .button-small, .button-fixed-add, .button-search {display: block; height: 30px; width: 100px; border: none; color: #fff; line-height: 30px; padding:0; text-align: center; float: left; background: transparent url(../images/layout/button_default_fixed.png) no-repeat bottom center}
.button-fixed-add {width: 110px; padding-left: 10px; background: transparent url(../images/layout/button_fixed_add.png) no-repeat bottom center}
.button-small {height: 25px; line-height: 25px; background: transparent url(../images/layout/button_default_small.png) no-repeat bottom center}
.button-search {height: 30px; width: 40px; display: inline; float: none; line-height: 40px; vertical-align: bottom; text-indent: -9999px; background: transparent url(../images/layout/button_search_small.png) no-repeat bottom center}
.button-fixed:hover, .button-wide:hover, .button-small:hover {color: #a00}
.button-fixed-add:hover {color: #C6D880}
.button-fixed:active, .button-wide:active, .button-small:active {padding: 0}
.button.picture, .button-fixed.picture, .button-wide.picture {text-indent: -9999px}
.button-wide {width: 170px; background: transparent url(../images/layout/button_default_fixed_wide.png) no-repeat bottom center}
.button {padding-left: 10px; background: transparent url(../images/layout/button_default_left.png) no-repeat bottom left !important}
.button:hover {background-position: center left !important; color: #fff}
.button:active {background-position: top left !important}
.button span, .button strong {min-width: 100px; height: 30px; display: block; background: transparent url(../images/layout/button_default_right.png) no-repeat bottom right !important}
.button span:hover, .button strong:hover {background-position: center right !important; color: #fff}
.button span:active, .button strong:active {background-position: top right !important}
 a.secondary {margin-left: 10px; color: #666; border-color: #999; line-height: 30px; height: 30px}
a.secondary.right {margin-top: 6px; line-height: 1.5; height: 1.25em}
a.secondary:hover {color: #a00}
.button-delete, .button-edit, .button-show {display: block; height: 24px; width: 24px; border: none; text-indent: -9999px; float: right; background: transparent no-repeat bottom center}
.button-delete {background-image: url(../images/layout/button_delete.png)}
.button-edit {background-image: url(../images/layout/button_edit.png)}
.button-show {background-image: url(../images/layout/button_show.png)}
.button-add {background-image: url(../images/layout/button_add.png)}
.button-delete:focus, .button-edit:focus, .button-show:focus {outline: none}
 hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none}
hr.space {background: #fff; color: #fff}
  .one {width: 100px; margin-right: 20px; float: left}
.push-one {margin-left: 120px}
.two {width: 220px; margin-right: 20px; float: left}
.three {width: 340px; margin-right: 20px; float: left}
.four {width: 460px; margin-right: 20px; float: left}
.five {width: 580px; margin-right: 20px; float: left}
.six {width: 700px; margin-right: 20px; float: left}
.seven {width: 820px; margin-right: 20px; float: left}
.eight {width: 940px; margin-right: 20px; float: left}
.nine {width: 1060px; margin-right: 20px; float: left}
.ten {width: 1080px; margin-right: 20px;}
.half {width: 520px; margin-right: 20px; float: left}
.left {float: left !important}
.right {float: right !important}
.center {margin: 0 auto}
.clear-both {clear: both}
.text-center {text-align: center}
.text-right {text-align: right}
.last {margin: 0 !important; padding: 0 !important}
.margin-right-10 {margin-right: 10px}
 #wrapper {height: 100%}
body > #wrapper {height: auto; min-height: 100%}
 #header-container {width: 100%;  background: #c5c5c5 url(../images/layout/header_default_bg.jpg) no-repeat center top}
#header {margin: 0 auto; width: 1100px; position: relative; border-top: 2px solid #000; padding: 0;  }
 #header h1 {margin: .4em 0 0 0; padding: 0; float: left}
#header h1 a {width: 410px; height: 40px; display: block; border: none; margin: 42px 0 20px 0; text-indent: -9999px; background: transparent url(../images/layout/header_logo_default.png) no-repeat center center}
#header ul, #footer ul #header ul li, #footer ul li {list-style: none; margin: 0; padding: 0}
 ul#sup-navigation {text-align: right; float:right}
ul#sup-navigation li {display: inline; padding-right: 5px; padding-left: 0; margin-left: 6px; color: #666; border-right: 1px solid #666}
ul#sup-navigation li.last {border: none; padding-right: 0px !important; margin-left: 6px !important}
ul#sup-navigation li a {color: #666; border: none}
ul#sup-navigation li a:hover {color: #333; border-bottom: 1px solid #333}
 ul.language-selection {list-style: none; float: right; margin: 3px 0 0 6px !important; border-left: 1px solid #666}
ul.language-selection li {padding: .1em 0; float: left; margin-left: 5px}
ul.language-selection li a {text-indent: -9999px; width: 16px; height: 11px; border: none; display: block; background: transparent no-repeat}
ul.language-selection li.lang-en a {background-image: url(../images/layout/flags/gb.png)}
ul.language-selection li.lang-fi a {background-image: url(../images/layout/flags/fi.png)}
ul.language-selection li a:hover, ul.language-selection li a:focus {outline: none}
 ul#main-navigation {position: absolute; right: 0; top: 5.3em}
ul#main-navigation li {float: left; padding: 0; border-left: 1px solid #ccc}
ul#main-navigation li a {display: block; width: 110px; height: 20px; text-indent: -9999px; border: none; background-color: transparent; background-position: center bottom; background-repeat: no-repeat}
body ul#main-navigation li#profiles a {background-image: url(../images/layout/en/main_nav_profiles.png)}
body ul#main-navigation li#forum a {background-image: url(../images/layout/en/main_nav_forum.png)}
body ul#main-navigation li#events a {background-image: url(../images/layout/en/main_nav_events.png)}
body ul#main-navigation li#blog a {background-image: url(../images/layout/en/main_nav_articles.png)}
body ul#main-navigation li#about a {background-image: url(../images/layout/en/main_nav_about.png)}
body ul#main-navigation li#store a {text-indent:0; width: 192px; height: 35px; margin-top: -8px}
body.fi ul#main-navigation li#profiles a {background-image: url(../images/layout/fi/main_nav_profiles.png)}
body.fi ul#main-navigation li#forum a {background-image: url(../images/layout/fi/main_nav_forum.png)}
body.fi ul#main-navigation li#events a {background-image: url(../images/layout/fi/main_nav_events.png)}
body.fi ul#main-navigation li#blog a {background-image: url(../images/layout/fi/main_nav_articles.png)}
body.fi ul#main-navigation li#about a {background-image: url(../images/layout/fi/main_nav_about.png)}
body#profiles ul#main-navigation li#profiles a, body#forum ul#main-navigation li#forum a, body#events ul#main-navigation li#events a, body#blog ul#main-navigation li#blog a, body#about ul#main-navigation li#about a {background-position: center top !important}
 #header #main-lift {height: 380px; clear: both; margin-bottom: 2em}
 #header ul.slideshow {height:360px; margin:0; overflow:hidden; position:relative; width:1100px; background-color: #000}
#header ul.slideshow li {position: absolute; top: 0; left: 0; z-index: 500; width: 1100px; height: 360px; padding-left: 0}
#header ul.slideshow li a {display: block; border: none}
#header ul.slideshow li p.question {display: none}
#header ul.slideshow li p {position: absolute; left: 444px; top: 153px; padding-top: 20px; color: #fff; width: 590px; padding-left: 0; border-top: 1px solid #fff}
 .slideshow {float: right; margin-top: .75em}
.slideshow p.label {float: left; margin: 0; font-size: .8em; line-height: 1.2em}
div.slideshow ul li a {display: block; text-indent: -9999px; height: 10px; width: 10px; border: none; background: transparent url(../images/layout/slideshow_pagination_page_button.png) no-repeat center bottom !important}
.slideshow a.slideshow-play, .slideshow a.slideshow-pause {float: left; width: 15px; height: 15px; margin-right: 10px; margin: -2.5px 10px 0 0; text-indent: -9999px; border: none; display: block; background: transparent url(../images/layout/slideshow_pagination_play_button.png) no-repeat left bottom !important}
.slideshow a.slideshow-play:hover {background-position: left center !important}
.slideshow a.slideshow-pause:hover {background-position: right center !important}
.slideshow a.slideshow-play:active {background-position: left top !important}
.slideshow a.slideshow-pause:active {background-position: right top !important}
.slideshow a.slideshow-pause {background: transparent url(../images/layout/slideshow_pagination_play_button.png) no-repeat right bottom !important}
.slideshow li {float: left; padding: 0; margin-right: 3px}
.slideshow ul {float: right}
.slideshow ul li.last {margin-right: 0}
.slideshow ul li.current a {background-position: center top !important}
 form#new_user {position: relative}
form#new_user legend strong {width: 150px; height: 35px; display: block; position: absolute; right: 0; top: 0; text-indent: -9999px; z-index: 4555}
body.en form#new_user legend strong {background: transparent url(../images/layout/en/free_trial.png) no-repeat right top}
body.js form#new_user legend strong {background: transparent url(../images/layout/en/free_trial.png) no-repeat right top}
form#new_user legend small, form#new_user_session legend small {font-weight: normal}
 .assets-uploader {width: 720px; overflow-x: hidden}
.asset-listing, #edit-gallery-images {background-color:#eee; border:1px solid #ccc; height:15em; margin-top:1em; overflow:auto; padding:0.75em 10px}
#edit-gallery-images {height: 34em; overflow: auto; margin-top: 1.5em}
form.image-descriptions, form.image-descriptions fieldset {margin-bottom: 0 !important; padding-bottom: 0 !important}
form.image-descriptions input.text {width: 148px; background-color: transparent; margin: 0 0 3px !important; color: #333; font-size: 1.2em; font-weight: bold; border: none; padding-top: 3px; padding-left: 4px; padding-bottom: 0; font-family: Helvetica, Arial, sans-serif}
form.image-descriptions .quiet {padding-left: 5px; color: #ccc}
form.image-descriptions input.focus {color: #666; border: 1px solid #222}
form.image-descriptions input#asset_description {margin-bottom: 1.5em !important}
form.image-descriptions .button-short {background-image: url(../../../images/layout/button_default_short.png); width: 40px}
form.image-descriptions a.remove-asset {display: block; text-indent: -9999px; padding: 0; border: none; height: 15px; width: 15px; background-image: url(../../../images/layout/button_close.png); top: 2px; right: 2px; position:absolute}
form.image-descriptions a.remove-asset:focus {outline: none}
#edit-gallery {height: 38.5em }
object.swfupload {float: left}
#simplemodal-data h3 {color: #333; line-height: 40px}
#simplemodal-data .assetifyable {padding-top: 0 !important}
#simplemodal-data .assetify h3 {float:left; margin-bottom: 0}
#simplemodal-data .assetify .input-sections {border: none}
 #gallery {position:relative; border-bottom: 1px solid #ccc; margin:1em 0 .5em; padding-top: 1em; border-top: 1px solid #666}
#gallery strong {float: left; padding-left: 5px}
 #gallery-slideshow {text-align: center; position: relative; width: 460px}
#gallery-slideshow .image-wrapper {display: block; margin: 0 auto; width: 450px; height: 455px; line-height: 455px; padding: 5px 5px 0 5px; overflow: hidden; background-color: #000; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: block}
#gallery-slideshow .image-wrapper a , #gallery-slideshow .image-wrapper img {margin: 0; padding: 0; border: none; line-height: 0; font-size: 0; vertical-align: middle}
#gallery-slideshow a {border: none}
 #gallery-caption {clear: both}
#gallery-caption p.caption {color: #666; padding-top: .5em; height: 16px; padding-right: 5px}
#gallery-caption p.caption span {padding-left: 20px; float: right; background: transparent url(../../../images/layout/comment_icon.png) no-repeat left center}
 #gallery-thumbs .bottom.pagination {display: block; position:relative; width:460px; border-top: 1px solid #ccc; padding: .5em 0 0 0}
#gallery-controls {position: relative}
#gallery-controls .ss-controls a {display: block; float: right; border: none; padding-right: 20px; height: 15px; background: transparent url(../images/layout/slideshow_pagination_only_play_button.png) no-repeat right bottom !important}
#gallery-controls .ss-controls a.pause {background-image: url(../images/layout/slideshow_pagination_only_pause_button.png) !important}
.nav-controls a.next, .nav-controls a.prev, .pagination a.gallery-pager-next, .pagination a.gallery-pager-prev {display: block; position: absolute; width: 15px; height: 30px; text-indent: -9999px; border: none; background: transparent no-repeat}
.nav-controls a.next:focus, .nav-controls a.prev:focus, .pagination a.gallery-pager-next:focus, .pagination a.gallery-pager-prev:focus {outline: none}
.pagination a.gallery-pager-next, .nav-controls a.next {background: transparent url(../../../images/layout/button_gallery_pagination_next.png) no-repeat}
.pagination a.gallery-pager-next {top: -70px; right: -10px}
.nav-controls a.next {top: 245px; right: -5px; z-index: 2002}
.pagination a.gallery-pager-prev, .nav-controls a.prev {background: transparent url(../../../images/layout/button_gallery_pagination_prev.png) no-repeat}
.pagination a.gallery-pager-prev {top: -70px; left: -5px}
.nav-controls a.prev {top: 245px; left: -5px; z-index: 2001}
 #gallery-thumbs {position: relative}
ul.thumbs {list-style: none; margin: 0; width: 480px; overflow: hidden; height: 100px; overflow: hidden}
ul.thumbs:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
ul.thumbs {display: inline-block;}
 ul.thumbs li {padding: 0; width: 100px; margin-right: 20px; float: left}
ul.thumbs li a {border: none}
 #gallery-loading {width: 460px; height: 460px; background: transparent url(../images/layout/loading_indicator_default.gif) no-repeat center center}
  #container {position: relative; padding-bottom: 7.5em;  background: transparent url(../images/layout/container_dropshadow_top_tiled.png) repeat-x top}
 #content-container {background: #fff}
 #content {margin: 0 auto; width: 1060px; padding: 2.5em 20px 5em 20px;  }
#content p.join-banner {padding: 0}
body.en #content p.join-banner a, #content p.join-banner a {background: transparent url(../images/content/banners/banner_1100_90_en.png) no-repeat scroll center top; height: 90px; margin-left: -20px; padding: 0; position: relative; text-indent: -9999px; width: 1100px}
body.fi #content p.join-banner a {background: transparent url(../images/content/banners/banner_1100_90_fi.png) no-repeat scroll center top}
 #footer {clear:both; display: block;  height:5em; margin:-8em auto 0; overflow:hidden; padding: 1.5em 20px 1.5em 20px; width: 1060px; background: #292929 url(../images/layout/footer_logo_symbol.png) no-repeat 1040px 30px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; z-index: 999; position: relative}
#footer ul#footer-navigation {margin-bottom: .5em}
#footer ul#footer-navigation li {display: inline; padding: 0 10px 0 0; margin: 0 5px 0 0; background: transparent url(../images/layout/footer_nav_divider.gif) no-repeat right center}
#footer ul#footer-navigation li.last {background: none; padding: 0 10px 0 0 !important }
#footer ul#footer-navigation li a {color: #fff; border: none}
#footer ul#footer-navigation li a:hover {color: #ccc; border-bottom: 1px solid #ccc}
 #footer select.language-select {float: left; margin-right: 10px !important}
#footer ul.language-selection {background-color: #444; -moz-border-radius: 2px; -webkit-border-radius: 2px}
 #footer ul#sub-navigation {background-color: #444; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: .5em 5px; margin: 0; float: left}
#footer ul#sub-navigation li {display: inline; border-right: 1px solid #e8e8e8; padding: 0 10px}
#footer ul#sub-navigation li.last {border: none; padding: 0 10px !important}
#footer ul#sub-navigation li a {color: #e8e8e8; border: none}
#footer ul#sub-navigation li a:hover {color: #ccc; border-bottom: 1px solid #ccc}
  body.js #notifications {display: none}
 .loading {padding-left: 30px; height: 30px; line-height: 30px; display: block; float: left; background: transparent url(../images/layout/loading_indicator_default.gif) no-repeat left center}
.discussion-actions .loading {margin: 0 0 10px 45px; background: transparent url(../images/layout/loading_indicator_default_vlgray.gif) no-repeat left center}
.discussion-actions .loading {margin: 0 0 10px 45px; background: transparent url(../images/layout/loading_indicator_default_vlgray.gif) no-repeat left center}
.editable .loading {background: transparent url(../images/layout/loading_indicator_default_byellow.gif) no-repeat left center}
 ul.discussion {margin-right: 0; list-style: none}
ul.discussion li {padding: 1.4em 0 1em 20px; margin: 0 0 0; clear: both; position: relative; border-top: 1px solid #eee}
ul.discussion li.odd {background-color: #f6f6f6}
 ul.discussion li img.user-icon {float: left}
 ul.discussion li div {padding-left: 60px}
 ul.discussion li small {display: block; margin-bottom: .5em}
ul.discussion li small img {vertical-align: sub}
 ul.discussion li p {padding: 0 120px 0 0}
 .pagination-container {padding: 1em 0 1em 5px; border-top: 1px solid #ccc}
.pagination-container small {float: left}
.pagination-container .pagination {float: right}
.pagination span, .pagination a {display:block; text-indent: -9999px; margin-right: 5px; float: left; width: 12px; border: none; height: 12px; background: transparent url(../images/layout/pagination_page_button.png) no-repeat center bottom}
.pagination span.gap {background: none; text-indent: 0}
.pagination a:active, .pagination a:focus {outline: none}
.pagination span.current {background-position: center top !important}
.pagination .prev_page, .pagination .next_page {display: none}
 .widget {}
.widget-loading {background: transparent url(../images/layout/loading_indicator_default.gif) no-repeat right top}
.widget-error {background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; margin-bottom: 2em; height: 4em; line-height: 4em; text-align: center}
 .widget ul {list-style: none; margin: 0}
.widget ul li {border-bottom: 1px solid #eee; padding: .5em 10px .5em 5px; width: 100%}
.widget ul li a {border: none}
.widget ul li a:hover {color: #a00}
.widget ul li strong {display: block; color: #222}
.widget ul li a:hover strong {color: #a00}
.widget ul li img {}
.widget ul li div {}
.widget .pagination-container {width: 100%}
 body.js .tab-content {border-top: 1px solid #ccc; clear: both; padding-top: 2em; width:100%}
ul.tabs-nav {display: none; padding-bottom: 5px}
body.js ul.tabs-nav {display: block; float: right; margin: 0; list-style: none}
body.js ul.tabs-nav li {padding: 0; margin-left: 5px; float: left; display: block}
body.js ul.tabs-nav li a {background: #f6f6f6; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: block; height: 30px; width: 100px; border: none; color: #333; font-weight: bold; line-height: 30px; padding:0; float: left; text-align: center}
body.js ul.tabs-nav li a:hover {background-color: #ccc}
body.js ul.tabs-nav li.selected a {-moz-border-radius: none; -webkit-border-radius: none; color: #fff; background: #222}
body.js ul.tabs-nav li.selected a:hover {color: #a00}
  ul.profiles {list-style: none; margin-right: 0}
ul.profiles li {margin: 0 20px 1em 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee; position: relative}
ul.profiles li:hover {border-color: #a00}
ul.profiles-all li {float: left; width: 250px}
ul.profiles li.last {margin: 0 0 1em 0 !important; padding: 0 0 10px 0 !important}
ul.profiles-icons li, ul.profiles-recent li, ul.profiles-all li.first-row {-moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccc; padding: 5px; width: 238px; float: left}
ul.profiles-icons li span, ul.profiles-recent li span, ul.profiles-all li.first-row span {background: transparent url(../../images/layout/arrow_forward.gif) no-repeat 98% center}
ul.profiles-icons li.last, ul.profiles-recent li.last, ul.profiles-all li.first-row.last {padding: 5px !important}
ul.profiles li a {border: none}
ul.profiles li img.user-icon {float: left; margin-right: 10px}
 ul.profiles li em {display: none}
ul.profiles li.hct em, ul.profiles li.icon em {display: block; text-indent: -9999px; width:42px; height: 42px; position: absolute; top: -1px; right: -1px; z-index: 100}
ul.profiles li.hct em {background: transparent url(../../images/layout/profile_type_hct_icon.png) no-repeat}
ul.profiles li.icon em {background: transparent url(../../images/layout/profile_type_icon_icon.png) no-repeat}
ul.profiles li a strong {color: #333; display: block}
ul.profiles li a:hover strong {color: #a00}
ul.profiles li a span {color: #666; display: block; padding-left: 5px}
 ul.profiles li a span img {vertical-align: middle}
 #header #main-lift.profile-owner {background: #000; margin-bottom: 0; padding: 1.5em 15px; height: auto; color: #fff; clear: both; width: 100%; position: relative}
#header #main-lift.profile-owner h2 {color: #F5F5F5; display: block; font-size: 3em; height: auto; margin: 0; text-indent: 0; line-height: .5em}
#header #main-lift.profile-owner h2 img {vertical-align:middle; margin: 0 10px .25em 0}
#header #main-lift.profile-owner em {display:none}
#header #main-lift.profile-owner em.icon {-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent url(../../images/layout/hct_icon_logo.png) no-repeat scroll 0 0; display: block; height: 110px; position: absolute; right: 20px; text-indent: -9999px; top: -35px; width: 65px}
#header #main-lift.profile-owner a {margin: -1em 0 0 75px; display: block; color: #ccc; float: left; border-color: #ccc}
 #comments-container {clear: both; padding-top: 2em}
#comments-container h3 {border-top: 1px solid #666; padding-top: 2em}
ul#comments {list-style: none; margin-right: 0; border-bottom: 1px solid #ccc; margin-bottom: 2em}
body#comments ul#comments {width: 700px}
ul#comments li {clear: left; padding:1em 0 0; border-top: 1px solid #eee; margin-top: 1em}
ul#comments li img.user-icon {float: left; margin:0 10px 1em 0}
ul#comments li div.comment-container {margin:0 0 1em 0; padding-left: 60px}
ul#comments li div.comment-body {margin: 0; padding: 0; text-indent: 0}
#comments-container textarea {width: 390px; float: right}
#comments-container .form-actions {padding-left: 60px !important; margin-bottom: 2em !important; clear: both}
strong.commenter-data {margin-left: 10px}
 .button, .button-fixed, .button-wide, .slideshow ul li a, .slideshow a.play, #main-navigation li a, h1 a {outline: none !important}
.button:focus, .button-fixed:focus, .button-wide:focus, .slideshow ul li a:focus, .slideshow a.play:focus, #main-navigation li a:focus, h1 a:focus {outline: none !important}
  .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}