/* If you want the keyboard to appear ONLY when necessary (not visible by default), include this section */
#pnp_virtualKeyboard{
    display: none;
}

/* Jose, you want to include the section below here which effectively removes the "Hide" keyboard button */
/* -- 'Hide' button -- to hide button, uncomment the 6 lines below -- */

/*#pnp_virtualKeyboard .button_hide{visibility: hidden;} */
/*#pnp_virtualKeyboard .pos_small-d1, #pnp_virtualKeyboard .pos_num-d1, #pnp_virtualKeyboard .pos_sym-d1, #pnp_virtualKeyboard .pos_cap-d1{top:210px; left:60px}
#pnp_virtualKeyboard .pos_small-d2, #pnp_virtualKeyboard .pos_num-d2, #pnp_virtualKeyboard .pos_sym-d2, #pnp_virtualKeyboard .pos_cap-d2{top:210px; left:210px}
#pnp_virtualKeyboard .pos_small-d3, #pnp_virtualKeyboard .pos_num-d3, #pnp_virtualKeyboard .pos_sym-d3, #pnp_virtualKeyboard .pos_cap-d3{top:210px; left:613px}
#pnp_virtualKeyboard .button_capitalletterright, #pnp_virtualKeyboard .button.button_capitalletterright input, #pnp_virtualKeyboard .button_numberleft, #pnp_virtualKeyboard .button.button_numberleft input, #pnp_virtualKeyboard .button_numberright, #pnp_virtualKeyboard .button.button_numberright input, #pnp_virtualKeyboard .button_symbolsleft, #pnp_virtualKeyboard .button.button_symbolsleft input, #pnp_virtualKeyboard .button_symbolsright, #pnp_virtualKeyboard .button.button_symbolsright input{width:140px;}
#pnp_virtualKeyboard .button_space, #pnp_virtualKeyboard .button.button_space input{width:393px;}*/



/* centre keyboard at bottom of screen above content */
/* Christy, you want to include the section below here... */
#pnp_virtualKeyboard {
    /*position: fixed;
    *position: relative;
    _position: relative;*/ /*only commented out for testing... uncomment for actual use*/
    position: absolute;/*only here for testing... comment out for actual use*/
    width: 100%;
    margin:0 auto;
    float: none;
    top:500px;
}
#pnp_virtualKeyboard #keyboard {
    margin: 0 auto;
    float: none;
    background-color: #999999;
    padding: 7px;
}