/* 
    Document   : matematiikkatyylit
    Created on : 8.10.2012, 16:00:41
    Author     : Jukka-Pekka Kerkkänen
    Description: Purpose of the stylesheet follows.
*/

/* Tämä koskee kaikkia, myös kaavoja ilman murtolukuja.*/
table.kaavarivi{
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 0px;
    /*display: block; Ei hyvä, kun monta taulukkoa sisäkkäin! Estää nim/os 
    keskitykset murtolukumuodossa, kun nim/os on itse taulukko.*/
    border-collapse: collapse; 
    border: none;
    
    font-family:"Times New Roman",Georgia,Serif;
    
    /*font-family:"Calibri","Century Gothic","Arial Unicode MS","Times New Roman";*/
    
    /*Sequences of whitespace will collapse into a single whitespace. Text will 
    never wrap to the next line. The text continues on the same line until 
    a <br /> tag is encountered*/
    white-space: nowrap; 
    line-height: 100%;
    
    /* Suhteellinen mitta ei toimi, koska näitä on sisäkkäin. Huomaa, että
    täällä ei ole !important-juttua, eli fonttikoko voidaan muuttaa kaavan sisällä.
    Siitä voi olla iloa esimerkiksi tavallista tekstiä lisättäessä.*/
    font-size: 20px;    
    
    /*letter-spacing: 0.5px;  Sotkee neliöjuuren*/
    font-style: italic;
    
}

/* KOKEILUA Kaavat yläindeksinä, lähinnä eksponentit:*/
exp_table.kaavarivi{
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 0px;
    /*display: block; Ei hyvä, kun monta taulukkoa sisäkkäin! Estää nim/os 
    keskitykset murtolukumuodossa, kun nim/os on itse taulukko.*/
    border-collapse: collapse; 
    border: none;
    
    font-family:"Times New Roman",Georgia,Serif;
    
    /*font-family:"Calibri","Century Gothic","Arial Unicode MS","Times New Roman";*/
    
    /*Sequences of whitespace will collapse into a single whitespace. Text will 
    never wrap to the next line. The text continues on the same line until 
    a <br /> tag is encountered*/
    white-space: nowrap; 
    line-height: 100%;
    
    /* Suhteellinen mitta ei toimi, koska näitä on sisäkkäin. Huomaa, että
    täällä ei ole !important-juttua, eli fonttikoko voidaan muuttaa kaavan sisällä.
    Siitä voi olla iloa esimerkiksi tavallista tekstiä lisättäessä.*/
    font-size: 70%;    
    
    /*letter-spacing: 0.5px;  Sotkee neliöjuuren*/
    font-style: italic;
    
}
    
.onmerkki_kaavarivi{
    vertical-align: middle;
}

    
table.kaavarivi td{
    height: 1em !important; 
    /*text-align: center !important; EI HYVÄ, kun useampi taulukko sisäkkäin!*/
    border: none;
    padding: 1px ;
    margin: 0px !important;
}

    
/* Jostain ihme syystä ilman importanttia table.kaavarivi_kaavarivi td -asetus
menee edelle! */
td.nimittajasolu_kaavarivi{
    border-top: 1px solid black !important;
    vertical-align: top;    /* Tämä ei päästä nimittäjää putoamaan.*/
}

td.osoittajasolu_kaavarivi{
    vertical-align: bottom;    /* Tämä ei päästä osoitajaa nousemaan.*/
}
    
.yksirivinen_kaavarivi{
    position: relative;
    top: 1px;
    vertical-align: middle !important;
    padding: 0 2px 0 2px !important;
}

.ylarivi_kaavarivi{
    /*vertical-align: bottom;*/
}
   
.pelkkayksirivinen_kaavarivi{
   
}

.laventaja_kaavarivi{
    text-align: right;
    position: relative;
    top: -8px;
    right: -2px;
    font-size: 60%;
    color: blue;
}
   
.supistaja_kaavarivi{
    text-align: left;
    position: relative;
    top: -8px;
    left: 0px;
    font-size: 60%;
    color: green;
}

.eksponentti_kaavarivi_2rivi{
    text-align: left;
    position: relative;
    top: -5px;
    left: -6px;
    font-size: 70%;
    /*color: blue;*/
}

.eksponentti_kaavarivi_1rivi{
    text-align: left;
    position: relative;
    top: -4px;
    left: 0px;
    font-size: 70%;
    /*color: red;*/
}

.neliojuuri_kaavarivi{
    border-top:1px solid black !important;
}

.neliojuurimerkki_pieni{
    font-family:"Times New Roman",Georgia,Serif !important;
    font-style: normal;
    font-size: 21px;
    position: relative;
    left: 1px;
}

.neliojuuri_matala_kaavarivi{
    text-decoration: overline !important;
    font-family:"Times New Roman",Georgia,Serif !important;
    font-style: normal;
}
.tuplarivimerkki_kaavarivi{
    font-size: 51px;        /*240%*/
    font-style: normal;
}

/* Seuraavalla säädetään itseisarvomerkkiä, joten ota huomioon, jos muutat. */
.itseisarvomerkki_kaavarivi{
    font-size: 55px;
    position: relative;
    top: 7px !important;
    font-family:"Times New Roman",Georgia,Serif !important;
    font-style: normal;
}

.isosulku_kaavarivi{
    font-size: 40px;
    font-family:"Bell MT","Courier New", "Century Gothic",Arial !important;
    font-style: normal !important;
}

.neliojuurimerkki_iso_kaavarivi{
    position: relative;
    top: 3px !important;
    right: -3px !important;
    font-family:"Times New Roman",Georgia,Serif !important; 
    font-style: normal;
  
}
.kaavarivi sub, .pikkukaava sub{
    vertical-align: baseline; /* Tämä olikin ratkaisu sulkuongelmaaan! */
    position: relative !important;
    bottom: -2px !important;
    font-size: 11px !important;
    
}
.kaavarivi sup, .pikkukaava sup{
    vertical-align: baseline; /* Tämä olikin ratkaisu sulkuongelmaaan! */
    position: relative !important;
    top: -6px !important;
    font-size: 12px !important;
}

.aaltosulku1{
    /*font-family:"Times New Roman"; font-size:280%; position:relative; top:-3px;*/
    font-family:"Courier New", Courier, "Century Gothic", "Times New Roman"; 
    font-size:70px; 
    position:relative; 
    top:2px; 
    left: 20px;
    font-style: normal;
}

.aaltosulku2{
    /*font-family:"Times New Roman"; font-size:280%; position:relative; top:-3px;*/
    font-family:Courier, "Times New Roman"; 
    font-size:105px; 
    position:relative; 
    top:2px; 
    left: 15px;
    font-style: normal;
}

.aaltosulku3{
    /*font-family:"Times New Roman"; font-size:280%; position:relative; top:-3px;*/
    font-family:Courier, "Times New Roman"; 
    font-size:140px; 
    position:relative; 
    top:2px; 
    left: 15px;
    font-style: normal;
}

.integraalimerkki{
    position: relative; 
    bottom: -2px;
    font-family: "Lucia Sans Unicode","Arial Unicode MS","Century Gothic", Arial !important;
    font-size: 35px;
    font-style: normal;
    color: black;
    margin:0;
    padding:0;
}
.integraali_alamerkinta{
    text-align: left;
    position: relative;
    top: 14px;
    left: -2px;
    font-size: 12px;
    color: black;
}
.integraali_ylamerkinta{
    text-align: left;
    position: relative;
    top: -27px;
    left: -7px;
    font-size: 12px;
    color: black;
}

.summamerkki{
    position: relative; 
    font-family: "Lucia Sans Unicode","Arial Unicode MS","Century Gothic", Arial !important;
    font-size: 30px;
    color: black;
    margin:0;
    padding:0;
    font-style: normal;
}

.summa_alamerkinta{
    text-align: center;
    position: relative;
    top: -8px;
    font-size: 12px;
    color: black;
}
.summa_ylamerkinta{
    text-align: center;
    position: relative;
    top: 3px;
    font-size: 12px;
    color: black;
}

.summataulukko, .summataulukko tr, .summataulukko td, 
.summataulukko2, .summataulukko2 tr, .summataulukko2 td,
.limestaulukko, .limestaulukko tr, .limestaulukko td, 
.limestaulukko2, .limestaulukko2 tr, .limestaulukko2 td{
    padding: 0;
    margin: 0;
    vertical-align:baseline;
}
.summataulukko2{
    position: relative;
    top: -1px;
}
.summataulukko{
    position: relative;
    top: 2px;
}
.limestaulukko2{
    position: relative;
    top: -1px;
}
.limestaulukko{
    position: relative;
    top: 2px;
}
.limesmerkinta{
    position: relative; 
    top: 10px;
    color: black;
    margin:0;
    padding:0;
    font-style: normal;
}

.limes_alamerkinta{
    text-align: center;
    position: relative;
    top: 2px;
    left: -2px;
    font-size: 12px;
    color: black;
    font-style: italic;
}

.intsijmerkki{
    position: relative; 
    font-family: "Lucia Sans Unicode","Arial Unicode MS","Century Gothic", Arial !important;
    font-size: 35px;
    color: black;
    margin:0;
    padding:0;
    font-style: normal;
}

.intsij_alamerkinta{
    text-align: center;
    position: relative;
    top: -13px;
    left: -7px;
    font-size: 12px;
    color: black;
}
.intsij_ylamerkinta{
    text-align: center;
    position: relative;
    top: 3px;
    left: 5px;
    font-size: 12px;
    color: black;
}

.intsijtaulukko, .intsijtaulukko tr, .intsijtaulukko td, 
.intsijtaulukko2, .intsijtaulukko2 tr, .intsijtaulukko2 td{
    padding: 0;
    margin: 0;
    vertical-align:baseline;
}
.intsijtaulukko2{
    position: relative;
    top: 3px;
}
.intsijtaulukko{
    position: relative;
    top: 4px;
}


.text{
    font-family: "Arial Unicode MS","Century Gothic", Arial !important;
    
    /*font-family:"Calibri","Century Gothic","Arial Unicode MS","Times New Roman" !important;*/
    font-size: 16px;    /*Tämä näyttää olevan ainakin chromen oletusfonttikoko.*/
    color:black;
    font-style: normal !important;
}



/* Erillään asettaa pienen välin esimerkiksi plus-merkin molemmin puolin. */
.erillaan{
    padding-left: 0.13em;
    padding-right: 0.18em;
}

.ital_off{
    font-style: normal;
    
    /* Suoristus aiheuttaa vasemmalle puolelle ahtautta ja tämä auttaa siihen. */
    padding-left: 2px;
}

.pikkukaava{
    font-family:"Times New Roman",Georgia,Serif;
    font-size: 20px;    
    font-style: italic;
    white-space:nowrap;
}