/* --- START KEYBOARD  --- */
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
#pnp_virtualKeyboard {
    /* Start Non IE7 */
    bottom: 0px;
    position: fixed;
    /* End Non IE7 */
    *position: relative; /* IE7 and below */
    _position: relative; /* IE6 and below */
    width: 822px;
    height: 282px;
    margin-left:28px;
    display: block;
    float: left;
    clear: both;
}
#pnp_virtualKeyboard #keyboard{
    padding:0px;
    margin: 0;
    width:822px;
    height:282px;
    float:left;
    clear: both;
    display:block;
}
#pnp_virtualKeyboard #keyboard:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#pnp_virtualKeyboard #keyboardCapitalLetter {display:none; position:relative;}
#pnp_virtualKeyboard #keyboardSmallLetter {display:block; position:relative;}
#pnp_virtualKeyboard #keyboardNumber {display:none; position:relative;}
#pnp_virtualKeyboard #keyboardSymbols {display:none; position:relative;}
#pnp_virtualKeyboard .button {
    position:absolute;
    top:0;
    left:0;
    width:60px;
    height:60px;
    background-color:#fff;
    color: black;
    float:left;
    cursor:pointer;
    font-size:1.9em;
    background: #ffffff; /* old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */
    border: 1px solid #f2f5f7;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
#pnp_virtualKeyboard .button input{
    width:60px;
    border: none;
    background: none;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    padding-top: 6px;
    text-align:center;
    position: relative;
    top:0;
    left:0;
}
#pnp_virtualKeyboard .buttonDown input {
    top:1px !important;
    left:1px !important;
}

#pnp_virtualKeyboard .button.button_enter input{width:103px;}
#pnp_virtualKeyboard .button.button_del input{width:120px;}
#pnp_virtualKeyboard .button.button_capitalletterright input{ width:129px;}
#pnp_virtualKeyboard .button.button_numberleft input{width:103px;}
#pnp_virtualKeyboard .button.button_numberright input{width:129px;}
#pnp_virtualKeyboard .button.button_space input{width:376px;}
#pnp_virtualKeyboard .button.button_symbolsleft input{width:172px;}
#pnp_virtualKeyboard .button.button_symbolsright input{width:103px;}
#pnp_virtualKeyboard .button.button_hide input{width:103px;}
#pnp_virtualKeyboard .key {
    width:100%;
    height:60px;
}
#pnp_virtualKeyboard .buttonDown {
    background:none;
    background-color:#a8a8a8;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=0 ); /* ie */
    border-left: 1px solid #8b8b8b !important;
    border-top: 1px solid #8b8b8b !important;
    border-right: 1px solid #FFF !important;
    border-bottom: 1px solid #FFF !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#pnp_virtualKeyboard .button_a {/*margin-left:26px;*/}
#pnp_virtualKeyboard .button_dash {/*margin-left:26px;*/}
#pnp_virtualKeyboard .button_underscore {/*margin-left:26px;*/}
#pnp_virtualKeyboard .button_enter {width:103px; font-size:1.3em;}
#pnp_virtualKeyboard .button_del{width:120px; font-size:1.3em;}
#pnp_virtualKeyboard .button_smallletter{font-size:1.3em;}
#pnp_virtualKeyboard .button_capitalletterleft{font-size:1.3em;}
#pnp_virtualKeyboard .button_capitalletterright{ width:129px; font-size:1.3em;}
#pnp_virtualKeyboard .button_numberleft{width:103px; font-size:1.3em; /*margin-left:26px;*/}
#pnp_virtualKeyboard .button_numberright{width:129px; font-size:1.3em;}
#pnp_virtualKeyboard .button_space {width:376px;}
#pnp_virtualKeyboard .button_symbolsleft{width:172px; font-size:1.3em; /*margin-left:26px;*/}
#pnp_virtualKeyboard .button_symbolsright{width:103px; font-size:1.3em;}
#pnp_virtualKeyboard .button_hide{width:103px; font-size:1.3em; visibility: visible;}
#pnp_virtualKeyboard .key_del {padding-top:18px;}
#pnp_virtualKeyboard .key_enter {padding-top:18px;}
#pnp_virtualKeyboard .key_smallletter {padding-top:18px;}
#pnp_virtualKeyboard .key_capitalletterleft {padding-top:18px;}
#pnp_virtualKeyboard .key_capitalletterright {padding-top:18px;}
#pnp_virtualKeyboard .key_number {padding-top:18px;}
#pnp_virtualKeyboard .key_symbols {padding-top:18px;}
#pnp_virtualKeyboard .button:hover {
    border-color: #dfe5e9;
    /*border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted 9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);*/
}
/* ---POSITIONS---*/
#pnp_virtualKeyboard .pos_small-a1, #pnp_virtualKeyboard .pos_num-a1, #pnp_virtualKeyboard .pos_sym-a1, #pnp_virtualKeyboard .pos_cap-a1{top:0px; left:0px}
#pnp_virtualKeyboard .pos_small-a2, #pnp_virtualKeyboard .pos_num-a2, #pnp_virtualKeyboard .pos_sym-a2, #pnp_virtualKeyboard .pos_cap-a2{top:0px; left:70px}
#pnp_virtualKeyboard .pos_small-a3, #pnp_virtualKeyboard .pos_num-a3, #pnp_virtualKeyboard .pos_sym-a3, #pnp_virtualKeyboard .pos_cap-a3{top:0px; left:140px}
#pnp_virtualKeyboard .pos_small-a4, #pnp_virtualKeyboard .pos_num-a4, #pnp_virtualKeyboard .pos_sym-a4, #pnp_virtualKeyboard .pos_cap-a4{top:0px; left:210px}
#pnp_virtualKeyboard .pos_small-a5, #pnp_virtualKeyboard .pos_num-a5, #pnp_virtualKeyboard .pos_sym-a5, #pnp_virtualKeyboard .pos_cap-a5{top:0px; left:280px}
#pnp_virtualKeyboard .pos_small-a6, #pnp_virtualKeyboard .pos_num-a6, #pnp_virtualKeyboard .pos_sym-a6, #pnp_virtualKeyboard .pos_cap-a6{top:0px; left:350px}
#pnp_virtualKeyboard .pos_small-a7, #pnp_virtualKeyboard .pos_num-a7, #pnp_virtualKeyboard .pos_sym-a7, #pnp_virtualKeyboard .pos_cap-a7{top:0px; left:420px}
#pnp_virtualKeyboard .pos_small-a8, #pnp_virtualKeyboard .pos_num-a8, #pnp_virtualKeyboard .pos_sym-a8, #pnp_virtualKeyboard .pos_cap-a8{top:0px; left:490px}
#pnp_virtualKeyboard .pos_small-a9, #pnp_virtualKeyboard .pos_num-a9, #pnp_virtualKeyboard .pos_sym-a9, #pnp_virtualKeyboard .pos_cap-a9{top:0px; left:560px}
#pnp_virtualKeyboard .pos_small-a10, #pnp_virtualKeyboard .pos_num-a10, #pnp_virtualKeyboard .pos_sym-a10, #pnp_virtualKeyboard .pos_cap-a10{top:0px; left:630px}
#pnp_virtualKeyboard .pos_small-a11, #pnp_virtualKeyboard .pos_num-a11, #pnp_virtualKeyboard .pos_sym-a11, #pnp_virtualKeyboard .pos_cap-a11{top:0px; left:700px}

#pnp_virtualKeyboard .pos_small-b1, #pnp_virtualKeyboard .pos_num-b1, #pnp_virtualKeyboard .pos_sym-b1, #pnp_virtualKeyboard .pos_cap-b1{top:70px; left:40px}
#pnp_virtualKeyboard .pos_small-b2, #pnp_virtualKeyboard .pos_num-b2, #pnp_virtualKeyboard .pos_sym-b2, #pnp_virtualKeyboard .pos_cap-b2{top:70px; left:110px}
#pnp_virtualKeyboard .pos_small-b3, #pnp_virtualKeyboard .pos_num-b3, #pnp_virtualKeyboard .pos_sym-b3, #pnp_virtualKeyboard .pos_cap-b3{top:70px; left:180px}
#pnp_virtualKeyboard .pos_small-b4, #pnp_virtualKeyboard .pos_num-b4, #pnp_virtualKeyboard .pos_sym-b4, #pnp_virtualKeyboard .pos_cap-b4{top:70px; left:250px}
#pnp_virtualKeyboard .pos_small-b5, #pnp_virtualKeyboard .pos_num-b5, #pnp_virtualKeyboard .pos_sym-b5, #pnp_virtualKeyboard .pos_cap-b5{top:70px; left:320px}
#pnp_virtualKeyboard .pos_small-b6, #pnp_virtualKeyboard .pos_num-b6, #pnp_virtualKeyboard .pos_sym-b6, #pnp_virtualKeyboard .pos_cap-b6{top:70px; left:390px}
#pnp_virtualKeyboard .pos_small-b7, #pnp_virtualKeyboard .pos_num-b7, #pnp_virtualKeyboard .pos_sym-b7, #pnp_virtualKeyboard .pos_cap-b7{top:70px; left:460px}
#pnp_virtualKeyboard .pos_small-b8, #pnp_virtualKeyboard .pos_num-b8, #pnp_virtualKeyboard .pos_sym-b8, #pnp_virtualKeyboard .pos_cap-b8{top:70px; left:530px}
#pnp_virtualKeyboard .pos_small-b9, #pnp_virtualKeyboard .pos_num-b9, #pnp_virtualKeyboard .pos_sym-b9, #pnp_virtualKeyboard .pos_cap-b9{top:70px; left:600px}
#pnp_virtualKeyboard .pos_small-b10, #pnp_virtualKeyboard .pos_num-b10, #pnp_virtualKeyboard .pos_sym-b10, #pnp_virtualKeyboard .pos_cap-b10{top:70px; left:670px}

#pnp_virtualKeyboard .pos_small-c1, #pnp_virtualKeyboard .pos_num-c1, #pnp_virtualKeyboard .pos_sym-c1, #pnp_virtualKeyboard .pos_cap-c1{top:140px; left:30px}
#pnp_virtualKeyboard .pos_small-c2, #pnp_virtualKeyboard .pos_num-c2, #pnp_virtualKeyboard .pos_sym-c2, #pnp_virtualKeyboard .pos_cap-c2{top:140px; left:100px}
#pnp_virtualKeyboard .pos_small-c3, #pnp_virtualKeyboard .pos_num-c3, #pnp_virtualKeyboard .pos_sym-c3, #pnp_virtualKeyboard .pos_cap-c3{top:140px; left:170px}
#pnp_virtualKeyboard .pos_small-c4, #pnp_virtualKeyboard .pos_num-c4, #pnp_virtualKeyboard .pos_sym-c4, #pnp_virtualKeyboard .pos_cap-c4{top:140px; left:240px}
#pnp_virtualKeyboard .pos_small-c5, #pnp_virtualKeyboard .pos_num-c5, #pnp_virtualKeyboard .pos_sym-c5, #pnp_virtualKeyboard .pos_cap-c5{top:140px; left:310px}
#pnp_virtualKeyboard .pos_small-c6, #pnp_virtualKeyboard .pos_num-c6, #pnp_virtualKeyboard .pos_sym-c6, #pnp_virtualKeyboard .pos_cap-c6{top:140px; left:380px}
#pnp_virtualKeyboard .pos_small-c7, #pnp_virtualKeyboard .pos_num-c7, #pnp_virtualKeyboard .pos_sym-c7, #pnp_virtualKeyboard .pos_cap-c7{top:140px; left:450px}
#pnp_virtualKeyboard .pos_small-c8, #pnp_virtualKeyboard .pos_num-c8, #pnp_virtualKeyboard .pos_sym-c8, #pnp_virtualKeyboard .pos_cap-c8{top:140px; left:520px}
#pnp_virtualKeyboard .pos_small-c9, #pnp_virtualKeyboard .pos_num-c9, #pnp_virtualKeyboard .pos_sym-c9, #pnp_virtualKeyboard .pos_cap-c9{top:140px; left:590px}
#pnp_virtualKeyboard .pos_small-c10, #pnp_virtualKeyboard .pos_num-c10, #pnp_virtualKeyboard .pos_sym-c10, #pnp_virtualKeyboard .pos_cap-c10{top:140px; left:660px}
#pnp_virtualKeyboard .pos_small-c11, #pnp_virtualKeyboard .pos_num-c11, #pnp_virtualKeyboard .pos_sym-c11, #pnp_virtualKeyboard .pos_cap-c11{top:140px; left:730px}

#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:173px}
#pnp_virtualKeyboard .pos_small-d3, #pnp_virtualKeyboard .pos_num-d3, #pnp_virtualKeyboard .pos_sym-d3, #pnp_virtualKeyboard .pos_cap-d3{top:210px; left:559px}
#pnp_virtualKeyboard .pos_small-d4, #pnp_virtualKeyboard .pos_num-d4, #pnp_virtualKeyboard .pos_sym-d4, #pnp_virtualKeyboard .pos_cap-d4{top:210px; left:671px}

#pnp_virtualKeyboard .pos_num-c1, #pnp_virtualKeyboard .pos_num-c10, #pnp_virtualKeyboard .pos_num-c11,
#pnp_virtualKeyboard .pos_sym-c1, #pnp_virtualKeyboard .pos_sym-c10, #pnp_virtualKeyboard .pos_sym-c11
{display:none}

#pnp_virtualKeyboard #keyboardCapitalLetter {display:none; position:relative;}
#pnp_virtualKeyboard #keyboardSmallLetter {display:block; position:relative;}
#pnp_virtualKeyboard #keyboardNumber {display:none; position:relative;}
#pnp_virtualKeyboard #keyboardSymbols {}


/* --- END KEYBOARD  --- */





/* --- START STYLES FOR KIOSK  --- */
body{
    margin: 0px;
}
.keyboardContainer{
	width: 900px;
	margin: 25px 0 0 140px;
	padding:20px 50px 10px 50px;
  	display: block;
	float:left;
	clear:both;
	background-color:#14598c;
}
.keyboardHeadInput{
	display:block;
	float:left;
	clear:both;
	width: 100%;
	border-bottom: 2px solid #FFF;
	margin-bottom: 15px;
	padding-bottom: 20px;
}
.keyboardHead{
	display:block;
	float:left;
	margin-top:5px;
	font-size:22px;
	line-height:20px;
	color:#FFF;
	text-transform:uppercase;
}
.keyboardInput{
	border: none;
	padding: 10px 0 0 0;
	margin: 0 0px 0 50px;
	width: 580px;
	height: 41px;
	float: left;
	display: block;
	background:url(../img/keyboardInputBG.png) top left no-repeat;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
#keyboardHeader {position:relative;}
#keyboardHeader div {color:#fff; background-color:#7b8490;padding:3px; padding-left:15px; padding-right:15px; position:absolute; cursor:pointer; right:-10px; top:-40px;}
.closex {font-weight:bolder; color:#000;}
.keyboardCaption {
    font-size: 16px;
    line-height:16px;
    text-transform: uppercase;
    text-align: left;
    margin: 6px 0px 0px 140px;
    display:block;
    width:100%;
    float:left;
    clear:both;
}
.keyboardCaption span {
    color:#ce1b45;
}

/* --- override existing kiosk style --- */
.keyboardPage .content_h1{
	margin-top: 25px;
}
.keyboardPage .BackNext {
  margin: 10px 0px 13px 70px;
}

/* --- END STYLES FOR KIOSK  --- */