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

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
body {
	position: relative;
	z-index:1;
}

p, ul, li {
	margin: 0;
	padding: 0;
	border-collapse:collapse;
	line-height: 1.2em;
	padding-bottom: 1.2em;
}
img {
	border: 0;
}
div, iframe {
	margin: 0;
	padding: 0;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.clearFloat {
	clear: both;
}

#mainContent {
	margin-right: auto;
	margin-left: auto;
	width: 850px;
	position: relative;
	top: 50px;
	z-index:1;
}
#controlPanel {
	height: 375px;
	width: 415px;
	margin-left: -200px;
	position: absolute;
	background-image: url(/graphics/controlPanel/controlPanel.png);
	background-repeat: no-repeat;
	z-index: 10;
	top: 150px;
	left: 50%;
	display: none;
}
#controlPanel input {
	white-space: nowrap;
}
#controlPanel #pageWidth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	position: absolute;
	z-index:10;
	top: 57px;
	left: 124px;
	width: 40px;
	height: 22px;
}
#controlPanel #numberLines {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	position: absolute;
	z-index:10;
	top: 131px;
	left: 283px;
	width: 35px;
	height: 22px;
}
#controlPanel #numberColumns {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	position: absolute;
	top: 57px;
	z-index:10;
	left: 300px;
	width: 35px;
	height: 22px;
}
#controlPanel #typeSize {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	position: absolute;
	z-index:10;
	top: 131px;
	left: 111px;
	width: 35px;
	height: 22px;
}
#controlPanel #paragraphGap {
	position: absolute;
	z-index:10;
	left: 96px;
	top: 293px;
}
#controlPanel #apply {
	position: absolute;
	left: 305px;
	top: 292px;
	cursor: pointer;
}
#controlPanel #cancel {
	position: absolute;
	left: 224px;
	top: 292px;
	cursor: pointer;
}
#controlPanel #bookDisplay {
	position: absolute;
	left: 243px;
	top: 209px;
	cursor: pointer;
}
#controlPanel #scrollingDisplay {
	position: absolute;
	left: 309px;
	top: 202px;
	cursor: pointer;
}
#controlPanel #serif {
	position: absolute;
	left: 54px;
	top: 209px;
	cursor: pointer;
}
#controlPanel #sansSerif {
	position: absolute;
	left: 110px;
	top: 207px;
	cursor: pointer;
}
#lineHeightTester {
	position: absolute;
	visibility: hidden;
	top: 0px;
	margin:0;
	padding:0;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#copyright {
	position: absolute;
	bottom: -12px;
	font-size: 9px;
	width: 100%;
}