<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */
.qb {
  border: 1px solid #444444;
}
.qbg {
  background: light_gray;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
  font-family: 'Source Sans Pro', sans-serif;
}
/* two clearing options -  use .clearfix() in new code */
/* both work as a Less mixin - no clearfix class needs to be added to HTML */
.clearthis {
  /* works as a Less mixin - no clearfix class needs to be added to HTML */

  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
/* old button style pre-Sept 14- don't use - use flat_button instead */
.bublish_button {
  background: #f37421;
  color: white;
  font-size: 14px;
  padding: 3px 8px 4px;
  text-align: center;
  text-decoration: none;
  border-radius: 0px;
}
.bublish_button_white {
  background: #fff;
  color: #f37421;
  border: 1px solid #f37421;
  font-size: 14px;
  padding: 6px 8px 7px;
  text-align: left;
  text-decoration: none;
  border-radius: 0px;
}
/* new post--Sept 14 button style */
.flat_button {
  background: #25aebc;
  color: #fff;
  text-align: center;
  padding: 5px 5px 2px 5px;
  font-size: 12px;
  border-radius: 0px;
}
.flat_button:hover {
  background: #f37421;
  text-decoration: none;
  cursor: pointer;
}
.flat_button.large {
  padding: 5px 10px;
  font-size: 15px;
}
.flat_button_alt {
  background: #25aebc;
  color: #fff;
  text-align: center;
  padding: 5px 5px 2px 5px;
  font-size: 12px;
  border-radius: 0px;
  background: #f37421;
}
.flat_button_alt:hover {
  background: #f37421;
  text-decoration: none;
  cursor: pointer;
}
.flat_button_alt.large {
  padding: 5px 10px;
  font-size: 15px;
}
.flat_button_alt:hover {
  background: #25aebc;
  cursor: pointer;
}
.flat_button_default {
  background: #25aebc;
  color: #fff;
  text-align: center;
  padding: 5px 5px 2px 5px;
  font-size: 12px;
  border-radius: 0px;
  background: #aaa;
}
.flat_button_default:hover {
  background: #f37421;
  text-decoration: none;
  cursor: pointer;
}
.flat_button_default.large {
  padding: 5px 10px;
  font-size: 15px;
}
.flat_button_default:hover {
  background: #777;
  cursor: pointer;
}
/* removes blue background off close buttons on dialogs - some BS wierdness*/
.container-fluid button.close {
  background: none;
  border: none;
}
.container-fluid button.close:hover {
  background: none;
  border: none;
}
/* color variables */
/* pale blue */
/* dark gray */
/* turq */
/* turq */
/* mid gray */
/*orange red - (old - brown #382A0E); */
/*orange red - (old - brown #382A0E); */
/* rhino */
.rsHostedButton {
  font-weight: normal !important;
  width: 155px !important;
  text-align: center !important;
  padding: 15px 0 10px 0 !important;
  font-size: 16px!important;
  letter-spacing: 0.1em;
}
#rNavigation{
  left: -65px!important;
  width: 100px;
}
.rsHostedButton.rsCustomColor{
  background: #25aebc;
  background: -moz-linear-gradient(top, #25aebc 0%, #25aebc 20%, #17a0ae 21%, #17a0ae 100%)!important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25aebc), color-stop(20%,#25aebc), color-stop(21%,#17a0ae), color-stop(100%,#17a0ae))!important;
  background: -webkit-linear-gradient(top, #25aebc 0%,#25aebc 20%,#17a0ae 21%,#17a0ae 100%)!important;
  background: -o-linear-gradient(top, #25aebc 0%,#25aebc 20%,#17a0ae 21%,#17a0ae 100%)!important;
  background: -ms-linear-gradient(top, #25aebc 0%,#25aebc 20%,#17a0ae 21%,#17a0ae 100%)!important;
  background: linear-gradient(top, #25aebc 0%,#25aebc 20%,#17a0ae 21%,#17a0ae 100%)!important;
}
/* test */
#palette {
  display: none;
  /* block to show or none to hide palette */

  position: fixed;
  bottom: 0px;
  left: 20px;
  width: 200px;
  border: 1px solid;
}
#palette span {
  display: block;
  text-align: center;
  padding-top: 7px;
  float: left;
  width: 40px;
  height: 40px;
  background-color: red;
  margin: 0;
}
#palette span.color1 {
  background-color: #c0dcee;
}
#palette span.color2 {
  background-color: #555555;
}
#palette span.color3 {
  background-color: #25aebc;
}
#palette span.color4 {
  background-color: #999999;
}
#palette span.color5 {
  background-color: #f37421;
}
#sign_up_form label[for=writerSignup] {
  color: #f37421;
}
#sign_up_form input#writerSignup {
  font-weight: bold;
  text-align: left;
  height: 24px;
  width: 24px;
  margin: 0 0 0 10px;
}
#sign_up_form h3.additional_info_heading {
  border-top: 3px solid #f37421;
}
#sign_up_form input[type=checkbox] {
  box-shadow: none;
}
/* FORM LAYOUT - cws move to diff style sheet later  */
form.bublish_form {
  width: 15em;
  margin: 10px auto;
  padding: .5em .75em .5em;
  font-size: 100%;
  color: #444;
  background-color: #FFF;
  border-top: 6px solid #25aebc;
  border-bottom: 6px solid #25aebc;
  border-left: 1px solid #25aebc;
  border-right: 1px solid #25aebc;
  border-radius: 10px;
  overflow: hidden;
}
/* additional styles for optional of labels to the left of the inputs */
/* add labels_left class to FORM tag */
form.bublish_form.labels_left {
  width: 95%;
  max-width: 27em;
}
form.bublish_form.labels_left label {
  width: 10em;
  float: left;
}
#sign_in_email_label {
  float: none;
}
#sign_in_password_label {
  float: none;
}
form.bublish_form.labels_left div.formsection .buttongroup label {
  width: 15em;
}
.bublish_form.labels_left div.formsection input,
.bublish_form.labels_left div.formsection textarea,
.bublish_form.labels_left div.formsection select {
  width: 100%;
  float: left;
}

/* help/error msg position */
.bublish_form.labels_left div.formsection p {
  margin: 0 3% 0 11.5em;
  color: #363636;
}
/* end additional styles for labels to the left of the inputs */
/* FIELDSETS AND FIELDSET HEADINGS */
.bublish_form h3 {
  margin: 0;
  padding: 0 0 .2em .3em;
}
.bublish_form fieldset {
  margin: 0;
  padding: 0;
  width: 100%;
  border: 0;
}
.bublish_form legend {
  display: block;
  width: 100%;
  margin: 0px 0px .3em 0;
  padding: .3em 0;
  border-top: 2px solid #f37421;
}
/* legend has weird position behavior, so I wrap the text in block level span and style that instead */
.bublish_form legend span {
  /* contains headings text */

  display: block;
  font-size: .7em;
  padding: 0 0 0 .4em;
  color: #25aebc;
  border: none;
}
/* EACH LABEL/INPUT COMBO IS WRAPPED IN 'formsection' div */
.bublish_form div.formsection {
  width: 100%;
  border-bottom: 1px dashed #999999;
  /* visual separation between each section if wanted */

  padding: .3em 0 .2em;
  clear: both;
  /* clears floated legends */

}
.bublish_form div.formsection:last-child {
  border-bottom: 0px dashed;
}
/* TEXTUAL FIELDS */
/* style the text fields (text, password, date, textarea, etc) with rounded corners */
.bublish_form div.formsection input,
.bublish_form div.formsection textarea,
.bublish_form div.formsection select {
  font-size: .6em;
  margin-left: 0;
  font-family: inherit;
  /* for Firefox - uses Courier on textarea without this */

  padding: .2em .4em;
}
.bublish_form div.formsection input,
.bublish_form div.formsection textarea {
  color: #036;
  /* color of text in fields */

  border: 2px solid #25aebc;
  background-color: #FFF;
  /* set non-focused b/g color of fields */

  border-radius: 8px;
  font-size: 1em;
  /* textarea text size can be modified on next rule */

  width: 94%;
  /* instead of size attribute in HTML - overridden by .labels_left class if used */

}
.bublish_form div.formsection textarea {
  height: 5em;
  /*vertical height of textarea box */

  font-size: .8em;
}
/*remove the default filed outline hiliting then add background hilite */
.bublish_form div.formsection input:focus,
.bublish_form div.formsection textarea:focus {
  border: 2px solid #f37421;
  box-shadow: 4px 4px 4px #AAA;
}
.bublish_form input:focus,
.bublish_form textarea:focus,
.bublish_form select:focus {
  /* removes Safari default blue border highlight on form elements */

  outline: none;
}
.bublish_form div.formsection select {
  display: block;
  /* sits too low unless block level element */

  width: 94%;
  margin: 0 0 0 .45em;
  font-size: .8em;
  background-color: #ffffff;
}
.bublish_form div.formsection label {
  display: block;
  clear: both;
  color: #363636;
  font-size: .8em;
  margin: .3em .3em 0 .5em;
  /* right padding ensures label text wraps before touching input */

  padding-bottom: .3em;
  line-height: 1;
}
.bublish_form div.formsection p {
  /* info/errors */

  clear: both;
  padding: 2px 20px 0 12px;
  /* overridden with labels_left class */

  margin: 0;
  color: #777;
  font-size: .7em;
  line-height: 1.2;
}
.bublish_form div.formsection p.error {
  /* info/errors */

  color: #f37421;
  font-weight: bold;
}
form.bublish_form div input[type="submit"] {
  display: block;
  font-size: 1.4em;
  float: right;
  margin: .3em 0 0 0;
}
form.bublish_form div input.cancel[type="submit"] {
  display: block;
  float: left;
  margin: .3em 0 0 0;
}
/* styles for the checkbox and radio button sets */
.bublish_form div.formsection .buttongroup {
  float: left;
  margin: .2em 0 0em .5em;
}
.bublish_form div.formsection .buttongroup input {
  float: left;
  clear: both;
  line-height: .8;
  border: 1px solid;
  margin: 0em 0 0.4em -0.05em;
  width: 1em;
  height: 1em;
}
.bublish_form div.formsection .buttongroup label {
  width: 15em;
  float: left;
  color: #color4;
  margin: 0em 0 5px .6em;
  /* creates spacing betwen adjacent c/boxes, and btw each c/box and its label */

  font-weight: normal;
  font-size: .7em;
  clear: none;
  /* reset the inherited value */

}
/* END FORM LAYOUT */
/* PAGE BACKGROUND &amp; CENTERING STYLES */
body {
  background: #fff;
  -webkit-user-select: none;
}
#wrapper {
  width: 1270px;
  max-width: 1300px;
  min-width: 1000px;
  margin: 2em auto 0.75em;
  padding: .75em 0 0 0;
  /* match with .row margins */

  border: 2px solid #25aebc;
  border-radius: 12px;
  box-shadow: 6px 6px 6px #CCC;
  background: #FFF;
}
#wrapper.home {
  background-image: none;
}
#wrapper.embed {
  width: 992px;
  max-width: none;
  min-width: none;
  margin: 0;
  padding-left: 10px;
  border: 2px solid #25AEBC;
  border-radius: 12px;
  box-shadow: 6px 6px 6px #CCC;
  background: #FFF;
}
/*reduces overall width of content area */
.row {
  margin: 0 0;
}
/* HOME PAGE STYLES */
#logo_area_home {
  text-align: center;
}
#logo_area_home h1 {
  font-size: 100px;
  font-family: 'Comfortaa', sans-serif;
  margin: 30px 0 0;
  color: #25aebc;
}
#logo_area_home div.logo {
  text-align: center;
  margin: 10px 0 0px;
}
#logo_area_home div.logo img {
  float: none;
  width: 70%;
  max-width: 400px;
}
#logo_area_home h2 {
  font-size: 1.3em;
  color: #f37421;
  margin: 5px 3% 10px;
}
#logo_area_home p {
  margin: 0;
  font-size: 1.3em;
  color: #555;
  line-height: 1.2;
}
#logo_area_home h1 sup {
  font-size: .25em;
  vertical-align: 2.4em;
  margin-left: -0.5em;
}
#logo_area_home img {
  float: left;
}
#logo_area_home img#main_pic2 {
  float: right;
}
#logo_area_home a {
  color: #25aebc;
}
.container#writers_info,
.container#readers_info {
  margin: 20px 20px 0;
  /* space between cols = 2x this */

  padding: 4px 12px 16px;
  /* distance of content from edge of container */

  border-top: 4px solid #25aebc;
  border-bottom: 4px solid #25aebc;
  border-radius: 10px;
  font-size: 1.2em;
  /* overall text size in write/reader areas */

  color: #333;
  /* overall text color in write/reader areas */

}
.container#writers_info h2,
.container#readers_info h2 {
  text-align: center;
  font-size: 2em;
  font-family: 'Comfortaa', sans-serif;
  /* fix font name typo and check - cws */

  margin: 0;
  color: #f37421;
}
.container#writers_info h3,
.container#readers_info h3 {
  color: #f37421;
}
.container#writers_info ul,
.container#readers_info ul {
  margin: 0 0 20px 0;
  /*space under lists */

}
.container#writers_info p,
.container#readers_info p {
  line-height: 1.2;
}
.container#writers_info li,
.container#readers_info li {
  font-size: .8em;
  color: #333;
  margin: 0 40px 10px 40px;
}
.container#readers_info {
  background-image: url(../pics_sm/ebook_icon__lightened.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.container#writers_info {
  background: url(../pics_sm/feather_lightened.png) no-repeat center center;
}
/* end of home page only styles*/
/* may appear on home page and elsewhere */
.info_buttons a {
  text-decoration: none;
  float: left;
}
.info_buttons span {
  margin: 5px 12px;
  padding: 1px 10px;
  border: 1px solid #25aebc;
  border-radius: 5px;
  color: #555;
  background-color: #FFF;
  font-size: .75em;
}
.info_buttons span:hover {
  border: 1px solid #f37421;
}
/* the screenshot center of screen */
.container.bubblepopup {
  margin: 20px 0;
  /* space between cols = 2x this */

  border: 0px solid #999999;
  border-radius: 4px;
  padding: 0 16px 20px;
}
.container.bubblepopup h3 {
  margin: 5px 0 0 0;
  color: #25aebc;
  text-align: center;
  padding: 0 4px 4px 4px;
  background-color: #FFF;
}
/* general page styles */
#small_nav_area {
  /* height:40px; */

  margin: 10px 15px 20px;
  padding: 2px 10px 6px;
  background: #FFF;
  border-radius: 8px;
  border-top: 3px solid #f37421;
  border-bottom: 1px solid #f37421;
  min-height: 36px;
}
#small_nav_area h1 a {
  color: #555555;
}
#small_nav_area img {
  float: left;
  cursor: pointer;
  margin-top: 20px;
  display: inline-block;
  width: auto;
}
#small_nav_area h2 {
  font-size: 20px;
  float: left;
  width: auto;
  color: #AAA;
  margin: 8px 0 0 12px;
  line-height: 1;
}
#nav_links_area h2 {
  font-size: .8em;
  margin: 0px 0 0 10px;
  width: 300px;
  float: left;
  color: #999999;
}
#nav_links_area h2 a {
  text-decoration: none;
}
#nav_links_area .nav_links {
  margin: 0px!important;
}
#nav_links_area .nav_links p {
  float: right;
  margin: 16px 0 0 0;
}
#nav_links_area .nav_links a {
  color: #f37421;
  font-size: .9em;
  line-height: 1.2em;
  margin: 6px;
}
#nav_links_area .nav_links a:hover {
  color: #555555;
}
.container.form_notes {
  margin: 10px 10px 10px 20px!important;
  padding: 8px 20px;
  border-top: 3px solid #25aebc;
  border-bottom: 3px solid #25aebc;
  border-radius: 12px;
  /* has shadow - no drawn border */

  background-color: #FFF;
}
.container.form_notes h2 {
  color: #25aebc;
}
.container.form_notes h3 {
  color: #f37421;
}
.container.form_notes p {
  font-size: .9em;
  color: #555555;
}
.container.form_notes .gner_report p{color: #363636;}
.container.form_notes li {
  margin: 5px 10px 5px 24px ;
  color: #25aebc;
  list-style-type: disc;
}
.container a {
  color: #069;
  /* cws - affecting Bootstrap bubbles - probably not needed - too generic */

}
.container.plain_col {
  position: relative;
  overflow: visible;
}
/* sign-up confirmation screen (check your email msg) */
#sign_up_confirm {
  margin-top: 120px;
  text-align: center;
}
#sign_up_confirm p {
  font-size: 20px;
}
/* view book */
#view_book_area {
  border-top: 3px solid #25aebc;
  border-bottom: 3px solid #25aebc;
  border-left: 1px solid #25aebc;
  border-right: 1px solid #25aebc;
  border-radius: 12px;
  /* has shadow - no drawn border */

  background-color: #FFF;
  padding: 20px;
  overflow: hidden;
  /* clearing */

}
#view_book_area .cover {
  float: left;
  border: 3px solid #555;
  box-shadow: 4px 4px 5px #AAA;
  margin: 0 10px 10px 0;
}
#view_book_area .metadata {
  border: 0px solid;
  padding: 0 0 0 20px;
  font-size: 1.2em;
  color: #25aebc;
}
#view_book_area .metadata h2 {
  font-weight: bold;
  margin: 0;
  line-height: 1;
}
#view_book_area .metadata h3 {
  margin: 0;
  line-height: 1;
}
#view_book_area .metadata p {
  margin: .75em 0 0;
  line-height: 1.3;
  font-size: .75em;
}
#view_book_area #controls {
  clear: both;
  padding: 15px 0 0 0;
}
/* this is for the sliding panels used for Add Bubble */
.panel_tenoftwelve_gridify {
  /* 10 of 12 gridify units wide */

  box-sizing: border-box;
  font-size: 1em;
  /* don't set font sizing here - controls overall sizing of bubble_area */

  height: 38.2em;
  width: 67.5em;
  /* I set this to match the width of the col */

  margin: 0px 0 0px 0;
  border: 0px solid;
  position: relative;
  background: #FFF;
  border-radius: 8px;
  border: 1px solid #25aebc;
  box-shadow: 0 0 10px 1px #BBB;
  float: left;
}
.add_a_bubble_page .row {
  height: 38.5em;
}
/* ADD BUBBLE **/
/* EREADER */
#ereader {
  border: 1px solid #f37421;
  margin: 1em auto;
}
.bubble_area .ereader_panel .gf6of12 {
  /*  ereader container */

  position: relative;
  /* context for abs pos'd exit button */

}
.bubble_area .ereader_panel #ereader {
  /* ereader */

  width: 28em;
  float: none;
  overflow: hidden;
  /* forces clearing */

  border-color: #f37421;
  border-style: solid;
  border-width: 4px 0 2px 0;
  border-radius: 10px;
}
#ereader_controls {
  background: #FFF;
  float: none;
  padding: 0 .4em 20px;
  height: 4em;
}
#ereader_controls h3 {
  font: 1.4em/1 Baskerville, Times, serif;
  color: #555;
  margin: 0 0 .2em 0;
  text-align: center;
}
#ereader_controls h4 {
  margin: 0 0 .5em 0;
  font: 1.1em/1 Baskerville, Times, serif;
  color: #777;
  text-align: center;
}
/* table of contents drop down */
#ereader_controls #toc {
  float: left;
  margin: .05em 0;
  border: 1px solid #CCC;
  padding: .1em .25em;
  background: #F8F8F8;
  border-radius: 4px;
  background: -webkit-linear-gradient(#eeeeee, #ffffff, #eeeeee);
  background: -moz-linear-gradient(#eeeeee, #ffffff, #eeeeee);
}
#ereader_controls #toc ol {
  clear: both;
  margin: 1px 0 0 0px;
}
#ereader_controls #toc ol li {
  position: relative;
  z-index: 4;
}
#ereader_controls #toc ol li img {
  margin: 0 .2em 0 0;
  float: left;
}
/* table of content text */
#ereader_controls #toc ol li a {
  font-size: .7em;
  color: #f37421;
}
/* the drop-down - note display:none */
#ereader_controls #toc ol ol {
  position: absolute;
  z-index: 20;
  display: none;
  top: 20px;
  left: 0px;
  width: 250px;
  max-height: 370px;
  border: 1px solid #AAA;
  border-radius: 5px;
  background: -webkit-linear-gradient(#e8e8e8, #c8c8c8);
  background: -moz-linear-gradient(#e8e8e8, #c8c8c8);
  padding: 6px 8px;
  overflow: auto;
  background-color: #f8f8f8;
}
/* shows drop-down */
#ereader_controls #toc:hover ol {
  display: block;
}
#ereader_controls #toc ol li li {
  border: none;
  /* resets inherited styles */

  border-bottom: 1px solid #999999;
  background: -webkit-linear-gradient(#ffffff, #eeeeee);
  background: -moz-linear-gradient(#ffffff, #eeeeee);
}
#ereader_controls #toc ol li li:hover {
  background: -webkit-linear-gradient(#eeeeee, #ffffff 25%, #ffffff 75%, #eeeeee);
  background: -moz-linear-gradient(#eeeeee, #ffffff 25%, #ffffff 75%, #eeeeee);
}
#ereader_controls #toc ol li li:first-child {
  border-radius: 8px 8px 0 0;
}
#ereader_controls #toc ol li li:last-child {
  border-bottom: none;
  border-radius: 0 0 8px 8px;
}
#ereader_controls #toc ol ol li a {
  font: 1em/1 Baskerville, Times, serif;
  display: block;
  color: #777;
  padding: 4px 0 6px;
  text-indent: .5em;
  text-decoration: none;
}
#ereader_controls #toc ol ol li a:hover {
  color: #444;
}
#ereader_controls form#book_search {
  border: 1px solid #AAA;
  border-radius: 5px;
  float: right;
  padding: 3px 5px 4px;
  background: -webkit-linear-gradient(#eeeeee, #ffffff, #eeeeee);
}
#ereader_controls #book_search ul {
  margin: 5px auto;
  margin: 0 0 0 0px;
  overflow: hidden;
}
#ereader_controls #book_search li {
  float: left;
}
#ereader_controls #book_search input {
  margin: 0 .3em;
  padding: 0;
  float: none;
  box-sizing: content-box;
  border-radius: 6px;
}
#ereader_controls #book_search li label {
  display: none;
}
#ereader_controls #book_search a {
  font-size: .7em;
  text-decoration: none;
}
#ereader .content_area {
  position: relative;
  border-top: 1px solid #f37421;
  border-bottom: 1px solid #f37421;
  margin: 0 .5em;
  padding: 0 .5em;
}
#ereader .content_area p {
  font-family: Baskerville, verdana, serif;
  font-size: 1.2em;
}
#ereader .content_area:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 28em;
  background: -webkit-linear-gradient(#ffffff, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(#ffffff, rgba(255, 255, 255, 0));
}
#ereader .content_area:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 28em;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
#ereader .content_area .simply-scroll-clip {
  padding: 15px 0;
}
/* Select Extract - eReader goes here */
/* eReader display scrolling */
.bubble_area {
  background: -webkit-linear-gradient(#e8f9f3, #ffffff, #ffffff, #e8f9f3);
}
.bubble_area.rough_cut {
  background: -webkit-linear-gradient(#f9d7c9, #ffffff, #ffffff, #f9d7c9);
}
.bubble_area .nameplate_area p span {
  display: none;
}
.bubble_area.rough_cut .nameplate_area p span {
  display: inline;
  color: #e4782c;
  cursor: pointer;
}
.bubble_area #ereader {
  padding: .5em .5em 2em;
}
.bubble_area #ereader .simply-scroll-btn {
  position: absolute;
  background-image: url(../pics_sm/scroll_buttons_30px.png);
  width: 30px;
  height: 15px;
  z-index: 3;
  cursor: pointer;
}
.bubble_area #ereader .simply-scroll-container {
  /* Container DIV - automatically generated */

  position: relative;
  width: 100%;
}
.bubble_area #ereader .simply-scroll-clip {
  /* Clip DIV - automatically generated */

  overflow: hidden;
  margin-bottom: 0em;
}
.bubble_area #ereader .simply-scroll-clip {
  height: 23.0em;
  /* controls height of reader */

}
.bubble_area #ereader .simply-scroll-btn-up {
  right: 82px;
  bottom: -20px;
  background-position: 0px -15px;
}
.bubble_area #ereader .simply-scroll-btn-down {
  right: 32px;
  bottom: -20px;
  background-position: 0px 0px;
}
.bubble_area #ereader .simply-scroll-btn-up.disabled {
  background-position: 0px -45px !important;
}
.bubble_area #ereader .simply-scroll-btn-down.disabled {
  background-position: 0px -31px !important;
}
/* end ereader scrolling */
/* ADD BUBBLE  - panel 2 - Add Insight */
/* excerpt display scrolling */
.bubble_area .excerpt_display {
  padding: .5em .5em 2em;
}
.bubble_area .excerpt_display .simply-scroll-btn {
  position: absolute;
  background-image: url(../pics_sm/scroll_buttons_30px.png);
  width: 30px;
  height: 15px;
  z-index: 3;
  cursor: pointer;
}
.bubble_area .excerpt_display .simply-scroll-container {
  /* Container DIV - automatically generated */

  position: relative;
  width: 100%;
}
.bubble_area .excerpt_display .simply-scroll-clip {
  /* Clip DIV - automatically generated */

  overflow: hidden;
  margin-bottom: 0em;
}
.bubble_area .excerpt_display .simply-scroll-clip {
  height: 20.0em;
}
.bubble_area .excerpt_display .simply-scroll-btn-up {
  right: 82px;
  bottom: -20px;
  background-position: 0px -15px;
}
.bubble_area .excerpt_display .simply-scroll-btn-down {
  right: 32px;
  bottom: -20px;
  background-position: 0px 0px;
}
.bubble_area .excerpt_display .simply-scroll-btn-up.disabled {
  background-position: 0px -45px !important;
}
.bubble_area .excerpt_display .simply-scroll-btn-down.disabled {
  background-position: 0px -31px !important;
}
/* end excerpt display scrolling */
.add_excerpt_panel .bublish_form div.formsection textarea {
  height: 26em;
}
/* BUBBLE PAGE *//* also used for ADD BUBBLE  - panel 3 - Preview and Publish */
.bubble_area .nameplate_area {
  clear: both;
  max-width: 12em;
  border: 1px solid #BBB;
  border-radius: 4px;
  padding: .25em 2em .5em .6em;
  box-shadow: 4px 4px 8px #DDD;
  margin: 1.2em;
  background: #FFF;
}
.bubble_area .nameplate_area h2 {
  /* author name */

  font-family: Baskerville, Times, serif;
  font-size: 1.5em;
  margin: 0;
  color: #555;
}
.bubble_area .nameplate_area p {
  /* a book bubble about */

  margin: .5em 0 .3em .2em;
  line-height: 1;
  color: #888;
}
.bubble_area .nameplate_area h3 {
  /* book title */

  margin: 0;
  font-family: Baskerville, Times, serif;
  font-size: 1.2em;
  font-style: italic;
  color: #555;
}
.bubble_area .links_area {
  margin: 0px 0 0 0;
  position: relative;
}
.bubble_area .links_area a {
  /* bio/synopsis links */

  margin: 0 10px 0 0;
  line-height: 1.3em;
  color: #f37421;
}
.bubble_area .links_area .bio,
.bubble_area .links_area .synopsis,
.bubble_area .links_area .top_buy_links,
.bubble_area .links_area .foot_buy_links {
  position: absolute;
  display: none;
  /* clicking link displays this element */

  width: 20em;
  max-height: 25em;
  z-index: 100;
  margin: 10px 12px 0 0;
  padding: 10px;
  background: #FFF;
  border: 1px solid #777;
  border-radius: 5px;
  box-shadow: 6px 6px 10px #AAA;
  overflow: auto;
}
.bubble_area .links_area .bio p,
.links_area .synopsis p,
.links_area .top_buy_links p {
  color: #555555;
  font-size: .8em;
  line-height: 1.5;
}
.bubble_area .links_area .bio span,
.bubble_area .links_area .synopsis span,
.bubble_area .links_area .top_buy_links span {
  float: right;
  color: #AAA;
  font-size: 1em;
  cursor: pointer;
  height: 1em;
  width: 1em;
  line-height: .8;
  text-align: center;
  border: 1px solid #AAA;
  border-radius: 50%;
}
.bubble_area .links_area .bio.display_me,
.bubble_area .links_area .synopsis.display_me,
.bubble_area .links_area .top_buy_links.display_me {
  display: block;
}
.bubble_area .cover_area {
  margin: 0;
  width: 150px;
  position: absolute;
  z-index: 9;
  left: 7.5em;
  top: 16em;
}
.bubble_area .cover_area img {
  border: 1px solid #333;
  border-radius: 3px;
  width: 150px;
  max-height: 230px;
  /* cws - new style */

  box-shadow: 1px -1px 1px #999999, 2px -2px 1px #aaaaaa, 3px -3px 1px #bbbbbb, 4px -4px 6px #cccccc, 5px -5px 4px #888888;
}
.bubble_area .cover_area #affiliate_popup a#buy_book_button {
  margin: 5px 0 0 6px;
  float: none;
  z-index: 250;
  font-size: 16px;
  text-transform: uppercase;
}
.bubble_area .cover_area #special_offer_icon {
  position: absolute;
  top: 65px;
  left: -120px;
}
.bubble_area .cover_area #special_offer_icon img.icon {
  border: none;
  box-shadow: none;
  width: 120px;
}
.bubble_area .cover_area #special_offer_icon img.arrow {
  top: 88px;
  left: -68px;
  width: 62px;
  height: 108px;
  border: none;
  box-shadow: none;
  position: relative;
}
/* cws - affiliate popup CSS starts here */
.bubble_area .cover_area #affiliate_popup {
  position: relative;
}
.bubble_area .cover_area #affiliate_popup #popup_wrapper {
  opacity: 0;
  visibility: hidden;
  /* hides drop-down */

  position: absolute;
  z-index: 100;
  left: -13px;
  bottom: 90%;
  background: #fff;
  border: 2px solid #f37421;
  border-radius: 10px;
  padding: 6px 10px;
}
.bubble_area .cover_area #affiliate_popup #popup_wrapper table {
  border-collapse: collapse;
}
.bubble_area .cover_area #affiliate_popup:hover #popup_wrapper {
  opacity: 1;
  visibility: visible;
}
.bubble_area .cover_area #popup_wrapper:before {
  /* the little arrow on the bottom edge of the popup */

  content: "";
  position: absolute;
  border: 16px solid;
  height: 0px;
  width: 0px;
  z-index: 1000;
  top: 100%;
  left: 40px;
  border-color: #f58c21 transparent transparent transparent;
}
.bubble_area .cover_area #popup_wrapper:after {
  /* the little arrow on the bottom edge of the popup */

  content: "";
  position: absolute;
  border: 16px solid;
  height: 0px;
  width: 0px;
  z-index: 1001;
  top: 99%;
  left: 40px;
  border-color: #fff transparent transparent transparent;
}
.bubble_area .cover_area #popup_wrapper table {
  border-collapse: collapse;
}
.bubble_area .cover_area #popup_wrapper tr {
  border-top: 1px solid #ddd;
  background: -webkit-linear-gradient(#eeeeee, #ffffff 50%, #ffffff);
}
.bubble_area .cover_area #popup_wrapper tr:hover {
  border-top: 1px solid #ddd;
  background: -webkit-linear-gradient(#cccccc, #ffffff 6%);
}
.bubble_area .cover_area #popup_wrapper tr:first-child {
  border-top: none;
}
.bubble_area .cover_area #popup_wrapper td {
  font-size: 16px;
  vertical-align: middle;
  padding: 0px 0px;
  border: 0px solid;
}
.bubble_area .cover_area #popup_wrapper tr a {
  display: block;
  width: 100%;
  border: 0px solid;
  padding: 0px 5px;
}
.bubble_area .cover_area #popup_wrapper td:last-child a {
  line-height: 54px;
}
.bubble_area .cover_area #popup_wrapper tr:hover a {
  text-shadow: 0px 0px 4px #fff;
  text-decoration: none;
}
.bubble_area .cover_area #popup_wrapper tr img {
  /* the icon */

  width: 40px;
  margin: 10px 0 0 0;
  border: none;
  background: #fff;
}
/* affiliate popup CSS ends here */
.bubble_area .author_pic_area {
  margin: 0;
  position: absolute;
  z-index: 12;
  overflow: hidden;
  width: 6.25em;
  max-height: 125px;
  left: 24.75em;
  top: 1.75em;
  background: #FFF;
  border: 4px solid #FFF;
  border-radius: 5px;
  box-shadow: 0 0 8px #ffa754;
}
.bubble_area .author_pic_area img {
  border-radius: 5px;
  width: 99px;
}
.bubble_area .insight_area {
  margin: 0;
  position: absolute;
  z-index: 6;
  left: 16.4em;
  top: 8.8em;
  width: 17.65em;
  height: 23.5em;
  border: 1px solid #AAA;
  border-radius: 5px;
  box-shadow: 4px 4px 8px #AAA;
  background: #FFF;
}
.bubble_area .insight_area .insight_inner {
  padding: 0 1.2em 0 2.0em;
}
.bubble_area .insight_area .insight_label {
  position: absolute;
  top: -2.9em;
  left: .75em;
  border: 1px solid #f37421;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 2px 2px 4px #CCC;
}
#insight + p {
  color: #f37421;
  font-size: 14px;
}
/* fixes positioning offset problem when inside full-page scrollable panel */
#scrollable .bubble_area .insight_area .insight_label {
  top: -0.95em;
}
.bubble_area .insight_area .insight_label h3 {
  font-size: 1.0em;
  color: #555;
  padding: .1em .4em .1em;
  margin: 3px 0;
  text-align: center;
  line-height: 1;
  font-family: Baskerville, Times, serif;
  font-style: italic;
}
.bubble_area .insight_area h2 {
  /* title of bubble */

  font-size: 1.3em;
  color: #777;
  font-family: Baskerville, Times, serif;
  position: relative;
  padding: 5px 0 0 0;
  /* make space for the soft edge at the top of the text */

}
.bubble_area .insight_area .insight_inner p {
  font-size: .8em;
  line-height: 1.8em;
  position: relative;
  /* positioning context for end quote marks */

  color: #888;
  z-index: 0;
}
.bubble_area .insight_area h2:before {
  content: "\201C";
  /* left double quote */

  /* hanging it off the heading to get it at the start of of the p text! */

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  position: absolute;
  left: -0.55em;
  bottom: -1em;
  line-height: 1em;
  font-size: 2em;
  z-index: 20;
  color: #CCC;
}
.bubble_area .insight_area .insight_inner p:last-child:after {
  content: "\201D";
  /* right double quote */

  font-size: 2.5em;
  position: absolute;
  color: #CCC;
}
/* soft edge overlays for scrolling text */
.bubble_area .insight_area .insight_inner:before {
  content: "";
  position: absolute;
  z-index: 11;
  /* under author pic (z12) */

  top: 21px;
  left: 0;
  height: 30px;
  width: 17em;
  background: -webkit-linear-gradient(#ffffff, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(#ffffff, rgba(255, 255, 255, 0));
  background: -ms-linear-gradient(#ffffff, rgba(255, 255, 255, 0));
}
.bubble_area .insight_area .insight_inner:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 17em;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
  background: -ms-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
/* insight area scrolling */
.bubble_area .insight_area .simply-scroll-btn {
  position: absolute;
  background-image: url(../pics_sm/scroll_buttons_30px.png);
  width: 30px;
  height: 15px;
  z-index: 3;
  cursor: pointer;
}
.bubble_area .insight_area .simply-scroll-container {
  /* Container DIV - automatically generated */

  position: relative;
  width: 100%;
}
.bubble_area .insight_area .simply-scroll-clip {
  /* Clip DIV - automatically generated */

  overflow: hidden;
  margin-top: 2em;
}
.bubble_area .insight_area .simply-scroll-clip {
  height: 19em;
}
.bubble_area .insight_area .simply-scroll-btn-up {
  right: 82px;
  bottom: -24px;
  background-position: 0px -15px;
}
.bubble_area .insight_area .simply-scroll-btn-down {
  right: 32px;
  bottom: -24px;
  background-position: 0px 0px;
}
.bubble_area .insight_area .simply-scroll-btn-up.disabled {
  background-position: 0px -45px !important;
}
.bubble_area .insight_area .simply-scroll-btn-down.disabled {
  background-position: 0px -31px !important;
}
/* end insight area scrolling */
.bubble_area .excerpt_area {
  margin: 0;
  position: absolute;
  z-index: 3;
  left: 33.4em;
  top: 2.94em;
  width: 28em;
  height: 31.2em;
  background: -webkit-linear-gradient(left, #cccccc 0%, #eeeeee 5%, #ffffff 10%, #ffffff 100%);
  background: -moz-linear-gradient(left, #cccccc 0%, #eeeeee 5%, #ffffff 10%, #ffffff 100%);
  background: -ms-linear-gradient(left, #cccccc 0%, #eeeeee 5%, #ffffff 10%, #ffffff 100%);
  border: 1px solid #AAA;
  border-radius: 5px;
  box-shadow: 4px 4px 8px #DDD;
}
.bubble_area .excerpt_area .excerpt_inner {
  margin: .3em 2em .5em 2.5em;
}
.bubble_area .excerpt_area .excerpt_label {
  position: absolute;
  top: -2.9em;
  left: 1.75em;
  border: 1px solid #f37421;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 2px 2px 4px #CCC;
}
/* fixes positioning offset problem when inside full-page scrollable panel */
#scrollable .bubble_area .excerpt_area .excerpt_label {
  top: -0.95em;
}
.bubble_area .excerpt_area .excerpt_label h3 {
  font-size: 1.0em;
  color: #555;
  padding: .1em .4em .2em;
  margin: 1px 0 1px;
  text-align: center;
  line-height: 1;
  font-family: Baskerville, Times, sans-serif;
  font-style: italic;
}
.bubble_area .excerpt_area .excerpt_book_title {
  float: none;
  top: -2.1em;
  right: 2em;
}
/* fixes positioning offset problem when inside full-page scrollable panel */
#scrollable .bubble_area .excerpt_area .excerpt_book_title {
  top: .3em;
}
.bubble_area .excerpt_area .excerpt_book_title h4 {
  font-size: 1em;
  color: #555;
  padding: .3em .4em 0;
  text-align: right;
  line-height: 1.5;
  font-family: Baskerville, Times, serif;
  font-style: italic;
}
.excerpt_area .excerpt_content .inner h2 {
  font-size: 18px;
}
.bubble_area .excerpt_area .excerpt_inner p {
  text-align: justify;
  font-family: Baskerville, Times, sans-serif;
  font-size: 1.0em;
  /* excerpt text size */

  margin: 0 0 .5em 0;
  color: #585858;
}
/* soft edge overlays for scrolling text */
.bubble_area .excerpt_area .excerpt_inner:before {
  content: "";
  position: absolute;
  z-index: 11;
  /* under author pic (z12) */

  top: 30px;
  left: 2.4em;
  height: 30px;
  width: 25em;
  background: -webkit-linear-gradient(#ffffff, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(#ffffff, rgba(255, 255, 255, 0));
}
.bubble_area .excerpt_area .excerpt_inner:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 2.4em;
  height: 30px;
  width: 25em;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
/* offsets for the preview version */
.preview .bubble_area .excerpt_area .excerpt_inner:before {
  top: -8px;
}
preview .bubble_area .excerpt_area .excerpt_inner:after {
  bottom: 0;
}
/* excerpt area scrolling */
.bubble_area .excerpt_area .simply-scroll-btn {
  position: absolute;
  background-image: url(../pics_sm/scroll_buttons_30px.png);
  width: 30px;
  height: 15px;
  z-index: 3;
  cursor: pointer;
}
.bubble_area .excerpt_area .simply-scroll-container {
  /* Container DIV - automatically generated */

  position: relative;
  width: 100%;
}
.bubble_area .excerpt_area .simply-scroll-clip {
  /* Clip DIV - automatically generated */

  overflow: hidden;
  margin-top: 2em;
}
.bubble_area .excerpt_area .simply-scroll-clip {
  height: 27.0em;
}
.bubble_area .excerpt_area .simply-scroll-btn-up {
  right: 82px;
  bottom: -20px;
  background-position: 0px -15px;
}
.bubble_area .excerpt_area .simply-scroll-btn-down {
  right: 32px;
  bottom: -20px;
  background-position: 0px 0px;
}
.bubble_area .excerpt_area .simply-scroll-btn-up.disabled {
  background-position: 0px -45px !important;
}
.bubble_area .excerpt_area .simply-scroll-btn-down.disabled {
  background-position: 0px -31px !important;
}
/* end excerpt area scrolling */
/*controls area (absolutely positoned for Add A Bubble - not in div */
#add_a_bubble_exit_button {
  position: absolute;
  left: 16px;
  bottom: 16px;
}
#add_a_bubble_signup_button {
  position: absolute;
  left: 170px;
  bottom: 3%;
  font-size: 12px;
}
/* sliding panels */
/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {
  /* required settings */

  position: relative;
  overflow: hidden;
  height: 38.5em;
  width: 67.7em;
}
/* root element for scrollable items. Requires very large width */
.scrollable .items {
  /* this cannot be too large */

  width: 20000em;
  position: absolute;
  clear: both;
}
.scrollable .items div {
  /* this is a very general style that affects a lot of children! */

  float: left;
}
/* active item */
.scrollable {
  position: relative;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
  background: url(../pics_sm/paging_buttons_30px.png) no-repeat;
  display: block;
  width: 15px;
  height: 30px;
  cursor: pointer;
  font-size: 1px;
  position: absolute;
  z-index: 100;
}
/* right */
a.browse.right {
  background-position: -30px 0;
  clear: right;
  margin-right: 0px;
  bottom: 3%;
  right: 35%;
}
a.right:hover {
  background-position: -30px 0px;
}
a.right:active {
  background-position: -30px 0px;
}
span.next {
  position: absolute;
  z-index: 50;
  right: 37%;
  bottom: 4.5%;
  color: #333;
}
span.next.disabled {
  display: none;
}
/* left */
a.left {
  background-position: -45px 0;
  margin-left: 0px;
  bottom: 3%;
  left: 35%;
}
a.left:hover {
  background-position: -45px 0;
}
a.left:active {
  background-position: -45px 0;
}
span.prev {
  position: absolute;
  z-index: 50;
  left: 37%;
  bottom: 4.5%;
  color: #333;
}
span.prev.disabled {
  display: none;
}
/* disabled navigational button */
a.disabled {
  visibility: hidden !important;
}
/* sliding panel arrow labels */
p.nav_arrow_label {
  font-size: 1em;
  line-height: 1;
  color: #333;
}
p.nav_arrow_label.left {
  position: absolute;
  bottom: 2.5%;
  bottom: 7px;
  left: 37%;
}
p.nav_arrow_label.right {
  position: absolute;
  bottom: 2.5%;
  right: 37%;
  text-align: right;
}
/* view/add comments */
#show_comments {
  position: absolute;
  z-index: 50;
  left: 4px;
  bottom: 3%;
}
#show_comments .show_comments_button {
  font-size: 12px;
}
.comments_area {
  display: none;
  position: absolute;
  height: 450px;
  width: 520px;
  bottom: 100%;
  left: 0;
  background: #fff;
  border: 3px solid #F87620;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 4px 4px 4px #777;
}
.comments_area a {
  position: absolute;
  top: 4px;
  right: 20px;
  color: #ccc;
  font-size: 20px;
  font-weight: bold;
}
.comments_area a:hover {
  text-decoration: none;
  cursor: pointer;
}
.comments_area h3 {
  color: #25aebc;
}
.comments_area p {
  color: #777;
}
.comments_scroll {
  height: 360px;
  width: 500px;
  overflow: scroll;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 5px;
  margin: 5px;
}
/* publish/share Facebook, Twitter icons */
.bubble_area .share_area {
  position: absolute;
  right: 6em;
  bottom: .8em;
  /* width:12em; */

  padding: .1em .3em;
  border: 1px solid #f37421;
  border-radius: 4px;
  text-align: left;
  overflow: hidden;
  box-shadow: 3px 3px 4px #CCC;
  background: #FFF;
}
.bubble_area .share_area .share_area_inner {
  padding: .2em 0 .1em;
  float: none;
}
.bubble_area .share_area p {
  float: left;
  font-size: 1em;
  color: #25aebc;
  line-height: 1em;
  margin: .4em .3em 0 .3em;
}
.bubble_area .share_area img {
  width: auto;
}
/* END BUBBLE PAGE */
/*start dashboard */
.ad_sidebar {
  margin: 0 0 0 10px;
}
.ad_sidebar img {
  margin: 0 0 12px;
}
#promo_offer_info {
  text-align: center;
  margin: 0 0 6px 0;
}
#promo_offer_info .inner {
  padding: 5px;
  border: 3px solid #f37421;
  border-radius: 10px;
  position: relative;
  /* positioning context for Bublish avatar */

  box-shadow: 4px 4px 4px #CCC;
}
#promo_offer_info img {
  position: absolute;
  top: 11px;
  left: 10px;
  height: 50px;
}
#promo_offer_info p {
  font-size: 24px;
  text-align: center;
  color: #25aebc;
}
#promo_offer_info a {
  text-align: center;
  color: #f37421;
  display: block;
  font-size: 16px;
  text-decoration: underline;
}
nav.dashboard_options {
  margin: 10px 0 0 20px;
}
nav.dashboard_options a {
  margin: 0 12px 0 0;
}
nav.dashboard_options a {
  /* add a book/profile links */

  float: left;
  border-top: 3px solid #f37421;
  border-right: 1px solid #f37421;
  border-left: 1px solid #f37421;
  padding: 4px 10px;
  border-radius: 6px 6px 0 0;
  font-size: 16px;
  color: #25aebc;
  text-decoration: none;
  box-shadow: 4px 0px 4px #CCC;
  background: -webkit-linear-gradient(#ffffff, #ffffff 40%, #eeeeee 60%, #eeeeee 100%);
  background: -moz-linear-gradient(#ffffff, #ffffff 40%, #eeeeee 60%, #eeeeee 100%);
}
#bubble_area_header {
  height: 5px;
}
.container.dashboard_area {
  border: 2px solid #f37421;
  border-radius: 4px;
  padding: 0 0 0 4px;
  overflow: hidden;
  background: -webkit-linear-gradient(#dddddd, #ffffff);
  min-width: 590px;
}
#book_column {
  width: 285px;
  height: 33em;
  float: left;
  margin: 0 3px 0;
  overflow: hidden;
}
#book_column_inner {
  float: left;
  width: 283px;
}
#book_column .book_item {
  clear: both;
  border: 1px;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 4px;
  margin: 5px 0;
  padding: 10px;
  overflow: hidden;
  background: -webkit-linear-gradient(#aaaaaa, #dddddd 20%, #dddddd 80%, #aaaaaa 100%);
  background: -moz-linear-gradient(#aaaaaa, #dddddd 20%, #dddddd 80%, #aaaaaa 100%);
  cursor: pointer;
}
#book_column .book_item.current {
  width: 272px;
  background: #FFF;
  cursor: default;
}
#book_column .book_item h3 {
  font: 1.1em/1 Baskerville, Times, serif;
  margin: 0 0 .4em;
}
#book_column .book_item p.bubble_count {
  font-size: .8em;
  line-height: 1;
  margin: 0;
}
#book_column .book_item p.bubble_count:before {
  content: "Total Bubbles: ";
}
#book_column .book_item p.last_bubble_date {
  font-size: .8em;
}
#book_column .book_item p.last_bubble_date:before {
  content: "Last Bubble: ";
}
#book_column .book_item img {
  width: 80px;
  float: left;
  margin: 4px 7px 4px 4px;
}
/* links are hidden unless current class present */
#book_column a.view_book_info {
  display: none;
  float: left;
  margin: 0 .4em 0 0;
}
#book_column .current a.view_book_info {
  display: block;
}
#book_column a.add_bubble_link {
  display: none;
  float: right;
  margin: 0 .4em 0 0;
}
#book_column .current a.add_bubble_link {
  display: block;
}
/* scrolling for book column */
#book_column .simply-scroll-btn {
  position: absolute;
  background-image: url(../pics_sm/scroll_buttons_30px.png);
  width: 30px;
  height: 15px;
  z-index: 3;
  cursor: pointer;
  /* -webkit-user-select: none; */
  /* inhibits ipad copy */

}
#book_column .simply-scroll-container {
  /* Container DIV - automatically generated */

  position: relative;
  width: 100%;
}
#book_column .simply-scroll-clip {
  /* Clip DIV - automatically generated */

  overflow: hidden;
  margin-top: 0em;
}
#book_column .simply-scroll-clip {
  height: 31.5em;
}
#book_column .simply-scroll-btn-up {
  right: 82px;
  bottom: -20px;
  background-position: 0px -15px;
}
#book_column .simply-scroll-btn-down {
  right: 32px;
  bottom: -20px;
  background-position: 0px 0px;
}
#book_column .simply-scroll-btn-up.disabled {
  background-position: 0px -45px !important;
}
#book_column .simply-scroll-btn-down.disabled {
  background-position: 0px -31px !important;
}
/* end book column scrolling */
#bubble_column {
  width: 328px;
  height: 33em;
  float: left;
  margin: 0 5px 0 0;
  overflow: hidden;
}
#bubble_column .bubble_item {
  clear: both;
  border: 1px;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 4px;
  margin: 5px 0;
  padding: 5px 8px;
  float: left;
}
#bubble_column .bubble_item .bubble_created_date {
  margin: 0;
}
#bubble_column .bubble_item .bubble_title {
  margin: 0;
  color: #333;
  font: 1em/1 Baskerville, Times, serif;
}
#bubble_column .bubble_item .bubble_excerpt {
  margin: 0;
}
#bubble_column .bubble_insight:before {
  content: 'Insight: ';
  font-weight: bold;
}
#bubble_column .bubble_item .bubble_excerpt:before {
  content: 'Excerpt: ';
  font-weight: bold;
}
.bubble_set {
  float: left;
}
/* ensures the container for a set of bubbles wraps the bubbles */
/* bubble history area of bubble lsiting displays either */
/* Delete button &amp; unpublished text*/
/* or dropdow with published dates  */
#bubble_column .bubble_item .bubble_history {
  width: 210px;
  height: 30px;
  float: left;
  position: relative;
}
/* unpublished text */
#bubble_column .bubble_item .bubble_history .unpublished p {
  width: 75px;
  float: left;
  margin: 2px 0 0 10px;
  color: #AAA;
}
/* delete button */
#bubble_column .bubble_item .bubble_history .unpublished a {
  width: 60px;
  float: left;
  margin: 0;
}
/* if bubble published show history dropdown button */
/* also has bublish button class */
#bubble_column .bubble_item .bubble_history .published a {
  float: left;
  margin: 0;
}
#bubble_column .bubble_item .bubble_history .published img {
  width: 16px;
}
#bubble_column .bubble_item .bubble_history .published ul {
  display: none;
  /* add 'show_history' class to display */

  position: absolute;
  overflow: visible;
  top: 20px;
  left: 0px;
  background: #EEE;
  padding: 6px;
  border: 1px solid #f37421;
  border-radius: 4px;
  cursor: pointer;
}
#bubble_column .bubble_item .bubble_history .published ul.show_history {
  display: block;
  z-index: 1001;
}
#bubble_column .bubble_item .bubble_history .published li {
  font-size: 12px;
  background: #FFF;
  margin: 3px 0 0 0;
  padding: 1px 4px;
}
#bubble_column .bubble_item .bubble_history .published li span.pub_date {
  margin-bottom: 5px;
}
#bubble_column .bubble_item .bubble_history .published img {
  margin: 5px 0 0;
  padding: 3px;
  height: 16px;
}
#bubble_column .bubble_item .bubble_history .published li span.views:after {
  content: ' views';
}
#bubble_column .bubble_item .view_bubble_link {
  float: right;
}
/* scrolling for bubble column */
#bubble_column .simply-scroll-btn {
  position: absolute;
  background-image: url(../pics_sm/scroll_buttons_30px.png);
  width: 30px;
  height: 15px;
  z-index: 3;
  cursor: pointer;
}
#bubble_column .simply-scroll-container {
  /* Container DIV - automatically generated */

  position: relative;
  width: 100%;
}
#bubble_column .simply-scroll-clip {
  /* Clip DIV - automatically generated */

  overflow: hidden;
  margin-top: 0em;
}
#bubble_column .simply-scroll-clip {
  height: 31.5em;
}
#bubble_column .simply-scroll-btn-up {
  right: 82px;
  bottom: -20px;
  background-position: 0px -15px;
}
#bubble_column .simply-scroll-btn-down {
  right: 32px;
  bottom: -20px;
  background-position: 0px 0px;
}
#bubble_column .simply-scroll-btn-up.disabled {
  background-position: 0px -45px !important;
}
#bubble_column .simply-scroll-btn-down.disabled {
  background-position: 0px -31px !important;
}
/* end book column scrolling */
/* end dashboard */
/* overlay styling		 */
div.bublish_overlay_background {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  position: fixed;
  z-index: 9999;
  background-color: rgba(0,0,0,0.3);
}

div.bublish_overlay_background_custom {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  position: fixed;
  z-index: 9999;
  background-color: rgba(0,0,0,0.3);
}
div.bublish_overlay {
  position: absolute;
  display: none;
  z-index: 400;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: 10px;
  width: 40em;
  padding: 8px 20px;
  border-top: 1px solid #25aebc;
  border-bottom: 1px solid #25aebc;
  border-left: 5px solid #25aebc;
  border-right: 5px solid #25aebc;
  border-radius: 12px;
  /* has shadow - no drawn border */

  background-color: #FFF;
  box-shadow: 20px 20px 80px #777777, -20px -20px 80px #aaaaaa;
}
div.bublish_overlay_custom {
  position: absolute;
  display: none;
  z-index: 400;
  top: 50%;
  left: 50%;
  margin: 0px;
  width: 40em;
  padding: 8px 20px;
  border-top: 1px solid #25aebc;
  border-bottom: 1px solid #25aebc;
  border-left: 5px solid #25aebc;
  border-right: 5px solid #25aebc;
  border-radius: 12px;
  transform: translate(-50%,-50%);
  /* has shadow - no drawn border */

  background-color: #FFF;
  box-shadow: 20px 20px 80px #777777, -20px -20px 80px #aaaaaa;
}
/* cws - fixes oversize confirmation overlay dialog width on small screens */


div.bublish_overlay p {
  font-size: 1.1em;
  padding: 0 6px 5px 0px;
}
div.bublish_overlay_custom p {
  font-size: 1.1em;
  padding: 0 6px 5px 0px;
}


div.bublish_overlay.overlay_show {
  display: block;
}
div.bublish_overlay_custom.overlay_show_custom {
  display: block;
}
div.bublish_overlay a,
a.bublish_button,
div.bublish_button {
  /* Bublish button look */

  float: right;
  border: 1px solid #f37421;
  margin: 0 0 0 16px;
  display: inline-block;
  padding: 5px 7px 5px;
  border-radius: 6px;
  box-shadow: 3px 3px 5px #AAA;
  font-size: 12px;
  line-height: 1;
  color: #25aebc;
  text-decoration: none;
  min-width: 3.5em;
  text-align: center;
  background-color: #FFF;
}
div.bublish_overlay_custom a,
a.bublish_button_custom,
div.bublish_button_custom {
  /* Bublish button look */

  float: right;
  border: 1px solid #f37421;
  margin: 0 0 0 16px;
  display: inline-block;
  padding: 5px 7px 5px;
  border-radius: 6px;
  box-shadow: 3px 3px 5px #AAA;
  font-size: 12px;
  line-height: 1;
  color: #25aebc;
  text-decoration: none;
  min-width: 3.5em;
  text-align: center;
  background-color: #FFF;
}
div.bublish_overlay a:hover,
a.bublish_button:hover,
div.bublish_button:hover {
  color: #007b89;
  cursor: pointer;
}
div.bublish_overlay_custom a:hover,
a.bublish_button_custom:hover,
div.bublish_button_custom:hover {
  color: #007b89;
  cursor: pointer;
}
.small_nav_area .bublish_button {
  margin: 0;
  font-size: 1em;
}
/* end overlay */
/* exit button - sits bottom left of container */
a.exit_button {
  float: left;
}
/* TERMS OF SERVICE */
#terms_of_service li {
  margin: 0 100px 1.3em 25px;
  font-weight: normal;
  font-size: .75em;
  list-style-type: lower-alpha;
}
/* END TERMS OF SERVICE */
/* MAIN CONTROLS */
/* area above footer for paging, Back To links, etc. */
#main_controls {
  clear: both;
  margin: 5px 20px;
  padding: 5px;
}
footer {
  clear: both;
  /* CWS: Fix for book edit footer issue */

  margin: 10px 20px 20px;
  border-top: 1px solid #f37421;
  border-bottom: 3px solid #f37421;
  padding: 6px 0;
  background: #FFF;
  border-radius: 8px;
}
footer p {
  font-size: .9em;
  color: #777;
  margin: 0;
  text-align: center;
}
/* see .horiz links for footer nav links structural styling */
footer li {
  color: #999999;
}
footer a {
  color: #25aebc;
}
footer a:hover {
  color: #f37421;
}
.hidden {
  display: none;
}
input[type=file] {
  width: 69% !important;
}
.smallBlackList li {
  text-align: left;
  color: #000 !important;
  font-size: 10pt;
}

/* 03-17-2020 */
.bublish_form h3.padL0{padding-left:0;}
div.bublish_overlay a.fltNone{float:none;margin:10px 0;}
div.bublish_overlay_custom a.fltNone{float:none;margin:10px 0;}
.bublish_form.labels_left div.formsection.universal_link_formsection textarea{height:30px;padding-top:5px;resize:none;}
div.bublish_overlay fieldset p.infoTxt{padding:0;font-size:14px;line-height:1.2;}
div.bublish_overlay_custom fieldset p.infoTxt{padding:0;font-size:14px;line-height:1.2;}
div.bublish_overlay_custom label{font-weight: normal;font-size: 12px;color: #787878;padding: 0 6px 5px 50px;display: block;}
div.bublish_overlay_custom label .dont_show_distribution_return_modal{vertical-align: text-top;margin: 0;}
.bublish_overlay_custom h6{color: #787878;}

.dashboard_add_book .formGroup{width: 100%; float: left; margin-bottom: 0px;}
.dashboard_add_book .formGroup .labelText{width: calc(35% - 15px); line-height: 34px; color: #363636; font-size: 15px; font-weight: 600; opacity: 1; margin-right: 10px; float: left; text-align: right;}
.dashboard_add_book .formGroup .frmlft{width: calc(35% - 15px);float: left;height: 38px;vertical-align: top;text-align: right;padding-right: 2px;}
.dashboard_add_book .formGroup .frmlft .disclaimerIconTitle{left: 75%;top: -35px;}
.dashboard_add_book .formGroup .frmlft .disclaimerIconTitle .toolTipdes{text-align: left;}
.dashboard_add_book .formGroup .frmlft .disclaimerIconImg{position: relative;left: 0;top: 0;}
.dashboard_add_book .formGroup .preorder_compaign_container{padding-left: 10px;}
.dashboard_add_book .formGroup .preorder_compaign_container .custom-required{height: 38px;float: left;padding-right: 3px;}
.dashboard_add_book .formGroup .labelText.text-left{text-align: left;}
.dashboard_add_book .formGroup .frmWrapper{width: 65%; float: left; position: relative;}
.dashboard_add_book .formGroup .frmWrapper .custom-select + i.fa.fa-chevron-down{position: relative; float: right; top:-24px; right: 6px;}
.dashboard_add_book .formGroup .frmWrapper textarea{resize: none;min-height: 125px}
.dashboard_add_book .formGroup .frmWrapper .custom-select{height: 34px; width: 100%; padding: 0px 20px 0px 8px; color: #363636; font-size: 16px; outline: 0; font-weight: 400; opacity: 1; background-color: #ffffff; border-color: #cbcbcb; border-width: 1px; border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:4px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.dashboard_add_book .TopWrapper{ border:1px dashed #363636; padding:20px; background-color: #ffffff; margin-top:10px; border-radius: 4px; -moz-border-radius:4px;  -webkit-border-radius:4px; }
/*.TopWrapper:hover{background: rgba(255, 255, 255, 0.6); cursor: pointer;}*/
.dashboard_add_book .upload-btn-wrapper {position: relative; overflow: hidden; display: table;  vertical-align: middle; width: 100%; text-align: center;}
.dashboard_add_book .upload-btn-wrapper .btnBrowse{display: table-cell; float: right; line-height: 45px; vertical-align: middle;}
.dashboard_add_book .upload-btn-wrapper .browseBtn{padding:10px 30px;  cursor: pointer; position: relative; color: #fff;background-color: #25aebc;
    border: 1px solid #25aebc;outline: none;border-radius: 4px;font-size: 14px;font-weight: 400;}
.dashboard_add_book .upload-btn-wrapper .upload{color: #000000; width: 265px; text-align: left; line-height: 18px; padding: 0 10px; font-size: 14px; display: table-cell; vertical-align: middle;}
.dashboard_add_book .upload-btn-wrapper .uploadIcon{padding:0; width: 60px; display: table-cell; vertical-align: middle;}
.dashboard_add_book .upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: -20px; height: 85px; opacity: 0;}
.dashboard_add_book .editIconWrapper{display: table; position: relative; width: 100%; float: left; text-align: center;}
.dashboard_add_book .editIconWrapper { background-color: #25aebc; margin-bottom: 10px; border-radius: 5px;height: 30px;}
.dashboard_add_book .editIconWrapper .editIcon{position: absolute; left:-10px; top:-10px; z-index: 9; cursor: pointer; display: table; width: 18px; height: 18px; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#34abba; padding: 2px;}
.dashboard_add_book .editIconWrapper .editIcon i{color: #ffffff; font-size: 10px; line-height: 12px; display: table-cell;}
.dashboard_add_book .editIconWrapper .fileName{display: table-cell; vertical-align: middle; padding: 5px 10px; text-align: left; color: #fff;}
.dashboard_add_book .editIconWrapper .fileName span{color: #fff; font-size: 14px; font-weight: 600; line-height: 18px;}
.dashboard_add_book .TopWrapper .upload-btn-wrapper input[type=file]{width: 100% !important;}
.dashboard_add_book .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: -20px;
    height: 85px;
    opacity: 0;
}
.add_submit{
	background-color: #f37421;
    border: 1px solid #f37421;
    color: #ffffff;
    outline: none;
	font-size: 16px!important;
	font-weight: 400;
	padding: 7px 30px;
	border-radius: 4px;
}
.add_submit:hover {
    background-color: #25aebc;
    border: 1px solid #25aebc;
    color: #ffffff;
    cursor: pointer;
}

.dashboard_add_book .error{
    padding: 0;
}

.about_author{position: relative;}
.formsection.addTT{position:relative;}
.formsection.addTT .titleTooltip {
  right: 58px;
  position: absolute;
    top: 5px;
    width: 20px;
}
.formsection .disclaimerIconImg {
  width: 100%;
}
.formsection.addTT .titleTooltip .disclaimerIconTitle {
  position: absolute;
  right: -16px;
  bottom: 0;
  padding: 0 0 28px;
  display: none;
  cursor:pointer;
}
.formsection.addTT .titleTooltip .toolTipdes {
  padding: 7px 12px;
  width: 220px;
  word-break: break-word;
  font-size: 12px;
    color: #ffffff;
    line-height: 14px;
    background-color: #999999;
    position: relative;
}
.formsection.addTT .toolTipdes:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 8%;
  margin-left: 10px;
  border-width: 8px;
  border-style: solid;
  border-color: #999999 transparent transparent transparent;
}
.formsection.addTT .titleTooltip .disclaimerIconImg:hover .disclaimerIconTitle {
  display: block;
}
.bublish_form.labels_left .formsection .open_url{margin-left: 25px;}
.formsection input,.formsection textarea{color: #363636!important;} 
.formsection sup{color: red;}
.popup_email_link {
    float: none !important;
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
    box-shadow: none !important;
    font-size: inherit !important;
}
/*Added by udit- for popoverlay cusom buttons*/
.overlay-btnsubmit {
    background-color: #f37421 !important;
    border: 1px solid #f37421 !important;
    color: #ffffff;
    outline: none !important;
    margin-left: 10px;
}
.overlay-btnsubmit:hover {
    background-color: #25aebc !important;
    border: 1px solid #25aebc !important;
    color: #ffffff;
}
.overlay-customise-button{
    float:right;
    padding:5px;
    font-size:12px;
}
.overlay-customise-cancel{
    color: #f37421 !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 15px !important;
    padding: 2px !important; 
    text-decoration: underline !important;
    line-height:2 !important;
}
/*End by udit*/
@media (max-width: 992px){
  div.bublish_overlay_custom label{padding: 0 6px 5px 0px;}
}
@media (min-width: 922px) {
  /* CWS fix 20150519 for mobile Twitter overlay - also adjusted bublish_overlay around line 1920 */
  .bublish_form.labels_left div.formsection input,
  .bublish_form.labels_left div.formsection textarea,
  .bublish_form.labels_left div.formsection select {
    width: 58%;
    float: left;
  }
  div.bublish_overlay p {
    font-size: 1.1em;
    padding: 0 6px 5px 50px;
  }
  div.bublish_overlay_custom p {
    font-size: 1.1em;
    padding: 0 6px 5px 50px;
  }
  .bublish_overlay_custom h6 {
    padding-left: 50px;
  }
}
@media (max-width: 760px) {
  div.bublish_overlay {
    width: 80%;
  }
  div.bublish_overlay_custom {
    width: 80%;
  }
}
#books_area .book .book_info .cover_n_controls .manage_book.vlign{
  padding: 0;
  margin: 0;
  vertical-align: middle;
  display: inline-block;
}</pre></body></html>