body.oranssi div.navpathcontainer span a, body.oranssi div.app1 a, body.oranssi p a, body.oranssi div.token a, body.oranssi div.contactinfo a, body.oranssi div.sidemenucontainer ul li.level1-onpath a.level1, body.oranssi div.sidemenucontainer ul li li a.here, body.oranssi div.sidemenucontainer ul li li a:hover { color: #e58c35 !important } body.oranssi { background: transparent url(./oranssi/topbar-oranssi.gif) repeat-x } body.oranssi div.Hd { background: transparent url(./oranssi/topimg-oranssi.gif) no-repeat 0 0 } body.oranssi #SearchPageForm input.go { background:transparent url(./oranssi/button-oranssi.gif) repeat-x scroll 0 0 } body.oranssi #SearchPageForm input.go:hover { background: #a95c10 } body.oranssi div#language { background-color: #fbecdc; border: 1px solid #a95c10 } body.oranssi div#language a:hover { background: #e58c35 } body.oranssi div#language a.selected { background: #e2b385 } body.oranssi p#language_trigger { background: transparent url(./oranssi/language-oranssi.gif) no-repeat scroll left bottom } body.oranssi .topmenucontainer ul li.level1-onpath a { background: transparent url(./oranssi/selected-oranssi.gif) repeat-x !important } body.oranssi .topmenucontainer ul li.level1-onpath a span, body.oranssi .topmenucontainer ul li.level1-onpath a:hover span { background: transparent url(./oranssi/selected-arrow-oranssi.gif) no-repeat scroll center 45px !important } body.violetti div.navpathcontainer span a, body.violetti div.app1 a, body.violetti p a, body.violetti div.token a, body.violetti div.sidemenucontainer ul li.level1-onpath a.level1, body.violetti div.sidemenucontainer ul li li a.here, body.violetti div.sidemenucontainer ul li li a:hover { color: #a90061 !important } body.violetti div.contactinfo a { color: #e75eac !important } body.violetti { background: transparent url(./violetti/topbar-violetti.gif) repeat-x } body.violetti div.Hd { background: transparent url(./violetti/topimg-violetti.gif) no-repeat 0 0 } body.violetti #SearchPageForm input.go { background:transparent url(./violetti/button-violetti.gif) repeat-x scroll 0 0 } body.violetti #SearchPageForm input.go:hover { background: #a90061 } body.violetti div#language { background-color: #ffe5f4; border: 1px solid #a90061 } body.violetti div#language a:hover { background: #a90061 } body.violetti div#language a.selected { background: #cf93b5 } body.violetti p#language_trigger { background: transparent url(./violetti/language-violetti.gif) no-repeat scroll left bottom } body.violetti .topmenucontainer ul li.level1-onpath a { background: transparent url(./violetti/selected-violetti.gif) repeat-x !important } body.violetti .topmenucontainer ul li.level1-onpath a span, body.violetti .topmenucontainer ul li.level1-onpath a:hover span { background: transparent url(./violetti/selected-arrow-violetti.gif) no-repeat scroll center 45px !important } body.sininen div.navpathcontainer span a, body.sininen div.app1 a, body.sininen p a, body.sininen div.token a, body.sininen div.sidemenucontainer ul li.level1-onpath a.level1, body.sininen div.sidemenucontainer ul li li a.here, body.sininen div.sidemenucontainer ul li li a:hover { color: #007ab8 !important } body.sininen div.contactinfo a { color: #28a6e6 !important } body.sininen { background: transparent url(./sininen/topbar-sininen.gif) repeat-x } body.sininen div.Hd { background: transparent url(./sininen/topimg-sininen.gif) no-repeat 0 0 } body.sininen #SearchPageForm input.go { background:transparent url(./sininen/button-sininen.gif) repeat-x scroll 0 0 } body.sininen #SearchPageForm input.go:hover { background: #004467 } body.sininen div#language { background-color: #dff0f9; border: 1px solid #004467 } body.sininen div#language a:hover { background: #007ab8 } body.sininen div#language a.selected { background: #7db1cc } body.sininen p#language_trigger { background: transparent url(./sininen/language-sininen.gif) no-repeat scroll left bottom } body.sininen .topmenucontainer ul li.level1-onpath a { background: transparent url(./sininen/selected-sininen.gif) repeat-x !important } body.sininen .topmenucontainer ul li.level1-onpath a span, body.sininen .topmenucontainer ul li.level1-onpath a:hover span { background: transparent url(./sininen/selected-arrow-sininen.gif) no-repeat scroll center 45px !important } body.okra div.navpathcontainer span a, body.okra div.app1 a, body.okra p a, body.okra div.token a, body.okra div.sidemenucontainer ul li.level1-onpath a.level1, body.okra div.sidemenucontainer ul li li a.here, body.okra div.sidemenucontainer ul li li a:hover { color: #e4a800 !important } body.okra div.contactinfo a { color: #eeaf00 !important } body.okra { background: transparent url(./okra/topbar-okra.gif) repeat-x } body.okra div.Hd { background: transparent url(./okra/topimg-okra.gif) no-repeat 0 0 } body.okra #SearchPageForm input.go { background:transparent url(./okra/button-okra.gif) repeat-x scroll 0 0 } body.okra #SearchPageForm input.go:hover { background: #b78700 } body.okra div#language { background-color: #faf4e2; border: 1px solid #b78700 } body.okra div#language a:hover { background: #e4a800 } body.okra div#language a.selected { background: #dec786 } body.okra p#language_trigger { background: transparent url(./okra/language-okra.gif) no-repeat scroll left bottom } body.okra .topmenucontainer ul li.level1-onpath a { background: transparent url(./okra/selected-okra.gif) repeat-x !important } body.okra .topmenucontainer ul li.level1-onpath a span, body.okra .topmenucontainer ul li.level1-onpath a:hover span { background: transparent url(./okra/selected-arrow-okra.gif) no-repeat scroll center 45px !important } body.pinkki div.navpathcontainer span a, body.pinkki div.app1 a, body.pinkki p a, body.pinkki div.token a, body.pinkki div.contactinfo a, body.pinkki div.sidemenucontainer ul li.level1-onpath a.level1, body.pinkki div.sidemenucontainer ul li li a.here, body.pinkki div.sidemenucontainer ul li li a:hover { color: #d93d7e !important } body.pinkki { background: transparent url(./pinkki/topbar-pinkki.gif) repeat-x } body.pinkki div.Hd { background: transparent url(./pinkki/topimg-pinkki.gif) no-repeat 0 0 } body.pinkki #SearchPageForm input.go { background:transparent url(./pinkki/button-pinkki.gif) repeat-x scroll 0 0 } body.pinkki #SearchPageForm input.go:hover { background: #b9336b } body.pinkki div#language { background-color: #fadde9; border: 1px solid #b9336b } body.pinkki div#language a:hover { background: #d93d7e } body.pinkki div#language a.selected { background: #d888a9 } body.pinkki p#language_trigger { background: transparent url(./pinkki/language-pinkki.gif) no-repeat scroll left bottom } body.pinkki .topmenucontainer ul li.level1-onpath a { background: transparent url(./pinkki/selected-pinkki.gif) repeat-x !important } body.pinkki .topmenucontainer ul li.level1-onpath a span, body.pinkki .topmenucontainer ul li.level1-onpath a:hover span { background: transparent url(./pinkki/selected-arrow-pinkki.gif) no-repeat scroll center 45px !important } 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, 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; } button { margin: 1em 0; } div.plugin-chatroom div#leave-chat button:hover, button:hover { background-image: none; } div.plugin-chatroom div.chat-action { position: absolute; top: 0px; right: 0px; } div.plugin-chatroom div.chat-action a.button { display: block !important; background: #3A6331 url(button.gif) repeat-x 0 0; font-size: 11px; color: #ffffff; height: 23px; padding: 3px 9px 0px 9px; text-transform: uppercase; text-decoration: none; } div.plugin-chatroom div.chat-action a.button:hover { background-image: none; text-decoration: none !important; } 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 13px; 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#content div#content-main div.plugin-chatroom div#log-area ul#chat-log { margin: 0px; padding: 5px 5px 0px; list-style: none; height: 380px; overflow: auto; } div#content div#content-main 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#content div#content-main div.plugin-chatroom div#chat-authors ul { list-style: none; margin: 0; padding: 0; } div#content div#content-main div.plugin-chatroom div#chat-authors ul li { position: relative; display: inline-block; 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 { margin: 0; padding: 0; list-style: none; } .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; } .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; } div.plugin-chatlist { font-size: 14px; } .plugin-chatlist ul { list-style: none !important; margin: 0 0 1em !important; padding: 0 !important; overflow: hidden; } .plugin-chatlist ul .duration { font-weight: bold; } .plugin-chatlist ul li { float: left; display: block; width: 192px; padding: 7px 10px !important; margin: 0 10px 10px 0 !important; border: 1px solid #efefef; } .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; } .ui-datepicker { width: 200px !important; } a.button { display: inline-block; background: #3A6331 url(button.gif) repeat-x 0 0; font-size: 11px; color: #ffffff; height: 23px; padding: 3px 9px 0px 9px; text-transform: uppercase; text-decoration: none; } a.button:hover { background-image: none; text-decoration: none !important; } .ui-widget-content a.button { color: #ffffff; } div#content div#content-main { position: relative; } div#login-info { position: absolute; top: 30px; right: 5px; } .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#content div#content-main div.token-Content div.content-container ul.ui-tabs-nav { margin: 0; height: 34px; } #registrationform { width: 300px; } #registrationform input { width: 100%; } #registrationform fieldset input { width: auto; } #registrationform fieldset { border: 0 none; margin: .5em 0 .5em; padding: 0; } #registrationform legend { padding: 0; font-size: 13px; font-weight: bold; } input { padding: 5px 6px; border: 1px solid #cccccc; } 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; } iframe { background: transparent; }