/* New Styles*/
#iphone-keyboard {

	width: 875px;	
	padding:10px;
	overflow:hidden;
	border-top:1px solid #3A3D42;
	
	background:#767F8B;
	background-image:-moz-linear-gradient(#9098A3, #454f5d);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#9098A3), to(#454f5d));
	
	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;
	
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;	
}

#keypad {
margin:0;
padding:0;
}

.iTextArea{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;	
border: 1px solid #ccc;
color:#FF0054;
overflow-y:auto;
padding:10px 10px;
width:840px;
max-width:840px;
margin-left:5px;
margin-bottom:2px;
font:normal 19px helvetica;
box-shadow:0 0 3px #000;
-moz-box-shadow:0 0 3px #000;
-webkit-box-shadow:0 0 3px #000;
height:210px;
}


#iphone-keyboard .button{
	float:left;
	display:block;
	margin:5px;
		
	font:normal 13px Verdana, Tahoma, Arial, Verdana, Helvetica;
	
	text-decoration:none;
	text-align:center;		
	border:0;
	border-top:1px solid rgba(255,255,255,.45);		
	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
	box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3);
	cursor:pointer;
	height: 48px;
}

#iphone-keyboard .key{width: 50px; font:normal 25px Helvetica, Arial, Verdana;}
#iphone-keyboard  #backspace{width: 82px;}
#iphone-keyboard  #tab {width: 82px;}
#iphone-keyboard  #caps {width: 95px;}
#iphone-keyboard  #enter {width: 95px;}
#iphone-keyboard  #shift_left, #iphone-keyboard  #shift_right {width: 125px;}
#iphone-keyboard  #ctrl_left, #iphone-keyboard  #ctrl_right {width: 80px;}
#iphone-keyboard  #alt_left, #iphone-keyboard  #alt_right {width: 80px;}
#iphone-keyboard  #spacebar {width: 400px;}

#caps b {
	display: block;
	background: #ddd;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	margin: 9px 0 -10px 10px;
	-webkit-box-shadow: 0 -1px 0 #000;
	-moz-box-shadow:0 -1px 0 #000;
	box-shadow:0 -1px 0 #000;
}

#backspace div, #tab div, #caps div, #backspace div, #enter div, #shift_left div, #shift_right div, #alt_left div, #alt_right div, #ctrl_left div, #ctrl_right div {
	margin:0;
	text-align: right;
	margin: 23px 10px 0 0;
	font-size: 8.0pt;
	/*text-transform: lowercase;*/
}

#bkspace  {
	display:block;
	margin-top:17px;
	font-size: 8.0pt;
	/*text-transform: lowercase;*/
}

#iphone-keyboard .silver{
		
	color:#3A3D42;
	text-shadow:0 1px 1px white;
	background:#ECEDEF;
	background-image:-moz-linear-gradient(#f8f8f9, #dddfe1);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#dddfe1));
}

#iphone-keyboard .button.silver:hover{
	box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	-o-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	cursor:pointer;
}

#iphone-keyboard .button.silver:active {
	background-image:-moz-linear-gradient(#E2E3E4, #AAADB4);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#E2E3E4), to(#AAADB4));
	cursor:pointer;
	position:relative; top:1px;
}


#iphone-keyboard .dark{
	color:#ddd;
	text-shadow:0 -1px 1px #666;
	background:#959CA5;
	background-image:-moz-linear-gradient(#A3A6AC, #808287);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#A3A6AC), to(#808287));	
	font-size: 8.0pt;	
	text-align: right;
	padding-top:20px;
	padding-right:10px;
	/*text-transform: lowercase;*/
}

#iphone-keyboard .button.dark:hover{
	opacity: 1 !important;
	box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	-o-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	cursor:pointer;
}

#iphone-keyboard .button.dark:active{
	background:#ECEDEF;
	background-image:-moz-linear-gradient(#A3A6AC, #444);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#A3A6AC), to(#444));
	cursor:pointer;
	position:relative; top:1px;
}


.iListBox{
float:left;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;	
color:#444;
background:#eee;
font:bold 11px tahoma;
padding:7px;
text-align:center;
margin-top:5px;
}

.iListBoxFont{
width:140px;
}

.iListBoxLanguage{
width:120px;
}

.mt5{
margin-top:5px;
}


.mt10{
margin-top:10px;
}

.mb8{
margin-bottom:8px;
}

.mb10{
margin-bottom:10px;
}

.ml10{
margin-left:10px;
}

.options a{
position:relative;
background:url(bin_closed.png) no-repeat;
color:#999;
text-decoration:none;
/*padding:7px;*/
width:32px;
height:32px;
float:right;
margin-right:15px;
margin-top:-36px;
}

.options a:hover{
background:url(bin_open.png) no-repeat;
color:#ccc;
text-decoration:none;
/*padding:7px;*/
width:32px;
height:32px;
}


.iText{
float:left;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;	
font: normal 11px verdana, arial;
border: 1px solid #ccc;
color:#C94A1E;
padding:8px 4px;
width:140px;
margin:9px 10px 8px 10px;
}



#iphone-keyboard .button2{
	float:right;
	display:block;
	height:32px;
	margin-top:5px;

	font:bold 14px Verdana, sans-serif;
	width:90px;
	
	text-decoration:none;
	text-align:center;	
	
	border:0;
	border-top:1px solid rgba(255,255,255,.45);		
	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
	box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3);
	cursor:pointer;
}

#iphone-keyboard .blue{
	color:#fff;
	text-shadow:0 -1px 1px #333;
	background:#757D8A;
	background-image:-moz-linear-gradient(#7f8792, #535b68);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#7f8792), to(#535b68));	
}


#iphone-keyboard .button2.blue:hover{
	opacity: 1 !important;
	box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	-o-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	cursor:pointer;
}

#iphone-keyboard .button2.blue:active{
	background:#ECEDEF;
	background-image:-moz-linear-gradient(#7f8792, #444);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#7f8792), to(#444));
	cursor:pointer;
	position:relative; top:1px;
}


#iphone-keyboard .cyan{
	color:#fff;
	text-shadow:0 -1px 1px #333;
	background:#00C0FF;
	background-image:-moz-linear-gradient(#00C0FF, #04A8DE);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#00C0FF), to(#04A8DE));	
}


#iphone-keyboard .shadow{
	box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 3px;
	-o-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 3px;
}


#iphone-keyboard .button2.cyan:hover, #iphone-keyboard .button.cyan:hover, #copy_button.hover{
	opacity: 1 !important;
	box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	-o-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 0 0 8px 2px;
	cursor:pointer;
}

#iphone-keyboard .button2.cyan:active, #iphone-keyboard .button.cyan:active, #copy_button.active{
	background:#ECEDEF;
	background-image:-moz-linear-gradient(#00C0FF, #04A8DE);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#00C0FF), to(#04A8DE));
	cursor:pointer;
	position:relative; top:1px;
}

#iWvr a{
	text-align:center;
	font:normal 13px Arial, Verdana, sans-serif;
	text-shadow:0 -1px 1px #000;
	color:#bbb;
	text-decoration:none;
}

#iWvr a:hover{
	color:#999;
	text-shadow:0 -1px 1px #000;
	text-decoration:none;	
}

.back a{
color:#bbb;
font:normal 11px tahoma;
text-decoration:none;
}

.back a:hover{
color:#333;
}

#copy_status{
float:right;
font:bold 13px Arial, Verdana, sans-serif;
text-shadow:0 -1px 1px #333;
color:#F4FA8F;
margin-top:15px;
margin-right:5px;
}

.ml50{
margin-left:50px;
}

.ml100{
margin-left:100px;
}

.ml400{
margin-left:400px;
}

.navigation{
margin-right:10px; 
float:right;
}


.cLink a{
color:#bbb;
font:normal 11px tahoma;
text-decoration:none;
}

.cLink a:hover{
color:#333;
}


.iLegend{
float:left; 
width:70px;
padding-top:30px;
padding-left:5px;
color:#fff;
font:normal 13px verdana;
text-shadow:0 -1px 0px #333;
}

.pageWidth{
width: auto;
margin-right:50px;
margin-top:20px;
}

.iContentSymbols {
width:auto;
padding:10px;
}

.iContent {
-moz-border-radius: 8px;
border-radius: 8px;
background: #FFFFFF;
border: 1px solid #DFDFDF;
}


.i2type_logo{
background: url(i2type_logo.png) no-repeat scroll 0 0 transparent;
}

#i2type_iBanner {
background: url(i2type.png) no-repeat scroll 0 0 transparent;
}

.clearBoth {
clear:both; 
}

#Top a { 
display:block; 
position:fixed;
bottom:40%;
right:0;
background:#f7f7f7; 
padding:7px 7px;
border:1px solid #ccc;
background: #fff url(green.png) 50% 50% no-repeat;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:32px;
height:32px;
z-index:200;
}
 
 #Top a:hover {
background: #fff  url(blue.png) 50% 50% no-repeat;
border:1px solid #ccc;
z-index:200;
}

.iService{
position:relative;
float:left;
font:normal 20px Verdana, Geneva, sans-serif;
font-style:normal;
color:#000000;
background:#f5f5f5;
border:1px solid #bbb;
text-shadow:0px 1px 0px #fff;
box-shadow:0px 1px 10px #d1cfd1;
-moz-box-shadow:0px 1px 10px #d1cfd1;
-webkit-box-shadow:0px 1px 10px #d1cfd1;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
width:110px;
/*padding:15px 0;*/
padding:20px 3px 5px 3px;
cursor:pointer;
text-align:center;
margin:0 3px;
}

.iService:hover{
cursor:pointer;
box-shadow:0px 1px 15px #2394D2;
-moz-box-shadow:0px 1px 15px #2394D2;
-webkit-box-shadow:0px 1px 15px #2394D2;
}

.iService:active{
cursor:pointer;
position:relative;
top:2px;
}

.iService span {
display: block;
position:absolute;
left:10px;
top:5px;
font:normal 11px arial;
color:#888;
text-shadow:0 1px 0 #fff;
}

ul {list-style-type: none; width: 784px; margin: 0 auto;}
li {float: left;}

.iInfo{
font:normal 11px tahoma;
color:#777;
text-align:center;
padding-top:10px;
}

.iInfo span{
font-weight:bold;
color:#777;
padding-left:3px;
}


h2 {
font: normal 21px Helvetica, Arial, FreeSans, sans-serif;
color: #000;
margin-top:20px;
}


#lang
{
background:#F4F4F4;
border:1px solid #ddd;
text-shadow:0 1px 0 #fff;
padding:20px 0 20px 20px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;	
margin-top:15px;
/*background:#ECEDEF;
background-image:-moz-linear-gradient(#f8f8f9, #dddfe1);
background-image:-webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#dddfe1));*/
}

.flags{
float:left; 
width:110px;
margin-left:10px;
}

.link a{
float:left; 
color:#666;
font:normal 11px tahoma;
text-decoration:none;
padding:3px 0;
}

.link a:hover{
color:#000;
font-weight:bold;
}

#iWall{
padding-bottom:7px;
}

#search {
color:#ccc;
font:normal 11px tahoma;
margin-left:10px;
margin-bottom:10px;
}