/* bookshelf page
------------------------------------------------------------ */

.bookshelf-item {
    position: relative;
    vertical-align:top;
    display: inline-block;
    width: 220px;
    margin: 0 20px 20px 0;
}

.bookshelf-item .page, .bookshelf-item a.page {
    width: 220px;
    min-height: 293px;
    cursor: pointer;
    display:block;
}

.bookshelf-item .page-inner {
    height: 280px;
    background-color: #ffff00 !important;
    display: none;
}

.bookshelf-item .page.focus .page-inner, .bookshelf-item a.page:hover .page-inner{
    display: block; 
    position: absolute;
    top: 0;
    left: 0;
    width: 202px;
}

.bookshelf-item .page-inner .subtitle {
    margin: 9px 0 0 0;
}

#bookshelf-content #search-results-content {
    display: block;
    width: 960px;
    margin: 0 auto 0 auto;
    padding-top: 9px;
    padding-bottom: 70px;
}

#bookshelf-content .row {
    margin: 0 0 40px;
}

#bookshelf-content {
    display: block;
    width: 960px;
    margin: 90px auto 0 auto;
    padding-top: 9px;
    padding-bottom: 90px;
}

#bookshelf-header {
    display: block;
    padding: 0;
    margin-bottom: 30px;
}

h3.suptitle {
    display: inline-block;
    position: relative;
    width: 100%;
    bottom: 7px;
}

.book-informations {
    display: block;
    position: relative;
    margin: 0;
}

.book-informations .column {
	position: relative;
	float: left;
	width: 140px;
	margin: 0 20px 0 0;
}

.column.data {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    line-height: 1.6;
}

.chapters_list {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 16px;
}

.chapters_list li, #results li{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 10px;
    padding-left: 25px;
}

.chapters_list li input {
    float: left;
    margin-left: -24px;
}

#results {
    list-style-type: none;
    list-style-position: outside;
}

#results li{
    list-style-type: none;
    list-style-position: outside;
    padding-right: 25px;
    position: relative;
}

#results li span.ui-button-drag {
	width: 10px;
	height: 10px;
	background-repeat: none;
	background-position: 0px 0px;
	background-image: url(../images/ui-button-drag.png);
	position: absolute;
	top: 4px;
	left: 0;
}

#results li a.ui-button-del {
	width: 10px;
	height: 10px;
	background-repeat: none;
	background-position: 0px 10px;
	background-image: url(../images/ui-button-drag.png);
	position: absolute;
	top: 4px;
	right: 0;
}

.book-informations .module-downloads h3 {
    color: #ffffff;
    text-transform: none;
    letter-spacing: 1px;
    margin: 0 0 20px;
    font: bold 14px Helvetica,Arial,Verdana,sans-serif;
}

#book_cover {
    margin: 0 0 20px;
}

a#makeabook {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding-top: 22px;
    border-top: 1px solid gray;
    display: block;
}

a#makeabook:hover {
    color: #ffff00;
}
a#makeabook .ui-arrow-right-mini {
    position: relative;
    top: 1px;
    margin-left: 6px;
    display: none;
}

a#makeabook:hover .ui-arrow-right-mini {
    background-position: 0px -10px;
    display: none;
}

a#makeabook .ui-button-workflow {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: none;
    background-position: 0px 0px;
    background-image: url(../images/ui-button-workflow.png);
    margin-bottom: -8px;
    margin-right: 6px;
}

a#makeabook:hover .ui-button-workflow {
    background-position: 0px -24px;
}

#bookshelf-content .layout-column-left {
    display: block;
    width: 600px!important;
    margin: 0 40px 0 0;
    padding-top: 9px;
    position: relative;
    float: left;
}

#bookshelf-content .makeabook-content div.jspPane {
    padding-top: 0!important;
}

#bookshelf-content .makeabook-content div.inner {
    margin-right: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid gray;
}

#ContentPlaceHolder1_topRight div.jspContainer div.jspPane > div.inner {
	margin-bottom: 0;
}

#bookshelf-content .makeabook-content .book-item div.inner, #bookshelf-content .makeabook-content .form-item div.inner {
    margin-right: 0;
    display: none;
    border: none;
	font-weight: normal;
	font-style: normal;
}

.form-item  {
	position: relative;
}

.form-item  div.inner {
	margin-bottom: 20px;
}

#bookshelf-content .layout-column-sidebar {
    display: block;
    width: 320px!important;
    margin: 0 0px 0 0;
    padding-top: 9px;
    position: relative;
    float: left;
}

.book-item #book_cover {
    margin: 0 0 0;
}

.book-item .title, .form-item .title {
    font: 18px Helvetica,Arial,Verdana,sans-serif;
    padding: 20px 0 20px 0px;
    border-top: 1px solid gray;
    display: block;
}

.book-item div.inner div.column {
    position: relative;
    float: left;
    width: 140px;
	margin: 5px 20px 0 0;
}

.book-item div.inner div.column.main {
    position: relative;
    float: left;
    width: 400px;
    margin: 5px 0 0;
}

#bookshelf-content .page-layout .title {
  color: white;
  padding-left: 2px!important;
}

.title .ui-button-num {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: none;
    background-position: 0px 0px;
    background-image: url(../images/ui-button-num.png);
    margin-bottom: -6px;
    margin-right: 6px;
}

#bookshelf-content .book-item a.title {
  padding-left: 32px!important;
}

#bookshelf-content .book-item a.title:hover {
  background: yellow;
  color: black;
}

 .book-item.opened a.title:hover {
  background: none;
  color: white;
}

 a.title .ui-button-moreless {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: none;
    background-position: 0px 0px;
    background-image: url(../images/ui-button-moreless.png);
  	position: absolute; 
  	left: 0px;
}

.disabled .title, .done .title {
  color: #7c7c7c;
  padding-left: 2px!important;
  cursor: default;
}

.done a.checkbox {
  cursor: default;
}

.disabled .title .ui-button-num, .done .title .ui-button-num {
    background-position: 24px 0px;
}

#step2 .title .ui-button-num {
    background-position: 48px 48px;
}

#step2.disabled .title .ui-button-num {
    background-position: 24px 48px;
}
#step2.done .title .ui-button-num {
    background-position: 24px 48px;
}

#step3 .title .ui-button-num {
    background-position: 48px 24px;
}

#step3.disabled .title .ui-button-num {
    background-position: 24px 24px;
}

#step3.done .title .ui-button-num {
    background-position: 24px 24px;
}

.disabled .title .ui-button-moreless {
    background-position: 0px 24px;
}

 .book-item.disabled a.title:hover {
  background: none;
  color: #7c7c7c;
}

.form-item div.inner p {
	  font: 18px Helvetica,Arial,Verdana,sans-serif;
	  margin-bottom: 20px;
}

#results li {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.6;
	padding-left: 43px;
	display: block;
}

textarea {
	padding: 6px;
	margin: 0;
	border: 0;
	background-color: #3c3c3c;
	color: white;
	font: 18px Helvetica,Arial,Verdana,sans-serif;
	width: 240px;
	height: 100px;
}

input#email{
	padding: 6px;
	margin: 0;
	border: 0;
	background-color: #3c3c3c;
	color: white;
	font: 18px Helvetica,Arial,Verdana,sans-serif;
	width: 240px;
	display: block;
	height: 16px;
}

#charCount {
	position: absolute;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	right: 0;
}

a.checkbox {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: white;
	margin-bottom: 20px;
	width: auto;
	float: right;
	position: relative;
	display: none;
	padding-right: 30px;
}

a.checkbox .ui-button-checkbox {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: none;
	background-position: 0px 0px;
	background-image: url(../images/ui-button-check.png);
	margin-bottom: -7px;
	margin-left: 8px;
	position: absolute;
	right: 0;
	top: -4px;
}

.done #checkbox1, .done #checkbox2, .done #checkbox3 {
margin-top: -43px;
}

.done #checkbox1 .ui-button-checkbox, .done #checkbox2 .ui-button-checkbox, .done #checkbox3 .ui-button-checkbox {
	background-position: 0px -24px;
}


#step2, #step3 {
clear: right;
overflow: hidden;
}

#step2 a.title .ui-button-num {
	background-position: 0px 48px;
}

#step3 a.title .ui-button-num {
	background-position: 0px 24px;
}

#step2.disabled a.title .ui-button-num {
	background-position: 24px 48px;
}

#step3.disabled a.title .ui-button-num {
	background-position: 24px 24px;
}

.opened a.title  .ui-button-moreless {
    background-image: url(../images/ui-button-moreless.png);
    background-position: 24px 0px;
}

#error, #success {
	display: none;
	font: 18px Helvetica,Arial,Verdana,sans-serif;
	padding: 20px 0;
}

#email_confirm {
	display: block;
	padding: 20px 0;
}

#success {
	display: none;
	font: 18px Helvetica,Arial,Verdana,sans-serif;
	padding: 20px 0;
	border-bottom: 1px solid gray;
}

.ui-button-error {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: none;
    background-position: 0px 0px;
    background-image: url(../images/ui-button-error.png);
    margin-bottom: -6px;
    margin-right: 6px;
}

#return_link {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 20px 0;
	margin-right: 20px;
	float: right;
}

#return_link span{
display: inline-block;
width: 24px;
height: 24px;
background-repeat: none;
background-position: 0px 0px;
background-image: url(../images/ui-button-bookshelf.png);
margin-bottom: -9px;
margin-right: 6px;
}