/* #keyboardInputMaster is id of table that displays the virtual keyboard.*/
#keyboardInputMaster {
  position:absolute;
  border-top:2px solid #eeeeee;
  border-right:2px solid #6e6e6e;
  border-bottom:2px solid #6e6e6e;
  border-left:2px solid #eeeeee;
  color:#000000;
  background-color:#dddddd;
  text-align:left;
  z-index:1000000;
  width:auto;
  margin:0px;
  /*font:normal 11px Arial,sans-serif;*/
  font-family: verdana,arial,helvetica,sansserif;
  font-size: 12pt;
  line-height:1;
}
#keyboardInputMaster * {
  color:#000000;
  background:transparent;
  /*font:normal 11px Arial,sans-serif;*/
  font-family: verdana,arial,helvetica,sansserif;
  font-size: 12pt;
  margin:0px;
  padding:0px;
  border:0px none;
  outline:0px;
  vertical-align:baseline;
}

#keyboardInputMaster thead tr th {
  text-align:left;
  padding:3px 5px 2px 4px;
  background-color:inherit;
}
#keyboardInputMaster thead tr th select {
  margin-right:5px;
  border:1px inset #888888;
  background-color:#f6f6f6;
}
#keyboardInputMaster thead tr th label input {
  width:12px;
  height:12px;
  margin-right:5px;
  vertical-align:middle;
}
#keyboardInputMaster thead tr td {
  text-align:right;
  vertical-align:middle;
  padding:3px 4px 2px 5px;
}
#keyboardInputMaster thead tr td span {
  padding:1px 4px;
  font-weight:bold;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #5d5d5d;
  border-bottom:1px solid #5d5d5d;
  border-left:1px solid #e5e5e5;
  background-color:#cccccc;
  cursor:pointer;
}

#keyboardInputMaster tbody tr td {
  text-align:left;
  padding:0px 4px 3px 4px;
}
#keyboardInputMaster tbody tr td div {
  text-align:center;
  position:relative;
  height:0px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout {
  height:auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table {
  height:20px;
  white-space:nowrap;
  width:100%;
  border-collapse:separate;
  border-spacing:0px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter {
  width:auto;
  margin:0px auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {
  vertical-align:middle;
  padding:0px 5px;
  white-space:pre;
  font-family: verdana,arial,helvetica,sansserif;
  font-size:12pt;
  /*font-family:'Lucida Console',monospace;
  font-size:200%;*/
  border-top:1px solid #e5e5e5;
  border-right:1px solid #5d5d5d;
  border-bottom:1px solid #5d5d5d;
  border-left:1px solid #e5e5e5;
  background-color:#eeeeee;
  cursor:default;
  min-width:0.75em;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last {
  width:99%;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.space {
  padding:0px 45px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.alive {
  background-color:#ccccdd;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.target {
  background-color:#ddddcc;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover {
  border-top:1px solid #d5d5d5;
  border-right:1px solid #555555;
  border-bottom:1px solid #555555;
  border-left:1px solid #d5d5d5;
  background-color:#cccccc;
}
#keyboardInputMaster thead tr td span.pressed,
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed,
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead {
  border-top:1px solid #555555;
  border-right:1px solid #d5d5d5;
  border-bottom:1px solid #d5d5d5;
  border-left:1px solid #555555;
  background-color:#cccccc;
}

#keyboardInputMaster tbody tr td div var {
  position:absolute;
  bottom:0px;
  right:0px;
  font-weight:bold;
  font-style:italic;
  color:#444444;
}

.keyboardInputInitiator {
  margin:0px 3px;
  vertical-align:middle;
  cursor:pointer;  
}


/* Used for word-spotting*/
.highlight
{
	position:absolute;
	border-top:1px solid yellow;
	border-right:1px solid yellow;
	border-bottom:1px solid yellow;
	border-left:1px solid yellow;
	height: 40px;
	width: 100px;	
}


	/* style sheet used by alphabet grid */
div#alphabet
{
	border: #aaa 1px solid; 
}
		
span#topbar
{
	background-color: red;
	width: 309px;		/*this is width of a td * 6 + 9*/
}

/*		
table 
{
	border: #aaa 1px solid; 
	border-collapse: collapse; 
	background: #f9f9f9; 
}
*/
	
table.alphacomplete
{
	margin: 1px;
}
	
table.alphanotop
{
	margin-top: -2px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px; 		
}
	
table.alphanobottom
{
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: -2px;
	margin-left: 1px; 
}

table.alphacomplete td, table.alphanotop td, table.alphanobottom td	
{
	border: #aaa 1px solid; 
	padding: 0px;
	width: 50px;
	height:25px;
	text-align: center; 
	background: #f2f2f2
}
	
.fonted { font-size: 80%; }

/*
.keyboardInput {
 line-height:200%; 
 padding-bottom: 10px;
 font-size: 36px;
 vertical-align: middle; 
 overflow:hidden;

}
.keyboardInput1 {
 font-size: 24px;
 overflow:hidden;
  padding-bottom: 10px;
  line-height:200%;
}
**/