@charset "UTF-8";
/* CSS Document */


/* shared styles */
body {
	background-color: #333333;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:link {
	color: #eeeeee;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #eeeeee;
}
a:hover {
	text-decoration: none;
	color: #eeeeee;
}
a:active {
	text-decoration: none;
	color: #eeeeee;
}
#top_bar {
	position: absolute;	width: 320px; left: 50%; margin-left: -160px; height: 45px;	top: 0px; z-index: 0;
	background-image:-webkit-gradient(linear, right bottom, right top, color-stop(0, #444), color-stop(0.53, #000));
	text-align:center; color:rgba(255, 255, 220, 0.9); font-family:"Arial Rounded MT Bold"; font-size: 22px; line-height: 45px;
	padding-top: 1px;
}
#top_bar_glossy {
	position: absolute;	width: 320px; left: 50%; margin-left: -160px; height: 22px;	top: 0px; z-index: 1;
	background-color:rgba(255, 255, 255, 0.2);
}
#link_home {
	position:absolute; top:9px; left:10px; width:34px; height:25px; cursor:pointer;
	background-repeat:no-repeat; background-image:url(../img/home.png);
}
#link_email {
	position:absolute; top:11px; right:10px; width:25px; height:25px; cursor:pointer;
	background-repeat:no-repeat; background-image:url(../img/twitter.png);
	font-size:20px; line-height:25px;
}
#admob_ads {
	position: absolute;
	width: 320px;
	left: 50%;
	margin-left: -160px;	
	top: 345px;
	z-index:2;
}
#google_ads {
	position: absolute;
	width: 320px;
	left: 50%;
	margin-left: -160px;	
	top: 345px;
	z-index:1;
}
#footage {
	position: absolute;
	width: 320px;
	left: 50%;
	margin-left: -160px;	
	top: 395px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	text-align: center;
	
	z-index: 2;
	padding-top:3px;
	padding-bottom:2px;
}


/* app special style */
#app-pages {
	position: absolute;
	width: 320px;
	left: 50%;
	margin-left: -160px;	
	top: 45px;
	height: 300px;
	overflow:hidden;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#eee;
}
#app-pages #title-bar {
	position: absolute;
	width: 320px;
	left: 50%;
	margin-left: -160px;	
	top:0px;
	height:40px;
	z-index:2;
	
	line-height:40px;
	color:#666;
	background-color:#ccc;
	font-size:14px;
	text-indent:10px;
	text-transform: capitalize;
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
}
#app-pages #main-list {
	position: absolute;	
	margin-left:0px;
	width:320px;
	left:0px;
	top:40px;
	z-index:1;
	
	background-color:#FFF;
	color:#000;
	-webkit-transition: left 500ms;
}
#app-pages #sub-list {
	position: absolute;
	margin-left:0px;
	width:320px;
	left:320px;
	top:40px;
	z-index:1;
	
	background-color:#FFF;
	color:#000;
	-webkit-transition: left 500ms;
}
.list-item {
	position:relative;
	width:320px;
	height:40px;
	border-bottom: 1px solid #999;
	background-color:#fff;
	line-height:40px;
	text-align: left;
	text-indent:10px;
	background-image:url(../img/list_arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
	text-transform: capitalize;
	font-size:16px;
}
#app-pages #doc-view {
	position: absolute;
	margin-left:0px;
	width:320px;
	left:640px;
	height:270px;
	top:30px;
	z-index:1;
	overflow:hidden;
	-webkit-transition: left 500ms;
}
#app-pages #doc-view #doc-page {
	position: absolute;
	width: 290px;
	left: 50%;
	margin-left:-150px;
	top: 20px;
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
	background-color:#FFF;
	overflow:visible;
	padding: 5px;
	font-size:12px;
}
#app-pages #btn-export {
	position: absolute;
	width: 65px;
	left: 50%;
	margin-left:140px;
	height: 40px;
	line-height:40px;
	top: 0px;
	background-color:#aaa;
	border-left: 1px solid #999;
	color:#333;
	overflow:visible;
	font-size:13px;
	text-align:center;
	z-index: 3;
	cursor: pointer;
	-webkit-transition: margin-left 200ms;
}
#app-pages #msg-box {
	position: absolute;
	width: 200px;
	left: 50%;
	margin-left:-100px;
	height: 35px;
	line-height:35px;
	top: 100px;
	background-color:#fff;	
	color:#333;
	font-size:15px;
	text-align:center;
	z-index: 10;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
}