/* display ocs in Kliment Std Regular using class="os"; Greek class="gk" */
@font-face{
    font-family:'KlimentStdRegular';
    src:url('/themes/csup/css/fonts/kliment_std-webfont.eot');
    src:url('/themes/csup/css/fonts/kliment_std-webfont.eot?#iefix') format('embedded-opentype'), url('/themes/csup/css/fonts/kliment_std-webfont.woff')format('woff'), url('/themes/csup/css/fonts/kliment_std-webfont.ttf')format('truetype'), url('/themes/csup/css/fonts/kliment_std-webfont.svg#KlimentStdRegular')format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'BukyvedeWeb';
    src:url('/themes/csup/css/fonts/bukyvede-regular-webfont.eot');
    src:url('/themes/csup/css/fonts/bukyvede-regular-webfont.eot?#iefix') format('embedded-opentype'), 
url('/themes/csup/css/fonts/bukyvede-regular-webfont.woff')format('woff'), 
url('/themes/csup/css/fonts/bukyvede-regular-webfont.ttf')format('truetype'), 
url('/themes/csup/css/fonts/bukyvede-regular-webfont.svg#BukyvedeRegular')format('svg');
    font-weight:normal;
    font-style:normal;

}
.os{
    font-family:KlimentStdRegular;
}
.gk{
    font-family:Palatino;
    font-size:90%;
    margin-left:1em;
    margin-top:-1.5em
}
/* in folio view, text on left, image on right, scale image */
body{
    overflow-x:hidden;
}
#text{
    position:absolute;
    height:auto;
    /*    top:0;*/
    left:0;
    width:37%;
    padding:1em;
}
#text h3{
    text-align:center;
}
#foliolist{
    display:inline;
}
#text li{
    line-height:1.2em;
}
sup{
    line-height:0;
}
#image{
    position:absolute;
    height:auto;
    /*    top:0;*/
    left:40%;
    width:57%;
}
#image img{
    width:100%;
}
.deleted{
    color:red;
    text-decoration:line-through;
}
.add{
    color:green;
}
.add:before{
    content:'[';
    color:green;
}
.add:after{
    content:']';
    color:green;
}
#smallImage{
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
#largeImage{
    position:absolute;
    top:0;
    left:0;
    display:none;
    background-color:lightgray;
    background-repeat:no-repeat;
    border:1px solid black;
    width:200px;
    height:200px;
}
