.all {
    margin:              auto;
    font-family:         'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, sans-serif;
    font-size:           12px;
    max-width:           750px;
}
.header,.query {
    border-bottom-style: solid;
    border-width:        1px;
}
.header,.response,.footer {
    padding:             0.8em;
}
.header {
    padding-bottom:      0em;
    font-size:           11px;
    display:             none;
}
.text {
    text-align:          right;
    font-size:           13px;
}
.query,.response {
    vertical-align:      middle;
}
.response {
    padding:             0em;
}
body {
    margin-left:         0em;
    margin-right:        0em;
}
.footer {
    text-align:          right;
    padding-top:         0em;
    padding-bottom:      0.2em;
    display:             none;
}
.standalone .header, .standalone .footer {
    display:             block;
}
.qbox {
    margin-left:         auto;
    margin-right:        auto;
    clear:               both;
    overflow-y:          auto;
}
#exe {
    margin-top:          0.3em;
}
#qhelp {
    font-size:           10px;
}
.qobject,.qcaptcha {
    display:             inline;
}
.qcaptcha {
    float:               right;
}
select,input,#tld,#captcha {
    padding:             0em;
    margin:              0em;
    float:               left;
    height:              28px;
    font-size:           12px; /* broken FF, safari */
}
input {
    border-top:          1px;
    border-bottom:       1px;
    border-left:         1px;
    border-right:        0px;
    padding-right:       1px;
    border-style:        solid;
    border-color:        #000000;
}
select {
    margin-right:        1em;
    border:              1px;
    border-style:        solid;
    border-color:        #000000;
}
select,#btn,#ok {
    background-color:    #EEEEEE;
}
#tld {
    margin-top:          0.5em;
    font-weight:         bold;
}
#qry,#ok {
    border-right:        1px;
    padding-right:       0px;
    border-style:        solid;
    border-color:        #000000;
}
#ok {
    width:               7em;
    font-weight:         bold;
    font-size:           13px;
}
#qry {
    width:               27%;
    height:              24px;
    line-height:         24px; /* Bug in IE < 9 */
    padding:             1px 2px 1px 2px;
}
#cap {
    width:               4em;
    height:              24px;
    line-height:         24px; /* Bug in IE < 9 */
    border-width:        1px 0px 1px 1px;
    padding:             1px 2px 1px 1px;
}
#btn {
    max-width:           3em;
    white-space:         normal;
    font-size:           x-small;
}
a {
    text-decoration:     none;
}
img {
    border-style:        none;
}
.error {
    font-family:         'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, sans-serif;
    font-weight:         bold;
    color:               red;
}
.response_object > dt {
    background-color:    #AE2525;
    color:               #FFFFFF;
    font-size:           larger;
    font-weight:         bold;
    padding:             3px 7px 3px 7px;
    margin:              7px 0px 7px 0px;
}
.response_object dd {
    margin:              0;
}
.response_object dl dt {
    float:               left;
    background-color:    inherit;
    color:               inherit;
    font-size:           inherit;
    font-weight:         bold;
    width:               30%;
}
.response_object dl {
    margin:              0em;
}
.response_object dl.odd {
    background-color:    #EEEEEE;
}
.toggle_dl {
    cursor:              pointer;
}
.response_object_copyright > dd {
    display:             inline-block;
    margin:              0em;
}
.toggle_dl > button {
    float:               right;
    border:              hidden;
    background:          inherit;
    color:               inherit;
    font:                inherit;
    cursor:              inherit;
    margin:              0em;
    padding:             0em;
    outline:             none;
}
.response_object {
    -webkit-animation: fadeIn .75s 1;
    -moz-animation:    fadeIn .75s 1;
    -ms-animation:     fadeIn .75s 1;
    -o-animation:      fadeIn .75s 1;
    animation:         fadeIn .75s 1;
}
@-webkit-keyframes fadeIn {
    0% {
      -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
  }
  100% {
  }
}
@-moz-keyframes fadeIn {
    0% {
      -moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
  }
  100% {
  }
}
@-ms-keyframes fadeIn {
    0% {
      -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
  }
  100% {
  }
}
@-o-keyframes fadeIn {
    0% {
      -o-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
  }
  100% {
  }
}
@keyframes fadeIn {
    0% {
      transform:         translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
  }
  100% {
  }
}

.ui-keyboard {
    box-shadow:          10px 10px 20px 0 #000;
    padding:             0.5em;
    background-color:    #FFFFFF;
    display:             inline-block;
}
.ui-keyboard-keyset {
    white-space:         nowrap;
    text-align:          center;
}
.ui-keyboard-widekey {
    min-width:           4em;
    margin-bottom:       0.5em;
}
.ui-keyboard-button span {
    white-space:         nowrap;
    display:             inline-block;
    font-family:         monospace;
    font-size:           13px;
}