/* Main style sheet for jQuery Keypad v1.5.1. */
button.keypad-trigger {
	width: 25px;
	padding: 0px;
}
img.keypad-trigger {
	margin: 2px;
	vertical-align: middle;
}
.keypad-popup, .keypad-inline {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}
.keypad-popup {
	display: none;
	z-index: 10;
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	border: 1px solid #888;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
.keypad-keyentry {
	display: none;
}
.keypad-inline {
	background-color: #fff;
	border: 1px solid #888;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
.keypad-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.keypad-rtl {
	direction: rtl;
}
.keypad-prompt {
	clear: both;
	text-align: center;
}
.keypad-prompt.ui-widget-header {
	margin: 0.125em;
}
.keypad-row {
	width: 100%;
}
.keypad-space {
	display: inline-block;
	margin: 0.125em;
	width: 2em;
}
.keypad-half-space {
	display: inline-block;
	margin: 0.125em 0.0625em;
	width: 1em;
}
.keypad-special {
	display:inline-block;
	margin:5px;
	padding:9px 16px;
	font-family:'Open Sans Condensed',Arial,sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
}
.keypad-key[disabled] {
	border: 0.125em outset;
}

.keypad-key {
	display:inline-block;
	margin:5px;
	padding:9px 16px;
	font-family:'Open Sans Condensed',Arial,sans-serif;
	font-size:23px;
	font-weight:bold;
	line-height:23px;
	text-decoration:none;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	width:80px;

	color:#eee !important;
	text-shadow:1px 1px 1px #236617 !important;
	border:1px solid #19720c !important;
	box-shadow:0 1px 2px #cacdcf, inset 0 1px 1px #9edb8f;
	-webkit-box-shadow:0 1px 2px #cacdcf, inset 0 1px 1px #9edb8f;
	background: #62c54a;
	background: -moz-linear-gradient(top,  #62c54a 1%, #2d9d1c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#62c54a), color-stop(100%,#2d9d1c));
	background: -webkit-linear-gradient(top,  #62c54a 1%,#2d9d1c 100%);
	background: -o-linear-gradient(top,  #62c54a 1%,#2d9d1c 100%);
	background: -ms-linear-gradient(top,  #62c54a 1%,#2d9d1c 100%);
	background: linear-gradient(to bottom,  #62c54a 1%,#2d9d1c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62c54a', endColorstr='#2d9d1c',GradientType=0 );
}

.keypad-key-down {
}

.keypad-spacebar {
	width: 13.25em;
}
.keypad-tab {
	width: 2em;
}
.keypad-shift {
	color: #fff;
	font-weight: bold;
}
.keypad-clear {
	color:#b85050 !important;
	text-shadow:1px 1px 1px #fff !important;
	border:1px solid #e47878 !important;
	box-shadow:0 1px 2px #cacdcf, inset 0 1px 1px #fdefef;
	-webkit-box-shadow:0 1px 2px #cacdcf, inset 0 1px 1px #fdefef;
	background: #fce5e5;
	background: -moz-linear-gradient(top,  #fce5e5 0%, #f7c6c6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce5e5), color-stop(100%,#f7c6c6));
	background: -webkit-linear-gradient(top,  #fce5e5 0%,#f7c6c6 100%);
	background: -o-linear-gradient(top,  #fce5e5 0%,#f7c6c6 100%);
	background: -ms-linear-gradient(top,  #fce5e5 0%,#f7c6c6 100%);
	background: linear-gradient(to bottom,  #fce5e5 0%,#f7c6c6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce5e5', endColorstr='#f7c6c6',GradientType=0 );

}
.keypad-back {
	color:#666 !important;
	text-shadow:1px 1px 1px #fff !important;
	background: #f3f3f3;
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #f3f3f3 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #f3f3f3 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e5e5e5',GradientType=0 );
}
.keypad-close {
	color:#a6723e !important;
	text-shadow:1px 1px 1px #fff !important;
	border:1px solid #be8853 !important;
	box-shadow:0 1px 2px #cacdcf, inset 0 1px 1px #fff3e4;
	-webkit-box-shadow:0 1px 2px #cacdcf, inset 0 1px 1px #fff3e4;
	background: #ffecd3;
	background: -moz-linear-gradient(top,  #ffecd3 0%, #ffd9b0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffecd3), color-stop(100%,#ffd9b0));
	background: -webkit-linear-gradient(top,  #ffecd3 0%,#ffd9b0 100%);
	background: -o-linear-gradient(top,  #ffecd3 0%,#ffd9b0 100%);
	background: -ms-linear-gradient(top,  #ffecd3 0%,#ffd9b0 100%);
	background: linear-gradient(to bottom,  #ffecd3 0%,#ffd9b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffecd3', endColorstr='#ffd9b0',GradientType=0 );

}

.keypad-enter {
	color:#435e82 !important;
	text-shadow:1px 1px 1px #fff !important;
	border:1px solid #7288a6 !important;
	box-shadow:0 1px 2px #cacdcf, inset 0 1px 1px #eff2fb;
	-webkit-box-shadow:0 1px 2px #cacdcf, inset 0 1px 1px #eff2fb;
	background: #e5eaf9;
	background: -moz-linear-gradient(top,  #e5eaf9 0%, #cfd7f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5eaf9), color-stop(100%,#cfd7f3));
	background: -webkit-linear-gradient(top,  #e5eaf9 0%,#cfd7f3 100%);
	background: -o-linear-gradient(top,  #e5eaf9 0%,#cfd7f3 100%);
	background: -ms-linear-gradient(top,  #e5eaf9 0%,#cfd7f3 100%);
	background: linear-gradient(to bottom,  #e5eaf9 0%,#cfd7f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5eaf9', endColorstr='#cfd7f3',GradientType=0 );
}

.keypad-shift {
	background-color: #0aa;
}
