/**
 * iPhone keyboard with CSS3
 * @author Lea Verou (http://leaverou.me)
 * @version 1.0
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 */
 
@font-face {
	font-family: 'iPhone keyboard';
	src: url(iphone-keyboard.ttf);
}

#iphone {
	display: none;
	max-width: 963px;
	min-width: 960px;
	position: absolute;
	z-index: 9000;
}

#iphone-keyboard {
	max-width:965px;
	margin:5px auto;
	padding:0;
	overflow:hidden;
	border:1px solid #000000;
	
	border-radius: 5px;
	background:#757575;
	/*background-image:-moz-linear-gradient(#7D7D7D, #444344);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#7D7D7D), to(#444344));
	*/
	box-shadow:0 1px 0 rgba(255,255,255,.3) inset;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.3) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3) inset;
}

	#iphone-keyboard li {
		text-align:center;
		margin:.5em .1em .25em;
		list-style:none;
	}
	
	#iphone-keyboard .first {
		margin-top:.3em;
	}
	
	
	
#iphone-keyboard button, #iphone-keyboard button.specialkey:active {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: linear-gradient(#F8F8F9, #DDDFE1) repeat scroll 0 0 #ECEDEF;
  border-image: none;
  border-radius: 7px 7px 7px 7px;
  border-style: solid none none;
  border-width: 1px 0 0;
  box-shadow: 0 5px 2px rgba(0, 0, 0, 0.7), 0 3px 0 rgba(0, 0, 0, 0.3);
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px white;
}
	
	#iphone-keyboard button,
	#iphone-keyboard button.specialkey:active {
		color:#3A3D42;
		
		text-decoration:none;
		text-align:center;
		text-shadow:0 1px 1px white;
		font-weight:bold;
		
		border:0;
		border-top:1px solid rgba(255,255,255,.45);		
		
		background:#ECEDEF;
		background-image:-moz-linear-gradient(#f8f8f9, #dddfe1);
		background-image:-webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#dddfe1));
		
		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		
		/*box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3);*/
		box-shadow: 0 5px 2px rgba(0, 0, 0, 0.7), 0 3px 0 rgba(0, 0, 0, 0.3);
		-moz-box-shadow:0 5px 2px rgba(0,0,0,.7), 0 3px 0 rgba(0,0,0,.3);
		-webkit-box-shadow:0 5px 2px rgba(0,0,0,.7), 0 3px 0 rgba(0,0,0,.3);
	}
	
	#iphone-keyboard button {
  		color: black;
  	    display: inline-block;
  		font-family: Helvetica,Arial,sans-serif;
        font-size: 3em;
        margin: 0.4% 0.4% 0.4% 0.6%;
        padding: 0.02em 0 0.03em;
        width: 8.6%;
   }
	
	#iphone-keyboard button:active,
	#iphone-keyboard button.space:active {
		background-image:-moz-linear-gradient(#E2E3E2, #AAADaa);
		background-image:-webkit-gradient(linear, left top, left bottom, from(#E2E3E2), to(#AAADaa));
	}
	 
	#iphone-keyboard button.specialkey {
		background:#757575;
		background-image:-moz-linear-gradient(#a0a0a0, #444344);
		background-image:-webkit-gradient(linear, left top, left bottom, from(#a0a0a0), to(#444344));
		
		color:white;
		text-shadow:0 -1px 1px rgba(0,0,0,.5);
	}
	
	#iphone-keyboard button.upper {
		text-transform:uppercase;
	}
	
	#iphone-keyboard button.lower {
		text-transform:lowercase;
	}
	
	
	
	#iphone-keyboard button.space,
	#iphone-keyboard button.return,
	#iphone-keyboard button.numbers,
	#iphone-keyboard button.international
	
	 {
		font-size:2.2em;
		padding:.25em 0;
	}
	
	#iphone-keyboard button.otherkey
	 {
		font-size:2.2em;
		padding:.25em 1.4em;
		
	}
	
	#iphone-keyboard button.shift,
	#iphone-keyboard button.international,
	#iphone-keyboard button.backspace {
		font-family:'iPhone keyboard', Helvetica, sans-serif;
	}
	
	#iphone-keyboard button.shift,
	#iphone-keyboard button.backspace {
		background-image:-moz-linear-gradient(#a0a0a0, #444344);
		background-image:-webkit-gradient(linear, left top, left bottom, from(#a0a0a0), to(#444344));
	}
		
	#iphone-keyboard button.shift {
		width:12%;
		float:left;
	}
	
	#iphone-keyboard button.backspace {
		width:12%;
		float:right;
	}
	
	#iphone-keyboard button.numbers {
		width:8.4%;
		margin-right:1.4%;
		float:left;
	}
	
	#iphone-keyboard button.international {
		width:8.2%;
		float:left;
	}
	
	#iphone-keyboard button.space {
		width:36%;
		color:#525252;
		
		background-image:-moz-linear-gradient(#DDDddd, #797979);
		background-image:-webkit-gradient(linear, left top, left bottom, from(#DDDddd), to(#797979));
	}
	
	#iphone-keyboard button.spacelong {
		width:58%;
	}
	
	#iphone-keyboard button.return {
		float:right;
		width:18.9%;
	}
	
	
	.numeric {
		display: none;
	}
	
	.symbolic {
		display: none;
	}
	
	#iphone-keyboard .shift_normal {
			background: url('images/iPhone arrow outline.png') repeat-y scroll center center transparent;
	}
	#iphone-keyboard .shift_upper {
			background: url('images/iPhone arrow.png') repeat-y scroll center center transparent;
	}
	#iphone-keyboard .shift_fixed {
			background: url('images/iPhone arrow main.png') repeat-y scroll center center transparent;
	}

/*
 * Styles for the narrow keyboard
 */
 
@media screen and (max-width: 479px) {
	#iphone-keyboard {
		max-width:320px;	
	}
	
	#iphone-keyboard li {
		margin-top:1em;
	}
	
	#iphone-keyboard li:first-child {
		margin-top:.7em;
	}
	
		#iphone-keyboard button {
			width:8.25%;
			padding:.16em 0;
		}
		
		#iphone-keyboard button.space,
		#iphone-keyboard button.return,
		#iphone-keyboard button.numbers,
		#iphone-keyboard button.international {
			padding:.4em 0;
		}
		
		#iphone-keyboard button.backspace {
			width:12%;
			padding-left:0;
		}
		
		#iphone-keyboard button.numbers {
			width:11%;	
		}
		
		#iphone-keyboard button.international {
			width:11%;
			padding:.38em 0;
		}
		
		#iphone-keyboard button.space {
			width:48%;
		}
		
		#iphone-keyboard button.return {
			width:24%;
		}
		
		
}