/* 116190 */
/****** zone width ******/
div#content-main, div#content-middle { width: 680px }
div#zone-left { width: 240px }
div#zone-top { width: 680px }
div#zone-_main { width: 680px }
div.content-right-stuff div#zone-right { width: 240px }
div.content-right-stuff div#zone-_main, div.content-right-stuff div#content-middle { width: 420px }
div.sidemenucontainer,
div.sidemenucontainer ul { width: 240px }
div.page-wide div#content-main, div.page-wide div#content-middle { width: 940px }
div.page-wide div#zone-top { width: 940px }
div.page-wide div#zone-_main { width: 940px }
div.page-wide div.content-right-stuff div#zone-right { width: 465px }
div.page-wide div.content-right-stuff div#zone-_main, div.page-wide div.content-right-stuff div#content-middle { width: 465px }
/****** layout/div *****/
html {
overflow-y: scroll;
min-height: 100%;
}
body {
background: url('/sys/gtext/hgrad-450-faf9d8-f6f3b1.png') repeat-x #f6f3b1;
background: -moz-linear-gradient( top, #faf9d8 0%, #f6f3b1 450px, #f6f3b1 100%) no-repeat; /* FF3.6+ */
background: -webkit-linear-gradient(top, #faf9d8 0%, #f6f3b1 450px, #f6f3b1 100%) no-repeat; /* Chrome10+,Safari5.1+ */
background: linear-gradient( to bottom, #faf9d8 0%, #f6f3b1 450px, #f6f3b1 100%) no-repeat; /* W3C */
;
padding: 0;
margin: 0;
_background: #f6f3b1;
}
a img {
border: none;
}
hr.clear {
clear: both;
height: 1px;
visibility: hidden;
margin: 0;
}
div#main {
margin: 50px auto 20px auto;
width: 970px;
}
div#main div#header div.Hd {
width: 970px;
}
div#main div#header {
position: relative;
}
p.pageHasSubPages{
font-style: italic;
}
/* apuvalikko */
div#header div#wizhelpmenu {
position: absolute;
z-index: 3;
}
div#SearchPageForm {
position: absolute;
top: 0;
right: 0;
z-index: 3;
}
div#wizhelpmenu,
div#wizhelpmenu span.separator {
color: #4f4f4f;
}
div#wizhelpmenu span a {
color: #3086df !important;
}
/* ylavalikko */
div#main table.topmenucontainer {
}
/* sisaltoalue */
div#content-left,
div#content-main,
div.zone {
overflow: hidden;
}
div#zone-bottom {
clear: both;
}
div#content,
div#container {
min-height: 450px;
height: auto !important;
height: 450px;
}
div#content div#container {
background-color: #ffffff;
padding: 15px;
}
/* vasen sisXltXpalsta */
div#content-left {
width: 240px;
}
/* sisXltXpalstat (oletus, oikea) */
div#content-main {
float: right;
/* IE6 tuplaa marginaalit jos ei sanota kellutusta inlineksi */
_display: inline;
}
/* sisXltXpalsta (oletus) */
div#zone-_main {
}
div.content-right-stuff div#zone-_main {
}
/* sisXltXpalsta (oikea) */
div#zone-right {
float: right;
}
div#zone-right-onlyfordroppable {
position: relative;
overflow: visible;
}
div#zone-right-onlyfordroppable div.token {
position: absolute;
top: -28px;
right: 0px;
z-index: 100;
height: 18px;
width: 200px;
}
/* korjaa tokenien asettelun, jos ed. tokenissa on esim. taulukko, jolla (epavalidi) align=left) */
div.token {
clear: both;
}
/* sivuvalikon leveys */
div.sidemenucontainer {
margin-bottom: 10px;
}
div.sidemenucontainer ul
{
overflow: hidden;
}
/* footer */
div#main div#footer {
padding: 10px;
clear: both;
}
/* sisaltolistat */
ul {
padding-top: 0;
margin-top: 0;
}
/* sisXltXtaulukot */
table.visible,
table.invisible,
table.border,
table.no-border {
width: 100%;
empty-cells: show;
border-spacing: 0px;
border-collapse: collapse;
}
table.visible td,
table.border td {
padding: 3px;
vertical-align: top;
border: 1px solid #888888;
}
table.invisible td,
table.no-border td {
padding: 3px 3px 3px 0;
vertical-align: top;
}
/* sisXltXlinkit */
a {
}
a:visited {
}
a:hover {
text-decoration: underline !important;
}
div#room-menu a, div#room-menu span, div#room-menu span.separator {
color: #3086df !important;
font-size:14px;
}
/* YLEISIA */
/* kielto- yms. lukkoikonit sivuvalikossa (ja lukko ylXvalikossa) */
.topmenucontainer ul img.treemark,
.sidemenucontainer ul img.treemark {
width: 12px;
height: 12px;
border: 0;
margin-left: 3px;
vertical-align: middle;
*margin-bottom: 1px;
}
table.contentImageArea {
border-collapse: collapse;
}
table.contentImageArea td {
padding: 0;
}
/* jsc */
div.jsc-bg {
position: absolute;
left: 0;
top: 0;
z-index: 20;
}
div.jsc-holder {
position: relative;
}
div.jsc-content {
position: relative;
z-index: 40;
}
div.jsc-1 {
position: absolute;
left: 0;
top: 0;
z-index: 30;
background-repeat: no-repeat;
font-size: 1px;
}
div.jsc-2 {
position: absolute;
background-repeat: repeat-y;
z-index: 25;
left: 0;
top: 0;
}
div.jsc-3 {
position: absolute;
left: 0;
bottom: 0;
/* ie6: js:lla */
z-index: 30;
background-repeat: no-repeat;
background-position: bottom;
font-size: 1px;
}
div.content-container {
word-wrap:break-word;
}
div.content-container table.contentImageArea td,
div.content-container table td {
vertical-align: top;
}
div.content-container ul,
div.content-container ol {
overflow: hidden; padding-left: 40px; margin-left: 0; zoom: 1;
}
div.content-container li,
div.content-container li {
list-style-position: outside; padding-left: 0;
}
hr.wiz-text {
background-color: #4f4f4f;
color: #4f4f4f;
height: 1px;
border: 0;
}
.wiz-1of13-bg {
background-color: #f2f2f2;
}
.wiz-2of3 {
color: #898989;
}
/* ckeditor fix */
span.cke_toolgroup a:hover { text-decoration: none !important}
div.searchbox {
padding: 5px;
padding-right: 0;
border-radius: 2px 2px 0 0;
text-align: right;
float: right;
line-height: 20px;
padding-top: 9px;
margin-left: 4px;
height: 26px;
width: 300px;
}
div.searchbox input.keywords {
background:url(http://k2.freemore.com/public-page/img/magnifier.png?R=28442) no-repeat 5px center #fff;
border: 1px solid #ccc;
height: 15px;
font-size: 14px;
font-family: Helvetica, Arial, Sans-serif;
width: 155px;
float: right;
color: #9f9f9f;
letter-spacing: 0.04em;
padding:5px 5px 5px 30px;
border-radius:2px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
div.searchbox input.search-focus {
color: #333;
}
div.searchbox input.btn {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-webkit-border-radius:2px;
border-radius:2px;
border:1px solid #dcdcdc;
color:#444;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:bold;
padding:3px 14px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
cursor:pointer;
-moz-box-shadow: 0px 0px 1px #333;
-webkit-box-shadow: 0px 0px 1px #333;
box-shadow: 0px 0px 3px #666;
float:right;
margin:1px 2px 5px 5px;
height:24px;
}
/* klikki-banneri */
div#free-ad {
padding: 30px;
width: 910px;
margin: 0 auto;
}
div.klikki {
xtext-align: center;
padding-top: 3px;
padding-bottom: 3px;
width: 970px;
height: 90px;
margin: 0 auto;
position: relative;
}
div.klikki-textonly {
text-align: center;
width: 99%;
font: 60px Arial;
color: white;
text-shadow: 0 0 3px #000;
margin: 0 auto;
position: absolute;
left: 1px;
opacity: .3;
}
div.klikki-textonly span {
}
div.klikki iframe {
z-index: 2;
position: absolute;
left: 121px;
margin: 0 auto;
}
/* apuvalikko */
div#room-menu select:hover {
color: #000 !important;
background: #fff none no-repeat top left !important;
border: 2px solid #dddddd;
}
div#room-menu select {
margin: 0 !important;
height: auto;
font-weight: normal !important;
padding: 3px 6px 3px 6px !important;
border: 2px solid #dddddd;
background-color: #f6f6f6;
color: #000 !important;
font: 12px Helvetica, Arial, Sans-serif;
cursor: text;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div#room-menu select {
cursor: pointer !important;
}
div#room-menu span.separator {
padding-left: 4px;
padding-right: 4px;
}
/* from tiedote.dip.css */
TABLE.artikkeli {
clear: both;
height: 150px;
width: 100%;
}
TABLE.artikkeli TD {
vertical-align: top;
}
TABLE.artikkeli TD.kuvat {
padding-left: 5px; padding-right: 5px;
}
TABLE.artikkeli span.suurenna {
font-weight: bold;
display: block;
}
TABLE.artikkeli TD.tiedot P.ingressi {
font-weight: bold;
}
dl.tiedote dt div { padding-bottom: 5px; }
/* Memberdata */
table.memberdata-table {
border-collapse: collapse;
width: 100%;
}
table.memberdata-table th {
vertical-align: top;
text-align: left;
padding: 4px 18px 4px 4px;
font-weight: bold;
background-repeat: no-repeat;
background-position: center right;
background-color: #ebebeb;
font-size: 82%;
cursor: pointer;
border-right: 1px solid #d3d3d3;
}
table.memberdata-table th:hover {
background-color: #c4c4c4;
}
table.memberdata-table td {
vertical-align: top;
text-align: left;
padding: 4px 10px 4px 4px;
}
table.memberdata-table thead tr .header {
background-image: url(http://k2.freemore.com/public-page/tablesorter/bg.gif?R=28442);
}
table.memberdata-table thead tr .headerSortUp {
background-image: url(http://k2.freemore.com/public-page/tablesorter/asc.gif?R=28442);
}
table.memberdata-table thead tr .headerSortDown {
background-image: url(http://k2.freemore.com/public-page/tablesorter/desc.gif?R=28442);
}
table.memberdata-table td {
border-top: 1px solid #a7a7a7;
}
#preview-throbber {
position: fixed;
left: 10px;
top: 10px;
background-color: #ddd;
color: black;
padding: 7px 7px 7px 34px;
background-image: url(http://k2.freemore.com/editmode/sitewiz/throbber.gif?R=28442);
background-position: 7px 8px;
background-repeat: no-repeat;
border-radius: 4px;
font: 11px Trebuchet MS, sans-serif;
opacity: .7;
display: none;
}
/****** topmenu/kehystetyt *****/
/* topmenu */
table.topmenucontainer {
margin: 0;
padding: 0;
empty-cells: show;
border-collapse: separate;
*border-collapse: collapse;
border-spacing: 0;
width: 100%;
background: url('/sys/gtext/hgrad-21-1f58d6-98a0e6.png') repeat-x #98a0e6;
background: -moz-linear-gradient( top, #1f58d6 0%, #98a0e6 21px, #98a0e6 100%) no-repeat; /* FF3.6+ */
background: -webkit-linear-gradient(top, #1f58d6 0%, #98a0e6 21px, #98a0e6 100%) no-repeat; /* Chrome10+,Safari5.1+ */
background: linear-gradient( to bottom, #1f58d6 0%, #98a0e6 21px, #98a0e6 100%) no-repeat; /* W3C */
;
}
table.topmenucontainer td { padding: 0;
border: 1px solid #e3e3e3;
}
table.topmenucontainer ul,
table.topmenucontainer ul li {
margin: 0; padding: 0;
}
table.topmenucontainer ul li {
float: left;
list-style-type: none;
/* ie6 */
_width: auto;
}
table.topmenucontainer ul li a {
border-right: 1px solid #e3e3e3;
display: block;
text-decoration: none !important;
background: url('/sys/gtext/hgrad-21-0d2be7-a5acee.png') repeat-x #a5acee;
background: -moz-linear-gradient( top, #0d2be7 0%, #a5acee 21px, #a5acee 100%) no-repeat; /* FF3.6+ */
background: -webkit-linear-gradient(top, #0d2be7 0%, #a5acee 21px, #a5acee 100%) no-repeat; /* Chrome10+,Safari5.1+ */
background: linear-gradient( to bottom, #0d2be7 0%, #a5acee 21px, #a5acee 100%) no-repeat; /* W3C */
;
padding: 5px 12px 5px 12px;
color: #1b197b !important;
font-size: 15px;
/* ie7 */
*width: 100%;
/* ie6 */
_width: auto;
}
table.topmenucontainer ul li a:hover,
table.topmenucontainer ul li.level1-onpath a {
color: #1b197b !important;
background: url('/sys/gtext/hgrad-21-c4e3f3-e6e6e6.png') repeat-x #e6e6e6;
background: -moz-linear-gradient( top, #c4e3f3 0%, #e6e6e6 21px, #e6e6e6 100%) no-repeat; /* FF3.6+ */
background: -webkit-linear-gradient(top, #c4e3f3 0%, #e6e6e6 21px, #e6e6e6 100%) no-repeat; /* Chrome10+,Safari5.1+ */
background: linear-gradient( to bottom, #c4e3f3 0%, #e6e6e6 21px, #e6e6e6 100%) no-repeat; /* W3C */
;
}
table.topmenucontainer ul li span {
display: block;
font-weight: bold;
}
/****** sidemenu/kevyet *****/
div.sidemenucontainer ul,
div.sidemenucontainer ul li {
margin: 0;
padding: 0;
}
div.sidemenucontainer {
}
div.sidemenucontainer ul li {
list-style-type: none;
/* ie6 */
_display: inline;
}
div.sidemenucontainer ul li a {
padding-left: 10px;
padding-right: 10px;
display: block;
text-decoration: none !important;
line-height: normal;
color: #151f79 !important;
border-bottom: 1px dotted #dbdbdb;
}
div.sidemenucontainer ul li a {
background: url('/sys/gtext/hgrad-21-89a2e6-ffffff.png') repeat-x #ffffff;
background: -moz-linear-gradient( top, #89a2e6 0%, #ffffff 21px, #ffffff 100%) no-repeat; /* FF3.6+ */
background: -webkit-linear-gradient(top, #89a2e6 0%, #ffffff 21px, #ffffff 100%) no-repeat; /* Chrome10+,Safari5.1+ */
background: linear-gradient( to bottom, #89a2e6 0%, #ffffff 21px, #ffffff 100%) no-repeat; /* W3C */
;
padding-top: 4px;
padding-bottom: 5px;
/* ie */
*padding-top: 3px;
*padding-bottom: 4px;
}
/* ekan tason linkkien hoveri ja valittu linkki */
div.sidemenucontainer ul li a:hover,
div.sidemenucontainer ul li.level1-onpath a.level1 {
color: #3086df !important;
background: url('/sys/gtext/hgrad-21-ededed-ebebeb.png') repeat-x #ebebeb;
background: -moz-linear-gradient( top, #ededed 0%, #ebebeb 21px, #ebebeb 100%) no-repeat; /* FF3.6+ */
background: -webkit-linear-gradient(top, #ededed 0%, #ebebeb 21px, #ebebeb 100%) no-repeat; /* Chrome10+,Safari5.1+ */
background: linear-gradient( to bottom, #ededed 0%, #ebebeb 21px, #ebebeb 100%) no-repeat; /* W3C */
;
}
div.sidemenucontainer ul li.level1-onpath a.level1 {
font-weight: bold;
color: #3086df !important;
}
/* ekan tason bulletit */
div.sidemenucontainer ul li a span {
font-size: 12px;
padding-left: 10px;
display: block;
font-weight: bold;
background: url(http://k2.freemore.com/public-page/img/arrow_black_50.png?R=28442) no-repeat;
_background: url(http://k2.freemore.com/public-page/img/arrow_blackish_ie6.gif?R=28442) no-repeat;
background-position: 0 5px;
}
/* toisen tason linkit + syvemmXt */
div.sidemenucontainer ul li li a {
color: #151f79 !important;
background: #f0f0f0;
border-bottom: none;
padding-top: 3px;
padding-bottom: 5px;
/* ie */
*padding-bottom: 4px;
*padding-top: 3px;
}
div.sidemenucontainer ul li li.level2-first a.level2-first {
padding-top: 7px;
}
div.sidemenucontainer ul li li.level2-last a {
padding-bottom: 7px;
border-bottom: 1px dotted #dbdbdb;
}
/* toisen tason linkkien + syvempien hoveri ja valittu */
div.sidemenucontainer ul li li.here a.level1,
div.sidemenucontainer ul li li a:hover {
color: #3086df !important;
background: #e6e6e6;
text-decoration: underline;
}
div.sidemenucontainer ul li li a.here {
color: #3086df !important;
background: #e6e6e6;
}
div.sidemenucontainer ul li li a.here span {
font-weight: bold;
}
/* toisen tason linkkien + syvempien bulletit */
div.sidemenucontainer ul li li a span {
background: url(http://k2.freemore.com/public-page/img/arrow_black_50.png?R=28442) no-repeat;
_background: url(http://k2.freemore.com/public-page/img/arrow_blackish_ie6.gif?R=28442) no-repeat;
background-position: 0 5px;
font-weight: normal;
}
/****** app1/jsc *****/
/* upotus */
div.app1-bg {
background: #f9f790;
}
/* headeri */
div.app1 div.hd h2 {
color: #2031cb;
font-size: 16px;
font-weight: normal;
border-bottom: 2px solid #0c14c6;
}
div.app1 div.hd h2 a {
color: #2031cb !important;
text-decoration: none !important;
font-size: 16px;
font-weight: normal;
}
/* sovellusten datarivit */
div.app1 div.bd {}
div.app1 div.bd div.row {
background: url(http://k2.freemore.com/public-page/img/arrow_black_50.png?R=28442) no-repeat 5px 6px;
_background: url(http://k2.freemore.com/public-page/img/arrow_blackish_ie6.gif?R=28442) no-repeat 5px 6px;
border-bottom: 1px dotted #888888;
color: #000;
}
div.app1 div.bd div.rowLast {
border-bottom: none;
}
/* linkit poiminnoissa */
div.app1 a {
text-decoration: none;
font-weight: bold;
color: #fa1f14 !important;
}
/* invert-linkki */
div.app1 a.inverse {
background-color: #fa1f14 !important;
color: #f9f790 !important;
padding: 3px 6px !important;
}
div.app1 a.inverse:hover {
background-color: #fa1f14 !important;
text-decoration: none !important;
opacity:.75 !important;
filter: alpha(opacity=75) !important;
}
img.poll {
/* vastausmaarapalkit otsikkovarilla? */
background-color: #2031cb;
}
/* pvm */
div.app1 span.pvm,
div.app1 div.pvm {
color: #888888;
font-size: 11px;
}
/* ingressi, poiminnon teksti, pikakyselyn vastausvaihtoehdot */
div.app1 td.poll_choice,
div.app1 div.ingressi,
div.app1 div.text {
color: #595959 !important;
font-style: oblique;
font-size: 90%;
}
div.app1 div.title,
div.app1 p.poll_question,
div.app1 td.poll_choice {
color: #595959;
}
/* highlight, korostus esim. hinnoille yms */
div.app1 div.highlight,
div.app1 span.highlight {
color: #8C3232 !important;
}
/* Listausten odd-rivin tausta */
div.app1 .evenrow {
background: #f0ee8c !important;
}
/* !!! NXMX SIIRTYISI POIS (kyse taittomallin asettelusta) - poimittu ylemmistX mXXrityksistX !!! */
div.app1-wrap {
margin-bottom: 10px;
}
body.ie6-9 div.app1 {
padding: 10px 15px 10px 15px;
}
body.modern div.app1 {
padding: 7px 11px 5px;
}
div.jsc-holder {
overflow: hidden;
}
div.app1 div.hd {
margin-bottom: 6px;
}
div.app1 div.hd h2 {
padding: 5px 10px 2px 0px;
}
div.app1 div.bd div.row {
margin-bottom: 5px;
padding: 0 10px 5px 15px;
}
div.app1 div.bd div.rowLast {
margin-bottom: 0px;
}
/* kuva poiminnoissa */
div.rel div.img {
float: right;
clear: both;
padding-left: 10px;
}
/* datarivin asettelua uutisissa ja tapahtumissa */
div.app1 table.rc {
width: 100%;
empty-cells: show;
border-collapse: collapse;
border: 0;
border-spacing: 0;
margin: 0;
}
div.app1 table.rc td {
padding: 0;
}
div.app1 div.bd p {
margin: 0;
padding: 0;
}
/* ainakin pikakyselyssa.. */
div.app1 div.bd form {
padding: 0;
margin: 0;
}
table.poll { width: 100%; }
div.pvm {
padding-left: 0px;
}
div.app1 td.poll_choice,
div.app1 div.ingressi,
div.app1 div.text {
padding-left: 0px;
padding-top: 3px;
}
/* footer */
div.app1 div.ft {
padding: 0 5px 5px 5px;
}
div.app1 a.feed_link {
float: right;
}
div.app1 a.feed_link img {
border: none;
margin-top: 2px;
margin-right: 2px;
vertical-align: middle;
}
body.ie6-9 div#zone-left div.app1-jsc-holder div.jsc-1 { background-image: url('/sys/gtext/mc-240-5-ffffff--2e8aff-1-1.png'); width: 240px; height: 6px; }
body.ie6-9 div#zone-left div.app1-jsc-holder div.jsc-2 { background-image: url('/sys/gtext/mc-240-5-ffffff--2e8aff-1-2.png'); width: 240px; }
body.ie6-9 div#zone-left div.app1-jsc-holder div.jsc-3 { background-image: url('/sys/gtext/mc-240-5-ffffff--2e8aff-1-3.png'); width: 240px; height: 6px; }
body.modern div#zone-left div.app1-bg { width: 234px;border-radius: 5px;border: 1px solid #2e8aff; }
body.ie6-9 div#zone-right div.app1-jsc-holder div.jsc-1 { background-image: url('/sys/gtext/mc-240-5-ffffff--2e8aff-1-1.png'); width: 240px; height: 6px; }
body.ie6-9 div#zone-right div.app1-jsc-holder div.jsc-2 { background-image: url('/sys/gtext/mc-240-5-ffffff--2e8aff-1-2.png'); width: 240px; }
body.ie6-9 div#zone-right div.app1-jsc-holder div.jsc-3 { background-image: url('/sys/gtext/mc-240-5-ffffff--2e8aff-1-3.png'); width: 240px; height: 6px; }
body.modern div#zone-right div.app1-bg { width: 234px;border-radius: 5px;border: 1px solid #2e8aff; }
body.ie6-9 div#zone-top div.app1-jsc-holder div.jsc-1 { background-image: url('/sys/gtext/mc-680-5-ffffff--2e8aff-1-1.png'); width: 680px; height: 6px; }
body.ie6-9 div#zone-top div.app1-jsc-holder div.jsc-2 { background-image: url('/sys/gtext/mc-680-5-ffffff--2e8aff-1-2.png'); width: 680px; }
body.ie6-9 div#zone-top div.app1-jsc-holder div.jsc-3 { background-image: url('/sys/gtext/mc-680-5-ffffff--2e8aff-1-3.png'); width: 680px; height: 6px; }
body.modern div#zone-top div.app1-bg { width: 674px;border-radius: 5px;border: 1px solid #2e8aff; }
body.ie6-9 div#zone-_main div.app1-jsc-holder div.jsc-1 { background-image: url('/sys/gtext/mc-680-5-ffffff--2e8aff-1-1.png'); width: 680px; height: 6px; }
body.ie6-9 div#zone-_main div.app1-jsc-holder div.jsc-2 { background-image: url('/sys/gtext/mc-680-5-ffffff--2e8aff-1-2.png'); width: 680px; }
body.ie6-9 div#zone-_main div.app1-jsc-holder div.jsc-3 { background-image: url('/sys/gtext/mc-680-5-ffffff--2e8aff-1-3.png'); width: 680px; height: 6px; }
body.modern div#zone-_main div.app1-bg { width: 674px;border-radius: 5px;border: 1px solid #2e8aff; }
body.ie6-9 div.content-right-stuff div#zone-_main div.app1-jsc-holder div.jsc-1 { background-image: url('/sys/gtext/mc-420-5-ffffff--2e8aff-1-1.png'); width: 420px; height: 6px; }
body.ie6-9 div.content-right-stuff div#zone-_main div.app1-jsc-holder div.jsc-2 { background-image: url('/sys/gtext/mc-420-5-ffffff--2e8aff-1-2.png'); width: 420px; }
body.ie6-9 div.content-right-stuff div#zone-_main div.app1-jsc-holder div.jsc-3 { background-image: url('/sys/gtext/mc-420-5-ffffff--2e8aff-1-3.png'); width: 420px; height: 6px; }
body.modern div.content-right-stuff div#zone-_main div.app1-bg { width: 414px;border-radius: 5px;border: 1px solid #2e8aff; }
body.ie6-9 div.page-wide div#zone-right div.app1-jsc-holder div.jsc-1 { background-image: url('/sys/gtext/mc-465-5-ffffff--2e8aff-1-1.png'); width: 465px; height: 6px; }
body.ie6-9 div.page-wide div#zone-right div.app1-jsc-holder div.jsc-2 { background-image: url('/sys/gtext/mc-465-5-ffffff--2e8aff-1-2.png'); width: 465px; }
body.ie6-9 div.page-wide div#zone-right div.app1-jsc-holder div.jsc-3 { background-image: url('/sys/gtext/mc-465-5-ffffff--2e8aff-1-3.png'); width: 465px; height: 6px; }
body.modern div.page-wide div#zone-right div.app1-bg { width: 459px;border-radius: 5px;border: 1px solid #2e8aff; }
body.ie6-9 div.page-wide div#zone-top div.app1-jsc-holder div.jsc-1 { background-image: url('/sys/gtext/mc-940-5-ffffff--2e8aff-1-1.png'); width: 940px; height: 6px; }
body.ie6-9 div.page-wide div#zone-top div.app1-jsc-holder div.jsc-2 { background-image: url('/sys/gtext/mc-940-5-ffffff--2e8aff-1-2.png'); width: 940px; }
body.ie6-9 div.page-wide div#zone-top div.app1-jsc-holder div.jsc-3 { background-image: url('/sys/gtext/mc-940-5-ffffff--2e8aff-1-3.png'); width: 940px; height: 6px; }
body.modern div.page-wide div#zone-top div.app1-bg { width: 934px;border-radius: 5px;border: 1px solid #2e8aff; }
body.ie6-9 div.page-wide div#zone-_main div.app1-jsc-holder div.jsc-1 { background-image: url('/sys/gtext/mc-940-5-ffffff--2e8aff-1-1.png'); width: 940px; height: 6px; }
body.ie6-9 div.page-wide div#zone-_main div.app1-jsc-holder div.jsc-2 { background-image: url('/sys/gtext/mc-940-5-ffffff--2e8aff-1-2.png'); width: 940px; }
body.ie6-9 div.page-wide div#zone-_main div.app1-jsc-holder div.jsc-3 { background-image: url('/sys/gtext/mc-940-5-ffffff--2e8aff-1-3.png'); width: 940px; height: 6px; }
body.modern div.page-wide div#zone-_main div.app1-bg { width: 934px;border-radius: 5px;border: 1px solid #2e8aff; }
body.ie6-9 div.page-wide div.content-right-stuff div#zone-_main div.app1-jsc-holder div.jsc-1 { background-image: url('/sys/gtext/mc-465-5-ffffff--2e8aff-1-1.png'); width: 465px; height: 6px; }
body.ie6-9 div.page-wide div.content-right-stuff div#zone-_main div.app1-jsc-holder div.jsc-2 { background-image: url('/sys/gtext/mc-465-5-ffffff--2e8aff-1-2.png'); width: 465px; }
body.ie6-9 div.page-wide div.content-right-stuff div#zone-_main div.app1-jsc-holder div.jsc-3 { background-image: url('/sys/gtext/mc-465-5-ffffff--2e8aff-1-3.png'); width: 465px; height: 6px; }
body.modern div.page-wide div.content-right-stuff div#zone-_main div.app1-bg { width: 459px;border-radius: 5px;border: 1px solid #2e8aff; }
/****** obsbox/default *****/
/* huomiolaatikko */
p.as_huomiolaatikko,
div.as_huomiolaatikko {
background-color: #eeeeee;
border: 1px solid #cccccc;
color: #333333;
overflow: hidden;
_overflow-y: visible;
padding: 10px;
margin-bottom: 4px;
}
/* avoid handles in IE */
body.d4ck div.as_huomiolaatikko,
body.d4ck p.as_huomiolaatikko {
overflow: visible;
min-height: auto;
height: auto !important;
}
div.as_tietolaatikko,
div.token p.as_tietolaatikko,
p.as_tietolaatikko {
background: url(http://k2.freemore.com/public-page/obsbox/info.png?R=28442) no-repeat #eeeeee;
_background: url(http://k2.freemore.com/public-page/obsbox/info.gif?R=28442) no-repeat #eeeeee;
background-position: 8px 8px;
border: 1px solid #cccccc;
padding-left: 50px;
min-height: 25px;
height: auto !important;
height: 25px;
}
div.as_halylaatikko,
div.token p.as_halylaatikko,
p.as_halylaatikko {
background: url(http://k2.freemore.com/public-page/obsbox/alarm.png?R=28442) no-repeat #eeeeee;
_background: url(http://k2.freemore.com/public-page/obsbox/alarm.gif?R=28442) no-repeat #eeeeee;
background-position: 11px 8px;
border: 1px solid #cccccc;
padding-left: 50px;
min-height: 25px;
height: auto !important;
height: 25px;
}
div.as_raquolaatikko,
div.token p.as_raquolaatikko,
p.as_raquolaatikko {
background: url(http://k2.freemore.com/public-page/obsbox/raquo.png?R=28442) no-repeat #eeeeee;
_background: url(http://k2.freemore.com/public-page/obsbox/raquo.gif?R=28442) no-repeat #eeeeee;
background-position: 18px 12px;
border: 1px solid #cccccc;
padding-left: 50px;
min-height: 18px;
height: auto !important;
height: 18px;
}
/* ckeditorin dropdowniin vahan pienempina */
ul.cke_panel_list p.as_huomiolaatikko {
padding: 4px;
}
ul.cke_panel_list p.as_tietolaatikko,
ul.cke_panel_list p.as_halylaatikko,
ul.cke_panel_list p.as_raquolaatikko {
padding-left: 40px;
background-position: 4px 4px;
}
/* sisaltotaulukon reunat yms. huom: nama kuuluisi 'yleisiin', mutta ovat taalla, jotta saadaan helposti myos ckeditoriin */
table.d4contentTable {
border-collapse: collapse;
}
body.d4ck table {
border-collapse: collapse !important;
}
table.d4border {
empty-cells: show;
}
div.token-Form table.d4contentTable {
width: auto;
}
div.token-Form table.d4contentTable.d4wide,
table.d4wide {
width: 100%;
}
table.d4contentTable th {
background-color: #e9e9e9;
}
table.d4contentTable th,
table.d4contentTable td {
padding: 4px 5px;
}
/* eka firefox-redraw-bugin vuoksi, muuten jaa ulkoreunat piirtamatta */
body.d4ck table.d4border,
div.token-Form table.form-fillin table.d4border th,
div.token-Form table.form-fillin table.d4border td,
table.d4border th,
table.d4border td {
border: 1px solid #c4c4c4;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
body.d4ck table.d4noborder,
body.d4ck table.d4noborder th,
body.d4ck table.d4noborder td {
border: 1px dotted #d3d3d3 !important;
}
@-moz-document url-prefix() {
/* firefox <= 3.6 piirtaa vasemman reunan overflow:hidden-divistX vasemmalle piiloon */
div.token-Form table.d4border,
div.content-container table.d4border {
margin-left: 1px;
margin-top: 1px;
}
/* 100% levyisilla taulukoilla sama ongelma oikeassa reunassa */
div.token-Form table.d4border.d4wide,
div.content-container table.d4border.d4wide,
div.content-container table.d4border[width='100%'] {
width: 99.5%;
}
}
/* muokkaustilassa */
body.d4ck td,
body.d4ck th {
min-width: 10px !important;
}
/* ks. C11962 */
hr {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: .3;
background-color: #4f4f4f;
height: 1px;
border: 0;
padding: 0;
margin-top: 0pt;
}
/****** text/arial *****/
/* sivuvalikon ekan tason linkit */
div.sidemenucontainer a {
font-family: arial;
letter-spacing: 1px;
font-size: 12px;
}
/* sivuvalikon loput linkit */
div.sidemenucontainer li li a {
letter-spacing: normal;
}
/* ylavalikon linkit */
table.topmenucontainer a {
font-family: arial;
letter-spacing: 1px;
font-size: 12px;
}
h1, h2, h3, h4, p, li, div, span.footer, input, textarea,
div.Hd div.text, label {
margin: 0; padding: 0;
font-size: 12px;
font-family: arial;
font-weight: normal;
}
table th {font-weight: bold}
table caption { color: #1936be; margin-bottom: 4px; font-weight: bold; }
caption, th, td,
table.visible td, table.invisible td,
table.border td, table.no-border td {
font-size: 12px;
font-family: arial;
font-weight: normal;
color: #4f4f4f;
}
/* sivun otsikot */
h1 {
margin-bottom: 10px;
font-size: 22px;
font-weight: bold;
color: #0b21e0;
border-bottom: 3px double #1337f1;
padding-bottom: 2px;
}
/* loput otsikot */
h2,
h3,
h4 {
margin-bottom: 3px;
font-weight: bold;
color: #1936be;
}
h2 {
font-size: 16px;
}
h3 {
font-size: 14px;
}
h4 {
font-size: 13px;
}
/* sisaltokappale */
div.token, p, pre {
font-size: 12px;
margin-bottom: 10px;
color: #4f4f4f;
}
div.token p {
}
li, body.d4ck div {
color: #4f4f4f;
}
div.app p {
line-height: normal;
}
/* linkit */
a {
color: #3086df;
}
a:visited {
color: #3086df;
}
a:active,
a:hover {
color: #3086df;
}
/* kuvatekstit */
div.caption {
font-size: 10px;
color: #100e0e;
}
/* footer */
span.footer {
font-size: 10px;
letter-spacing: 1px;
}
span.footer a {
text-decoration: none;
}
/****** hd/custom *****/
div.Hd {
background: url('/@Bin/116231/VSVUkotis_yl%c3%a4osai.jpg') transparent;
}
div.Hd,
div#main div#header {
height: 172px;
}
div.Hd div.text1 {
color: #404040;
font-size: 30px;
position: absolute;
top: 30px;
left: 30px;
font-weight:bold
}
div.Hd div.text1 a {
text-decoration: none;
color: #404040;
}
div.Hd div.text1 a:hover { text-decoration: none !important; }
div.Hd div.text2 {
color: #666666;
font-size: 17px;
position: absolute;
top: 65px;
left: 30px;
}
div.Hd div.text3 {
color: #808080;
font-size: 14px;
position: absolute;
top: 85px;
left: 30px;
}
/****** ft/basic *****/
div#footer {
background: url('/sys/gtext/hgrad-41-266aed-ffffff.png') repeat-x #ffffff;
background: -moz-linear-gradient( top, #266aed 0%, #ffffff 41px, #ffffff 100%) no-repeat; /* FF3.6+ */
background: -webkit-linear-gradient(top, #266aed 0%, #ffffff 41px, #ffffff 100%) no-repeat; /* Chrome10+,Safari5.1+ */
background: linear-gradient( to bottom, #266aed 0%, #ffffff 41px, #ffffff 100%) no-repeat; /* W3C */
;
padding: 10px;
border-top: 1px solid #cccccc;
}
div.Ft div.row2 div { display: inline; }
div.Ft div.text1 {
color: #0b0a0a !important;
}
div.Ft div.text2 {
color: #0b0a0a;
margin-left: 10px;
}
div.Ft div.text3 {
color: #0b0a0a;
}
div.Ft div.copyright {
color: #1d1b1b;
}
div.Ft div.copyright a {
color: #1d1b1b;
text-decoration: none;
}
div.Ft div.optinet {
float: right;
margin-left: 10px;
color: #0b0a0a;
}
div.Ft div.optinet a {
color: #0b0a0a;
text-decoration: none;
}
div#free-ad {
text-align: center;
padding: 20px 0 10px 0;
}