/* top bar */
#appScreen #top-bar {
	position: absolute;	width: 320px; left: 0px; 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;
}
#appScreen #top-bar-glossy {
	position: absolute;	width: 320px; left: 0px; height: 22px;	top: 0px; z-index: 1;
	background-color:rgba(255, 255, 255, 0.2);
}
#appScreen #top-bar #btn-facebook {
	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;
}
#appScreen #top-bar #btn-home {
	position:absolute; top:11px;left:10px; width:34px; height:25px; cursor:pointer;
	background-repeat:no-repeat; background-image:url(../img/home.png);
	font-size:20px; line-height:25px;
}


/* grid-view */
#appScreen #grid-view {
	position:absolute; width: 320px; height:296px; left:0px; top: 70px; overflow:hidden;	
}
#appScreen #grid-view #grid-list {
	position:absolute; width: 320px; left:0px; top: 0px;	
}
#appScreen #grid-view #grid-list .category-icon {
	position:absolute; width: 50px; height: 50px;
	-webkit-border-radius:8px; 
	overflow: hidden;
	background-position:center center; background-repeat:no-repeat;	background-color:#000;
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.85);
}

/* page-view */
#appScreen #page-view {
	position:absolute; width: 320px; height:325px; left:0px; top: 60px; overflow:hidden;
}
#appScreen #page-view #page-row {
	position:absolute; width: 3840px; height:345px; left:10px; top: 0px; overflow:hidden;
	-webkit-transform:scale(0.7);
	-webkit-transform-origin:left center;
}
#appScreen #page-view #page-row .temp_page_holder {
	position:absolute; top:35px; width:320px;
	-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, color-stop(0.75,rgba(0,0,0,0)), to(rgba(0,0,0,.3)));
}

/* other btn and info box */
#appScreen #btn-category {
	position: absolute;	height: 25px; width: 120px;	right: 0px;	top: 46px; z-index: 2;
	font-family:Arial Rounded MT Bold; line-height:25px; text-align:right;	font-size:14px;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.33,#eee), to(#ccc));
	color:#333;
	-webkit-border-bottom-left-radius:40px 25px;
	/*-webkit-border-bottom-right-radius:8px;*/
}
#appScreen #tip {
	position: absolute;	height: 25px; width: 320px;	right: 0px; top: 45px; z-index: 2;
	font-family:Arial; line-height:25px; text-align:center;	font-size:14px; text-align:center;
	color:#ddd;
}
#appScreen #indicator {
	position:absolute; height: 4px; width:100px; top:340px; left:110px;
	background-color:#000;
	-webkit-border-radius:2px;	
}
#appScreen #indicator #indi-bar {
	position:absolute; height: 4px; width:20px; top:0px; left:0px;
	background-color:#ccc;
	-webkit-border-radius:2px;	
}


/* popup setting box */
#appScreen .popup-box {
	position:absolute; width: 280px; left:10px; top:50px; height:300px; z-index:4;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.33,#444), to(#000));
	color:rgba(255, 255, 255, 0.85); font-family:Arial; line-height:20px; padding:10px; font-size:15px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.85);
}
#appScreen #popup-box #large-preview {
	position:absolute; top: 35px; left:2px;
	line-height:normal; padding: 0px;
	-webkit-transform:scale(0.93);
	-webkit-transform-origin:center top;
}
#appScreen .btn-yes {
	position:absolute; width: 80px; height:30px; bottom:10px; left:20px;
	background-image:-webkit-gradient(linear, right bottom, right top, color-stop(0, #222), color-stop(0.53, #444));
	color:rgba(255, 255, 255, 0.8); font-size:14px; line-height:30px; text-align: center; 
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7);
}
#appScreen .btn-no {
	position:absolute; width: 80px; height:30px; bottom:10px; right:20px;
	background-image:-webkit-gradient(linear, right bottom, right top, color-stop(0, #222), color-stop(0.53, #444));
	color:rgba(255, 255, 255, 0.8); font-size:14px; line-height:30px; text-align: center; 
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7);
}