/*** books.css ***/
/* the overlayed element */
div.overlay {		
	/* dimensions after the growing animation finishes  */
	width:600px; height:470px;			
	/* initially overlay is hidden */
	display:none;
	/* some padding to layout nested elements nicely  */
	padding:55px;
	background-color:white;
}
/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(images/close.png);
	position:absolute; 	right:5px; 	top:5px; 
	cursor:pointer; height:35px; width:35px; }

.book { border : 2px solid #ccc; margin:15px 0 15px 25px; width:800px;  overflow:auto; } 

.ebook {  padding : 5px;  display:inline; float:left; width:390px;}
 
.book h3 { padding-top:10px; }
.book h4 { font-weight:normal; padding-top:0; padding-bottom:0; line-height:1em;}
.book h5 { font-size:150%; }
.book h6 { padding-bottom:20px; }

.title {background-color:#f3f3f3; border-bottom: 1px solid #999; }
.book-description {padding: 10px 15px;}
.title p {font-size:90% }

#choosebook { float:left; width:394px; border-right:2px solid #efece7;  }
#choosebook a.imagelink img { padding: 0 5px 5px 20px;}

#twoebooks {width:394px; float:left; margin:0; padding:0; } 
#workbook {  border-bottom:2px solid #efece7; }

.twobuttons {float:right; width:140px; padding: 0 20px 0 5px; margin-top:-10px; position:relative;}
form { padding: 5px 0px; float:right; width:96px; height:21px; }
button {padding: 3px; float:right; font-size:.8em; width:140px;}
button:active, button:focus { border: 1px solid #aaa; color: #555; }

div#overlay-hardcover, div#overlay-workbook, div#overlay-manual { background-color: white;  padding: 15px; text-align:left; font-size:95%; width:700px; height:950px; }

div#overlay-manual {  height:950px;}