html {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0 none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}


 ul  li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

 li.description ul  li , div.content ul li {
list-style-position:inside;
list-style-type:circle;
width:100%;
} 

div.content ol li {
list-style-position:inside;
list-style-type:decimal;
}

 

 
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0 none;
font-variant:normal;
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input, textarea, select {
}
legend {
color:#000000;
}
body {
-x-system-font:none;
font-family:arial,helvetica,clean,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.231;
}
table {
font-size:inherit;
}
pre, code, kbd, samp, tt {
font-family:monospace;
line-height:100%;
}
body {
text-align:center;
}
#ft {
clear:both;
}
#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
margin:auto;
min-width:750px;
text-align:left;
width:57.69em;
}
#doc2 {
width:73.076em;
}
#doc3 {
margin:auto 10px;
width:auto;
}
#doc4 {
width:74.923em;
}
.yui-b {
position:relative;
}
.yui-b {
}
#yui-main .yui-b {
position:static;
}
#yui-main {
width:100%;
}
.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {
float:right;
margin-left:-25em;
}
.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main {
float:left;
margin-right:-25em;
}
.yui-t1 .yui-b {
float:left;
width:12.3077em;
}
.yui-t1 #yui-main .yui-b {
margin-left:13.3077em;
}
.yui-t2 .yui-b {
float:left;
width:13.8461em;
}
.yui-t2 #yui-main .yui-b {
margin-left:14.8461em;
}
.yui-t3 .yui-b {
float:left;
width:23.0769em;
}
.yui-t3 #yui-main .yui-b {
margin-left:24.0769em;
}
.yui-t4 .yui-b {
float:right;
width:13.8456em;
}
.yui-t4 #yui-main .yui-b {
margin-right:14.8456em;
}
.yui-t5 .yui-b {
float:right;
width:18.4615em;
}
.yui-t5 #yui-main .yui-b {
margin-right:19.4615em;
}
.yui-t6 .yui-b {
float:right;
width:23.0769em;
}
.yui-t6 #yui-main .yui-b {
margin-right:24.0769em;
}
.yui-t7 #yui-main .yui-b {
display:block;
margin:0 0 1em;
}
#yui-main .yui-b {
float:none;
width:auto;
}
.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
float:left;
}
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u {
float:right;
}
.yui-g div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first, .yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-gc div.first div.first {
float:left;
}
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf {
width:49.1%;
}
.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
margin-left:1.99%;
width:32%;
}
.yui-gb .yui-u {
}
.yui-gc div.first, .yui-gd .yui-u {
width:66%;
}
.yui-gd div.first {
width:32%;
}
.yui-ge div.first, .yui-gf .yui-u {
width:74.2%;
}
.yui-ge .yui-u, .yui-gf div.first {
width:24%;
}
.yui-g .yui-gb div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first {
margin-left:0;
}
.yui-g .yui-g .yui-u, .yui-gb .yui-g .yui-u, .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u, .yui-ge .yui-g .yui-u, .yui-gf .yui-g .yui-u {
width:49%;
}
.yui-g .yui-gb div.first, .yui-gb .yui-gb div.first {
}
.yui-g .yui-gc div.first, .yui-gd .yui-g {
width:66%;
}
.yui-gb .yui-g div.first {
}
.yui-gb .yui-gc div.first, .yui-gb .yui-gd div.first {
}
.yui-gb .yui-gb .yui-u, .yui-gb .yui-gc .yui-u {
}
.yui-g .yui-gb .yui-u {
}
.yui-gb .yui-gd .yui-u {
}
.yui-gb .yui-gd div.first {
}
.yui-g .yui-gc .yui-u, .yui-gb .yui-gc .yui-u {
margin-right:0;
width:32%;
}
.yui-gb .yui-gc div.first {
width:66%;
}
.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf .yui-u {
margin:0;
}
.yui-gb .yui-gb .yui-u {
}
.yui-gb .yui-g div.first, .yui-gb .yui-gb div.first {
}
.yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u {
}
s .yui-gb .yui-gd div.first {
width:32%;
}
.yui-g .yui-gd div.first {
}
.yui-ge .yui-g {
width:24%;
}
.yui-gf .yui-g {
width:74.2%;
}
.yui-gb .yui-ge div.yui-u, .yui-gb .yui-gf div.yui-u {
float:right;
}
.yui-gb .yui-ge div.first, .yui-gb .yui-gf div.first {
float:left;
}
.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf div.first {
}
.yui-gb .yui-ge div.first, .yui-gb .yui-gf .yui-u {
}
.yui-ge div.first .yui-gd .yui-u {
width:65%;
}
.yui-ge div.first .yui-gd div.first {
width:32%;
}
#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {
}/* Jump Manual E Book styling */

/* some standard styling / fixing */
html {
	margin: 0;
	padding : 0;
	background-color: #9b9b9b;
}
button{
	cursor: pointer;
}
body {
	line-height: 1.3899em;
}
.hide {
	display: none !important;
}
.invisible{
	visibility:hidden;
}

.is-javascript{
	display: none;
}
.javascript-on .is-javascript{
	display: block;
}
.javascript-on .hide-if-javascript{
	display: none !important;
}
:focus, :active{
	outline-style: none;
	-moz-outline-style:none;
}
strong{
	font-weight:bold;
}
#cakeerror #bd{
	text-align:center;
}

.rating{
	visibility: hidden !important;
	height: 1px !important;
}

.cake-sql-log {
	position:fixed;
	top:99%;
	z-index:10;
	width:100%;
	background-color:#000;
	color:#FFF;
	border-collapse:collapse;
	font-size: 70%;



	display:none;
}	

.cake-sql-log caption {
	background-color:#33931d;
	color:#FFF;	
	padding:3px;
	opacity: .25;
}
.cake-sql-log:hover caption{
	opacity: 1;
}
.cake-sql-log:hover {
	top:auto;
	bottom:0;
}



.cake-sql-log td {
	padding:3px;
	border:1px solid #999;
	background-color:#EEE;
	color:#000;
	text-align:left;
}


fieldset{
	font-size: 93%;
}
label{
	display:block;
	text-align:right;
	width:90px;
	float:left;
	line-height: 1.1em;
	font-weight:bold;
	clear:both;
}
label .subtext{
	color:#666666;
	display:block;
	font-size:77%;
	font-weight:normal;
	text-align:right;
	width:90px;
}
input,
.data,
select,
textarea{
	float:left;
	padding:4px 4px;
	border:solid 1px #aacfe4; /* light teal */
	width:250px;
	margin:0 0 10px 10px;
	display:block;
	
}
.safari3 input.file{
	border: 0px;
}
input[type=checkbox]{
	border: 0px;
}
input.checkbox{
	width: 25px;
}
input.file{
	border:solid 1px transparent;
}
form ul li{
	clear:both;
}
form ul li li{
	clear:none;
}
form textarea{
	padding: 4px 0px 4px 4px;
	font-weight:normal;
	font-family: arial,helvetica,clean,sans-serif;
}
form select.month,
form select.state{
	width: 50px
}
form select.year{
	width: 80px;
}
form input.zipcode{
	width: 75px;
}
form input.first-name{
	width: 120px;
}
form input.last-name{
	width: 200px;
}
input.cvv{
	width: 50px;
}
.data{
	border: 0px;
	font-weight: bold;
	font-size: 106%;
	line-height: 1.1em;
	padding-top: 0px;
}
fieldset .info{
	clear:both;
	padding-left: 100px;
	position:relative;
	top:-10px;
	display: block;
	font-size: 77%;
}
form input.password{
	width: 130px;
}
form button{
	clear:both;
	float:right;
}
form em.note{
	float:left;
	font-size:77%;
	font-style:italic;
	margin-top:3px;
	padding:0 0 0 5px;
	width:300px;
	line-height:1.3em;
}
#user-register .explanation{
	padding: 10px;
	display:block;
}
#user-register{
	margin-bottom:30px;
}
.logged-in .hide-if-logged-in{
	display: none;
}
.logged-in .dialog-container.modal{ /* used for modal interfacing */
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2;
	background: transparent url(../img/1x1-faded.png) repeat scroll 0px 0px;
	padding: 90px 0 0 0;
}
.msie6.logged-in .dialog-container.modal{
	position: absolute;
	background: transparent;
}

.dialog-container{
	padding: 70px 0 0 0;
}
.dialog{
	position: relative;
	top: 0px;
	width: 650px;
	margin: 0px auto 100px auto;
}
.dialog div.content-wrapper{
	background-color: #33931d;
}
.dialog .loading{
	background: transparent url(../img/loading.gif) no-repeat 50%;
}
.dialog .loading div{
	visibility: hidden;
}
.dialog .content,
.page-container .bd{
	width: 601px; /* the difference between #bd .dialog's width and this width needs to be a multiple of 2 thanks to IE */
	margin: 0px auto;
	border: 1px solid #727272;
	background-color: #f2f2f2;
	padding: 10px;
}
.page-container .bd{
	width: 768px;
	overflow:auto;
	border-color: #b7b7b7;
	padding: 15px;
}


.page-container .bd h1{
	font-size: 150%;
	font-weight: bold;
	padding: 0px 0px 15px;
} 
.page-container .bd h1 em{
	display: block;
	font-size: 50%;
	color: grey;
}
.page-container{
	display: block;
	width: 800px;
	margin: 0px 10px 20px 10px;
	float: left;
	background: #d8d8d8 repeat-x 0px -850px;
	text-align:left;
	padding:15px;
	overflow: hidden;
	position:relative;
}

.dialog form{
	padding-top: 20px;
}


.error div{
	display: inline; /* oh cakephp and your auto format */
}
.error{
	font-weight:bold;
	color: #842d2d;
	display: block;
	clear:both;
	padding: 0 0 10px;
}

.dialog .top,
.dialog .bottom{
	display: block;
	height: 15px;
	line-height: 15px;
}
.dialog .top div,
.dialog .bottom div{
	background-color: #33931d;
	position: relative;
	height: 15px;
	margin: 0px 18px;
}
.dialog .top div em{
	display: block;
	float:left;
	position: relative;
	left: -18px;
	width: 18px;
	background: transparent url(../img/ebook-horizontal-sprite.png) no-repeat scroll -450px 0px;
}
.dialog .top div span{
	display: block;
	float:right;
	position: relative;
	right: -18px;
	width: 18px;
	background: transparent url(../img/ebook-horizontal-sprite.png) no-repeat scroll -462px 0px
}
.dialog .bottom div em{
	display: block;
	float:left;
	position: relative;
	left: -18px;
	width: 18px;
	background: transparent url(../img/ebook-horizontal-sprite.png) no-repeat scroll -480px 0px;
}
.dialog .bottom div span{
	display: block;
	float:right;
	position: relative;
	right: -18px;
	width: 18px;
	background: transparent url(../img/ebook-horizontal-sprite.png) no-repeat scroll -492px 0px
}

.dialog .content .hd{
	text-align:left;
	font-weight: bold;
	font-size: 108%;
}
.dialog .content .hd .close{
	height: 24px;
	width: 24px;
	background-position: 0px -600px;
	float:right;
	cursor: pointer;
	position: absolute;
	top:15px;
	right: 20px;
}
.dialog .content .bd{
	text-align:left;

}
.dialog .content .ft{
	text-align:left;
	clear:both;
	font-size:77%;
}


#page-content { /* the grid container for everything */
	margin: 0;
	width: auto; /* functionality for yui grids */
}
#page-content #hd { /* the big green header */
	position: fixed; /* functionality */
	min-width:100%;
	text-align:left;
	z-index:2;
	background: transparent url(../img/ebook-vertical-sprite.png) repeat-x scroll 0pt -0px;
	height: 62px;
	width: auto;
	margin: auto;
}

#page-content #hd .container-shim{
	min-width: 875px;
}
#page-content #bd .container-shim{
	width: 850px;
	margin: 0 auto;
}
#page-content #ft { /* the big green header */
	text-align:right;

	color: #d3d3d3; /* light grey */
	font-size: 77%;
	padding-right: 20px;
	padding-top:20px;
	padding-bottom:20px;

}
#page-content #ft a{
	color: #f2f2f2;
}
#page-content #hd ul.buttons { /* main button structure */
	position:absolute;
	right: 18px;
	top: 20px;
}
.msie7 #page-content #hd ul.buttons{
	width:555px;
	float:right; /* IE didn't act like Chrome, or firefox... because the language selector is float:right... it made the whole button thing jump to the left of the page.. so I added this to counter */
}
.logged-in #page-content #hd ul.buttons{
	right: -10px;
}
#hd ul.buttons li { /* button containers */
	float:left;
	margin-left: 15px;
	z-index:-1;
}





/* Silver buttons on the right hand side */
#hd #book-buttons {
	position: absolute;
	right:20px;
	top:80px;
}
#hd #library-buttons {
	top:80px;
	left:20px;
	position:absolute;
}
/* the book buttons only need to be displayed for books, they should be enabled */
#book-buttons li{
	display: none;
}
/* whereas these library buttons should be enabled by default, and disabled if needed */
#book-buttons li,
#library-buttons li{
	height: 40px;
	width: 50px;
	padding-bottom: 5px;
}

.browser-specific{
	display: none !important;
}
.msie6 .msie6-only,
.msie5 .msie5-only{
	display: block !important;
}





/* book area */

#main-book-area { /* the giant grey 'well' the book scrolls in */
	padding-top: 80px; /* functionality... needs to be > the height of the header */
	text-align: center;
}

#library .section-title,
#books .buy-info,
#books.preview  .preview-header{
	width: 800px;
	margin: 0px 0px 20px 10px;
	padding: 15px;
	background: transparent url(../img/ebook-vertical-sprite.png) repeat-x 0px -865px;
	clear:both;
	position: relative;
	display: block;
}
#library .section-title h1,
#books .buy-info h1,
#books.preview  .preview-header h1{
	color: black;
	font-weight:bold;
	text-align:left;
	font-size: 200%;
}
#library .section-title h1 em,
#books .buy-info h1 em,
#books.preview  .preview-header h1 em{
	font-size: 40%;
	color: black;
	display: block;
	margin-top:5px;
}


#users .dialog{
	width: 470px;
}
#users .dialog .content{
	width: 420px;
}
.notice{
	display:block;
	padding: 5px;
	border: 1px solid #ecd8b8;
	background-color: #fffeea;
	clear:both;
	margin: 0px 0px 15px 0px;
}
.notice em{
	font-weight: bold;
}
.notice span{
	display: block;
	margin-top: 5px;
}
#users .error{
	padding: 0px 0px 15px 0px;
}
#users form,
#books.buy form{
	padding: 0px 0px 0px 10px;
}
#users fieldset.paypal-info
	border-top: 1px solid #c2c2c2;
	margin:5px 0 0;
	padding:20px 0 0;
}

#books.buy fieldset.billing{
	border-top: 1px solid #c2c2c2;
	margin:5px 0 0;
	padding:20px 0 0;
}
#books.buy .dialog{
	width: 530px;
}
#books.buy .dialog .content{
	width: 480px;
}
#books.buy h1{
	font-size: 140%;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}
#books.buy h2{
	font-size: 120%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	text-align:center;
}
#books.buy .book-info .info{
	margin: 0px 20px 20px;
	padding: 5px;
	border: 1px solid #ecd8b8;
	background-color: #fffeea;
	display:block;
	position:relative;
	overflow:auto;
}
#books.buy .book-info{
	display:block;
	float:left;
	overflow:hidden;
	position:relative;
	text-align:left;
}
#books.buy form{
	clear: both;
}
#books.buy .book-info .info li{
	float: left;
	position: relative;
	list-style:none;

}
#books.buy .book-info .info li.cost{
	font-weight:bold;
	font-size: 160%;
	margin:0px;
	position:absolute;
	bottom:5px;
	right: 5px;

}
#books.buy .book-info .info li.title,
#books.buy .book-info .info li.author,
#books.buy .book-info .info li.description,
#books.buy .book-info .info li.cost{
	width: 310px;
}

#faq li{
	margin:0px 0px 15px;
}
#faq dt{
	font-size: 115%;
	font-weight: bold;
}
#faq dd{
	text-indent: 15px;
	margin: 5px 0px 0px 10px
}


.dialog .explanation{
	padding-left: 15px;
}
.dialog .explanation h3{
	font-weight: bold;
	padding:0 0 3px;
	margin: 20px 0px 0px 0px;
}
/* Created by Kuldeep: 22 July 2011 */
.page-container .sell h1{
background-image: url(../img/h1_bg.jpg);
background-repeat: repeat-x;
text-align:center;
padding:21px 0;
margin: 0 0 20px 0;
text-transform: uppercase;
font-family: arial;
color: #fff;
font-size: 21px;
}
.flBtn{padding: 0px; margin: 0px;}
.flBtn a{text-decoration: none; font-weight: bold; background-image: url(../img/a-btnfl.png);background-repeat: no-repeat;background-position: left top; height: 40px; padding: 12px 0 12px 20px; line-height: 40px; color: #fff; font-size: 16px; }
.flBtn a:hover{}
.flBtn a span{background-image: url(../img/btnfl.png);background-repeat: no-repeat;background-position: right top; height: 40px; padding:12px 20px 12px 0; line-height: 40px; }


/*
.page-container .sell h1{
	text-align:center;
	background-color: #e5ece4;
	border:1px solid #26651d;
	border-width: 1px 0px;
	padding:10px 0px;
	font-size: 170%;
	margin: 0 0 20px 0;
}*/
.sell ul.steps li h2{
	position:absolute;
	bottom:-20px;
	width: 225px;
	font-weight: bold;
	font-size:150%;
}
.sell ul.steps li.purchase,
.sell ul.steps li.create{
	border-right: 1px solid #d8d8d8;
}
.sell ul.steps li.create img.step-header,
.sell ul.steps li.publish img.step-header{
	border:1px solid #d8d8d8;
}
.sell{
	text-align:center;
}
.sell ul.steps li li{
	clear:both;
	width: 220px;
	text-align:left;
	height: auto;
	padding: 2px;
	margin: 0px;
	border-bottom: 1px solid #d8d8d8;
}
.sell ul.steps li{
	float:left;
	width: 225px;
	text-align:center;
	height: 180px;
	padding:15px;
	margin: 30px 0px;
	position:relative;
}
.sell img.step-header,
.sell ul.steps li div{
	position:relative;
	top:-30px;
}
.sell .start-selling{
	margin-top:20px;
}
.tip{
	display: inline-block;
	border: 1px solid #ecd8b8;
	background-color: #fffeea;
	padding:1px 5px;
	font-size: 80%;
	z-index: 3;
	text-align:left;
	margin-right: 20px;
}

#pages.contact .page-container label,
#pages.contact .page-container label .subtext{
	width:180px;
}
#pages.contact .page-container form{
	margin-top:20px;
}
#pages.contact .page-container textarea{
	width: 570px;
	height: 300px;
}
.badge{
	float:left;
	padding: 0px 20px 10px 0px;
}
.steps-list{
	clear:both;
}

#hd .logo{
	margin:10px 0px 0px 10px;
}
.sell-page{
	text-align:left;
}
.sell h2{
	font-size: 140%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	text-align:left;
}
.sell p{
	text-align:left;
	margin: 0 0 15px 0;
	text-indent: 0em;
}
.sell em{
	font-style: italic;
}
.sell h3{
	font-size: 110%;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
.sell p.link {
	text-align: center;
}
.sell strong{
	font-weight: bold;
}
.sell ul{
	margin: 0 0 0 40px;
	clear:left;
}
.sell ul li{
	text-align: left;
	margin: 0px 0px 5px 0px;
}
.sell .sig{
	text-align:right;
	display: block;
}

.sell .price{
	float:left;
	margin: 10px;
	padding:20px;
	background-color: #ffffe1;
	border: 1px solid #e8e7b1;
}
#editor-message{
	width: 700px;
	height: 200px;
}
#editor-message_container{
	clear:both;
	margin-top: 10px;
}
html.message{
	background-color:white;
	margin-left:10px;
}


.mailing-list{
	width: 750px;
	margin: 15px auto 20px auto;
	padding: 15px;
	background: transparent url(../img/ebook-vertical-sprite.png) repeat-x 0px -1400px;
	clear:both;
	position: relative;
	display: block;
	height: 50px;
}
.mailing-list h1{
	color: #222222;
	font-weight:bold;
	text-align:left;
	font-size: 200%;
}
.mailing-list h1 em{
	font-size: 40%;
	color: #b6b6b6;
	display: block;
	margin-top:5px;
}
.mailing-list #signup-form{
	position: absolute;
	top:10px;
	right: 30px;
	display: block;
	width: 400px;
}
.mailing-list .skype-user{
	float:right;
	padding:0 0px 0 20px;
}
.skype-user em{
	display:block;
	font-size:100%;
	font-weight:bold;
}
.mailing-list button{
	display:block;
	position:absolute;
	right:-35px;
	bottom:11px;
	width: 65px;
}
.mailing-list span.top-left,
.mailing-list span.top-right,
.mailing-list span.bottom-left,
.mailing-list span.bottom-right{
	background: transparent url(../img/ebook-horizontal-sprite.png) no-repeat;
	width: 15px;
	height: 15px;
	overflow: hidden;
	display: block;
	position: absolute;
	padding: 0px;
	margin: 0px;
	line-height: 14px;
}
.mailing-list span.top-left{
	background-position:-550px 0px;
	top:0px;
	left:0px;
}
.mailing-list span.top-right{
	background-position: -565px 0px;
	right: 0px;
	top: 0px;
}
.mailing-list span.bottom-left{
	background-position: -580px 0px;
	left: 0px;
	bottom: 0px;
}
.mailing-list span.bottom-right{
	background-position: -595px 0px;
	right: 0px;
	bottom: 0px;
}

.mailing-list.sidebar{
	margin-left:860px;
	position:absolute;
	width:100px;
}
/*.sell-page img{
	border: 8px solid #d8d8d8;
}*/
img.right{
	float:right;
	margin: 0px 20px 10px 10px;
}
img.left{
	float: left;
	margin: 0px 10px 10px 20px;
}
img.start-selling{
	border: 0px;
}
img.center{
	margin: 0 0 0 200px;
}

.sell-page .page-container .bd{
	background-color: white; /* temporoary until we see increased sales from the new sale design page */
	overflow:hidden;
}

#imageInsertFormLoading, #videoInsertFormLoading{
	position: absolute;
	left: 190px;
	top: 100px;
}
.yui-video{
	height: 300px !important;
}	

.sell-urls .text{
	width: 500px !important;
	margin:0 0 1.6em 100px !important;
	line-height:1.3em !important;
}

.linkcolor{
	color:#000000;
}
.linkcolorbuy{
	color:#000000;
	font-weight: bold;
	font-size: 12px;
}

#hd .buttons select{
	position:relative;
	top:-4px;
	width:90px;
}
#hd .buttons button{
  position:relative;
  display: inline;
  clear:none;
  top:-8px;
  margin-left:12px
}

.msie7 #changeLanguageSubmit{
	display: block !important;
}

/* Icons! */
.icon{
	background: transparent url(../img/ebook-vertical-sprite.png) no-repeat scroll;
	padding: 0px !important;
}

.print-32{
	width: 32px;
	height: 32px;
	background-position: 0px -150px;
}
button:hover span .print-32,
button:focus span .print-32{
	background-position: 0px -184px;
}
button:active span .print-32{
	background-position: 0px -150px;
}
.dollar-32{
	width: 32px;
	height: 32px;
	background-position: 0px -500px;
}
button:hover span .dollar-32,
button:focus span .dollar-32{
	background-position: 0px -532px;
}
button:active span .dollar-32{
	background-position: 0px -500px;
}

.admin-32{
	width: 32px;
	height: 32px;
	background-position: 0px -2700px; /* faded */
}
a.submit-button:hover span .admin-32,
a.submit-button:focus span .admin-32{
	background-position: 0px -2750px; /* vivid */
}
a.submit-button:active span .admin-32{
	background-position: 0px -2700px; /* faded */
}

.help-24{
	width: 24px;
	height: 24px;
	background-position: 0px -2900px;
}
.help-24:hover{
	width: 24px;
	height: 24px;
	background-position: 0px -2924px;
}/* buttons! */


/* real buttons <button> */
button:hover,
button:focus,
a.submit-button:hover,
a.submit-button:focus{
	background-position: 0px -750px;
}
button:hover span,
button:focus span,
a.submit-button:hover span,
a.submit-button:focus span{
	background-position: 100% -800px;
}
button.clean, button.clean:active{
	height: auto;
	padding: 0;
	margin:0;
	min-height: 0;
	min-width: 0;
	background: transparent;
}
button,
button:active,
a.submit-button,
a.submit-button:active{
	display:block;
	background:transparent url(../img/ebook-vertical-sprite.png) no-repeat scroll 0 -650px;
	border:0 none;
	height:37px;
	position:relative;
	text-decoration: none;
	text-align: center !important;
	margin: 1px 0 0 0;
	cursor: pointer;
	padding: 0 0 0 7px;
}
.msie7 button, .msie7 button:active{
	padding: 0px;
}

button span,
button:active span,
a.submit-button span,
a.submit-button:active span{
	white-space:nowrap; 
	background:transparent url(../img/ebook-vertical-sprite.png) no-repeat scroll 100% -700px;
	color:#6B6B6B;
	display:block;
	height:35px;
	line-height: 35px;
	min-width:35px;
	padding:0px 7px 0px 0 !important;
	margin: 0px 0px 0px 0px;
	position:relative;
	top:-1px;
}
.msie6 button span, .msie6 button:active span, .msie8 button span, .msie8 button:active span{
	top: 0px;
}
.msie7 button span, .msie7 button:active span, .msie7 a.submit-button span, .msie7 a.submit-button:active span{
	margin: 1px 0 0 0;
}
.safari3 button span, .safari3 button:active span{
	top: 0px;
}

a.submit-button span,
a.submit-button:active span{
	margin-top:1px; /* not sure why this is needed.. but it is, the span is shifted up 1px too high for some reason */
}
a.submit-button,
a.submit-button:active{
	position: absolute;
	padding: 0px 0px 0px 7px; /* not sure why the needs these... but it does. */
}
button span .icon,
a.submit-button span .icon{
	position: relative;
	left: 1px;
}
.firefox3 button span .icon{
	left: 0px;
}
.msie6 button span, .msie6 button:active span, .msie8 button span, .msie8 button:active span{
	top: 0px;
}
.msie7 #save-book-settings span{
	margin-left:7px;
}

#hd button:hover,
#hd button:focus,
#hd a.submit-button:hover,
#hd a.submit-button:focus{
	/* dark grey, highlighted */
	background-position: 0px -350px; 
}
#hd button:hover span,
#hd button:focus span,
#hd a.submit-button:hover span,
#hd a.submit-button:focus span{
	/* dark grey, highlighted */
	background-position: 100% -400px;
}
#hd button,
#hd button:active,
#hd a.submit-button,
#hd a.submit-button:active{
	/* set the library/book buttons to dark grey */
	background-position: 0px -250px;
}
#hd button span,
#hd button:active span,
#hd a.submit-button span,
#hd a.submit-button:active span{
	/* set the library/book buttons to dark grey */
	background-position: 100% -300px;
}

/* link buttons <a> */

a.button span {
	background: transparent url(../img/buttons-sprite.png) no-repeat scroll 100% 0px;
	padding-right:12px;
	padding-bottom:3px;
	padding-top:1px;
	display:block;
}
a.button {
	background: transparent url(../img/buttons-sprite.png) no-repeat scroll 0px -25px;
	text-decoration: none;
	color: #48AC43;
	display: block;
	float: left;
	height: 20px;
	padding-left:10px;
	cursor: pointer;
}
a.button:hover,
a.button:focus{
	background: transparent url(../img/buttons-sprite.png) no-repeat scroll 0px -75px;
	color: #f2f2f2;
}
a.button:hover span,
a.button:focus span{
	outline:0px;
	background: transparent url(../img/buttons-sprite.png) no-repeat scroll 100% -50px;
}
a.button.yellow{
	background-position: 0px -125px;
	color: #0C2A0B;
}
a.button.yellow span{
	background-position: 100% -100px;
}
a.button.yellow:hover,
a.button.yellow:focus{
	background-position: 0px -175px;
	color: white;
}
a.button.yellow:hover span,
a.button.yellow:focus span{
	background-position: 100% -150px;
}

button.selectfile{
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	top: -3px;
}

#books .buy-info a{
	top: 14px;
	right: 17px;
}

#uploaderOverlay, #uploaderOverlayVideo{
	width: 75px;
	height: 34px;
	position: absolute;
	left: 125px;
	display:block;
	z-index: 2;
	top: 29px;
}
#uploaderOverlayVideo{
	left: 145px; /* wider margin for embed stuff */
}.not-logged-in #bd{
	margin: 0px 0px 0px 0px;
	padding: 80px 0px 0px 0px;
}
ul.library-shelf {
	padding-bottom: 40px;
	display: block;
}
ul.library-shelf li li{
	height: auto;
}
ul.library-shelf li{
	display: block;
	width: 243px;
	margin: 0px 10px 20px 10px;
	float: left;
	background: transparent url(../img/ebook-vertical-sprite.png) repeat-x 0px -850px;
	text-align:left;
	padding:10px 10px 25px 10px;
	overflow: hidden;
	height: 190px;
	position:relative;
}

#library.author ul.library-shelf li.other li{
	background: transparent;
}
#library.author ul.library-shelf li{
	width: 810px;
	clear:both;
	height: auto;
	background: #e4e4e4;
}
#library.author ul.library-shelf li.notice{
	border: 1px solid #ecd8b8;
	background-color: #fffeea;
	padding: 5px;
}

#library.author ul.library-shelf li li{
	clear:none;
}
#library.author ul.info li.shelf img{
	position:relative;
	float:left;
	margin-right:10px;
}
#library.author ul.info li.shelf.not-listed{
	margin-bottom: 5px 0 5px 10px;
	line-height: 2em;
}
#library.author ul.info li.shelf{
	width: 400px;
	margin: 0px 0px 5px 10px;
	font-size: 90%;
}
#library.author ul.info li.author,
#library.author ul.info li.rating,
#library.author ul.info li.cost{
	margin-right: 600px;
}
#library.author ul.info li.other .sell-urls input{
	width: 300px;
}
#library.author ul.info li.other .sell-urls li{
	line-height: 2.6em;
}
#library.author ul.info li.other .stats{
	width: 100%;

}
#library.author ul.info li.other .stats .affilates,
#library.author ul.info li.other .stats .cash{
	width: 49%;
	float:left;
}
#library.author ul.info li.other .stats ul li em{
	width: 150px;
	margin: 0px 5px 0px 0px;
	text-align:right;
	display:inline-block;
}
#library.author ul.info li.other .stats ul li{
	width: auto;
	margin: 0px 0px 3px 0px;
	float:none;
	display:block;
}
#library.author ul.info li.other h1{
	font-size: 110%;
	padding: 5px;
	font-weight:bold;
	border-bottom: 1px solid #ADADAD;
	margin-bottom: 10px;
}
#library.author ul.info li.other{
	background-color: white;
	border: 1px solid black;
	margin:10px 0px 0px 10px;
	width: 770px;
	padding:10px;
	background-color:white;
	border:1px solid #ADADAD;
}
#library.author ul.info li.links{
	width: 400px;
	margin: 0px 0px 0px 10px;
}
#library.author ul.info li.description{
	width: 530px;
	text-indent: 0px;
	margin:5px 0px 0px 10px;
	font-size:90%;
	min-height: 100px;
}
#library.author ul.info li.cost{
	position:static;
	float:left;
	text-align:left;
	font-weight:bold;
	margin-bottom:0px;
	width: auto;
}
#library.author ul.library-shelf ul.commands li a{
	padding:5px 38px 3px 3px;
	display:block;
	text-decoration: none;
	text-align:right;
}
#library.author ul.library-shelf ul.commands li:hover{
	border: 1px solid #ecd8b8;
	background-color: #fffeea !important;
}
#library.author ul.library-shelf ul.commands li{
	clear:both;
	display:block;
	height:auto;
	margin:0 0 0px;
	min-height:28px;
	width:200px;
	padding:0px;
	border: 1px solid transparent;
	background: transparent;
}
#library.author ul.library-shelf ul.commands li.edit-content{
	background:transparent url(../img/ebook-vertical-sprite.png) no-repeat 172px -2950px;
}
#library.author ul.library-shelf ul.commands li.edit-media{
	background:transparent url(../img/icon-media.png) no-repeat 97% center;
}
#library.author ul.library-shelf ul.commands li.view-content{
	background:transparent url(../img/icon-preview.png) no-repeat 99% center;
}
#library.author ul.library-shelf ul.commands li.edit-settings{
	background:transparent url(../img/ebook-vertical-sprite.png) no-repeat 172px -3049px;
}
#library.author ul.library-shelf ul.commands li.delete{
	background:transparent url(../img/ebook-vertical-sprite.png) no-repeat 172px -2998px;
}
#library.author ul.library-shelf ul.commands{
	min-height:0;
	overflow:auto;
	position:absolute;
	right:10px;
	top:10px;
	/*border: 1px solid #ecd8b8;
	background-color: #fffeea;*/
}

#library.author #hd #library-buttons .author-button.
#library.index #hd #library-buttons .library-button{
	/* display highlight */
}



span.top-left,
span.top-right,
span.bottom-left,
span.bottom-right{
	background: transparent url(../img/ebook-horizontal-sprite.png) no-repeat;
	width: 15px;
	height: 15px;
	overflow: hidden;
	display: block;
	position: absolute;
	padding: 0px;
	margin: 0px;
	line-height: 14px;
}
span.top-left{
	background-position:-550px 0px;
	top:0px;
	left:0px;
}
span.top-right{
	background-position: -565px 0px;
	right: 0px;
	_right: -1px; /* IE sucks */
	top: 0px;
}
span.bottom-left{
	background-position: -580px 0px;
	left: 0px;
	bottom: 0px;
	_bottom: -1px; /* IE sucks */
}
span.bottom-right{
	background-position: -595px 0px;
	right: 0px;
	_right: -1px; /* IE sucks */
	bottom: 0px;
	_bottom: -1px; /* IE sucks */
}

ul.library-shelf li.hot{
	background-position: 0px -1900px;
}
ul.library-shelf li.purchased{
	background-position: 0px -1400px;
}
ul.library-shelf li a{
	color: #264784;
}
ul.library-shelf li a:hover{
	text-decoration:none;
}
#library ul.info li{
	display: inline;
	width: auto;
	margin: 0px;
	padding: 0px;
	min-height:0px;
	background: transparent;
}

#library ul.info li.title,
#books ul.info li.title{
	font-weight:bold;
	float:left;
	width: 136px;
	margin:0px 0px 0px 10px;
}

#library.author ul.info li.title,
#library.author ul.info li.author{
	width:auto;
	margin-right:0px;
}

#library ul.info li.thumbnail,
#books ul.info li.thumbnail{
	clear:both;
	display: table-cell;
	background: transparent url(../img/book-thumbnail-shadow.png) no-repeat;
	width: 97px;
	height: 145px;
	text-align:center;
	vertical-align:middle;
	padding-top:5px;
}
#library ul.info li.thumbnail img,
#books ul.info li.thumbnail img{
	border: 1px solid #f2f2f2;
	vertical-align:middle;
}
#library ul.info li.author,
#books ul.info li.author{
	float: left;
	display: block;
	width: 136px;
	margin:0px 0px 0px 10px;
	color: #666666;
	font-size: 77%;
}
#library ul.info li.rating,
#books ul.info li.rating{
	background: transparent url(../img/ebook-vertical-sprite.png) repeat-x 0px -1300px;
	height:20px;
	float: left;
	display: block;
	width: 100px;
	margin:0px 0px 3px 10px;
}
#library ul.info li.rating{
	margin: 3px 0px 3px 10px;
}
#library ul.info li.rating div,
#books ul.info li.rating div{
	background: transparent url(../img/ebook-vertical-sprite.png) repeat-x 0px -1320px;
	height:20px;
	width: 0%;
	display:block;

}
ul.info li.rating div.stars-1{
	width: 20% !important;
}
ul.info li.rating div.stars-2{
	width: 40% !important;
}
ul.info li.rating div.stars-3{
	width: 60% !important;
}
ul.info li.rating div.stars-4{
	width: 80% !important;
}
ul.info li.rating div.stars-5{
	width: 100% !important;
}
#library ul.info li.description,
#books ul.info li.description{
	float: left;
	display: inline;
	width: 136px;
	margin:0px 0px 25px 10px;
	font-size: 77%;

}

ul.info li.description em{
	font-style: italic;
}
ul.info li.cost a.button,
ul.info li.read-now a.button{
	float:right;
	color: white;
	font-weight:bold;
}
ul.library-shelf li.purchased ul li.cost,
#library ul.info li.read-now{
	display: none;
}
#library ul.info li.cost,
#library ul.info li.read-now{
	clear: both;
	position:absolute;
	bottom:0px;
	right: 0px;
	width: 243px;
	margin: 0px 10px 10px 10px;
	text-align:right;
}
#library ul.library-shelf li.purchased ul.info li.read-now,
ul.library-shelf ul.info li.cost{
	display: block;
}

#library ul.info li.thumbnail a .icon,
#books ul.info li.thumbnail a .icon{
	background:transparent url(../img/ebook-vertical-sprite.png) no-repeat scroll 0px -2350px;
	bottom:0px;
	display:block;
	height:30px;
	position:absolute;
	right:0px;
	width:24px;
}
#library ul.info li.thumbnail a:hover .icon,
#books ul.info li.thumbnail a:hover .icon{
	background-position: 0px -2400px;
}

#library.index .springboard-content .badges{
clear:both;
}
#library.index .springboard-content .badges li{
	overflow: auto;
	padding-bottom: 10px;
}
#library.index .springboard-content h3{
	font-size: 110%;
	font-weight:bold;
	padding: 0px 0px 5px 0px;
}
#library.index .springboard-content h4{
	font-size: 105%;
	font-weight:bold;
	font-style: italic;
	padding: 0px 0px 5px 0px;
}
#library.index .springboard-content em{
	font-style: italic;
}
#library.index .springboard-content p{
	padding: 0px 0px 5px 20px;
}
#library.index.not-logged-in .login{
	width: 370px;
	float:right;
	border-left: 1px solid #B7B7B7;
	padding: 10px 10px 10px 20px;
	margin: 0px 0px 0px 20px;
}
#library.index.logged-in .login{
	display:none;
}#books.create #page-content #bd form{
	padding-top: 0px;
}
#books button.purchase-paypal{
	padding:0 !important;
	width: 215px;
	margin: 5px 0 0 0;
}
#books.read #hd #book-buttons li,
#books.preview.logged-in #hd #book-buttons li.sell-book,
#books.flyer.logged-in #hd #book-buttons li.sell-book{
	display: block;
}
#books.read.disable-printing #hd #book-buttons .print-book{
	display:none;
}
li.sell-book{
	display:none !important;
}

div.book-content{
	margin:0 auto; 
	width: 750px; /* page width */
	text-align: left;
	position: relative;
	padding: 0px 20px; /*shadow spacing */
	
	-moz-user-select: none; /* no selection */
	user-select: none;
	-o-user-select:none;
	-webkit-user-select: none;

}

div.book-content-scribd{
	margin:0 auto; 
	width: 855px; /* page width */
	text-align: left;
	position: relative;
	padding: 0px 0px; /*shadow spacing */
	
	-moz-user-select: none; /* no selection */
	user-select: none;
	-o-user-select:none;
	-webkit-user-select: none;

}

div.book-content-scribd .scribd_iframe_embed{
    width: 100%;
    height: 720px;
}

/* table of contents ... possiblity 
div.book-content #table-of-contents{
	position: fixed;
	bottom:20px;
	margin-left:770px;
}
div.book #table-of-contents li{
	
}

#page-count{
	position: absolute;
	top:0px;
	text-align:right;
	left:-40px;
	width: 50px;
	z-index: 1;

}
#page-count span{
	font-weight: bold;
}
*/
#books.destroy #bd form{
	float:right;
	margin: 20px 0px 0px 0px;
}
#books.destroy .back-link{
	position:absolute;
	bottom:25px;
	left:25px;
	font-size: 77%;
}
div.book-content .left-shadow{
	background: transparent url(../img/ebook-horizontal-sprite.png) repeat-y scroll -60px 0pt;
	position:relative;
	left: -20px;
}
div.book-content .right-shadow{
	background: transparent url(../img/ebook-horizontal-sprite.png) repeat scroll 690px 0px; /* 750 (width) - 60 (distance from right) */
	position:relative;
	right: -40px; /*compensate for the left-shadow's 20px + its own 20px */
}
div.book-content .bottom-left-shadow,
div.book-content .bottom-right-shadow,
div.book-content .top-left-shadow,
div.book-content .top-right-shadow{
	position:absolute;
	width: 20px;
	height: 20px;
}
div.book-content .top-right-shadow{
	background: transparent url(../img/ebook-horizontal-sprite.png) repeat-y scroll -0px 0pt;
	right: 0px;
	top: 0px;
}
div.book-content .top-left-shadow{
	background: transparent url(../img/ebook-horizontal-sprite.png) repeat-y scroll -20px 0pt;
	left: 0px;
	top: 0px;
}
div.book-content .bottom-shadows{
	background: transparent url(../img/ebook-vertical-sprite.png) repeat-x scroll -0px -62px;
	height:20px;
	position:relative;
	top:0px;
}
div.book-content .bottom-right-shadow{
	background: transparent url(../img/ebook-horizontal-sprite.png) repeat-y scroll -80px 0pt;
	right: -20px;
	bottom: 0px;
}
div.book-content .bottom-left-shadow{
	background: transparent url(../img/ebook-horizontal-sprite.png) repeat-y scroll -100px 0pt;
	left: -20px;
	bottom: 0px;
}

.book-content .sheet{ /* pages of the book */
	position:relative;
	left: -20px; /* move it back to the center */
	overflow: hidden; /* to keep the cover from extending below the book when the cover is longer than the content */
	height: 1%;
	padding: 10px;
	background-color: #f2f2f2; /* creme white */
	border: 1px solid #727272; /* dark grey */
	/* font-size: 93%; */
	z-index: 1;
}
.book-content .cover{
	position:absolute;
	top:0px;
	left:0px;
	border:0;
	padding:0;
	margin:0;
	z-indeX: -1;
}
.book-content .content .notice{
	position:relative;
	top: -10px; /* move it back up to compenste for the padding */
}
.preview .book-content .content{
	min-height: 500px;
	.height: 500px;
	height: auto;
}
.preview .book-content .cover{
	top:0px;
}

/* Basic book styling, h1-h5, ordered lists, unordered lists, ect. */
.book-content .page{
	display: block;
	padding-top:80px;
	position:relative;
	top: -80px;
}
.book-content .page a:hover,
.book-content .page a:focus{
	border-bottom: 0px;
}
/* 

Lets give as much CSS power as we can to the Tiny MCE editor


.book-content .page a{
	font-weight:bold;
	color:#223c72 !important; /* the important ensures attribution on the editor too
	border-bottom: 1px dotted #223c72;
	text-decoration:none !important; /* the important ensures attribution on the editor too
}

.book-content p{
	text-indent: 0;
	margin-bottom: 1.3em
}
.book-content h1,
.book-content h2,
.book-content h3,
.book-content h4,
.book-content h5,
.book-content h6,
.book-content ol li em{
	letter-spacing: 2px;
	font-weight: bold;
}
.book-content ul li{
	list-style-type: square;
	list-style-position: inside;
}
.book-content ul,
.book-content ol{
	display: block;
	overflow: auto;
	padding: 10px 0px 0px 15px;
}
.book-content h1{
	font-size: 2.32em;
	margin:9px 0px 9px 0px;
	display: block;
	clear:both;
	padding: 10px 0px 10px 0px;
	border: 1px solid #979797;
	border-width: 1px 0px 1px 0px;
	position:relative;
	text-indent: 0px;
}
.book-content h2{
	font-size: 1.75em;
	margin:11px 0px 7px 0px;
	padding: 0px 0px 10px 0px;
	display: block;
	clear:both;
	text-align:left;
	text-indent: 0px;
	border-bottom: 1px solid #979797;
}
.book-content h3{
	font-size: 1.5em;

}
.book-content h4{
	font-size: 1.3em;

}
.book-content h5{
	font-size: 1.2em;
	display: inline;
}
.book-content h6{
	font-size: 1em;
	display: inline;
}
.book-content ol li{
	list-style: decimal inside;
	color: #505050;
	font-style: italic;
}
.book-content ol{
	margin-left:50px;
	margin-top:1.3em;
	margin-bottom:1.3em;
}

.book-content em{
	font-weight:bold;
}
*/
.yui-video{
	background:transparent none repeat scroll 0 0;
	clear:both;
	display:block;
	overflow:visible;
	text-align:center;
	text-indent:0;

	/* these help position the dialog that pops up below it */
	margin:0 auto;
	font-size:300px;
	width:450px;
}
.flyer .yui-video{
	font-size:1px;
}

.book-content .yui-video .placeholder-icon{
	display:block;
	position:relative;
}
.book-content img{
	padding: 10px;
}


/* standard figures styling */
.book-content .figure{
	width: 275px;
	margin: 0px 40px 0px 0px;
	padding-top:80px;
	position:relative;
	float:left;
	overflow: hidden;
	text-align:center;
	top: -50px;
}
.book-content .figure div.label{
	background: transparent url(../img/ebook-horizontal-sprite.png) no-repeat scroll -120px 0px; 
	position: relative;
	bottom:0px;
	border-top: 1px solid black;
	width: 275px;
	overflow: hidden;
	padding: 8px 0px 0px 0px;
	margin-top: 9px;
	font-size: 77%;
	font-family: "Times New Roman", Times, serif;
	text-align:left;
}
.book-content .figure div.label em:after,
.book-content .figure div.label i:after{
	content: "  -";
	white-space: pre;
}
.book-content .figure div.label em,
.book-content .figure div.label i{
	display: block;
	float: left;
	padding: 0px 5px 0px 0px;
	font-style: italic;
	color:#979797;
}
.book-content .figure div.label span{
	font-style: normal;
	display: block;
	float: left;
	padding-bottom: 10px;
	width: 225px;
	letter-spacing: 2.5px;
}




/* page specific stying */

/* dialog specific styling */
#sell-book form input{
	width: 300px;
}
#sell-book form fieldset{
	width:450px;
}
#sell-book{
	padding-left:20px;
}
#edit-settings{
	padding-left:20px;
}





#books.preview div.book-content .bottom{

	background: transparent url(../img/torn-edge.png) no-repeat scroll 0px 0px; 
	bottom:0px;
	display:block;
	height:100px;
	left:21px;
	position:absolute;
	width:748px;
	z-index: 1;
	
}

#books.preview .buy-info,
#books.read .buy-info{
	margin: 50px auto;
	width: 720px;
	background-position: 0px -1600px;

}
#books.preview .buy-info h1,
#books.read .buy-info h1{
	color: #404040;
	z-index: -1;
}
#books.preview .buy-info h1 em,
#books.read .buy-info h1 em{
	color: #5e5e5e;
}
#books.preview .buy-info button{
	position: absolute;
	top:17px;
	right:0px;
}
#books.preview .buy-info .description{
 text-align: left;
 width: 560px;
 padding: 20px;
 margin: 10px 0px 0px 0px;
 border: 1px solid #b2b27e;
 background-color: #f2f2f2;
}
#books .buy-info.top {
	margin: 0px auto 20px auto;
}
#books.preview .buy-info a.submit-button{
	position:absolute;
	right:20px;
	top:18px;
	width: 55px;
}
#books.preview .preview-header{
	background:0;
	font-size: 100%;
	width: 675px;

	margin:20px;
	position:absolute;
	top:0px;
	left:0px;
}
#books.preview .preview-header h1,
#books.preview .preview-header h1 em{
	font-family:arial,helvetica,clean,sans-serif;
	color: white;
	letter-spacing: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#books.preview .preview-header h1 em{
	color: #eaeaea;
}
#books.preview .preview-header div.bottom{
	background: 0;
	height: 15px;
	position:static;
	width: auto;
}
#books.preview .preview-header .dialog{
	margin: 0px auto;
	width: auto;
}
#books.preview .preview-header div.content{
	min-height: 1px;
	margin-top: 0px;
	width: 650px;
	background: transparent;
	border: 0px;
	padding:5px 20px;
}
#books.preview .preview-header .top div,
#books.preview .preview-header .bottom div,
#books.preview .preview-header .content-wrapper{
	background-color:#953c3c
}
#books.preview .preview-header .top div em{
	background-position: -700px 0px;
}
#books.preview .preview-header .top div span{
	background-position: -712px 0px;
}
#books.preview .preview-header .bottom div em{
	background-position: -730px 0px;
}
#books.preview .preview-header .bottom div span{
	background-position: -742px 0px;
}

.mceEditor{
	width:742px;
	height: 500px;
	margin: 0px;
}#books.flyer #book-info-container{
	display: block;
	width: 800px;
	margin: 0px 10px 20px 10px;
	float: left;
	background: #d8d8d8 repeat-x 0px -850px;
	text-align:left;
	padding:10px 10px 20px 10px;
	overflow: hidden;
	position:relative;
}
#books.flyer ul.info li{
	float:left;
	position: relative;
}

#books.flyer ul.info li.title,
#books.flyer ul.info li.author,
#books.flyer ul.info li.description,
#books.flyer ul.info li.price,
#books.flyer ul.info li.website
{
	margin: 5px 0px 0px 10px;
	width: 548px;
}
#books.flyer ul.info li.author{
	margin-top: 0px;
}
#books.flyer ul.info li.price{
	font-size: 150%;
	font-weight:bold;
	margin: 5px 0px 0px 10px;
}
#books.flyer ul.info li.rating{
	position: relative;
	margin: 5px 300px 0px 10px;
}
#books.flyer ul.info li.rating span{
	position: absolute;
	right:-110px;
	width: 100px;
	bottom: 0px;
	color: #666666;
	font-size: 77%;
}
#books.flyer ul.info li.title{
	font-size: 200%;
	line-height: 1em;
	padding-top: 3px;
}
#books.flyer ul.info li.buy-now{
	float:right;
	text-align:right;
	margin: 5px 10px 0px 0px;
	width: 55px;
}
#books.flyer ul.info li.buy-now a{
	float:right;
	position: relative;
}
#books.flyer ul.info li.description{
	background-color:white;
	font-size: 86%;
	border:1px solid #ADADAD;
	margin:10px 0px 5px 10px;
	padding:10px;
	overflow-x: hidden;
}
/* #books.flyer is missing from description tags so that the edit and flyer styles
	will be the same.. i could also add #books.edit to the style, but it seemed best at the time */
/*

	Give CSS power to Tiny MCE

.description h1{
	font-size: 150%;
	font-weight: bold;
	text-indent: 0px;
	color: #733636;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #adadad;
}
.description h2{
	font-size: 130%;
	font-weight: bold;
	padding: 5px 0px;
	margin: 5px 0px 0px 0px;
}
.description h3{
	font-size: 110%;
	font-weight: bold;
	padding: 5px 0px;
}
.description h4{
	font-size: 105%;
	font-weight: bold;
	padding: 5px 0px;
}
.description ul li{
	list-style-type: square;
	list-style-position: inside;
}
.description ol,
.description ul{
	display: block;
	overflow: auto;
	padding: 10px 0px 10px 15px;
}
.description ol li{
	list-style-type: decimal;
	list-style-position: inside;
}
.description ul li,
.description ol li{
	clear:both;
	display: list-item;
	margin: 0px 0px 10px 0px
}
.description p{
	padding-bottom: 10px;
	text-indent: 10px;
}
.description img{
	padding:5px;
}
.description p.video{
	clear:both;
	text-indent: 0px;
	text-align:center;
	padding: 10px 0px;
	margin: 10px 0px;
	border: 1px solid #dbdbdb;
	border-width: 1px 0px;
	background:transparent url(../img/video-background.jpg) repeat-y top;
}
*/

#books.update html.description a,
#books.flyer .description a{
	font-weight:bold;
	color:#223c72;
	border-bottom: 1px dotted #223c72;
	text-decoration:none;
}
#books.update html.description a:hover,
#books.flyer .description a:hover{
	border-bottom: 0px;
}
.description em{
	font-style:italic;
	border-bottom: 0px;
}
.description strong{
	font-weight: bold;
}

#books.flyer ul.info li.cost{
	width: 785px;
}
#books.flyer ul.info li.thumbnail {
	width: 210px;
	height: auto;
	padding: 2px 0px 10px 0px;
	margin: 5px 0px 0px 0px;
	background: transparent url(../img/cover-shadow.png) no-repeat;
}

#books.flyer .thumbnail-notice{
	font-size:85%;
	position:relative;
	top:6px;
	left:-12px;
}

.login-info ul, .login-info ol {list-style:none; list-style-type:none}
.login-info ul  li{list-style:none;}

#user-register form fieldset  ul  {list-style:none; list-style-type:none}/* I've pulled out all the msie6 specific css so that when we decide we can drop support, we just need to uninclude this file */

.msie6 #page-content #hd{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.msie6 ul.library-shelf li{
	margin: 0px 10px 14px 7px;
}
.msie6 .page-container{
	margin: 0px 10px 20px 5px;
}
.msie6 .tip{
	display: none;
}
#books.update.msie6 #update-settings #save-book-settings{
	display: none;
}
#books.update.msie6 #update-settings button{
	width: 55px;
}

.msie6.preview .book-content .content{
	margin-top: 100px;
}
.msie6 .dialog .top,
.msie6 .dialog .bottom{
	margin: 0px !important;
}
#books.preview.msie6 .preview-header .dialog .content-wrapper .content{
	width: 635px;
}
#books.preview.msie6 .preview-header .dialog .content-wrapper{
	padding: 0px;
}
#books.preview.msie6 .preview-header .dialog{
	width: 100%;
}
#library.author.msie6 ul.library-shelf ul.commands li a:hover{
	text-decoration: underline;
}
#library.author.msie6 ul.library-shelf ul.commands li{
	border: 0px;
}
.msie6 input.checkbox{
	border: 0px;
}
.msie6 .description ol, .msie6 .description ul{
	height:1%;
	margin-bottom:10px; /* IE collpases the margin on the li items, so lets add it to the list instead */
}
.msie6 .description .yui-toolbar-container ul,
.msie6 .description .yui-toolbar-container ol{
	margin-bottom: 0px;
	height: auto;
}
.msie6 .description .yui-toolbar-container li{
	width: auto;
}
.msie6 .description li{
	width: 100%;
}
#books.update.msie6 #update-settings textarea.description{
	width: 555px;
}
#books.update.msie6 .book-content .sheet{
	width: 730px;
}
#books.msie6 .update-content div.book-content .sheet{
	width: 750px;
}


.msie6 #editor-book-content_toolbar{
	position: absolute;
	top:0px;
}
#books.update.msie6 .book-content .sheet{
	overflow: hidden;
}
#books.update.msie6 .book-content #save-book-content, .msie6 #book-content-form-autosave{
	position:static;
	left:0px;
	float:right;
	margin-left: 0px;
	display:block;
}
.msie6 #book-content-form-autosave{
	clear:both;
}
#books.update.msie6 #content-tips{
	top:50px;
}

.msie6 #upgrade-your-browser .notice img{
	float:left;
	margin-right:10px;
}