/* Style sheet for keyboards, Joel Kalvesmaki July 2013 */
body{padding:0px}
div {display:inline;}
.note {
    float:right;
    width:120px;
    font-weight:700;
}
#result{display:block;font-size:36px;height:120px}
#cursor{background:#FFFF99;}
.key{
    border:1px solid gray;
    border-radius:0.3em;
    background-color:#FFFFEB;
    box-shadow:1px 1px 2px #888;
    margin:-2px;
    padding:3px 0px 0px 1px;
}
.up, .down{
    font-size:24px;
    display:inline-block;
    text-align:center;
    line-height:110%;
}
.thin {padding-left: 3px;padding-right: 3px}
.base {font-size:32px;color:black;}
.delete div {font-size:24px}
.dottedcircle{font-size:18px;color:gray;}

/* footer elements */
.question{font-style:italic;color:blue;background:#FFFF99}
#f0,#f1,#adswitch{color:blue;font-size:12px;}
#adswitch{text-align:center;background:#FFFF99;}
.ad{text-align:center}