/* main definitions */
html { height:100%; }
body {
	position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:0; padding:0;
	font-size:normal; font-family:Helvetica, Arial, sans-serif; line-height:140%; background-color:rgb(45,45,45);
}
h1 { margin:0 0 1em 0; font-size:1.8em; }
h3 { font-size:1.4em; }
img { border:none; }
a { color:rgb(43,94,162); text-decoration:none; }
a:hover { color:#333; }


/* main */
#body { width:800px; height:100%; margin:0 auto; }
#header { height:60px; text-align:center; font-size:2em; color:white; padding:30px 0 0; }
#main { position:absolute; top:90px; bottom:30px; width:800px; background-color:white; overflow:hidden; }

#setup { width:180px; margin:0 auto; text-align:center; cursor:default; }
#dynamicInfo { margin-bottom:1em; height:0.9em; font-size:0.9em; color:#555; text-align:center; }

.sheet { position:absolute; top:0px; bottom:0px; width:50%; overflow:auto; border-left:1px solid rgb(45,45,45); }
.scrollBody { position:absolute; top:44px; bottom:0px; left:0px; right:0px; overflow:auto; }

.logo { margin:20px 0; text-align:center; font-size:1.25em; }
.home { padding:1em; }
#debug { line-height:1.2; }

/* sheet 2 items */
.backButton { float:left; width:20%; }
#searchBox { float:right; width:40%; margin:8px 5px 0; font-size:1em; }
.clearButton { float:right; width:20%; }

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

#itemList {  }
.listItem { display:block; line-height:2em; padding:0 10px; color:black; border-bottom:1px solid rgb(217,217,217); overflow:hidden; }

/* sheet 3 items */
.eponymTop { padding:0 15px; }
.eponymDescription { padding:10px 15px; color:#222; }
.eponymDates { padding:14px 0; color:#666; font-size:0.9em; }
.loading { margin:3em 1em; color:#666; text-align:center; font-size:1.4em; }


/* 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 { font-size:12pt; margin:6px 10px; cursor:pointer; }
.button_background {
	height:44px; line-height:42px; overflow:hidden;
	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;
}