/* main definitions */
body {
	width:320px; margin:0; padding:0;
	font-size:17pt; font-family:Helvetica, Arial, sans-serif; line-height:1.3; overflow:hidden;
	-webkit-text-size-adjust:none;
}
img { border:none; }
a { text-decoration:none; }


/* Main classes */
.sheet { position:absolute; top:0px; left:0%; width:100%; min-height:418px; }
#move_to_top {
	display:none; position:fixed; bottom:10px; right:10px; height:30px; line-height:30px; padding:0 10px;
	font-size:14pt; text-shadow:white 0px 0px 5px; background-color:rgba(0,128,255,0.5); border:2px solid rgba(0,128,255,1); -webkit-border-radius:15px;
}


/* sheet 1 items */
#setup { float:right; }
#dynamicInfo { margin:10px; font-size:12pt; color:#666; text-align:center; }
.home { padding:14px 10px; }
.logo { text-align:center; }
#debug { font-size:12pt; line-height:1.2; }

/* sheet 2 items */
#searchBox { float:right; width:65%; margin:7px 10px 0 0; font-size:17px; -webkit-border-radius:10px; }

#charAccess { position:absolute; top:47px; bottom:3px; right:15px; font-size:11px; }
.char { display:block; width:15px; height:4%; color:#666; text-shadow:white 0px 1px 1px; font-weight:bold; text-align:center; overflow:hidden; }

#itemList { font-size:20pt; }
.listItem { display:block; line-height:44px; padding:0 10px; color:black; border-bottom:1px solid rgb(217,217,217); overflow:hidden; }
.activeItem { background-color:#08F; }

/* sheet 3 items */
.eponymDescription { padding:5px 10px; color:#222; }
h3 { display:block; margin:0; padding:10px 0; font-size:20pt; clear:both; }
.eponymDates { padding:14px 0; color:#666; font-size:12pt; }
.loading { margin:3em 1em; color:#666; text-align:center; }


/* generic classes */
.small { font-size:0.85em; }
.smaller { font-size:0.7em; }
.fat { font-size:1.2em; font-weight:bold; }
.clear { clear:both; }
.red { color:rgb(180,0,0); }
.icon { vertical-align:middle; text-decoration:none; border:none; }

.bar {
	height:20px; line-height:22px; padding:0 10px;
	font-weight:bold; font-size:15px; color:white; text-shadow:rgba(0,0,0,0.8) 0px 1px 1px; background:url(../Images/bar_background.png) top left repeat-x;
}

/* for buttons */
.button_left { float:left; font-size:12pt; margin:6px 10px; }
.button_right { float:right; font-size:12pt; margin:6px 10px; }
.button_background {
	height:44px; line-height:42px; overflow:hidden; text-overflow:ellipsis;
	color:white; font-size:14pt; text-shadow:rgba(0,0,0,0.7) 0px -1px 1px; background:url(../Images/arrow_background.png) top left repeat-x;
}
.arrow_left { float:left; height:31px; }
.arrow_right { float:right; height:31px; }
.arrow_text {
	height:31px; line-height:32px; margin:0 6px; padding:0 3px;
	color:white; text-shadow:rgba(0,0,0,0.7) 0px -1px 1px; text-align:center; background:url(../Images/arrow_body.png) top left repeat-x;
}