/* Perus CSS mediatyypille 'screen' ja yleens myös mediatyypille 'projection'. -  The basic CSS for the media type 'screen' and in general also for the media type 'projection'. */
@import url(dynamicMenus.css); /* Dynaamisten valikoiden ja niihin liittyvien navigointilinkkien CSS. - The CSS for dynamic menus and related special navigation links. */

/*kuvakaapauksia varten - for screen captures
html {background:white url(.) !important}
.doc, .End {display:none} */


/* Navigointinapit. - Navigation buttons. */
div[id="topImageContainer"]{top: 50%; right:0px;} /* top: 1px; for Opera and new Mozilla Gecko browsers */
#help {display:none !important}

 

/* Yleiset ominaisuudet. - Generic CSS-properties. */

/* Pärakenne-elementit - Major structural elements */

html {padding:0 !important; margin:0 !important}
body {margin:0 0 0 115px !important; width:auto !important; background-position:100px 0px !important; border:none !important; background-color: transparent; background-attachment: fixed; padding:0px; text-align:justify;}
body.generalInfo, body.generalInfo div.doc {margin:0 !important; border-width:0 !important; background:white url(.) !important; height:auto !important; min-height:0 !important}
body.generalInfo div.doc p {margin-left:15px; margin-right:20px; text-indent:0}
body.generalInfo div.doc p:first-letter {font-weight:normal !important; font-size:1.0em; color: #304300}
div.docSlide p, div.doc p {text-align:justify}
body.BrowsingAdvice #Selailuohjeet center.section {z-index:7}
.doc, .docSlide {margin-top:0px; border-width: 0 1px 0px 1px; border-style: solid; border-color:#304300; margin-bottom:0px; padding-bottom:15px}
body.section #topDoc, body.section #bottomDoc, body.lastSection #topDoc {display:none}
body.section div.doc, body.section div.docSlide, body.lastSection div.doc, body.lastSection div.docSlide {margin-top:0px; padding-top:10px;}
#topDoc, #bottomDoc {border:none !important; padding-top:0px !important; padding-bottom:0 !important; background-color: transparent !important; height:22px !important; min-height:0px !important;}
#topDoc {margin-top:1px; top:0px}
#bottomDoc {margin-top:0; margin-bottom:50px}
#topDoc table, #bottomDoc table {width:100% !important; margin:0}
#topDoc table td, #bottomDoc table td, .top td, .bottom td {height:22px}
#topDoc .leftDoc, .top .leftDoc {background-position: 0 0; background-repeat: no-reapeat !important; background-color: transparent; width:50%; text-align:left}
#topDoc .rightDoc, .top .rightDoc {background-position: 100% 0; background-repeat: no-repeat !important; background-color: transparent; width:50%;}
.centerDoc {background-color:white; padding:2px 13px 2px 13px; border:solid black; border-width: 0 1px}
#bottomDoc .leftDoc, .bottom .leftDoc {background-position: 0 100%; background-repeat: no-reapeat !important; background-color: transparent; width:50%; text-align:left}
#bottomDoc .rightDoc, .bottom .rightDoc {background-position: 100% 100%; background-repeat: no-repeat !important; background-color: transparent; width:50%}

td,th {empty-cells:hide}
.End {margin-top: 50px; margin-bottom: 50px; }
.End #Bottom {background: transparent url(./Kuvat/reunus.gif) no-repeat !important; padding: 10px 20px 10px 20px; border-width: 0;}
body.startPage .doc {background-repeat: no-repeat; background-position: -1px 170px} 
.End .selitys {font-weight:normal} 
body.startPage .doc h1 {margin-top:0.5em}
p a img {vertical-align:text-top}


/* Sivun yläreunan navigointilinkit. - Navigation links on the top of the page. */
center.section {position:relative; background-image:none !important; top:-10px; height:40px; margin:0; z-index:1}
center[class="section"]{height:auto; min-height:40px;}
center.section table.section {width:100% !important}
center.section table #logoCell {width:100px}
body.section center.section, body.lastSection center.section {position:static !important; height:50px;}
body.section center[class="section"], body.lastSection center[class="section"] {height:auto; min-height:50px;}
div.section table {float:left; margin-left:0; border-collapse:collapse;}
div.section table.section th, div.section table.section td {padding:0px 2px 0px 2px; line-height:13px; vertical-align:top; text-align:left; font-size:11px !important}
div.section table {float:left; margin-left:0; border-collapse:collapse;}
div.section table.section th, div.section table.section  {vertical-align:middle; line-height:12px; padding:0px 2px 0px 2px; vertical-align:top; text-align:left; font-size:11px !important}
div.section th a {display:inline !important; line-height:13px;}
div.section a, div.section .sectionName a:link, div.section .sectionName a:visited {text-decoration:underline; margin:0 1px; padding-bottom:3px}
div.section .sectionName a:link, div.section .sectionName a:visited {text-decoration:underline; margin:0 1px;}
div.section .sectionName a:hover {text-decoration:underline}
.sectionName, .sectionName a, .sectionName a:link, .sectionName a:visited {color:rgb(248,130,0); font-weight:bold; font-size:11px; font-family:Verdana,Arial,sans-serif; display:inline !important}/* #f79831 = 247,152,49 - #f08200 = 248,130,0*/
.sectionName a:active, .sectionName a:focus {color:#fff !important}

div[id="topImageContainer"]{display:block !important} /* Uusille Opera ja Mozilla Gecko selaimille. - For Opera and new Mozilla Gecko browsers */

/*
#upperNavi {display:none	}
*/
div.next *, .next a, .next a:link, .next a:visited {text-decoration:none; font-weight:bold; font-size:11px; font-family:Arial,sans-serif}
div.next {height:20px; margin:5px 0}
div#topNavi {display:none}
div[class="next"]{heigh:auto; min-height:20px}
div.next div table, #nextImage a {float:right; margin-right:30px; border-collapse:collapse}
div.next td {height:20px; padding:0}
div.next a, #topImageContainer a {display:block;}
div.next a img, #topImageContainer a img {margin:1px;}
div.next a, div.next a:link, div.next a:visited, #topImageContainer a:link, #topImageContainer a:visited {background-color: rgb(220,220,220); color:#304300 !important}
div.next a {padding:0 2px;height:20px;}
div.next a:hover {color:#304300 !important}
div.next a:active, div.next a:focus {color:#304300 !important}
.separatorB {width:30px}
body.firstSection .separatorB, body.section .separatorB, body.lastPage .separatorB {display:none}
p.subPageInfo {margin-top:-0.3em; margin-bottom:-0.3em}

body.firstSection .next .firstSection, body.firstSection .next .prevSection, body.firstSection .next .nextPage, body.section .next .nextPage, body.section .next .prevPage, body.lastSection .next .prevPage, body.lastSection .next .lastSection, body.lastSection .next .nextSection, body.lastPage .next .nextPage, body.firstInList .next .firstPage, body.firstInList .next .prevPage, body.lastInList .next .lastPage {display:none}


/* font-family */
body, cite, th, td, th a, td a, p, li, blockquote, caption, h1, h2, h3, h4, h5, option, strong, address 
{font-family: Verdana, Arial, Helvetica, sans-serif;}

code, kbd, var, samp, dl, dt, dd,pre, blockquote.code cite
{font-family: Arial, Helvetica, sans-serif;}

/* font-style */
var, dfn, .cite, acronym, dl, dd, dt, .i, .sites,.sitesNoPrint  {font-style:italic}
.sn, .n {font-style:normal !important}

/* font-size, line-height*/
body, th, td, p,blockquote,pre,div {font-size: small;}
.weakSighted, .weakSighted * {font-size:medium !important; text-align:left}
.startPage .weakSighted, .startPage .weakSighted * {text-align:center !important;}
code, var, kbd, samp, dfn, acronym, cite, li,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {font-size:1.0em;}
.doc h1, .docSlide h1 {font-size:2.0em; margin-top:0px}
.doc h2, .docSlide h2 {font-size:1.5em; margin-top:0px}
.doc h3, .docSlide h3 {font-size:1.2em}
.doc h4, .docSlide h4 {font-size:1.1em}
.doc h5, .docSlide h5  {font-size:1.0em}
.doc h6, .docSlide h6  {font-size:0.8em}
p, address, li {line-height:120%}

/* font-weight */
em, acronym, em, ul.topics li, .linktopics a, ol.topics li, .fn, .b, .date, dt, h1, h2, h3, h4, h5, h6, #allSites cite, body#models .topics li, body#links .topics li {font-weight:bold}
address, blockquote, kbd, var, dfn, code, li, samp, .sites, .sitesNoPrint, #links .topics li {font-weight: normal}

/* color */
.green {color:green !important; font-weight:bold}
.red {color:red !important; font-weight:bold}
a.gold:link, a.gold:visited {font-weight:bold; background-color:#304300; color:#ffd700; padding:0 2px}

/* background-color, border */

blockquote {background-color:#eee}
blockquote.linkit {background-color:transparent;}
.entities td, code, kbd, var, .code, .code blockquote, td.codeAT, td.codeBT, table.block, table.block code {background-color:#cff}



/*left/right margin, padding, width for block phrasal & inline blocks*/
iframe.siteInfoIframe {margin-left:15px; width:95%; height:420px; border:none}
center.section div.section {margin-left:13px !important; margin-right:10px}
ol.siteInfo {margin:0.3em 15px 0.3em 45px}
table.text, table.lista,table.block, table.ohjeet, table.taulukko {margin-left:13px !important; margin-right:auto !important; width:96% !important} 
table.taulukko {margin-left:30px !important; margin-right:auto !important; width:90% !important}
.bTR {background-color: rgb(220,220,220);}
p, form,.palaute,div hr,.normalMargin {margin-left:30px; margin-right:30px}
p.normalMargin {margin-left:30px !important}
.leftMargin {margin-left:30px}
table.aihepiirit {margin-right:30px;}
table.m20 {margin:left:20px; margin-right:20px}
table.aihepiirit td p, .startPage ol p {margin:0 0 0 10px !important; padding-left:1px; text-indent:0px}
table.aihepiirit ul.topics {margin:0 0 0 70px}, .startPage ol {margin:0 30px 0 70px; padding:0;}
table.aihepiirit ul li, .startPage ol li {margin:0;padding:0}
#findForm form {margin:0}
div.bNotes, .connect, div.bRec, .connectRec {margin-left:60px; margin-right:30px}
body.startPage .doc h1, body.startPage .doc h2, body.startPage .doc h3, body.startPage p, body.startPage ul.linktopics {margin-left:50px !important}
.sites, .sitesNoPrint, .floatRight, div.cNoPrint {margin-right:30px}

ul, ol, li {padding:0}
div ul, div ol {margin-left:60px; margin-right:30px}
div ul ul, div ol ol, div ul ol, div ol ul {margin-left:30px; margin-right:0}
li, ul li ul li, ol li ol li, ol li ul li, ul li ol li, ul li ul li li, ol li ol li li, ol li ul li li, ul li ol li li {margin-left:0; margin-right:0}
ol p, ul p {margin:0}
div.doc p.note, div.docSlide p.note, div.note,.smaller {margin-left:50px; margin-right:30px}
hr {margin: 10px 0px 10px 0px; text-align:left;}
th p, th p {margin:0.5em 0 0.5em 0}
.code, blockquote.cite {border:1px solid #304300}
pre[class="code"] {width:auto !important}
blockquote {margin-left:60px; margin-right:30px}
.code, .prosentit {margin-left:60px; margin-right:30px}
blockquote, address, div.smaller, .sites, .code {padding:3px 2px 3px 2px}
.sites, .sitesNoPrint {margin-left:32%}
blockquote blockquote {margin-top:0px; margin-bottom:0px;margin-right:0}
h1, h2 {margin-top:0; margin-left:30px; margin-right:30px}
h2 {margin-bottom:10px}
h3, h4.noBig, h4.noFull {width:75%}
h4.noFull {margin-top:-0.5em}
h4 {width:70%;}
h5 {width:65%;}
h6 {width:60%;}
pre {padding-left:2px; font-size:small}
h3, h4, h5,h6 {border:#304300 outset; border-width:1px 0 2px 0 !important; margin-left:0; padding:2px 0 2px 30px; background-color: transparent !important}
.upperHeader  {margin-bottom:1px !important; }
.lowerHeader {margin-top:1px !important; }/*border-bottom:none !importantborder-top-style:dotted !important*/
h4.noFull,h4.version {border:none}


/* text-align */
li, .l, h3, h4, h5, h6, .sites, .sitesNoPrint, .code, pre {text-align:left} 
.menuHeader, span.Link {text-align:left !important;} 
.r {text-align:right}
h1, h2 {text-align:center}
.c {text-align:center !important}

/* quotes */


blockquote.cite cite:before {content:open-quote;}
blockquote.cite cite:after {content:open-quote}

q:before {quotes:"'" "'"; content:open-quote}
q:after {quotes:"'" "'"; content:open-quote}
.code q {font-family:monospace; font-style:normal; color:inherit}

/* :first-letter*/

p:first-letter, #firstLetter
{font-weight: bold !important;
font-size:120%;
vertical-align: baseline;
font-style:normal !important;}

/* Muita - Other height:18px; margin:0.5em 0 0.5em 0;*/

.cNoPrint {text-align:right; margin:0.5em 0 0.5em 0}
.Old,.OldInfo, div#topImageContainer, #PrintCopyrights, #ProjectionLinks, .hide, .none, .menuHeader, div.empty, span.empty, .noScreen, .onlyPrint {display:none} /* 'Old' and 'OldInfo' are only for old browsers */

div[class~="cNoPrint"]{display:none !important}/*  new Opera/Mozilla Gecko browsers don't need these blocks */
div[id="topImageContainer"]{display:block !important;} /* for Opera and new Mozilla Gecko browsers */

/* Linkit ja niihin liittyvä kuvat - Links and link related images */

span.Link {font-size:12px; font-family:Verdana, sans-serif; font-weight:bold; margin:1px; padding:0}
span.Link a {text-decoration:none !important; padding:0 0 0 1px; margin:0}
.noFull {cursor:pointer; padding-bottom:3px}
.noFull a {color:#304300 !important; }
a:link {text-decoration: underline; }
a:visited {text-decoration: underline; }
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

a img {border-width:0}
table a:visited img, table a:hover img, table a:active img {border-width:0;}
a[target="new"], a[target="new"] img {background-color:yellow !important}
#CreatureHouse a:hover, #CreatureHouse a:active {background-color:transparent !important}

/* Listat - Lists */

ol li	{list-style-position: outside;}
ol li ul li {list-style-position: inside;}

ul li
{list-style-type: circle;
list-style-position: outside;}


ul li ul li
{list-style-type: disc;
list-style-position: inside;
}

ul li ul li ul li
{list-style-type: square;
list-style-position: inside;}

ul li ul li ul li ul li
{list-style-type: disc;
list-style-position: inside;}

li.ok
{list-style-type: disc;
list-style-image: url(./Kuvat/ok.gif);
list-style-position: outside;}

li.sad
{list-style-type: disc;
list-style-image: url(./Kuvat/sad.gif);
list-style-position: outside;}

li.black
{list-style-type: disc;
list-style-image: url(./Kuvat/black.gif);
list-style-position: outside;}

li.smile
{list-style-type: disc;
list-style-image: url(./Kuvat/smile.gif);
list-style-position: outside;}

li.red
{list-style-type: disc;
list-style-image: url(./Kuvat/pallo-punainen.gif);
list-style-position: outside;}

li.orange
{list-style-type: disc;
list-style-image: url(./Kuvat/pallo.gif);
list-style-position: outside;}

li.brown
{list-style-type: disc;
list-style-image: url(./Kuvat/pallo-ruskea.gif);
list-style-position: outside;}

li.green
{list-style-type: disc;
list-style-image: url(./Kuvat/pallo-vihrea.gif);
list-style-position: outside;}


/* Alaviitteet - Footnotes */
.docSlide .note, .doc .note, .smaller {font-size: 0.9em;text-align:justify}
.note code, .smaller code {font-size: 1.0em;}


.header-v {border-right-width:0}
.header-o {border-left-width:0}

/* Erityistaulukot - Special tables */
table.vertailu {border:none;} 
table.vertailu td {font-size:90%} 
table.text {margin:auto; background-color:white; border-color: #bbb #7e7e7e #7e7e7e #bbb; border:solid 1px; border-spacing:1px !important}
table.text td, table.text th {border:1px solid; border-color: #7e7e7e #bbb #bbb #7e7e7e} 
table.ohjeet p {margin: 0.5em 0 0.5em 0}

/* Näytä muissa mediatyypeissäpiilotetut elementit. - Reveal hided elements in other media types. */
object {display:inline}
div.noPrint, div.cNoPrint, p.noPrint, address.noPrint, .sitesNoPrint, h3.noPrint, h4.noPrint, ul.noPrint, #BottomAdvAll, #bottomAdv, div.noProjection, #PrintPage, h4 a {display:block}
h4 a {width:100%}
li.noPrint {display:list-item}

/* Märitätulostuksessa piilotetut elementit - Define in printing revealed elements */
div.noProjection {text-align:center; margin-top:10px; padding-bottom: 3px; margin:auto}
#BottomAdvAll {text-align:center;}
#bottomAdv cite, #Chami cite {font-weight:normal !important}
#bottomAdv, .contact, #EditedNature,#EditedCss, #Edited {font-size:12px;}
#bottomAdv, #Chami, #FreeFind,.browsers {margin-top:0.3em}
#Chami *,.selitys {font-size:11px !important; text-align:justify}
address.contact, #Edited, #EditedCss, #EditedHelpPages, #EditedNature {font-weight:bold}
address.contact {text-align:left;}
#ChamiLogo {margin:5px 0 7px 0; padding: 0 2px 3px 2px;}
#bottomAdv {text-align:center; margin:auto;}
.pageTable #bottomAdv .text, .pageTable #bottomAdv .text *
{font-weight:bold}

/* Selainkohtaiset kommentit - Browser-specific notes */

div.bNotes, div.connect {background-color:#ffaaaa !important; border:1px solid #303400; margin-top:0.5em; margin-bottom:0.5em}
div.bNotes p:first-letter, div.connect p:first-letter {color:#303400 !important;}
div.bNotes, div.connect {padding:3px 2px 3px 2px}
div.bNotes ol, div.connect ol {margin-left:25px; padding-left:0; margin-top:0; margin-bottom:0; margin-right:10px}
div.bNotes ul, div.connect ul {margin-left:25px; padding-left:0; margin-top:0.5em; margin-bottom:0.5em; margin-right:10px}
div.bNotes li, div.connect li {margin-top:0.5em; margin-bottom:0}
div.bNotes p, div.connect p {margin-top:0; margin-bottom:0}

ul.compact p, ol.compact p {margin:0}
div.connect .sites, div.connectRec .sites, div.bNotes .sites, div.bRec .sites{margin-right:0px}

div.connect p, div.connectRec p, div.bNotes p, div.bRec p{margin-left:25px}

div.connect ol p, div.connectRec ol p, div.bNotes ol p, div.bRec ol p{margin-left:0px}
div.connect ul p, div.connectRec ul p, div.bNotes ul p, div.bRec ul p{margin-left:0px}

div.bRec, div.connectRec {background-color:#00c100 !important; border:1px solid #303400; margin-top:0.5em; margin-bottom:0.5em} 
div.bRec p:first-letter, div.connectRec p:first-letter {color:#303400 !important;}
div.bRec, div.connectRec {padding:3px 2px 3px 2px}
div.bRec ol, div.connectRec ol {margin-left:25px; padding-left:0; margin-top:0; margin-bottom:0; margin-right:10px}
div.bRec ul, div.connectRec ul {margin-left:25; padding-left:0; margin-top:0.5em; margin-bottom:0.5em; margin-right:10px}
div.bRec li, div.connectRec li {margin-top:0.5em; margin-bottom:0}
div.bRec p, div.connectRec p {margin-top:0; margin-bottom:0}