* {
  padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; margin: 0px;
}
body {
  background: #bbb; font: Verdana, Sans-Serif; font-size: 14pt;
}
#main {
  text-align: center; width0: 1010px; margin-left: auto; margin-right: auto;
}
#service {
  margin: 12px;
}
#hlp {
  font-size: 14px; text-align: left; width: 660px;
}
#textInput {
  padding-right: 10px; padding-left: 10px; padding-top: 0px; padding-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  width: 645px; height: 90px; background: #fff; margin: 5px 0px 5px; font: Verdana, Sans-Serif; font-size: 18pt; text-align: left;
  overflow-x: hidden; overflow-y: auto; position: relative; border-radius: 5px 5px 5px 5px; cursor: text;
}
#suggestions {
  padding-right: 10px; padding-left: 10px; padding-top: 0px; padding-bottom: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  width: 645px; height:31px; background: #fff; margin: 5px 0px 5px; font: Verdana, Sans-Serif; font-size: 18pt; text-align: left;
  overflow-x: hidden; border-radius: 5px 5px 5px 5px;
}
#suggestions span {
  cursor: pointer;
}
#blink {
  font-size: 18pt; color: blue; font-weight: 100; white-space: nowrap; position: absolute; visibility: hidden;
}
#cursor {
  white-space: nowrap;
}
#container {
  width: 660px; height: 227px; background: #556; padding-left: 5px; padding-top: 5px;
}
#keyboard {
  list-style-type: none;
}
#keyboard li {
  background: #ccc; float: left; margin: 0px 3px 3px 0px; width: 38px; height: 38px;
  border-right: #fff 2px solid; border-left: #fff 2px solid; border-top: #fff 2px solid; border-bottom: #fff 2px solid; 
  text-align: center; line-height: 38px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;
}
#keyboard li:active {
  color: blue; background-color: yellow;
}
#keyboard li:focus {
  color: blue; background-color: yellow;
}
#keyboard li:hover {
  cursor: pointer;
}
#keyboard .backsp {
  width: 66px
}
#keyboard .tab {
  width: 60px
}
#keyboard .bsl {
  width: 44px
}
#keyboard .capslock {
  width: 75px
}
#keyboard .enter {
  width: 74px
}
#keyboard .shift {
  width: 99px
}
#keyboard .arrow {
  width: 44px
}
#keyboard .clear {
  width: 60px;
}
#keyboard .del {
  width: 60px; margin: 0px 18px 3px 0px;
}
#keyboard .lang {
  width: 44px;
}
#keyboard .space {
  width: 181px;
}
#keyboard .undo {
  width: 44px; margin: 0px 18px 3px 0px;
}
input { 
  font-family: Verdana, Sans-Serif; font-size: 16px; font-weight: bold; color: #333; background-color: #ddd; align: center;
  height: 30px; width: 120px; border:2px solid #333; margin: 5px 5px 5px 0px;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;
}

li:focus { 
  color: blue; background-color: yellow;
}

li:active { 
  color: blue; background-color: yellow;
}

span:focus { 
  color: blue; background-color: yellow;
}

span:active { 
  color: blue; background-color: yellow;
}

input:focus { 
  color: blue; background-color: yellow;
}

input:active { 
  color: blue; background-color: yellow;
}

#langcontainer {
  width: 200px; border-color: #6699CC; border-width: 5px; border-style: solid; position: absolute; 
  visibility: hidden; list-style-type: none;
}
#langcontainer0 ul {
  list-style: none; margin: 0; padding: 0; border: none;
}
#langcontainer li {
  border-bottom: 1px solid #90bade; margin: 0;
  display: block; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; cursor: pointer;
} 
#langcontainer li:active {
  color: blue; background-color: yellow;
}
#langcontainer li:focus {
  color: blue; background-color: yellow;
}