/* -----------------------------------------------------
 * Layout settings
 * ----------------------------------------------------- */
/* -----------------------------------------------------
 * App-wide specs: colors, dimensions, etc.
 * Controller- and page-specific variables should be declared in
 * the controller-specific SASS stylesheet.
 * ----------------------------------------------------- */
/*
 * Utopia-specific SASS variables and mixins.
 */
/* Page layouts
 */
/* -----------------------------------------------------
 * Grids
 *
 * Programmatically generate the widths of elements that
 * belong in the grid.
 *
 * Usage:
 *
 * .container
 *   @include row
 *   .primary
 *     @include col(8)
 *     @include internal-margin
 *   .secondary
 *     @include col(4)
 *     @include last
 * .container
 *   @include row
 *   .tertiary
 *     @prepend(4)
 *     @include(4)
 *     @append(4)
 *
 * Inspired by:
 *   http://bjorkoy.com/2010/05/css-grids-with-sass/
 * ----------------------------------------------------- */
/* math magic */
/* create row div */
/* create a column div */
/* make an element span n columns */
/* the first and last columns in a row needs these */
/* prepend n blank columns */
/* append n blank columns */
/*
 * Book display styles.
 */
#burst {
  display: none;
}

#contentMainArea {
  padding-right: 20px;
  width: auto;
  float: none;
}

.ie6 #contentPane {
  overflow: hidden;
}
.ie6 form#size_form {
  display: inline !important;
  width: 100%;
}

#pdf_to_book #status_ready {
  color: #439930;
}
#pdf_to_book #status_failed, #pdf_to_book #status_warning {
  color: #cc0000;
}
#pdf_to_book #status_pending {
  color: #00adef;
}
#pdf_to_book strong {
  color: #535154;
}
#pdf_to_book p#title {
  border-top: 1px dotted;
}
#pdf_to_book div#delete_book_button {
  margin-left: 33px;
  margin-top: 10px;
  width: 12em;
}
#pdf_to_book div#delete_book_button a {
  background-color: #999999;
}
#pdf_to_book div#delete_book_button a:hover {
  background: #fd7820;
}

.step1-b {
  clear: both;
  padding-top: 5px;
}

h3 {
  width: 100%;
}

body.en .default-overlay {
  background: url(/images/cms/en/pdf_to_book/indesign_modal.jpg) 0 0 no-repeat;
}

body.fr .default-overlay {
  background: url(/images/cms/fr/pdf_to_book/indesign_modal.jpg) 0 0 no-repeat;
}

#specifications #booksize-calc-results {
  border: none;
  margin: none;
  padding: none;
}
#specifications .spec-suggestion {
  background-color: #c6e4f3;
  border: 1px solid #c6e4f3;
  border-radius: 5px;
  width: 400px;
  padding: 5px;
}
#specifications .spec-suggestion .question {
  font-weight: bold;
  color: #00abf1;
}
#specifications #result-table table {
  width: 399px;
  margin-bottom: 10px;
}
#specifications #result-table table th.unit-column {
  width: 33%;
}
#specifications #result-table table .unit-column {
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
}
#specifications #result-table table .more_link {
  white-space: nowrap;
  text-align: right;
}
#specifications #result-table table tr.top-sep td {
  border-top: 1px dotted black;
}
#specifications #result-table table tr.separator td {
  border-bottom: 1px dotted black;
}

.step2 div.col-1 {
  margin-left: 0;
  float: right;
  width: 645px;
}
.step2 div.info {
  float: right;
  width: 50%;
  padding-bottom: 10px;
  font-size: 11px;
}

.step3 div.col-1 {
  margin-left: 0;
  float: right;
  width: 645px;
}

.step3 div.info {
  float: right;
  width: 50%;
  padding-bottom: 10px;
  font-size: 11px;
  float: none;
  width: 100%;
}

.step2 div.submit {
  padding-top: 30px;
}
.step2 h4 {
  font-size: 13px;
  margin-bottom: 10px;
}
.step2 .templates {
  margin-bottom: 15px;
}
.step2 .templates div.template-options {
  float: left;
  width: 24%;
}
.step2 .templates div.template-text {
  width: 60%;
  margin-left: 10px;
  float: left;
  padding-left: 7px;
  border-left: 1px dotted #66b55c;
}
.step2 .templates ul {
  list-style-type: outside;
  padding: 0 !important;
  margin: 0 !important;
  width: 193px;
}
.step2 .templates ul.mac {
  border-bottom: 1px dotted #a7c275;
  background: #efeeed url(/images/pdf_to_book/icon_mac.png) 15px 10px no-repeat;
}
.step2 .templates ul.pc {
  background: #efeeed url(/images/pdf_to_book/icon_pc.png) 15px 13px no-repeat;
}
.step2 .templates li {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: right;
}
.step2 .templates li a:link, .step2 .templates li a:visited {
  display: block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-color: white;
  text-align: center;
  font-weight: bold;
}
.step2 .templates li a:hover, .step2 .templates li a:active {
  background-color: #f9f4e4;
  text-decoration: underline;
}
.step2 .templates li span.disabled {
  cursor: default;
  text-decoration: none;
  color: #bebcbc;
  display: block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-color: white;
  text-align: center;
  font-weight: bold;
}

.step3 h2 {
  padding-top: 0;
}
.step3 div.submit {
  padding-top: 30px;
  border-top: 1px dotted #666666;
}

.step2 div.slickbutton {
  width: 250px;
  margin-top: 15px;
}
.step2 form label {
  font-weight: normal;
}

.errorBox {
  display: none;
}

#spec-div {
  border-bottom: 7px solid #eaeaea;
  border-top: 7px solid #eaeaea;
  color: #888888;
  font-size: 11pt;
  font-weight: normal;
  margin: 15px 0 0;
  padding: 10px 0 10px;
  width: 470px;
  line-height: 1.3em;
}

#spec-div table {
  border: medium none;
  display: block;
  margin: 10px 0;
}
#spec-div td {
  border-left: 1px dotted #aaaaaa;
  padding: 10px 12px;
  vertical-align: middle;
}
#spec-div img.icon {
  float: left;
  margin: 12px 12px 0 10px;
}

#instructions-container span.instruction-text {
  color: #535154;
  font-size: 11pt;
  line-height: 1.1em;
  padding-top: 1.1em;
  font-weight: bold;
}

#spec-div h3.dialogHead {
  background: url("/images/pdf_to_book/pdfupload_dialog_head.png") no-repeat scroll left top transparent;
  color: #cb2027;
  height: 45px;
  margin: 0;
  padding: 35px 25px 0 35px;
  width: 390px;
}

#spec-div div.dialogContent {
  background: url("/images/pdf_to_book/pdfupload_dialog_content.png") repeat-y scroll left top transparent;
  font-size: 12pt;
  font-weight: normal;
  min-height: 20px;
  padding: 20px 25px 0 35px;
  width: 390px;
}

#spec-div div.dialogWrapper {
  margin: 0px auto;
  min-height: 300px;
  position: absolute;
  top: 100px;
  width: 450px;
  z-index: 2;
}

#spec-div div.dialogAction {
  background: url("/images/pdf_to_book/pdfupload_dialog_action.png") no-repeat scroll left bottom transparent;
  font-size: 12pt;
  font-weight: normal;
  height: 45px;
  padding: 0 25px 35px 35px;
  width: 390px;
}

a#exceptionDismiss {
  background: url("/images/pdf_to_book/pdfupload_btn_okay.png") no-repeat scroll left top transparent;
  display: block;
  float: right;
  height: 31px;
  margin: 15px 15px 0 0;
  width: 91px;
}

#spec-div div.errorBox h3.errorMessagePdf {
  background: url("/images/pdf_to_book/pdfupload_ico_breakpoint.png") no-repeat scroll left top transparent;
  color: #cb2027;
  font-size: 12pt;
  font-weight: bold;
  margin: 10px 0;
  min-height: 28px;
  padding: 4px 0 0 38px;
  text-transform: none;
  line-height: 1.2em;
}

#spec-div div.loadBox h3.errorMessagePdf {
  background: url("/images/pdf_to_book/loading.gif") no-repeat scroll left top transparent;
  color: #666666;
  font-size: 12pt;
  font-weight: bold;
  margin: 10px 0 10px 10px;
  min-height: 28px;
  padding: 4px 0 0 38px;
  text-transform: capitalize;
  line-height: 1.2em;
}

div#lightBox {
  background-color: white;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

#spec-div div.errorBox p {
  font-size: 11pt;
  font-weight: normal;
  margin: 0 0 15px;
  padding-top: 8px;
  line-height: 1.2em;
}

.specs-div.error {
  border-bottom: 7px solid #cb2027;
  border-top: 7px solid #cb2027;
  font-weight: normal;
}

#spec-div div.errorBox p.errorWarning {
  color: #cb2027;
}

#spec-div a {
  color: #fd7820;
  outline: medium none;
  text-decoration: none;
  font-weight: bold;
}

#instructions-container .instruction-text a {
  font-weight: bold;
}

#instructions-container a {
  font-weight: bold;
}

#instructions-container .book-description {
  color: #535154;
  font-family: proxima-nova, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 1.1em;
  padding-bottom: 2px;
}

#spec-div.inst-text {
  color: #535154;
  font-size: 11pt;
  line-height: 2em;
  font-weight: bold;
  padding-top: 10px;
}

.step3 form {
  margin-bottom: 15px;
  overflow: hidden;
}
.step3 div.submit-no-border .slickbutton {
  float: right;
  margin-left: 15px;
  width: 150px;
  padding: 0;
}
.step3 div.submit .slickbutton {
  float: right;
  margin-left: 15px;
  width: 150px;
  padding: 0;
}
.step3 div.submit .slickbutton input {
  width: 150px;
  padding: 0 !important;
  height: 22px !important;
  line-height: 18px !important;
}
.step3 div.submit-no-border .slickbutton input {
  width: 150px;
  padding: 0 !important;
  height: 22px !important;
  line-height: 18px !important;
}
.step3 div.submit-no-border .slickbutton a {
  padding: 0 !important;
  height: 20px !important;
  line-height: 20px !important;
  overflow: hidden;
}
.step3 div.submit .slickbutton a {
  padding: 0 !important;
  height: 20px !important;
  line-height: 20px !important;
  overflow: hidden;
}
.step3 div.submit .slickbutton a.start-over {
  background-color: #999999;
}
.step3 div.submit-no-border .slickbutton a.start-over {
  background-color: #999999;
}
.step3 input.textfield {
  width: 80%;
}
.step3 textarea {
  width: 100%;
  height: 150px !important;
}
.step3 .inputs {
  padding-bottom: 20px;
}
.step3 #error {
  padding: 10px;
  background-color: #ba0000;
  color: white;
  margin-bottom: 15px;
}
.step3 .success {
  border: 2px solid #fd7820;
  padding: 10px;
  margin-bottom: 15px;
}
.step3 .success h2 {
  color: #fd7820;
  font-size: 18px;
  padding-top: 0;
}
.step3 .success h4 {
  font-size: 15px;
  padding-bottom: 10px;
}

.success .details {
  width: 300px;
  margin: 0 auto;
  border-top: 1px dotted #666666;
  border-bottom: 1px dotted #666666;
  margin-bottom: 15px;
}
.success .details .slickbutton {
  width: 260px;
  margin: 10px auto;
}
.success .details h4, .success .details p {
  text-align: center;
}

.step3 span.req {
  color: #fd7820 !important;
  font-weight: bold;
}
.step3 .sizes {
  width: 600px;
  position: relative;
  margin-bottom: 15px;
  padding: 1px 0px 0px 3px;
}
.step3 .sizes div {
  padding: 0 0 10px;
  width: 320px;
}
.step3 .sizes label {
  font-weight: normal !important;
}
.step3 .cover-sizes label, .step3 .paper-types label {
  font-weight: normal !important;
}
.step3 .paper-types select {
  width: auto;
}
.step3 .sizes .selected label, .step3 .cover-sizes .selected label, .step3 .paper-types .selected label {
  color: #00adef !important;
}
.step3 .cover-sizes .selected div {
  border: 1px solid #00adef;
}
.step3 .size-info {
  border: 1px solid #00adef;
  width: 250px !important;
  height: 120px;
  position: absolute;
  top: 0;
  right: 20px;
}
.step3 .size-info div {
  min-height: 110px;
}
.step3 .size-info p, .step3 .size-info dl {
  padding: 16px 0 0 110px !important;
  font-size: 13px;
  line-height: 18px;
}

.size-info .inches {
  font-weight: bold;
}
.size-info dt {
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 0.5em;
}

.step3 .page-count label {
  font-weight: normal !important;
}
.step3 .page-count input {
  width: 28px;
}

.size_form_section_first {
  padding-top: 0;
  padding-bottom: 1em !important;
}

.size_form_section {
  clear: both;
  padding-top: 18px;
  padding-bottom: 1em !important;
}

#sizes input[type="radio"] {
  margin-left: 1px;
}

.discontinue-warning {
  color: red;
  font-size: 11px;
  width: 220px;
  text-align: center;
}

.ie6 .step3 .size-info p {
  padding-bottom: 60px !important;
}

div#progress {
  border-top: 1px dotted #a7c275;
  border-bottom: 1px dotted #a7c275;
  height: 75px;
  background: white url("/images/pdf_to_book/upload_progress.png") 5px 10px no-repeat;
}

.upload-cover {
  background-position: 5px -190px !important;
}

.upload-book {
  background-position: 5px -290px !important;
}

#upload1 {
  width: 470px;
  margin-top: 10px;
  position: relative;
}
#upload1 h2 img {
  vertical-align: middle;
  padding-right: 10px;
}
#upload1 .upload {
  padding-left: 70px;
  background: white;
}

.faq ul {
  padding-bottom: 10px;
}
.faq h4 {
  padding: 10px 0 0 0;
}

.export img {
  border: 1px solid #666666;
}

#spanButtonPlaceHolder1 strong {
  display: block;
  width: 260px;
  text-align: center;
  padding: 20px;
  background-color: #dbf0f7;
  border: 1px solid #00bcf4;
}

.preflight .side {
  width: 220px;
  float: left;
}
.preflight .box {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border: 1px dotted #666666;
}
.preflight .side h3 {
  margin: 0 !important;
  width: auto !important;
}
.preflight .side p {
  padding: 10px 10px 0 10px !important;
}
.preflight .side p.big {
  font-size: 14px;
}
.preflight .main {
  margin-left: 240px;
  margin-right: 60px;
}
.preflight .main h4 {
  color: #00adef;
  font-size: 22px;
  font-weight: normal;
}
.preflight .main .status_ready {
  color: #439930;
}
.preflight .top {
  border-top: 1px dotted #666666;
  clear: right;
  text-align: center;
  padding: 0 118px;
}
.preflight .top .error {
  color: #cc0000;
}
.preflight .summary {
  margin-top: 15px;
  padding-top: 20px;
  border-top: 1px dotted #666666;
}
.preflight .slickshadow {
  width: 510px;
  margin: 0 auto;
}
.preflight .section {
  padding: 15px 25px;
  position: relative;
  border-bottom: 2px solid #d5d4bf;
}
.preflight .expanded {
  background: white url(/images/pdf_beta/preflight-gradient.png) 0 0 repeat-x;
}
.preflight .section h5 {
  font-size: 12px;
  font-weight: normal;
  padding-left: 15px;
  margin-left: -15px;
  background: transparent url(/images/pdf_beta/ico-arrow.gif) 0 2px no-repeat;
}
.preflight .status {
  position: absolute;
  top: 4px;
  left: 365px;
  width: 95px;
  height: 33px;
  background: transparent url(/images/cms/en/pdf_beta/preflight-process.png) 0 0 no-repeat;
}
.preflight .top .slickbutton {
  width: 14em;
  margin: 0 auto;
}

.expanded .status {
  background: transparent url(/images/cms/en/pdf_beta/preflight-error.png) 0 0 no-repeat;
}

.ok .status {
  background: transparent url(/images/cms/en/pdf_beta/preflight-ok.png) 0 0 no-repeat;
}

.expanded .warning {
  background: transparent url(/images/cms/en/pdf_beta/preflight-warning.png) 0 0 no-repeat;
}

/* French */
.fr .preflight .status {
  background: transparent url(/images/cms/fr/pdf_beta/preflight-process.png) 0 0 no-repeat;
}
.fr .expanded .status {
  background: transparent url(/images/cms/fr/pdf_beta/preflight-error.png) 0 0 no-repeat;
}
.fr .ok .status {
  background: transparent url(/images/cms/fr/pdf_beta/preflight-ok.png) 0 0 no-repeat;
}
.fr .expanded .warning {
  background: transparent url(/images/cms/fr/pdf_beta/preflight-warning.png) 0 0 no-repeat;
}

/* German */
.de .preflight .status {
  background: transparent url(/images/cms/de/pdf_beta/preflight-process.png) 0 0 no-repeat;
}
.de .expanded .status {
  background: transparent url(/images/cms/de/pdf_beta/preflight-error.png) 0 0 no-repeat;
}
.de .ok .status {
  background: transparent url(/images/cms/de/pdf_beta/preflight-ok.png) 0 0 no-repeat;
}
.de .expanded .warning {
  background: transparent url(/images/cms/de/pdf_beta/preflight-warning.png) 0 0 no-repeat;
}

.expanded h5 {
  background: transparent url(/images/pdf_beta/ico-arrow-down.gif) 0 2px no-repeat !important;
  padding-bottom: 10px;
}
.expanded .preflight-error {
  font-weight: bold;
  color: #cc0000;
}
.expanded .slickbutton {
  width: 200px;
}

#print {
  display: block;
  float: right;
  background: transparent url(/images/icons/print-small.gif) 100% 1px no-repeat;
  padding: 0 20px 0 0;
  margin: 0 0 5px 0;
}

#pdf-expected-actual-sizes {
  padding: 1em 0;
}
#pdf-expected-actual-sizes tr#book-dimension {
  color: white;
  background-color: #a7c375;
  font-weight: bold;
}
#pdf-expected-actual-sizes tr#book-dimension th {
  text-align: center;
  padding: 2px 0;
}
#pdf-expected-actual-sizes tr#expected-actual-title {
  background-color: #d2e2ae;
  font-weight: bold;
}
#pdf-expected-actual-sizes td {
  border-bottom: 1px solid #a29c83;
  padding: 2px 15px;
}
#pdf-expected-actual-sizes td.left {
  border-right: 1px dotted #a29c83;
}

/* IE hack for PNG transparency */
.submit_calculate {
  margin-top: 18px;
  width: 150px;
}
.submit_calculate input {
  width: 100% !important;
  width: 125px;
}

#booksize-calculator-top-wrap {
  width: 800px;
}

#book-attributes {
  padding-top: 10px;
}
#book-attributes .textfield {
  width: 10em !important;
}
#book-attributes p {
  margin-top: 10px;
}

#address-attributes {
  padding-top: 20px;
}

#book-attributes, #address-attributes {
  padding-bottom: 20px;
  margin-left: 10px;
}

#book-attributes label, #address-attributes label {
  display: block;
  font-weight: bold;
}

#book-attributes ul, #address-attributes ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#book-attributes ul li, #address-attributes ul li {
  float: left;
  width: 145px;
}

#book-attributes ul li select {
  width: 135px;
}

#address-attributes ul li select, #address-attributes ul li input {
  width: 135px;
}

#book-attributes ul li.disabled {
  color: #a0a0a0;
  border-color: #a0a0a0;
}
#book-attributes ul li.disabled select {
  color: #a0a0a0;
  border-color: #a0a0a0;
}
#book-attributes ul li.disabled div {
  font-size: 11px;
}

#booksize-calculator-wrap #book-selection img {
  padding-bottom: 10px;
}
#booksize-calculator-wrap #book-selection label {
  font-weight: normal;
}
#booksize-calculator-wrap #book-selection ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 30px;
}
#booksize-calculator-wrap #book-selection ul li {
  float: left;
  margin-right: 15px;
  width: 110px;
  position: relative;
}
#booksize-calculator-wrap #book-selection ul li.last {
  margin-right: 0;
}
#booksize-calculator-wrap #book-selection ul li div.radio {
  float: left;
  height: 4.5em;
  padding-right: 5px;
}
#booksize-calculator-wrap #book-selection ul li .dimension {
  font-size: 11px;
}
#booksize-calculator-wrap #booksize-calc-results {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 10px solid #525043;
  padding: 20px 10px 20px 10px;
}
#booksize-calculator-wrap #booksize-calc-results div#chosen-book {
  float: left;
  clear: right;
  text-align: center;
}
#booksize-calculator-wrap #booksize-calc-results div#chosen-book div#book-description {
  text-align: left;
}
#booksize-calculator-wrap #booksize-calc-results div#result-table {
  float: right;
  clear: right;
  width: 75%;
}
#booksize-calculator-wrap #booksize-calc-results div#result-table table {
  margin-bottom: 15px;
  width: 100%;
}
#booksize-calculator-wrap #booksize-calc-results div#result-table table tr th {
  text-align: left;
}
#booksize-calculator-wrap #booksize-calc-results div#result-table table tr td, #booksize-calculator-wrap #booksize-calc-results div#result-table table tr th {
  padding: 3px;
  margin-bottom: 3px;
}
#booksize-calculator-wrap #booksize-calc-results div#result-table table tr td.price {
  text-align: right !important;
  font-weight: bold;
}
#booksize-calculator-wrap #result-table table tr th.price {
  text-align: right !important;
  font-weight: bold;
}

div#booksize-calc-results div#result-table table tr.oddrow {
  background: #f8f3e4;
}
div#booksize-calc-results div#result-table div#shipdate {
  margin-top: 3px;
}
div#booksize-calc-results div#chosen-book div#book-description {
  margin-top: 3px;
}
div#booksize-calculator-wrap .specification-definition {
  border-bottom: 1px dotted;
  height: 230px;
  margin-right: 10px;
}
div#booksize-calculator-wrap .specification-definition img {
  float: left;
}
div#booksize-calculator-wrap .specification-definition p {
  float: right;
  width: 56%;
}
div#booksize-calculator-wrap .specification-definition p#first {
  margin-top: 70px;
}
div#booksize-calculator-wrap .specification-definition p#second {
  margin-top: 45px;
}
div#booksize-calculator-wrap .specification-definition p#third {
  margin-top: 25px;
}
div#booksize-calculator-wrap .last {
  border-bottom: 0 none;
}
div#instructions-container #instructions {
  padding-bottom: 0.5em;
}

.book_select {
  width: 635px;
}

.attr-title {
  color: #00abf1;
  font-size: 15px;
  padding-bottom: 10px;
}

#book-calc-results-container h4 {
  font-size: 15px;
  margin-bottom: -5px;
}

#getting-started .started-section {
  width: 95%;
  margin: 10px auto;
}
#getting-started .started-section p {
  margin: 0;
}
#getting-started .started-section .started-icon {
  float: left;
  margin: 10px;
}
#getting-started .started-section .started-body {
  float: left;
  width: 671px;
}
#getting-started .not-first {
  border-top: 1px dotted gray;
}
#getting-started .hints {
  list-style-type: disc;
}
#getting-started .hint-instructions {
  list-style-type: circle;
}
#getting-started .italic {
  font-style: italic;
}

.adobe_legal {
  clear: both;
  padding-top: 10px;
}

.clu_options {
  padding-top: 20px;
  clear: left;
}
.clu_options label {
  font-weight: normal;
}
.clu_options label div {
  padding: 2px 0px 2px 2px;
}

div#no_soft_cover_for_large_books {
  font-size: 11px;
  color: #a0a0a0;
}

.pdf_progress {
  float: left;
  width: 220px;
  border: 1px solid #b8b2a6;
  border-width: 1px 1px 0 1px;
  background-color: #e6e2e1;
  margin-right: 30px;
  position: relative;
}
.pdf_progress div {
  font-size: 13px;
  font-weight: bold;
  line-height: 27px;
  padding-left: 10px;
  border-bottom: 1px solid #b8b2a6;
}
.pdf_progress .start_over {
  position: absolute;
  margin-top: 20px;
  padding: 0 !important;
  left: 30px;
}
.pdf_progress div.slickbutton {
  padding: 0 !important;
  width: 160px;
}
.pdf_progress div.slickbutton a {
  padding: 0 !important;
  background-color: #999999;
  height: 24px;
}
.pdf_progress div.slickbutton a:hover {
  background: #fd7820;
}
.pdf_progress .current {
  background: #d4ecf6 url(/images/pdf_to_book/ico_current.png) right -2px no-repeat;
}
.pdf_progress .complete {
  background: #d7e4b2 url(/images/pdf_to_book/ico_complete.png) right -2px no-repeat;
}
.pdf_progress p {
  font-size: 11px;
  font-weight: normal;
  line-height: 140%;
}
.pdf_progress .edit {
  display: block;
  float: right;
  margin-right: 10px;
}

.tooltipDialog {
  margin-top: -200px;
}
.tooltipDialog p {
  padding-bottom: 10px;
}

.ie7 .slickbutton {
  padding: 0 !important;
}
.ie7 #pdf_to_book .submit .slickbutton input {
  margin-left: -15px !important;
  /* wtf ?! */
  margin-right: 0 !important;
  padding: 0;
}

.cover-sizes {
  padding-bottom: 15px;
}

.cover {
  width: 170px;
  float: left;
  text-align: center;
}
.cover .dust-jacket {
  width: 153px;
  height: 75px;
  background: white url(/images/pdf_to_book/hardcover_book.jpg) 0 0 no-repeat;
  margin: 0 auto 10px auto;
  padding: 0 !important;
  border: 1px solid white;
}
.cover .image-wrap {
  width: 153px;
  height: 75px;
  background: white url(/images/pdf_to_book/imagewrap_book.jpg) 0 0 no-repeat;
  margin: 0 auto 10px auto;
  padding: 0 !important;
  border: 1px solid white;
}
.cover .softcover {
  width: 153px;
  height: 75px;
  background: white url(/images/pdf_to_book/softcover_book.jpg) 0 0 no-repeat;
  margin: 0 auto 10px auto;
  padding: 0 !important;
  border: 1px solid white;
}
.cover .saddle {
  width: 153px;
  height: 75px;
  background: white url(/images/pdf_to_book/softcover_book.jpg) 0 0 no-repeat;
  margin: 0 auto 10px auto;
  padding: 0 !important;
  border: 1px solid white;
}

.cover-sizes.disabled {
  width: 153px;
  height: 75px;
  background: white url(/images/cms/en/pdf_to_book/softcover_book_na.jpg) 0 0 no-repeat !important;
  margin: 0 auto 10px auto;
  padding: 0 !important;
  border: 1px solid white;
}

.fr .cover-sizes.disabled {
  width: 153px;
  height: 75px;
  background: white url(/images/cms/fr/pdf_to_book/softcover_book_na.jpg) 0 0 no-repeat !important;
  margin: 0 auto 10px auto;
  padding: 0 !important;
  border: 1px solid white;
}

#size_form {
  position: relative;
}

p.checked {
  background: white url(/images/pdf_to_book/icon_checked.jpg) 0 0 no-repeat;
  padding-left: 20px;
}

.no_premium_paper_reason {
  color: #999999;
}

.no_pro_paper_reason {
  color: #999999;
}

.button_row {
  clear: both;
  height: 24px;
}

#resolution_warn_replace_button {
  width: 10em;
  float: left;
}

#resolution_warn_purchase_button {
  width: 26em;
  float: right;
}
#resolution_warn_purchase_button a {
  background-color: #999999;
}
#resolution_warn_purchase_button a:hover {
  background: #fd7820;
}

.inline_error {
  color: #cc0000;
  font-size: 11px;
  font-weight: bold;
}

#pagecount_0,
#page_count_inline_errors {
  float: left;
}

#page_count_inline_errors {
  padding-left: 20px;
  padding-bottom: 20px;
}

#coversize_error_missing {
  padding-bottom: 10px;
}

.panes #specifications {
  display: none;
}

#booksize-calculator-top-wrap .panes > div {
  padding: 10px 0;
}

.infoBox {
  overflow: hidden;
  *zoom: 1;
  margin-top: 20px;
}
.infoBox .msgIllust {
  margin-left: 90px;
  display: block;
  margin-top: 10px;
}
.infoBox .msgIcon {
  float: left;
  margin-left: -40px;
}
.infoBox .msgText {
  margin: 0px 12px 0px 40px;
  color: #327600;
}

#pdf_upload object p {
  color: white;
  background: #cc0000;
  padding: 20px;
  width: 270px;
}

.hintBox {
  display: block;
  margin-top: 10px;
  color: #666666;
}

#java-warning {
  display: none;
}
#java-warning .slickbutton {
  margin-top: 20px;
  width: 200px;
  float: right;
}

.legal_note {
  width: 60%;
}

.cover label span {
  margin: 10px 0 0 45px;
}

.buttonPanel .button.generic {
  color: #535143;
  font-size: 0.7em;
  padding: 1px 10px;
  text-transform: uppercase;
}

.hc:disabled, .sc:disabled, .saddle:disabled, .lw:disabled {
  color: #999999;
}