html, body {
	margin: 0; padding: 0;
}
	body, body.style1 { background-image: url(images/reader2/f1.png); }
	body.style2 { background-image: url(images/reader2/f2.png); }
	body.style3 { background-image: url(images/reader2/f3.png); }
	body.style4 { background-image: url(images/reader2/f4.png); }
	body.style5 { background-image: url(images/reader2/f5.png); }
	body.style6 { background-image: url(images/reader2/f6.png); }

#sidebar {
	position: fixed;
	top: 0; right: 0;
}
	#chapters {
		background-color: #C6E2B2;
		padding: 4px 4px 5px 18px;
		border: 0px solid #008B47;
		border-width: 0 0 1px 1px;
	}
		#collapse_chapters, #expand_chapters {
			position: absolute;
			left: 4px; top: 0;
			font-size: 24px;
			color: darkgreen;
			text-decoration: none;
			outline: 0;
		}
		
		#collapse_chapters:hover, #expand_chapters:hover {
			color: brown;
			text-decoration: underline;
		}
		
		#expand_chapters {
			display: none;
		}

	#menu {
		position: absolute;
		right: 0;
		width: 93px;
		text-align: center;
	}
		#menu .header {
			height: 54px; 
			background-image: url(images/reader2/menutop.png);
		}
		
		#menu .content {
			background-color: #C6E2B2;
			border-left: 1px solid #008B47;
		}
		
			#menu .content .block {
				padding-bottom: 4px;
			}
			
			#menu .content .line {
				margin-bottom: 5px;
				font-size: 0;
			}
			
			#m1, #m2, #m3 { display: none; }
			#menu #styles .line {
				padding-left: 5px;
			}
			
			#menu #styles a {
				padding-right: 5px;
				outline: 0;
				font-size: 0;
			}
			
			#menu #styles .button {
				width: 15px; height: 15px;
			}
		
		#menu .footer {
			height: 8px; 
			background-image: url(images/reader2/menufoot.png);
		}

#container {
	float: left;
	min-width: 100%;
	text-align: center;
}
	#content {
		margin: 5px 98px 5px 5px;
		text-align: center;
	}
	
	#content.mini {
		margin-right: 5px;
	}
	
	#content #manga {
		cursor: pointer;
	}
	
	#content table {
		padding: 0;
		border-collapse: collapse;
	}
	
	#content table td {
		margin: 0; padding: 0;
	}
	
	#tl, #tc, #tr, #ml, #mc, #mr, #bl, #bc, #br { width: 7px; height: 7px; }
	
	#tl { background-image: url(images/reader2/white-lh.png); }
	#tc { background-color: white; }
	#tr { background-image: url(images/reader2/white-rh.png); }
	#ml { background-color: white; }
	#mc { background-color: white; font-size: 0; }
	#mr { background-color: white; }
	#bl { background-image: url(images/reader2/white-lb.png); }
	#bc { background-color: white; }
	#br { background-image: url(images/reader2/white-rb.png); }

#preload {
	display: none;
}

#overlay {
	display: none;
	position: absolute;
	background-color: black;
	left: 0; right: 0; top: 0; bottom: 0;
	filter: alpha(opacity=60);
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.window {
	display: none;
	position: absolute;
	left: 50%;
	top: 40px;
	width: 400px;
	margin-left: -293px;
	padding: 5px;
	background-color: #C6E2B2;
	border: 3px solid black;
}

	.window h2, p {
		margin: 0;
		margin-bottom: 3px;
	}

	.window .close {
		position: absolute;
		right: 0; top: 0;
		margin-top: -16px;
		margin-right: -16px;
	}

#help_wnd {
	width: 600px;
}

#problem_wnd textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 5px;
}

.ta_wrapper {
  margin-right: 4px;
  right: 0;
}

#hide_panel {
	cursor: pointer;
}

#show_panel {
	display: none;
	position: fixed;
	bottom: 0; right: 0;
	width: 24px; height: 24px;
	background-image: url(images/reader2/restore.png);
	cursor: pointer;
}

img { border: 0; }

#spa {
  font-family: Arial, Verdana, sans-serif;
  font-size: 7pt;
  color: white;
}

#spa a{
  color: yellow;
}