/* Styles file */

html,body,p,div,form,table {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #212100;
	background: #e4e6fb;
	margin: 0px;
}

body {
	background-color: #e4e6fb;
}

form {
	background: transparent;
}

div {
	background: transparent;
}

table, th, td, p {
	background: transparent;
}

span.comingSoon {
	font-weight: bold;
	font-style: italic;
}

span.bookTitle {
	font-style: italic;
}

div#header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 40px;
	width: 100%;
	
	background-image: url(../images/top-bar.png);
}

div#header div.header {
	font-size: 18pt;
	font-weight: bold;
	color: #ffffff;
	margin-top: 3px;
	margin-left: 40px;
}

div#left {
}

div#center {
	position: absolute;
	float: left;
	top: 40px;
	
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	height: 100%;
	
	background-color: #e4e6fb;
}

div#caption {
	margin-top: 10px;
}

div.footer {
	font-size: 8pt;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 6px;
	color: #888888;
	text-align: center;
	border-top: 1px solid #aaaaaa;
}

div#book_container {
	float: left;
	background-color: #919afa;
	text-align: center;
}

div#book_container table {
	width: 80px;
	padding: 10px;
	border: 2px solid #3e4efa;
}

div#main_info {
	float: right;
}

div.noteSection {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 6px;
}

td.noteSectionCell {
	padding: 20px;
	padding-top: 0px;
}

td.noteSectionCell h1 {
	font-size: 11pt;
}

div.noteSection p {
	margin-top: 8px;
}

div.noteSection h1 {
	font-size: 11pt;
}

div#right {
	margin-left: 8px;	
}

div#footer {
	position: fixed;
	bottom: 0px;
}

img.bordered {
	border: 1px solid #aaa;
	border-right: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
}

div.mainContent {
	position: absolute;
	top: 40px;
	width: 100%;
}

div.content {
	padding: 10px;
}

div.excerpts p {
	margin-bottom: 20px;
}

div.baseBar {
	margin-left: 20px;
}

div.reviewSection {
	margin-bottom: 6px;	
}

ul.naked {
	list-style-type: none;
	padding-left: 0px;
}

ul.reviews {
	list-style-type: none;
}

ul.reviews li {
	margin-bottom: 10px;
}

span.readerComment {
	font-style: italic;
}

span.readerName {
	font-style: italic;
	font-weight: bold;
}

span.readerDetail {
	
}

span.readerDetail ul {
	list-style-type: none;
}

span.readerDetail ul li {
	margin-bottom: 0px;
}

ul.bookMenu {
	
}

img.author {
	margin: 10px;
	margin-right: 20px;
}

img#book_link:hover {
	border: 1px solid #f00;
}

ul.bookMenu a, ul.bookMenu a:visited {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

ul.bookMenu a:hover {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}

div.excerpt {
	padding: 8px;
	margin-bottom: 10px;
}

div.excerpt h1 {
	font-size: 10pt;
}

ol.toc {
	
}

ol.toc span.title {
	font-weight: bold;
}

ol.toc span.detail {
	margin-left: 10px;
	font-style: italic;
}

ol.toc ul {
	list-style-type: none;
	padding-left: 0px;
}

ol.toc ul li {
	margin-left: 0px;
	font-style: italic;
}

ul.toc {
	font-weight: bold;
	list-style-type: none;
}

th {
	vertical-align: top;
	text-align: left;
}

td {
	vertical-align: top;
}

tr.even {
	background-color: #efefef;
}

tr.odd {
	background-color: #ffffff;
}

img {
	border: none;
}

th, td {
	text-align: left;
	vertical-align: top;
}

a {
	color: #00a;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #00a;
}

a:hover {
	text-decoration: underline;
}

a.normal {
	font-weight: normal;
}

a.normal:visited {
	font-weight: normal;
}

a.normal:hover {
	text-decoration: underline;
}

a.bold {
	font-weight: bold;
}

a.selected {
	font-weight: bold;
	text-decoration: underline;
}

a.hot:visited {}
a.hot:hover {
	color: #f00;
}

div#main_menu {
	padding: 2px;
	color: #afafaf;
	background-image: url(../images/top-bar.png);
}

div#main_content {
	width: 100%;
}

div.fieldGroup {
	float: none;
	border: 1px solid #aaa;
}

div.prompt {
	float: left;
	width: 120px;
}

div.field {
	float: left;
	margin-left: 8px;
}

div.required {
	font-weight: bold;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	margin-top: 4px;
	min-width: 160px; 
	margin-right: 5px; 
	text-align: right; 
}

form input, form textarea {
	margin-top: 4px;
	border: 1px solid #aaaaaa;
}

form input.defaultButton {
	font-weight: bold;
}

form label.required {
	font-weight: bold;
}