/*
@font-face {
     font-family: 'Fedorovsk Unicode';
     src: url('/files/FedorovskUnicode.eot?#iefix') format('embedded-opentype'),
          local('Fedorovsk Unicode'), local('Fedorovsk Unicode TT'),
          url('/files/FedorovskUnicodeSIL.ttf')  format('truetype'),
          url('/files/FedorovskUnicode.woff') format('woff'),
         url('/files/FedorovskUnicode.svg#FedorovskUnicode') format('svg');
     font-weight: normal;
     font-style: normal;
}
*/
/* declarations for tags */
body {
margin: 0px;
font-family: 'Open Sans', sans-serif; /*, Helvetica, Verdana, Arial, sans-serif;*/
}
/*
a:link {
     text-decoration: none;
     color: black;
}
a:visited {
     text-decoration: none;
     color: black;
}
a:active {
     text-decoration: none;
     color: black;
}
a:hover {
     text-decoration: underline;
     color: black;
}
FORM {
     vertical-align: top;
}
SELECT {
     font-size: 12px;
     vertical-align: top;
}
*/
/* declarations for objects */
/*
#maintable {
     border: 1px solid #2A2A8B;
     width: 1000px;
     vertical-align: top;
     margin-left: auto;
     margin-right: auto;
}
#banner {
     width: 100%;
     height: 100px;
     color: white;
     text-decoration: none;
     font-size: 13px;
     background-image: url('../images/banner.png');
     vertical-align: top;
     text-align: right;
}
#icon {
     width: 90px;
     float: left;
     margin-left: 5px;
     margin-right: 2px;
}
#info {
     margin-left: auto;
     margin-right: auto;
     width: 80%;
     vertical-align: top;
}
#navigation {
     display: none;
}
#navigation2 {
     display: none;
}
*/
#culinx {
/*   display: block;*/
border-bottom: 1px dashed black;
width: 100%;
}
/*
#cpanel {
     font-size: 12px;
     border-bottom: 1px dashed #2A2A8B;
     clear: both;
     vertical-align: top;
}
#dictbutton {
     position: absolute;
     left: 0px;
     top: 0px;
     display: none;
}
#navigPane {
     vertical-align: top;
     width: 250px;
     border-right: 1px dashed #2A2A8B;
}
#navToggle {
     border: none;
     cursor: pointer;
}
#zviewer {
     font-family: helvetica, verdana, arial, sans-serif;
     text-decoration: none;
     text-align: justify;
     vertical-align: top;
     padding-left: 5px;
}
#mobiletbar {
     display: none;
}
*/
/* crappy classes */
.cutext {
font-family: Ponomar Unicode;
}
td.bar {
height: 25px;
background-color: #2A2A8B;
text-decoration: none;
font-weight: bold;
color: white;
font-size: 18px;
text-align: center;
}
td.infobar {
height: 25px;
background-color: #2A2A8B;
text-decoration: none;
font-weight: bold;
color: white;
font-size: 18px;
text-align: center;
}
td.border {
background-color: #D5D574;
font-size: 1px;
width: 100%;
height: 5px;
}
td.maintd {
padding: 1em;
width: 100%;
}
td.infotd {
text-align: left;
}
table.menologion {
border: thin solid #2A2A8B;
margin-left: auto;
margin-right: auto;
width: 800px;
font-size: 12px;
text-align: left;
}
table.listtable {
border: none;
margin-left: 5em;
margin-right: auto;
width: 950px;
vertical-align: top;
text-align: left;
}
td.copyright {
background-color: #2A2A8B;
color: white;
text-decoration: none;
font-size: 13px;
width: 100%;
height: 50px;
}
.treeview {
padding-left: 5px;
margin-left: 5px;
}
/* define all the hyperlink crap */
.menologion a:link {
text-decoration: none;
color: #2A2A8B;
}
.menologion a:visited {
text-decoration: none;
color: #2A2A8B;
}
.infotd a:link {
text-decoration: none;
color: #2A2A8B;
}
.infotd a:visited {
text-decoration: none;
color: #2A2A8B;
}
.maintd a:link {
text-decoration: none;
color: #2A2A8B;
}
.maintd a:visited {
text-decoration: none;
color: #2A2A8B;
}
.menologion a:active {
text-decoration: none;
color: #2A2A8B;
}
.menologion a:hover {
text-decoration: underline;
color: #2A2A8B;
}
.infotd a:active {
text-decoration: none;
color: #2A2A8B;
}
.infotd a:hover {
text-decoration: underline;
color: #2A2A8B;
}
.maintd a:active {
text-decoration: none;
color: #2A2A8B;
}
.maintd a:hover {
text-decoration: underline;
color: #2A2A8B;
}
.copyright a:link {
color: white;
text-decoration: none;
}
.copyright a:visited {
color: white;
text-decoration: none;
}
.copyright a:active {
color: white;
text-decoration: none;
}
.copyright a:hover {
color: white;
text-decoration: underline;
}
.bar a:link {
color: white;
text-decoration: none;
}
.bar a:visited {
color: white;
text-decoration: none;
}
.bar a:active {
color: white;
text-decoration: none;
}
.bar a:hover {
color: white;
text-decoration: underline;
}
#banner a:link {
color: white;
text-decoration: none;
}
#banner a:visited {
color: white;
text-decoration: none;
}
#banner a:active {
color: white;
text-decoration: none;
}
#banner a:hover {
color: white;
text-decoration: underline;
}
#kbd1 {
top: 1px; width: 30px; height: 30px; position: absolute; font-weight: bold;
}
#kbd11 {
height: 28px; position: relative; text-align: center; line-height: 28px; font-size: 17px; font-weight: bold; color: rgb(0, 0, 0); border: 1px solid rgb(119, 119, 119); background-color: rgb(255, 255, 255);
}
#kbd2 {
top: 32px; width: 30px; height: 30px; position: absolute; font-weight: bold;
}
#kbd3 {
top: 63px; width: 60px; height: 30px; position: absolute; font-weight: bold;
}
#kbd31 {
height: 28px; position: relative; text-align: left; line-height: 28px; font-size: 17px; font-weight: normal; padding-left: 4.85714px; color: rgb(0, 0, 0); border: 1px solid rgb(119, 119, 119); background-color: rgb(255, 255, 255);
}
#btnkbd{
display:inline-block;
padding:0 5px;
background-color:#F0F0F0;
border:thin solid #EEE !important;
border-radius: 5px;
padding: 1px 6px;
border-width: thin !important;
border-style: outset;
border-color: buttonborder;
border-image: initial;
appearance: auto;
writing-mode: horizontal-tb !important;
font-style: ;
font-variant-ligatures: ;
font-variant-caps: ;
font-variant-numeric: ;
font-variant-east-asian: ;
font-weight: ;
font-stretch: ;
font-size: 13px !important;
font-family: sans-serif;
text-rendering: auto;
color: buttontext;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: center;
align-items: flex-start;
cursor: default;
box-sizing: border-box;
background-color: buttonface;
margin: 0em;
}
#oo-keyboard{
line-height: 20px;
width: 630px;
font-size: 13px;
padding-bottom: 10px;
}
#oo-keyboard button{
float: left;
display: block;
margin: 1px;
height: 3em;
text-align: center;
/*line-height:2.75em;*/
color: gray;
border: thin solid black;
}
#oo-keyboard .oo-label-natural{
color: #E0115F
}
#oo-keyboard .oo-label-shift{
color: #057CB5
}
#oo-keyboard .oo-label-natural,#oo-keyboard .oo-label-shift{
margin-top: -5px;
line-height: 20px;
text-align: center;
cursor: default
}
#oo-keyboard .oo-label-reference{
color: gray;
font-size: .9em;
line-height: 12px;
text-align: left;
cursor: default
}
#branah-k29 .oo-label-reference,#branah-k32 .oo-label-reference{
color: #000
}
#oo-keyboard .oo-recessed span{
color: #3C0
}
#oo-keyboard .oo-recessed-hover span{
color: #FFD800
}
#oo-keyboard .oo-clear{
clear: both
}
#oo-keyboard .oo-key{
width: 40px;
border: thin solid black;
}
#branah-backspace{
width: 78px
}
#branah-tab{
width: 62px
}
#branah-k25{
width: 56px
}
#branah-caps-lock{
width: 76px
}
#oo-enter{
width: 84px
}
#branah-left-shift{
width: 46px
}
#branah-right-shift{
width: 114px
}
#branah-space{
width: 246px;
text-align: center
}
#branah-right-ctrl,#branah-right-alt,#branah-escape{
width: 62px
}
#branah-left-ctrl,#branah-left-alt,#branah{
width: 60px
}
#kbd4 {
top: 94px; width: 30px; height: 30px; position: absolute; font-weight: bold;
}
.cubtn {
width: 40px;
height: 39px;
padding: 5px;
}
 
#oo-keyboard___key0 {
width: 40px;
padding: 5px;
left: 0px;
}
#oo-keyboard___key1 {
width: 40px;
padding: 5px;
}
#oo-keyboard___key2 {
width: 40px;
padding: 5px;
}
#oo-keyboard___key3 {
width: 40px;
padding: 5px;
}
#oo-keyboard___key4 {
width: 40px;
padding: 5px;
}
#oo-keyboard___key5 {
width: 40px;
padding: 5px;
}
#oo-keyboard___key6 {
width: 40px;
padding: 5px;
}
#oo-keyboard___key7 {
width: 40px;
padding: 5px;
}
#oo-keyboard___key8 {
width: 40px;
padding: 5px;
}
#oo-keyboard___key9 {
width: 40px;
padding: 5px;
}
#oo-keyboard___key10 {
width: 40px;
padding: 5px;
}
#oo-keyboard___key11 {
width: 40px;
padding: 5px;
}
#oo-keyboard___key12 {
width: 40px;
padding: 5px;
}
#oo-keyboard___kbp {
width: 78px;
padding: 5px;
}
#oo-keyboard___tab {
width: 62px;
padding: 5px;
left: 0px;
}
#oo-keyboard___key13{
width: 40px;
padding: 5px;
}
#oo-keyboard___key14{
width: 40px;
padding: 5px;
}
#oo-keyboard___key15{
width: 40px;
padding: 5px;
}
#oo-keyboard___key16{
width: 40px;
padding: 5px;
}
#oo-keyboard___key17{
width: 40px;
padding: 5px;
}
#oo-keyboard___key18{
width: 40px;
padding: 5px;
}
#oo-keyboard___key19{
width: 40px;
padding: 5px;
}
#oo-keyboard___key20{
width: 40px;
padding: 5px;
}
#oo-keyboard___key21{
width: 40px;
padding: 5px;
}
#oo-keyboard___key22{
width: 40px;
padding: 5px;
}
#oo-keyboard___key23{
width: 40px;
padding: 5px;
}
#oo-keyboard___key24{
width: 40px;
padding: 5px;
}
#oo-keyboard___key25{
width: 56px;
padding: 5px;
}
#oo-keyboard___enter_top{
display: none;
}
#oo-keyboard___caps{
width: 76px;
padding: 5px;
}
#oo-keyboard___key26{
width: 40px;
padding: 5px;
}
#oo-keyboard___key27{
width: 40px;
padding: 5px;
}
#oo-keyboard___key28{
width: 40px;
padding: 5px;
}
#oo-keyboard___key29{
width: 40px;
padding: 5px;
}
#oo-keyboard___key30{
width: 40px;
padding: 5px;
}
#oo-keyboard___key31{
width: 40px;
padding: 5px;
}
#oo-keyboard___key32{
width: 40px;
padding: 5px;
}
#oo-keyboard___key33{
width: 40px;
padding: 5px;
}
#oo-keyboard___key34{
width: 40px;
padding: 5px;
}
#oo-keyboard___key35{
width: 40px;
padding: 5px;
}
#oo-keyboard___key36{
width: 40px;
padding: 5px;
}
#oo-keyboard___key37{
display: none;
}
#oo-keyboard___enter_l{
width: 84px;
padding: 5px;
}
#oo-keyboard___shift{
width: 46px;
padding: 5px;
}
#oo-keyboard___key38{
width: 40px;
padding: 5px;
}
#oo-keyboard___key39{
width: 40px;
padding: 5px;
}
#oo-keyboard___key40{
width: 40px;
padding: 5px;
}
#oo-keyboard___key41{
width: 40px;
padding: 5px;
}
#oo-keyboard___key42{
width: 40px;
padding: 5px;
}
#oo-keyboard___key43{
width: 40px;
padding: 5px;
}
#oo-keyboard___key44{
width: 40px;
padding: 5px;
}
#oo-keyboard___key45{
width: 40px;
padding: 5px;
}
#oo-keyboard___key46{
width: 40px;
padding: 5px;
}
#oo-keyboard___key47{
width: 40px;
padding: 5px;
}
#oo-keyboard___shift_r{
width: 114px;
padding: 5px;
}
#oo-keyboard___lang{
width: 60px;
padding: 5px;
}
#oo-keyboard{
height: 215px;
}
#oo-keyboard___res_1{
width: 60px;
padding: 5px;
}
#oo-keyboard___res_2{
width: 60px;
padding: 5px;
}
#oo-keyboard___space{
width: 246px;
padding: 5px;
}
#oo-keyboard___alt_gr{
width: 62px;
padding: 5px;
}
#oo-keyboard___res_3{
width: 62px;
padding: 5px;
}
#oo-keyboard___res_4{
width: 62px;
padding: 5px;
}