/* keyboard - jQuery UI Widget */
.ui-keyboard { padding: .3em;z-index: 16000; margin: 0 auto; }
.ui-keyboard-has-focus { z-index: 16001; }
.ui-keyboard div { font-size: 3em; }
.ui-keyboard-button { height: 50px; width: 50px; margin: .1em; cursor: pointer; overflow: hidden; line-height: 1em; }
.ui-keyboard-button span { padding: 0; margin: 0; white-space:nowrap; font-size: 24px; }
.ui-keyboard-button-endrow { clear: left; }
.ui-keyboard-widekey { width: 100px; }
.ui-keyboard-space { width: 300px; text-indent: -999em; }
.ui-keyboard-preview-wrapper { text-align: center; }
.ui-keyboard-preview { text-align: left; margin: 0 0 3px 0; display: inline; width: 99%;} /* width is calculated in IE, since 99% = 99% full browser width =( */ 
.ui-keyboard-keyset { text-align: center; white-space: nowrap; }
.ui-keyboard-input { text-align: left; }
/*.ui-keyboard-input-current { -moz-box-shadow: 1px 1px 10px #00f; -webkit-box-shadow: 1px 1px 10px #00f; box-shadow: 1px 1px 10px #00f; }*/
.ui-keyboard-placeholder { color: #888; }
.ui-keyboard-nokeyboard { color: #888; border-color: #888; } /* disabled or readonly inputs, or use input[disabled='disabled'] { color: #f00; } */
.ui-keyboard-button.disabled { opacity: 0.5; filter: alpha(opacity=50); } /* used by the acceptValid option to make the accept button appear faded */
.ui-keyboard-spacer { display: inline-block; width: 1px; height: 0; }

/* combo key styling - toggles diacritics on/off */
.ui-keyboard-button.ui-keyboard-combo.ui-state-default { border-color: #ffaf0f; }

/* over-ride padding set by mobile ui theme - needed because the mobile script wraps button text with several more spans */
.ui-bar .ui-btn-inner { height: 2em; padding: 0.2em 0; margin: 0; }
.ui-bar .ui-btn { margin: 0; font-size: 13px; } /* mobile default size is 13px */






.ui-keyboard-wrapper { display: block; position: fixed; bottom: 0; left: 0; z-index: 16000;background: #d0d0d0;border: 1px solid black;border-bottom: none; }
.ui-numeric-keyboard-wrapper { width: 250px;left: 50%;margin-left: -125px;} 
.ui-alfanumeric-keyboard-wrapper { width: 750px;left: 50%;margin-left: -375px;}
.ui-keyboard-preview-wrapper { text-align: left;}
.ui-keyboard-preview-label { text-align: left; color: #333333; line-height: 30px; font-size: 24px; }
.ui-keyboard-preview {font-size: 24px; height: 28px;} 
.ui-keyboard-AIT-close { width: 35px; height: 30px;position: absolute; right: -10px; top: -5px;border: none;  }
.ui-keyboard-AIT-close:hover { /*background: gray; */}
.ui-keyboard-AIT-OK { width: 165px;}
.ui-keyboard-AIT-bksp{width: 103px;}

.ui-keyboard-AIT-Preview_Numeric { left: 50%;margin-left: -82px;width: 157px;position: relative;padding-bottom: 15px;text-align: center;}
.ui-keyboard-AIT-Preview_Numeric .ui-keyboard-preview-label {width: 100%;text-align: center; display: block;padding: 15px 0;}
.ui-keyboard-AIT-Preview_Numeric .ui-keyboard-preview { width: 157px; }

.ui-keyboard-AIT-Preview_AlfaNumeric { left: 50%;margin-left: -355px;width: 710px;position: relative;padding: 0 0;text-align: center;}
.ui-keyboard-AIT-Preview_AlfaNumeric .ui-keyboard-preview-label {width: 100%;text-align: center; display: block;padding: 0 0 10px 0;}