/* CSS Document */

/*common style*/
body {
	background-color: #333;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
}
a:link {
	color: #777;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #777;
}
a:hover {
	text-decoration: none;
	color: #777;
}
a:active {
	text-decoration: none;
	color: #777;
	-webkit-tap-highlight-color:rgba(200,0,0,0.4);
}

/* loading frame */
#loading {
	position: absolute; height: 60px; width: 280px; left: 50%; margin-left:-140px; top: 150px; z-index: 10;
	font-family:Arial, Helvetica, sans-serif;
	color:#999; line-height:40px; text-align:center;
}
#loading .normal {
	font-size:14px;
}
#loading #pro-frame {
	position: absolute; top: 40px; left: 40px; width: 200px; height: 4px; z-index:0;
	background-color:#333;
	-webkit-border-radius:2px;
}
#loading #pro-bar {
	position: absolute;	top: 40px; left: 40px; height: 4px; z-index:1;
	background-color:#999;
	-webkit-border-radius:2px;
}

/* initial screen */
#iniScreen {
	z-index:0; font-family:Arial, Helvetica, sans-serif; height: 460px;
	background-image:-webkit-gradient(linear, right bottom, right top, color-stop(0, #000), color-stop(0.83, #222));
}
#iniScreen #app-title {
	position:absolute; width: 220px; top: 80px;	left:60px;
	background-image:url(../img/icon.png); background-position: left center; background-repeat:no-repeat; 
	font-size: 30px; text-align:left; font-family:"Arial Rounded MT Bold"; color:rgba(255, 255, 220, 0.9); line-height: 35px; text-indent: 50px;
	-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, color-stop(0.3,rgba(0,0,0,0)), to(rgba(0,0,0,.3)));
}
#iniScreen #subtitle {
	position:absolute; top:220px; width:320px; left:50%; margin-left:-160px;
	text-align:center; color:#eee; font-size: 14px;
}
#iniScreen #app-about {
	position:absolute; width: 160px; top: 300px; right:0px;
	font-size: 13px; text-align:left; color:#666; line-height: 20px;
}
#iniScreen #app-footer {
	position:absolute; width: 320px; top: 439px; left:0px; z-index:2;
	font-family:Arial, Helvetica, sans-serif; font-size: 13px; text-align:center; color:#666; line-height: 16px;
	padding-top:3px; border-top:1px #333 solid;
}

/* app screen */
#appScreen {
	z-index:1; height: 416px;
	background-image:-webkit-gradient(linear, right bottom, right top, color-stop(0, #222), color-stop(0.83, #666));
}


/* class */
.screen {
	position: absolute;	width: 320px; left:50%; margin-left:-160px; top: 0px;
}
.ads {
	position:absolute; width: 320px; height: 50px; top: 366px;
}