@font-face {
  font-family: "Padauk";
  src: local("Padauk"), url("Padauk.ttf");
}
@font-face {
  font-family: "Padauk";
  font-weight: bold;
  src: local("Padauk-Bold"), url("Padauk-Bold.ttf");
}
/** readme */
div.myInstructions {
  float: right;
  font-family: "Padauk", "Myanmar3", "Parabaik";
  width: 45%;
}
div.footer div.myInstructions {
  font-size: 0.75em;
}
div.enInstructions {
  float: left;
  width: 45%;
}

div.readme {
  clear: both;
  margin-top: 1em;
}
td.keyboard {
  text-align: center;
  padding: 0.1em; 
  border-width: .2em; 
  border-color: #d0d6f0;
  border-style: solid;
  font-size: 1.2em;
  height: 1.5em;
  font-family: "PadaukOT", "Padauk", "Myanmar3", "Parabaik";
}

td.keybutton a, td.keyboard a, a.keyboard {
  font-family: "PadaukOT", "Padauk", "Myanmar3", "Parabaik";
}

td.keyButton {
  text-align: right;
  padding: 0.1em; 
  border-width: .2em; 
  background-color: #c0c0c0;
  border-color: #d0d6f0;
  border-style: solid;
  font-size: 1.2em;
  font-weight: bold;
  height: 1.5em;
  font-family: "PadaukOT", "Padauk", "Myanmar3", "Parabaik";
}

div.keyboard {
  position: absolute; /* uncomment to place at fixed position at top of page*/
  overflow: hidden;
  text-align: center;
  border-width: 2px;
  border-style: solid; 
  border-color: black;
  background-color: #ffffff; /* background */
  margin: 0px;
  z-index: 10;
  border-radius: 5px;
  -moz-border-radius: 5px;
  opacity: 0.5;
}


.thanlwinsoft {
    display: block;
    text-align: right;
    font-size: small;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: black;
	margin: 0px;
    padding: 0px;
}

.keyboardTopBar {
	text-align: left;
	background-color: #0000ff;
	color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
	margin-top: 0px;
	margin: 0px;
    padding: 0px;
	line-height: 1em;
    cursor: move;
}


.keyboardTopBar p {
	margin: 0px;
    padding: 0px;
	text-align: right;
	vertical-align: top;
	font-size: small;
}

.keyboardTopBar span {
}

.keyboardTopBar a:link,  .keyboardTopBar a:visited, .keyboardTopBar a:active{
    color: black;
	text-decoration: none;
	border-style: none;
}

a.closeWindow , a.closeWindow:link, a.closeWindow:visited, a.closeWindow:active{
    color: white;
	font-family: Arial;
	font-weight: bold;
	margin-left: 0.5em;
	vertical-align: top;
	font-size: small;
}
.keyboardTopBar img {
  border-style: none;
}

.my, a.keyboard:link, a.keyboard:visited, a.keyboard:active, div.keyboard p.keyboardTab {
  text-decoration: none;
  font-family: PadaukOT, Padauk, Myanmar3, Parabaik, 'MyMyanmar Unicode';
  font-weight: bold;
}

input, textarea {
  font-family: PadaukOT, Padauk, Myanmar3, Parabaik, 'MyMyanmar Unicode';
}

/* Keyboard layout styles */
table.keyboard { width: auto; padding: 1px; margin: 0px; border-width: 0px; font-size: 12px; }
table.keyboard tr { padding: 0px; margin: 0px; }
table.keyboard td { background-color: #707070; width: 2em; height: 2em; padding: 0em; 
	border-style: solid; border-width: 0.1em; 
	border-top-color: #808080; border-left-color: #808080; 
	border-bottom-color: #606060; border-right-color: #606060; cursor: pointer;
	}
table.keyboard td.special { background-color: #505050; text-align: center; 
    font-weight: bold; cursor: default; }
table.keyboard span.en { font-family: sans-serif; }
table.keyboard span.my { 
    font-family: PadaukOT, Padauk, Myanmar3, Parabaik, 'MyMyanmar Unicode';
    font-weight: bold; float: right; color: #f0f0ff; 
}


div.keyboard p.keyboardTab { 
    margin: 2px; 
    border-width: 1px; border-style: solid; border-color: white; 
    line-height: 1.4em; 
    cursor: pointer;
}
p.keyboardTab span { padding-left: 2px; padding-right: 2px; }

div.myKeyInput { 
    border-color: blue; border-width: 1px; border-style: solid; 
    border-radius: 5px;
    padding: 5px;
    -moz-border-radius: 5px;
    display: block;
    background-color: #aaf;
}

svg, canvas {
    display: inline;
    vertical-align: top;
    overflow: visible;
}

a[href] canvas {
	cursor: pointer;
}

div.myKeyInput { 
    border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline-block;
    vertical-align: top;
}


/* styles for Myanmar Unicode support detection */
.myUniTest {
    font-family: "PadaukOT", "Padauk", "Myanmar3", "Parabaik";
    font-size: 1em; /* don't make it so small that rounding errors give problems */
    color: #c0c0f0; /* should be same as background to make it invisible */
    position: absolute;
}
.myWarning {
    color: red;
}
.myText {
    font-family: "PadaukOT", "Padauk", "Myanmar3", "Parabaik";
    font-size: 1.0em;
}
h1.myText a {
    font-size: 1.25em;
}

.myTextMsg {
    text-align: center;
}
.myGood {
    color: green;
}
.myThanLwin {
    display: block;
    text-align: right;
    font-size: small;
}

div.myUnicodeTestFailed {
  border: 2px;
  border-color: red;
  border-style: solid;
  padding: 2%;
  background-color: #c0c0f0;
  margin: 2%;
}

a.myFirefoxLink:hover {
  text-decoration: underline;
}

div.interlinearVersions { width: 22em; }
div.interlinearVersions ul { width: 9em; }
div.xmlHeader { color: black; }

div.xmlHeader a:link { color: #000000; }
div.xmlHeader a:visited { color: #004040; }
div.xmlHeader a:hover { color: #606060; }