body { margin: 0; padding: 0; font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 0.875em; color: #444; background: transparent; } input, textarea, select { font-family: Arial, Helvetica, Verdana, Sans-serif; } a { color: #439BCF; } a:hover { color: #3087BB; } h1, h2, h3, h4 { font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; } h1 { margin: 1.5em 0 1em; font-size: 1.71em; font-weight: normal; letter-spacing: -1px; } h2 { margin: 0 0 .5em; font-size: 1.43em; font-weight: normal; letter-spacing: -1px; } h3 { margin: 0 0 .5em; font-size: 1.143em; font-weight: normal; } h4 { margin: 0; font-size: 1em; font-weight: bold; } ul { margin: 0 0 1em 0; padding: 0; list-style: disc inside; } ul li { color: #565656; margin: 0 0 5px 0; padding: 0; } p, div.contents { margin: 0 0 1em 0; } header, section, article, aside, nav, footer { display: block; padding: 0; margin: 0; } section, article { margin: 0 0 1em 0; } input[type="submit"], button, a.button { display: inline-block; background-color: #3A6331; font-size: 11px; color: #ffffff; padding: 7px 9px 6px 9px; margin: 0; text-transform: uppercase; cursor: pointer; border: 1px solid #ededed; border-radius: 5px; } input[type="submit"]:hover, button:hover, a.button:hover { background-color: #457142; border-color: #cccccc; } input[type="submit"].savedraft, input[type="submit"].savepublished { background-color: #ff6600; } input[type="submit"].savedraft:hover, input[type="submit"].savepublished:hover { background-color: #ff9900; } input[type="submit"].inactive, input[type="submit"].sent { background-color: #cccccc; color: #000000; } input[type="submit"].inactive:hover, input[type="submit"].sent:hover { border-color: #999999; background-color: #dddddd; } input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="number"], textarea { padding: 5px 6px; border: 1px solid #cccccc; border-radius: 3px; } input[type="checkbox"] + label, input[type="radio"] + label { border: 1px solid transparent; border-radius: 3px; display: inline-block; font-size: .9em !important; padding: 3px 5px; margin: 0 10px 0 0; } input[type="checkbox"]:checked + label, input[type="radio"]:checked + label { border-color: #9cc86b; background-color: #cffcd9; } #page { margin: 0 auto; width: 950px; overflow: hidden; } #sidebar { float: left; width: 245px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #sidebar { width: 244px; } } #sidebar.hidden { display: none; } #main-menu ul { padding: 0; margin: 0; list-style: none; } #main-content { float: right; width: 662px; } #main-content.full-width { width: 900px; } #main-content:after { display: block; clear: both; } #site-path { padding: 2px 0 6px; border-bottom: 1px solid #ddd; margin-bottom: 1em; font-size: 0.786em; } .loggedin #site-path { margin-bottom: 3em; } #site-path ul { margin: 0; padding: 0; list-style: none; } #site-path ul li { display: inline; } #site-path ul li:after { padding: 0 7px; content: " » "; } #site-path ul li.active:after { content: ""; } #site-path ul li a { text-decoration: none; } #site-path ul li.active a { color: #444; } #site-path ul li.active a:hover { text-decoration: none; color: #444; } #main-menu { font-size: 0.86em; font-weight: bold; border-top: 1px solid #cdcdcd; } #main-menu ul li { margin: 0; } #main-menu ul li a { text-decoration: none; display: block; color: #6e6e6e; position: relative; } #main-menu ul li a.level1 { padding: 8px 30px 8px 10px; border: 1px solid #cdcdcd; border-left-color: transparent; border-top-color: #fcfcfc; } #main-menu ul li a.level1:after { content: " » "; font-weight: normal; right: 14px; top: 5px; display: block; position: absolute; } #main-menu ul li a.level1:hover { background-color: #cdcdcd; border-top-color: #cdcdcd; color: #ffffff; } #main-menu ul li.active a, #main-menu ul li.active a.level1:hover { color: #6ab539; } #main-menu ul li.active a.level1 { border-color: #fcfcfc; background-color: #fcfcfc; } #main-menu ul li ul { font-size: 0.917em; font-weight: normal; padding: .7em 0 .2em; border-bottom: 1px solid #cdcdcd; } #main-menu ul li ul li { padding-bottom: .5em; } #main-menu ul li.active ul li a { color: #6e6e6e; padding: 0 0 0 30px; } #main-menu ul li.active ul li.active a { color: #6ab539; font-weight: bold; } #main-menu ul li.active ul li a:hover { color: #6ab539; } div.liftmodule {overflow: hidden;} div.chat-group { } div.chat-group ul { margin: 12px 5px; padding: 0; list-style: none; } div.chat-group ul li { margin: 0; padding: 0 0 16px; list-style: none; } div.chat-group ul li p { padding: 0 0 1em; margin: 0; } div.chat-group ul li span.date { display: block; padding: 0 0 8px; } div.chat-group p.alternative, div.liftmodule p.alternative { padding: 12px 5px; margin: 0; } div.plugin-chatroom div#join-chat button { } div.plugin-chatroom div#join-chat label { display: block; padding-left: 3px; margin-bottom:10px; font-weight: bold; } div.plugin-chatroom div.header { position: relative; padding-bottom: 15px; } div.plugin-chatroom div#leave-chat { position: absolute; bottom: 10px; right: 0; } div.plugin-chatroom div#leave-chat button { display: block !important; background: #3A6331 url(button.gif) repeat-x 0 0; font-size: 11px; color: #ffffff; padding: 6px 9px 5px 9px; margin: 0; text-transform: uppercase; cursor: pointer; border: 0px none; } input#faq-question-search { width: 90%; } #question-comments ul { list-style: none; } #faq-link-selection ul:last-child { margin-top: 1em !important; } #linked-questions ul, #question-areas ul { margin: 0; padding: 0; list-style: none; } #linked-questions li { display: inline-block; margin: 0 8px 4px 0; border: 1px solid #dddddd; border-radius: 3px; padding-right: 5px; } #question-areas li { display: inline-block; margin: 0 0 4px 0; } #linked-questions li:hover { border-color: #bbbbbb; } #linked-questions li label { display: block; position:relative; border: 0px none; padding-right: 18px; background-color:transparent; max-width: 180px; white-space: nowrap; overflow: hidden; cursor: pointer; margin: 0px; } #linked-questions li label:after { content: " "; background: transparent url(../jquery/ui-south-street/images/ui-icons_cd0a0a_256x240.png) no-repeat -96px -128px; position: absolute; top: 50%; right: 0px; height: 16px; width: 16px; margin: -8px 0 0 0; } #linked-questions li input[type="checkbox"] { display: none; } fieldset { border: 0px none; padding: 0; } select { padding: 3px 5px; border: 1px solid #cccccc; border-radius: 3px; } #answer-form .line { margin: 0 0 1em; } #answer-form label { font-size: 1em; } .noscript #answer-form article header, .noscript #answer-form #edited-question header, .noscript #answer-form #answer-input { position: relative; } #answer-form article header .edit-question { display: block; position: absolute; right: 42px; top: 2px; font-size: .8em; } #answer-form article header .description span, #answer-form #edited-question header .description span { display: inline-block; background-color: #fff; color: #444; font-weight: bold; padding: 5px 10px; border: 1px solid #ddd; border-bottom: 0px none; border-radius: 3px 3px 0px 0px; line-height: normal; position: relative; top: 1px; } #answer-form article header h2 { margin: 0; padding: 1em 15px; border: 1px solid #ddd; border-bottom: 0px none; border-radius: 0px 3px 0px 0px; } .usescript #answer-form header .description { display: none; } #answer-form article p { padding: 0 15px 1em; border: 1px solid #ddd; border-top: 0px none; border-radius: 0px 0px 3px 3px; } #answer-form #original-question { font-size: .93em; } #answer-form .ui-widget, #answer-form .ui-widget-content, #answer-form .ui-widget-header, #answer-form .ui-tabs { background: none; border: none; padding: 0; } #answer-form .ui-tabs .ui-tabs-nav li a { background-color: #ccc; color: #fff; font-weight: bold; font-size: 0.87em; padding: 5px 10px; border-radius: 3px 3px 0px 0px; } #answer-form .ui-tabs-nav { height: 30px; } #answer-form .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color: #fff; } #answer-form .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-color: #fff; color: #444; } #answer-form .ui-tabs .ui-tabs-nav li { border: 1px solid #ddd; border-bottom: 0px none; border-radius: 3px 3px 0px 0px; background: none; margin: 0 3px 0 0 !important; } .noscript #answer-form #original-question, .noscript #answer-form #edited-question { float: left; width: 47%; margin-right: 3%; } .usescript #answer-form #question-content { float: left; width: 47%; margin-right: 3%; } .noscript #answer-form #answer-input { clear: left; } #answer-form #answer-input { float: left; width: 49%; } #answer-form #answer-input h2 { display: inline-block; margin: 0; background-color: #ffffff; color: #444; font-weight: bold !important; letter-spacing: normal !important; font-size: 0.93em; padding: 5px 10px; border: 1px solid #ddd; border-bottom: 0px none; border-radius: 3px 3px 0px 0px; line-height: normal; position: relative; top: 1px; } #answer-form #answer-input .content, #answer-form #edited-question .content { margin: 0 0 1em; padding: 1em 15px; border: 1px solid #ddd; border-radius: 0px 3px 3px 3px; } #answer-form #answer-input .content textarea, #answer-form #edited-question .content textarea, #answer-form #answer-input .content input[type="text"], #answer-form #edited-question .content input[type="text"] { width: 94%; } #mask { position: absolute; z-index: 9000; background-color: #000000; display: none; } .modal-window { position: fixed; width: 400px; height: 300px; z-index: 9999; padding: 1em 15px; background-color: #ffffff; border-radius: 12px; } .modal-window textarea, .modal-window input[type="text"] { width: 360px; } div.plugin-chatroom div#leave-chat button:hover, button:hover { background-image: none; } div.plugin-chatroom div.chat-action { position: absolute; top: 40px; right: 0px; } div.plugin-chatroom div.message { border: 2px solid #dc9999; background-color: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 8px 15px; margin: 10px 0; } div.plugin-chatroom div.chat-info { overflow: hidden; } div.plugin-chatroom div.chat-info div.openhours { float: left; width: 320px; } div.plugin-chatroom div.chat-info div.additional-info { float: left; width: 350px; } div.plugin-chatroom div#chat-area { border: 1px solid #d1c8c8; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 7px 6px; background-color: #e4e4da; } div.plugin-chatroom div#chat-area div.content { border: 1px solid #d9d1d1; overflow: hidden; background-color: #ffffff; } div.plugin-chatroom div#chat-area div.sub-content { overflow: hidden; } div.plugin-chatroom div.content div.header { padding: 4px 10px 8px; height: 18px; font-size: 1em; font-weight: bold; color: #000000; background-color: #efefef; border-bottom: 1px solid #ededed; } div.plugin-chatroom div.content div.header input[type="checkbox"] { margin: 3px 7px 0px 4px; } div.plugin-chatroom div#log-area { } div.plugin-chatroom div#log-area div.header label { padding-bottom: 2px; } div.plugin-chatroom div#log-area ul#chat-log { margin: 0px; padding: 5px 5px 0px; list-style: none; height: 380px; overflow: auto; } div.plugin-chatroom ul#chat-log li { border-bottom: 3px solid #ffffff; padding: 10px 16px 14px; } div.plugin-chatroom ul#chat-log li.odd { background-color: #f4f4f0; } div.plugin-chatroom ul#chat-log li.warning { background-color: #fff08d; } div.plugin-chatroom ul#chat-log li.error { background-color: #f5a9a9; } div.plugin-chatroom ul#chat-log li span.info, div.plugin-chatroom ul#chat-log li span.message { display: block; padding: 0 0 4px; color: #03546e; } div.plugin-chatroom ul#chat-log li span.info { color: #1fb8cf; font-weight: bold; } div.plugin-chatroom ul#chat-log li span.info span { padding: 0px 10px 0px 0px; } div.plugin-chatroom ul#chat-log li.role-1 span.info, div.plugin-chatroom ul#chat-log li.role-2 span.info { color: #ff3d10; } div.plugin-chatroom ul#chat-log li.warning span.info, div.plugin-chatroom ul#chat-log li.notice span.info, div.plugin-chatroom ul#chat-log li.error span.info { color: #7f7f7f; font-style: italic; font-weight: normal; } div.plugin-chatroom div#chat-authors { background-color: #ffffff; } div.plugin-chatroom div#chat-authors ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } div.plugin-chatroom div#chat-authors ul li { position: relative; display: block; float: left; padding: 3px 20px 3px 32px; } div.plugin-chatroom div#chat-authors ul li span.icon { position: absolute; width: 16px; height: 16px; left: 8px; top: 5px; background: transparent url(chat_icons.png) no-repeat left -1px; } div.plugin-chatroom div#chat-authors ul li.idle span.icon, div.plugin-chatroom div#chat-authors ul li.status-1 span.icon { background-position: left -38px; } div.plugin-chatroom div#chat-authors ul li span.warning { position: absolute; width: 16px; height: 16px; right: 37px; top: 5px; background: transparent url(chat_icons.png) no-repeat left -110px; } div.plugin-chatroom div#chat-authors ul li strong { font-weight: normal; } div.plugin-chatroom div#chat-authors ul li a.warn { display: none; } div.plugin-chatroom div#chat-authors ul li a.block { display: none; } div.plugin-chatroom div#chat-authors ul li a { cursor: pointer; } div.plugin-chatroom div#chat-authors ul li a span { display: none; } div.plugin-chatroom div.content div#user-input { clear: both; } div.plugin-chatroom div.content div#user-input textarea#write { width: 100%; height: 73px; padding: 5px 8px; margin: 0; border: 1px solid #ffffff; border-top: 0px solid #ffffff; display: block; background-color: transparent; } .appointment-list ul { list-style: none; overflow: hidden; } .appointment-list ul li { display: block; overflow: hidden; position: relative; margin-bottom:2px; } .appointment-list ul li .date { width: 170px; } .appointment-list ul li .description { width: 190px; } .appointment-list ul li .button { position: absolute; top: 0px; right: 10px; } .plugin-appointment-enrollment .appointment-list ul li .actions { position: absolute; right: 15px; top: 10px; } .plugin-appointment-enrollment .appointment-list ul li { border: 1px solid #E7E7E7; display: block; float: left; margin: 0 10px 5px 0 !important; overflow: hidden; padding: 10px 15px !important; position: relative; width: 280px; } .plugin-chatlist ul { list-style: none; margin: 0 0 1em; padding: 0; overflow: hidden; } .plugin-chatlist ul .duration { font-weight: bold; } .plugin-chatlist ul li { float: left; display: block; width: 190px; padding: 9px 12px 10px 10px; margin: 0 10px 10px 0; border: 1px dashed #dcdcdc; } .plugin-chatlist ul li:nth-child(n+3) { margin-right: 0 !important; } .appointment-list ul li span.ui-icon { padding: 0; } .appointment-list ul li span.ui-icon span { display: none; } .appointment-list ul li span { display: block; padding: 2px; } .plugin-appointment-manager .appointment-list ul { list-style: none !important; } .plugin-appointment-manager .appointment-list ul li { min-height: 30px; border-bottom: 1px solid #efefef; } .plugin-appointment-manager .appointment-list ul li span { float: left; } .plugin-appointment-manager .appointment-list ul li span.icons { left: 430px; position: absolute; top: 5px; } .plugin-appointment-manager .appointment-list ul li span.actions { position: absolute; right: 10px; top: 0; } .plugin-appointment-manager .appointment-list ul li span.actions .button { position: static; } .plugin-appointment-manager .ui-tabs .ui-tabs-panel { padding: 1em 14px; } #appointment-manager-tabs-add .field { float: left; } #main-content .ui-tabs .ui-tabs-nav { padding: 0; } .ui-datepicker { width: 200px !important; } a.button { text-decoration: none; } a.button:hover { text-decoration: none; } a.button.inactive { background-color: #cccccc; color: #333; } a.button.inactive:hover { background-color: #bbbbbb; } .ui-widget-content a.button { color: #ffffff; } #login-info { position: absolute; top: 22px; right: 0px; border: 1px solid #DDD; padding: 8px 12px; border-radius: 0 0 5px 5px; border-top: none; font-size: 0.857em; } #login-info ul li:before { padding: 0 4px; content: " | "; } #login-info ul li:first-child:before { content: " - "; } .plugin-appointment-manager { font-size: .93em; } .plugin-appointment-manager .ui-widget-content { background: transparent none; } .plugin-appointment-manager .ui-tabs { padding: 0; border: 0px none; } .plugin-appointment-manager .ui-tabs .ui-widget-content { border: 1px solid #DFD9C3; } .plugin-appointment-manager .ui-tabs .ui-tabs-nav li a { padding: 6px 1em 0px; height: 27px; } .plugin-appointment-manager .ui-widget-header { background: transparent none; border: 0px none; } div.token-Content div.content-container ul.ui-tabs-nav { margin: 0; height: 34px; } #registrationform { width: 300px; } #registrationform input[type="text"], #registrationform input[type="email"], #registrationform input[type="password"], #registrationform input[type="number"] { width: 100%; } #registrationform fieldset { margin: .5em 0 .5em; } a.more-button { cursor: pointer; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 1px 1px rgba(205, 205, 205, 0.6); -webkit-box-shadow: 0 0 1px 1px rgba(205, 205, 205, 0.6); -moz-box-shadow: 0 0 1px 1px rgba(205, 205, 205, 0.6); display: block; padding: 10px 15px; text-align: center; text-decoration: none; background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); } a.more-button:hover { border: 1px solid #999999; text-decoration: none !important; } .info-message { border-radius: 5px; padding: 8px 15px; background-color: #cccccc; color: #fff; margin-bottom: .5em; } .info-message a { color: #fff; } .failure { background-color: #dc2200; } .success { background-color: #339933; } #faq-search-form { margin: 10px 0 10px 0; } #faq-show-all-questions { display: block; margin: 25px 0 10px 0; } ul.faq-list { margin: 0; padding: 0; list-style: none !important; font-size: .93em; } ul.faq-list > li { border-top: 1px solid #dedede; padding: 1em 0; margin: 0; } ul.faq-list > li:first-child { border-top: 0px none; } .question-answer .question { margin: 0 0 1em; } .questionlist-list > ul, .questionlist-list > ul li .tags ul, .question-meta ul { list-style: none; } .questionlist-list > ul li { margin-bottom: 1em; } .questionlist-list > ul li .tags ul:before, .question-meta .tags ul:before { content: "Asiasanat: "; } .questionlist-list > ul li .tags ul li, .question-meta ul li { display: inline; } .questionlist-list > ul li .tags ul li:before, .question-meta ul li:before { content: ", "; } .questionlist-list > ul li .tags ul li:first-child:before, .question-meta ul li:first-child:before { content: ""; } .questionlist-list .meta { font-size: .85em; padding-top: 6px; } .question-meta { padding-top: 1em; } .question-meta .links { margin-bottom: 1em; } #faq-question-lists > section { border: 1px solid #dddddd; padding: 0px 15px; margin: 0 0 1.5em; } #faq-question-lists > section > p { margin-top: 1em; } .faq-admin-list .ui-widget-header, .faq-admin-list .ui-widget-content { border: 0px none; background: transparent none; } #edited-question input.question-heading { letter-spacing: -1px; font-size: 20px; color: #444444; margin-bottom: 8px; display: block; font-family: arial, sans-serif; } #question-content.ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; display: block !important; width: 300px; } #edited-question table.mceLayout { width: 100% !important; } .input-fields .line { margin-bottom: .5em; } .input-fields input[type="text"], .input-fields input[type="number"], .input-fields textarea { width: 90%; } a.block { display: block; color: #444; text-decoration: none; } a.block:hover { text-decoration: none; } .questionlist-list ul li a.block { padding: 10px 15px; border: 1px dashed #ddd; } .questionlist-list ul li a.block:hover { border-color: #999; } .questionlist-list ul li a.block h3 { margin-top: 0; color: #439bcf; } .questionlist-list ul li a.block:hover h3 { text-decoration: underline; } .questionlist-list .answer .message { padding-bottom: 1em; } #questions-and-chats { float: left; width: 47%; } #profileform { float: right; width: 47%; } .questionlist-list ul li a.block p { margin-bottom: 0 !important; } #login-info ul { padding: 0; margin: 0; list-style: none; } #login-info ul li { display: inline; } h2.tag-heading:before { content: "Listaus asiasanalla: "; } .ui-widget-overlay { opacity: 0.2; filter: Alpha(Opacity=20); cursor: pointer; } .questionlist-pagination:before { content: "Sivu: "; } a.more-button { margin-bottom: 1em; } a.more-button:hover { color: #000000; } .tag-filter { margin-bottom: 2em; } .tag-filter ul { list-style: none; overflow: hidden; } .tag-filter ul li { display: block; float: left; padding-right: 10px; } .tag-filter ul li a { display: block; padding: 6px 10px; white-space: nowrap; color: #999999; border: 1px solid #cdcdcd; border-radius: 5px; text-decoration: none; } .tag-filter ul li a:hover { border-color: #999999; color: #000; } .tag-filter ul li a.active { border-color: #3A6331; background-color: #457142; color: #ffffff; } #faq-search-form { position: absolute; right: 0; top: 50px; } .clear { clear: both; } ul li .meta { color: #999; } ul.messages-list { list-type: none; padding: 0; margin: 0 0 1em; } .messages-list li { display:block; border-bottom:1px solid #dedede; position:relative; padding:1em 0; } .messages-list .sent-time { position:absolute; right:5px; top:15px; background-color:#fff; } .messages-list li.new { border: 1px dashed #666; padding: 1em; } .messages-list .new:before { position: absolute; display: block; content: "Uusi"; top: -10px; background-color: #fff; padding: .2em; } #main-content { position: relative; } .plugin-chatroom { margin: 20px 0; }