/* Dynaamisten valikoiden ja niihin liittyvien navigointilinkkien CSS. - The CSS for dynamic menus and related special navigation links.
div.doc,.End {display:none} */

/*testi - test */
#topMenu, #sleep {top:1px}
#topMenu {height:116px} 
div#shortcutMenu .upper {top:117px; height:62px} 
div#shortcutMenu .lower {top:179px; height:133px;} 
#findForm {top:312px; left:1px}

/* verkko - network

#topMenu, #sleep {top:1px}
#topMenu {height:116px} 
div#shortcutMenu .upper {top:117px; height:62px} 
div#shortcutMenu .lower {top:179px; height:111px;} 
#findForm {top:290px; left:1px}
#allSitesLinkTR, .allSitesLink {display:none; height:0}
*/

div.doc p a:link, div.docSlide p a:link, div.doc p a:visited, div.docSlide p a:visited, div.doc blockquote a:link, div.docSlide blockquote a:link, div.doc blockquote a:visited, div.docSlide blockquote a:visited {text-decoration:none}
div.doc p a:hover, div.docSlide p a:hover {text-decoration:underline}

/* Dynaamisten valikoiden asemointi ja z-index. - Positioning and z-indexes of dynamic menus. */
/* Kaikkien valikoiden ja muiden navigointielementtien pystyasemointi. - Vertical positions for all menus and other navigation elements. */

#mainMenu {top:7px !important}
#Generic, #GenericFi {top:14px}
#indexPages, #GenericEn {top:30px}
#MainPages, #indexPagesFi, #IsaGroup, #Generic1, #GenericPreface {top:46px}
#GenericAdvice, #indexPagesEn, #Appendixes, #JeesusGroup, #HTMLPages{top:62px}
#Proposals, #ColorGroup, #PHGroup, #Sekalaisia, #CSSTables  {top:78px}
#Practising, #BWGroup, #JPGroup {top:94px}
#IsaGroup1, #GenericSearch {top:110px} 
#IsaGroup2  {top:126px}
#PHGroup1 {top:142px}
#PHGroup2 {top:158px}
#PHGroup3 {top:174px}
# {top:190px}
#div1, #allSites, #div2 {top:1px} /**/

/* Päävalikon ja samalla lailla vaakatasossa asemoitavien muiden elementtien vaaka-asemointi. - The vertical position of the main menu and related elements, which have been horizontally positioned at the same way. */

div#mainMenu, div#shortcutMenu .upper, div#shortcutMenu .lower, #topMenu, #sleep {left:1px;}

/* Vaaka-asemointi ja z-index toisen tason valikoille. - Horizontal positions and the z-index for second level sub-menus. */
.sMenuL1 {left:125px; z-index:8;}
#allSites, #div1, #div2 {left:1px; z-index:10} /*52, 55px, 108px126*/

/* Vaaka-asemointi ja z-index 3.-6. tason valikoille. - Horizontal positions and the z-index for 3-6. level sub-menus. */

.sMenuL2 {left:262px; z-index:9}
.sMenuL3 {left:399px; z-index:10}
.sMenuL4 {left:536px; z-index:11}
.sMenuL5 {left:673px; z-index:12}
.sMenuL6 {left:810px; z-index:13}
/* Dynaamisten valikoiden ja niihin liittyvien linkkien asemointityyppien ja z-index arvojen määrittelyjä. - Postioning types and z-indexes for dynamic menus and related navigation elements */

/* Asemointityypit. -  Postioning types. */

div#mainMenu, div.sMenuL1, div.sMenuL2, div.sMenuL3, div.sMenuL4, div.sMenuL5, div.sMenuL6, div#shortcutMenu .upper, div#shortcutMenu .lower, div#topMenu, #findForm, #sleep {position:absolute}
.shadowBase, .shadow, div.container {position:relative}
/*z-index*/
#topDoc {z-index:1}
#dynamicMenus {z-index:2}
#tableAllPages {z-index:1}
div#topImageContainer {z-index:2}
div#findForm {z-index:2}
div#shortcutMenu .upper {z-index:3}
div#shortcutMenu .lower {z-index:4}
#topMenu {z-index:5;}
#mainMenu, div#sleep {z-index:7}
.shadowBase {z-index:1;}
.container {z-index:2}


/* Dynaamisten valikoiden rakenteet. - Structures of dynamic menus. */

/* Pohjaelementit. - Base elements. */
#tableAllPages {width:auto; margin:auto}
#tableAllPages td {text-align:left}

/* Elementit, joiden tulee käyttäytyä lohkoina. -  Elements, which should behave as blocks. */
div#mainMenu a, div.sMenuL1 *, div.sMenuL2 *, div.sMenuL3 *, div.sMenuL4 *, div.sMenuL5 *, div.sMenuL6 *, .Header, .itemName, .Link, .Link a, div#shortcutMenu a {display:block}
div.subSitesInfo *, div.sMenuL1 strong {display:inline} /* erityisvalikko */
div.menuHeader{display:none} /* otsikot esillä vain sivutaulukkosivuilla*/


/* Yleisiä ominaisuuksia - Generic properties */
/* font-family, text-decoration,font-size, border, line-height, height, background */
div#mainMenu div {border:none !important}
div span.itemName {margin-top:0 !important; height:14px !important; line-height:14px !important; padding-top:0; padding-bottom:0; margin-bottom:0 !important; border:none !important; font-size:12px; font-weight:bold}
div#mainMenu a, .container div a {font-weight:bold; display:block; text-decoration: none; height:15px !important; text-align:left !important; padding-top:0; padding-bottom:0; margin-bottom:0 !important; margin-top:0 !important; border:none !important}
div.container {top:0; left:0; margin:0; background-image:  url(.) !important; border:1px solid #304300; padding:0 !important}
.container div a {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.span.itemName {margin-left:2px; background-color:transparent}
.Header, .Header2 {background-image:url(./Kuvat/buttons/spacer.gif) !important}
.container div.Header *, .container div.Header2 *, .container div.Header2 a:hover, .container div.Header a:hover, .container div.Header2 a:active, .container div.Header a:active, .container div.Header2 a:focus, div.Header a:focus {background-color:transparent !important; background-image:url(.) !important}
.Header span.itemName, .Header2 span.itemName {margin-left:14px;}
div.container div.Header div, div.container div.Header2 div {padding:0}
.Header a:hover, .Header2 a:hover, .Header a:active, .Header2 a:active, .Header a:focus, .Header2 a:focus {background-color:transparent !important}
div.container div.normal a, div.container div.subItem a, div.container div.subItem2 a {margin-left:12px} 
div.arrow, div.arrow a, .itemA, .itemB {cursor:pointer}
div#mainMenu a, .container .arrow a {border-width:0 !important; width:122px !important;}
div#mainMenu a span.itemName, .container .arrow a span.itemName {font-size:11px !important; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:5px; background-color: transparent !important; border:none !important}
#mainMenu div.arrow, .container div.arrow, .container div.Header, .container div.Header2, .container div.normal, div.container div.subItem, div.container div.subItem2 {margin-top:1px !important; margin-bottom:0 !important; heigth:15px !important; padding:0}
#mainMenu div.arrow, .container div.arrow {background-color: rgb(220,220,220); background-image:  url(../Kuvat/buttons/buttonArrow.gif)!important; background-repeat: no-repeat; background-position: 0px 0px !important; width:122px !important; margin-left:12px; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important;}
div.arrow div.itemD {background-image: none !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right: 0 !important; background-color: transparent !important; width:122px !important; padding-top:0 !important}
div.arrow div.itemD a {width:122px !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important;}
div.arrow .itemD a:hover {background: transparent url(./Kuvat/hover.gif) no-repeat 0 0 !important}
div.arrow .itemD a:active, div.arrow .itemD a:focus {background: transparent url(./Kuvat/active.gif) no-repeat bottom right}
.menuHeader, span.Header {border:1px solid !important; border-color: #c0c0c0 #303400 #303400 #c0c0c0 !important;}
.container .contents, .container.contents div, container.contents span {background-image:url(.) !important}
.container .itemD {background-repeat:no-repeat; background-position: 0 2px}
.container, span.Link {border:1px solid #303400 !important}
.container .normal a.itemB, .container .subItem a.itemB, .container .subItem2 a.itemB {background-color: rgb(220,220,220);}



/* Lomakkeet. - Forms.*/
input.query:focus {outline:1px solid red}
form.findForm, table.findForm {width:120px}
#findForm table.findForm {margin-top:0px !important}
div#findForm {background-position: bottom left !important; height:75px}
div#findForm {visibility:visible} 
input.query {width:120px; margin:0; font-size:12px !important; font-family:Arial,sans-serif; color:#304300 !important;}
/*118/120 riippuu siitä, onko reunoja vai ei */
div#findForm td.submit {cursor:pointer}
input.find, a.button {font-weight:bold; color:#304300 !important; font-size:11px !important; font-family:Arial, sans-serif; margin-top:2px; padding-bottom:1px; display: block; text-align:center; cursor:pointer; border:1px solid #304300; text-decoration:none !important}
a.button {height:18px; background-repeat:repeat !important}
a[class="button"]{height:0; min-height:18px}
#selectNaviType select,.pageForm input.longQuery  {margin-top:2px !important}
#findForm input.find {width:94px;margin-left:1px}/*width:98px; line-heigh:15px; */ 
#findForm input.query {margin:auto; display:block}
#FreeFind input.query {width:100px; margin:0; font-size:13px !important;}
#FreeFind input.find {width:41px; font-size:12px !important; font-family:Arial, sans-serif; height:21px; margin-top:0}
#findForm table.findForm {margin-left: 2px} 
#findForm, #findForm form.findForm, #findForm input {margin-bottom:0;}
#findForm form.findForm {margin-top:0}
td.helpF {text-align:center}
td.helpF a { margin-top:2px}
td.helpF a img {margin:1px 2px}
td.helpF a, div.next a {display:block; width:auto; height:20px}
td.helpF a:link, td.helpF a:visited,
div.next a, div.next a:link, div.next a:visited, #topImageContainer a:link, #topImageContainer a:visited, a.button:link, a.button:visited, table.buttons a:link, table.buttons a:visited  {border: 1px solid; border-color: #303400 #303400 #303400 #303400}
td.helpF a:hover, input.find:hover, div#shortcutMenu td a:hover, .pageForm a:hover, div.next a:hover, #topImageContainer a:hover, a.button:hover, table.buttons a:hover {border:1px solid; border-color: #eee #303400 #303400 #eee}
td.helpF a:active, input.find:active, div#shortcutMenu td a:active, .pageForm a:active, div.next a:active, a.button:active, table.buttons a:active {border:1px solid; border-color: #303400 #eee #eee #303400;}
td.helpF a:focus,input.find:active, div#shortcutMenu td a:focus, .pageForm a:focus, div.next a:focus, a.button:focus, table.buttons a:focus {border:1px solid; border-color: #303400 #eee #eee #303400}
div#FreeFind form {height:30px}
#FreeFind input.query {width:128px;float:left}
#FreeFind input.find {width:auto;float:left;}







/* Päävalikko. - The main menu. */
#mainMenu {visibility:visible}
div#mainMenu, div#findForm {width:126px; background-repeat:repeat-y; background-color:transparent; background-position: 0 0; border-width:0 !important; background-attachment:scroll}
#mainMenu div.container {width:124px; background-color:transparent !important; padding-top:0 !important; margin-top:0 !important}
#mainMenu div.container .contents {margin-top:0; background-color:transparent !important}
div#mainMenu div.arrow {margin-left:0px}
div#mainMenu div.menuHeader {margin:0 !important; font-weight:bold; font-size:11px !important; background-color:transparent !important; text-align:center !important; height:13px; display:block !important} 
div#mainMenu, div#shortcutMenu .upper, div#shortcutMenu .lower, div#topMenu, #sleep, #sleep table, #sleep .upper div, #sleep .lower div {width:126px !important;}
#sleep, #sleep table, #sleep .upper div, #sleep .lower div {margin-left:0 !important}
#mainMenu a:link, #mainMenu a:visited, #mainMenu a:hover, #mainMenu a:active, #mainMenu a:focus {background-color: transparent !important; color:#304300}
#mainMenu a:hover {background: transparent url(./Kuvat/hover.gif) no-repeat 0 0 !important}
#mainMenu a:active, #mainMenu a:focus {background: transparent url(./Kuvat/active.gif) no-repeat bottom right}





/* Alivalikot. - Sub-menus. */
.new, .new span.Link, .red, .red span.Link, #lastEditedLink span.itemName {color:red !important; font-weight:bold; font-size:1.0em}
div.sMenuL1, div.sMenuL2, div.sMenuL3, div.sMenuL4, div.sMenuL5, div.sMenuL6 {visibility:hidden; padding:0 !important; margin:0 !important; border-width:0 !important}
.sMenuL1 a,.sMenuL2 a,.sMenuL3 a,.sMenuL4 a,.sMenuL5 a,.sMenuL6 a {text-decoration:none !important;}
.container div, span.itemName {width:auto}
div.container .contents {margin:8px 0 0 2px}
#mainMenu div.container .contents {margin-top:0 !important}
div.container div.normal {background-image:none !important}
div.container div.arrow {width:122px !important;}
/* 3.-6. tason alivalikot */
.shadowBase {width:426px} 
.sMenuL2, .sMenuL3, .sMenuL4, .sMenuL5, .sMenuL6, .container, shadow {width:416px}
div.container div.normal, div.container div.normal a {width: 395px;}
.container .normal .itemD .itemA, .container .normal .itemD .itemB {width: 395px;}
.container .Header {width: 407px}
.container .subItem a {width:383px}
/* 1. tason alivalikot */ 
.sMenuL1 div.shadowBase {width:523px;} 
div.sMenuL1, div.sMenuL1 .container, div.sMenuL1 .shadowBase .shadow {width:503px;} 
div.sMenuL1 div.container div.normal, div.sMenuL1 div.container div.normal a {width:494px;} 
div.sMenuL1 .container div.Header {width:494px;} 
div.sMenuL1 .container .normal .itemD .itemA, div.sMenuL1 .container .normal .itemD .itemB {width: 482px;}
div.sMenuL1 div.Header2 {width:482px; margin-left:12px} 
div.sMenuL1 div.container div.subItem, div.sMenuL1 div.container div.subItem a {width:470px;} 
div.sMenuL1 div.container div.subItem2, div.sMenuL1 div.container div.subItem2 a {width:458px;}
div.sMenuL1 div.container div.subItem {margin-left:12px;}
div.sMenuL1 div.container div.subItem2 {margin-left:24px;}

/* erityisvalikko*/
div#allSites, div#allSites .container, div#allSites .shadowBase .shadow, div#div1, div#div1 .container, div#div1 .shadowBase .shadow, div#div2, div#div2 .container, div#div2 .shadowBase .shadow {width:328px !important}
div#allSites div.container div, div#div1 div.container div, div#div2 div.container div {width:auto}
div#allSites .container div.Header, div#allSites div.normal, div#div1 .container div.Header, div#div1 div.normal, div#div2 .container div.Header, div#div2 div.normal {width:319px !important}
div#allSites div.itemD a, div#div1 div.itemD a, div#div2 div.itemD a {width: 307px}
div.subSitesInfo {width: 309px !important; border-bottom:1px #304300 dotted !important; padding:5px; text-align:justify; font-size:12px; margin-bottom:5px; height:auto !important; font-weight:normal !important}
div.subSitesInfo cite {font-weight:bold}
div#dnInfo {border-top:1px #304300 dotted; border-bottom-width:0; margin-top:5px; margin-bottom:0}
div#allSites .shadowBase, div#div1 .shadowBase, div#div1 .shadowBase {width:298px}





/* Valikoiden varjoelementit. - Shadow elements of dynamic menus. */
div#mainMenu .shadowBase, div#mainMenu .shadow {display:none}
.shadowBase {background: transparent url(.) !important; position:relative; left:-8px; margin-bottom:-80px} /*position:absolute; top:-40px; */
.shadowBase .shadow {top:48px; left:35px; background: transparent url(./Kuvat/grid.gif); border-style:solid ; border-color:#666 #999 #999 #666; border-width: 1px 1px 1px 0} /* 666 aaa 999 666 */




 
/* ei käytössä - not in use*/

body.pageTable .allSitesLink, .space, body.pageTable #findForm, #coverTD, #coverTR, #coverTDEn {display:none !important}





/* Päävalikon ylä- ja alapuolella oleva alue. -  The area above and below the main menu. #RippisSiteLogo {margin-left:7px} 
 */
img.siteLogo {margin-left:0px; width:100px !important; height:25px !important}
div#topMenu, .upper div {background-position:0px 0px; backround-repeat:no-repeat}
div#shortcutMenu table.specialLinks {margin-left:1px !important; width:120px; margin-top:0; margin-bottom: 0}
div#shortcutMenu .relativeLinks a, div#shortcutMenu .otherLinks a {width:auto;}
div#shortcutMenu td a:link , div#shortcutMenu td a:visited, div#shortcutMenu td a:hover, div#shortcutMenu td a:active, div#shortcutMenu td a:focus {color:#304300 !important}
div#shortcutMenu td a, td.helpF a {background-position:50% 50%; background-repeat:no-repeat;} /*246*/
div#shortcutMenu .info {border:none}
div#shortcutMenu td a img, div#shortcutMenu td a:link img, div#shortcutMenu td a:visited img, div#shortcutMenu td a:hover img, div#shortcutMenu td a:active img, div#shortcutMenu td a:focus img, #findForm td a img {background-color:transparent !important}
div#shortcutMenu, div#shortcutMenu .upper, div#shortcutMenu .lower {padding-top:0px !important; padding-bottom:0px !important}
div#shortcutMenu .lower a {font-family:Arial,sans-serif}
div#shortcutMenu .upper, div#shortcutMenu .lower {background-repeat:no-repeat; background-color:transparent !important; background-attachment:scroll; background-position:0px -7px; line-height:0; margin-left:0; padding-left:2px}
#sleep {visibility:hidden}
#sleep .lower div {background-repeat:no-repeat; background-position: bottom left; line-height:0; margin-left:0;} 
body.pageTable #topMenu {height: 22px !important}
body.pageTable #shortcutMenu .upper {top:23px !important; position:absolute !important; z-index:20; height:20px !important } 
body.pageTable #shortcutMenu .upper table.specialLinks {height:0 !important; margin-top:0 !important} 
body.pageTable #shortcutMenu .upper table.specialLinks * {height:auto !important; position:static !important}
.pageTable div#shortcutMenu .lower {position:absolute !important; top:43px !important; background-position: bottom left !important; height:130px} /* 3px ylempänä */
.info, .info div {font-size:11px !important; font-weight:bold; line-height:13px; text-align:center}
div#shortcutMenu td, div#shortcutMenu td img {vertical-align:middle;}
div#shortcutMenu td img {height:18px; margin-top:1px; margin-bottom:1px; vertical-align:center}
div#shortcutMenu td {height:20px; padding:0 !important}
div#shortcutMenu td a {text-align:left; border:1px solid #304300; margin:0; height:20px; font-weight:bold; text-decoration:none; font-size:11px; vertical-align:middle;}
div#shortcutMenu th, div#findForm th {border-width:0 !important}
body.startPage tr.two, body.subIndex tr.two, body.contents tr.two, body.pageTable tr.two {visibility:hidden}
div#shortcutMenu tr.double #rightTD a {text-align:left; padding-right:2px; width:auto}
div#shortcutMenu tr.double #leftTD a {text-align:right; padding-left:2px; width:auto}
div#shortcutMenu tr.double #leftTD img {width:18px; margin-left: 2px; margin-right: 1px;}
div#shortcutMenu tr.double #rightTD img {width:18px;  margin-left: 1px; margin-right: 2px;}
div#shortcutMenu .two img {width:18px; margin-left: 20px; margin-right:20px}
div#shortcutMenu .three img {width:18px; margin-left: 10px; margin-right:10px}
div#shortcutMenu .long img {width:18px; margin-left: 5px; margin-right:5px}
div#shortcutMenu .four img {width:18px; margin-left: 5px; margin-right:5px}
div#shortcutMenu .five img {width:18px; margin-left: 2px; margin-right:2px}
div#shortcutMenu .long a {width:118px}
td.allSitesLink, td.allSitesLink a {text-align:center !important;}
td.allSitesLink a img {width:1px !important; height:18px !important; display:inline !important; margin-left:0 !important; margin-right:0 !important}
/*
div#shortcutMenu td.empty a:hover, div#shortcutMenu td.empty a:active, div#shortcutMenu td.empty a:focus {border-color: #303400 #303400 #303400 #303400 !important; cursor:default}
div#shortcutMenu th.space, div#shortcutMenu th.space div {visibility:hidden; height:1px !important; line-height:0px !important; font-size:0px !important}
*/
#help, #helpEn, .helpF a {cursor:help}
div.Header a {cursor:default}
.disabled {border: 1px solid #304300; display:block; background-color: #c0c0c0 !important; background-image:none !important}
.long #remarkTD a.new {color:red !important}
body.startPage #homeTD a,.lastEdited #remarkTD a, #lastEdited #remarkTD a, #lastEditedPage #remarkTD a, body#alphaIndex #alphaTD a, body.alphaIndex #alphaTD a, body.contents #contentTD a {background: gold url(../Kuvat/buttons/pohjaGold.png) 50% 50% no-repeat !important; border:1px solid #304300 !important; cursor:default;}


/*yleiset linkkiominaisuudet */

a:link {color:#2e2e9f; background-color:transparent; text-decoration:underline}
a:visited {color:#515; background-color:transparent; text-decoration:underline;}
a:hover {color:#c60; background-color:transparent}
a:active {color:white !important; background-color:#c60;}