html/bookhub.css

   1 /* Set main content to not be padded, as we don't really have any reason for it */
   2 #main-content {
   3   padding: 0 !important;
   4   width: 969px;
   5   position: relative; }
   6   #main-content.mini-page {
   7     width: auto; }
   8
   9 #loading {
  10   background: url("/images/layout/ajax-loader.gif");
  11   background-repeat: no-repeat;
  12   display: none; }
  13
  14 .loader {
  15   width: 100% !important;
  16   height: 95% !important;
  17   position: absolute;
  18   background-image: url("/images/layout/ajax-loader.gif");
  19   background-position: center;
  20   background-repeat: no-repeat;
  21   background-color: white; }
  22
  23 #all-access {
  24   margin-left: 2px;
  25   margin-top: 10px;
  26   border: 1px solid #CCC;
  27   -moz-box-shadow: 0 0px 5px #cccccc;
  28   -webkit-box-shadow: 0 0px 5px #cccccc;
  29   box-shadow: 0 0px 5px #cccccc; }
  30   #all-access #cover-header, #all-access #cover-footer {
  31     height: auto;
  32     text-align: center;
  33     background-image: url("/images/layout/cover-header.bg.png");
  34     background-color: transparent;
  35     background-repeat: repeat-x; }
  36   #all-access #cover-body {
  37     padding-top: 10px;
  38     padding-bottom: 10px;
  39     border-top: 1px solid #CCC;
  40     border-bottom: 1px solid #CCC; }
  41     #all-access #cover-body p.bold {
  42       color: #000;
  43       margin: 0 !important;
  44       font-size: 1em;
  45       line-height: 1.5em;
  46       font-family: 'Calibri2', Calibri, Arial, 'Trebuchet MS', sans-serif !important; }
  47     #all-access #cover-body ul {
  48       padding: 0px !important;
  49       font-size: 1em;
  50       line-height: 1.3em; }
  51       #all-access #cover-body ul #bw-book {
  52         background-image: url("/images/bookhub/bw-book.icon.png");
  53         background-position: 15px 8px; }
  54       #all-access #cover-body ul #color-book {
  55         background-image: url("/images/bookhub/color-book.icon.png");
  56         background-position: 15px 10px; }
  57       #all-access #cover-body ul li {
  58         width: 170px;
  59         display: inline-block;
  60         vertical-align: top;
  61         padding: 5px;
  62         padding-top: 10px;
  63         padding-bottom: 10px;
  64         padding-left: 70px;
  65         background-color: transparent;
  66         background-repeat: no-repeat; }
  67   #all-access ul {
  68     list-style: none;
  69     margin-bottom: 0 !important;
  70     font-family: 'Calibri2', Calibri, Arial, 'Trebuchet MS', sans-serif !important; }
  71   #all-access #cover-header {
  72     padding: 12px; }
  73     #all-access #cover-header h2 {
  74       color: #000000;
  75       margin: 0; }
  76     #all-access #cover-header #description {
  77       color: #666666; }
  78   #all-access #cover-body ul #cover-ebook {
  79     background-image: url("/images/bookhub/ebooks.icon.png");
  80     background-position: 15px 12px; }
  81   #all-access #cover-body ul #cover-piy {
  82     background-image: url("/images/bookhub/piy.icon.png");
  83     background-position: 2px 10px; }
  84   #all-access #cover-body ul #cover-audio-book {
  85     background-image: url("/images/bookhub/audiobooks.icon.png");
  86     background-position: 14px 12px; }
  87   #all-access #cover-body ul #cover-study-aids {
  88     background-image: url("/images/bookhub/study-aid-package.png");
  89     background-position: 3px 10px; }
  90   #all-access #cover-body ul #cover-sm {
  91     background-image: url("/images/bookhub/sm.icon.png");
  92     background-position: 10px 10px; }
  93   #all-access #cover-footer {
  94     padding: 15px;
  95     overflow: hidden; }
  96     #all-access #cover-footer .add-to-cart {
  97       margin: 0 auto;
  98       width: 180px; }
  99
 100 .mini-page #cover-footer .add-to-cart {
 101   width: 240px !important; }
 102
 103 #printed-book {
 104   margin-left: 2px;
 105   margin-top: 10px;
 106   border: 1px solid #CCC;
 107   -moz-box-shadow: 0 0px 5px #cccccc;
 108   -webkit-box-shadow: 0 0px 5px #cccccc;
 109   box-shadow: 0 0px 5px #cccccc;
 110   margin-top: 30px; }
 111   #printed-book #cover-header, #printed-book #cover-footer {
 112     height: auto;
 113     text-align: center;
 114     background-image: url("/images/layout/cover-header.bg.png");
 115     background-color: transparent;
 116     background-repeat: repeat-x; }
 117   #printed-book #cover-body {
 118     padding-top: 10px;
 119     padding-bottom: 10px;
 120     border-top: 1px solid #CCC;
 121     border-bottom: 1px solid #CCC; }
 122     #printed-book #cover-body p.bold {
 123       color: #000;
 124       margin: 0 !important;
 125       font-size: 1em;
 126       line-height: 1.5em;
 127       font-family: 'Calibri2', Calibri, Arial, 'Trebuchet MS', sans-serif !important; }
 128     #printed-book #cover-body ul {
 129       padding: 0px !important;
 130       font-size: 1em;
 131       line-height: 1.3em; }
 132       #printed-book #cover-body ul #bw-book {
 133         background-image: url("/images/bookhub/bw-book.icon.png");
 134         background-position: 15px 8px; }
 135       #printed-book #cover-body ul #color-book {
 136         background-image: url("/images/bookhub/color-book.icon.png");
 137         background-position: 15px 10px; }
 138       #printed-book #cover-body ul li {
 139         width: 170px;
 140         display: inline-block;
 141         vertical-align: top;
 142         padding: 5px;
 143         padding-top: 10px;
 144         padding-bottom: 10px;
 145         padding-left: 70px;
 146         background-color: transparent;
 147         background-repeat: no-repeat; }
 148   #printed-book ul {
 149     list-style: none;
 150     margin-bottom: 0 !important;
 151     font-family: 'Calibri2', Calibri, Arial, 'Trebuchet MS', sans-serif !important; }
 152   #printed-book #cover-header {
 153     padding: 15px; }
 154     #printed-book #cover-header h6 {
 155       color: #000000;
 156       margin: 0; }
 157
 158 /*** Identify User ***/
 159 #identify-box {
 160   margin-left: 2px;
 161   margin-top: 10px;
 162   border: 1px solid #CCC;
 163   -moz-box-shadow: 0 0px 5px #cccccc;
 164   -webkit-box-shadow: 0 0px 5px #cccccc;
 165   box-shadow: 0 0px 5px #cccccc;
 166   margin-top: 20px; }
 167   #identify-box #cover-header, #identify-box #cover-footer {
 168     height: auto;
 169     text-align: center;
 170     background-image: url("/images/layout/cover-header.bg.png");
 171     background-color: transparent;
 172     background-repeat: repeat-x; }
 173   #identify-box #cover-body {
 174     padding-top: 10px;
 175     padding-bottom: 10px;
 176     border-top: 1px solid #CCC;
 177     border-bottom: 1px solid #CCC; }
 178     #identify-box #cover-body p.bold {
 179       color: #000;
 180       margin: 0 !important;
 181       font-size: 1em;
 182       line-height: 1.5em;
 183       font-family: 'Calibri2', Calibri, Arial, 'Trebuchet MS', sans-serif !important; }
 184     #identify-box #cover-body ul {
 185       padding: 0px !important;
 186       font-size: 1em;
 187       line-height: 1.3em; }
 188       #identify-box #cover-body ul #bw-book {
 189         background-image: url("/images/bookhub/bw-book.icon.png");
 190         background-position: 15px 8px; }
 191       #identify-box #cover-body ul #color-book {
 192         background-image: url("/images/bookhub/color-book.icon.png");
 193         background-position: 15px 10px; }
 194       #identify-box #cover-body ul li {
 195         width: 170px;
 196         display: inline-block;
 197         vertical-align: top;
 198         padding: 5px;
 199         padding-top: 10px;
 200         padding-bottom: 10px;
 201         padding-left: 70px;
 202         background-color: transparent;
 203         background-repeat: no-repeat; }
 204   #identify-box ul {
 205     list-style: none;
 206     margin-bottom: 0 !important;
 207     font-family: 'Calibri2', Calibri, Arial, 'Trebuchet MS', sans-serif !important; }
 208   #identify-box #cover-header {
 209     padding-top: 15px;
 210     padding-bottom: 15px; }
 211     #identify-box #cover-header h2 {
 212       color: #000000;
 213       margin: 0; }
 214   #identify-box #cover-body .identify-option {
 215     width: 41%;
 216     padding-left: 20px;
 217     padding-right: 20px;
 218     margin-bottom: 10px; }
 219   #identify-box #cover-body .identify-link a {
 220     color: #fb8800;
 221     text-decoration: underline; }
 222     #identify-box #cover-body .identify-link a:hover {
 223       text-decoration: none; }
 224   #identify-box #cover-body #cover-body-bottom {
 225     border-top: 1px solid #CCC;
 226     margin-left: 20px;
 227     margin-right: 20px;
 228     padding-top: 10px; }
 229
 230 #book-content {
 231   margin: 0 10px 0 45px;
 232   padding: 10px 25px 10px 0;
 233   /* Generic font for the book information */
 234   /* Size ~> 25pt */
 235   /* Size ~> 21pt */
 236   /* General list stlying */
 237   /* Footer Stuffs */
 238   /* Figures */
 239   /* Formatting videos */
 240   /* footnote */ }
 241   #book-content h1, #book-content h2, #book-content h3, #book-content h4, #book-content h5, #book-content h6, #book-content p, #book-content ul, #book-content ol {
 242     font-size: 100%; }
 243   #book-content h3, #book-content h4, #book-content h5, #book-content h6, #book-content p, #book-content ol, #book-content ul {
 244     color: #333; }
 245   #book-content h1 {
 246     font-size: 1.69em;
 247     margin-bottom: 20px;
 248     color: #08629A; }
 249     #book-content h1 .title-prefix {
 250       color: #000; }
 251   #book-content h2 {
 252     line-height: 1.83em;
 253     margin-bottom: 24px;
 254     color: #333;
 255     font-size: 1.5em; }
 256   #book-content h3 {
 257     font-size: 1.3em; }
 258   #book-content p, #book-content ul, #book-content ol {
 259     font-family: Georgia, serif;
 260     font-size: 0.88em;
 261     line-height: 1.83em;
 262     margin-top: 6px;
 263     margin-bottom: 6px; }
 264   #book-content .catalog-button p {
 265     font-size: 1em; }
 266   #book-content .catalog-button p, #book-content .catalog-button h1, #book-content .catalog-button h2, #book-content .catalog-button h3, #book-content .catalog-button h4, #book-content .catalog-button h5 {
 267     margin: 0;
 268     font-family: 'Calibri2', Calibri, sans-serif;
 269     color: #fff !important; }
 270   #book-content ul, #book-content ol {
 271     padding-left: 25px; }
 272   #book-content table {
 273     border-collapse: collapse; }
 274     #book-content table thead th {
 275       padding: 5px;
 276       border: 1px solid #000;
 277       color: #f48800;
 278       font-weight: bold; }
 279     #book-content table tfoot th {
 280       padding: 5px;
 281       border: 1px solid #000;
 282       font-weight: bold; }
 283     #book-content table td {
 284       border-top: 0;
 285       border-style: solid;
 286       border-width: 1px;
 287       padding: 5px; }
 288   #book-content .table {
 289     margin-top: 20px;
 290     margin-bottom: 20px; }
 291   #book-content .informaltable {
 292     padding-left: 40px;
 293     margin-top: 13px;
 294     margin-bottom: 13px; }
 295   #book-content .informalequation {
 296     display: block;
 297     padding-left: 40px;
 298     margin-bottom: 13px; }
 299   #book-content .chapter > .title, #book-content .article > .title, #book-content .preface > .title, #book-content .article > .title {
 300     margin-top: 2px;
 301     text-align: center; }
 302     #book-content .chapter > .title > .title-prefix, #book-content .article > .title > .title-prefix, #book-content .preface > .title > .title-prefix, #book-content .article > .title > .title-prefix {
 303       display: block;
 304       padding-bottom: 5px;
 305       margin-bottom: 8px;
 306       border-bottom: 1px solid #ddd; }
 307   #book-content .preface h2, #book-content .article h2 {
 308     text-align: center;
 309     font-size: 1.4em;
 310     margin: 0; }
 311   #book-content .section .section h2.title {
 312     font-size: 1.2em;
 313     margin: 0; }
 314   #book-content .section .section .section h2.title {
 315     font-size: 1.05em; }
 316   #book-content .glossterm {
 317     color: #111;
 318     font-weight: bold;
 319     border-bottom: 1px dashed #999; }
 320     #book-content .glossterm:hover {
 321       text-decoration: none; }
 322   #book-content .glossdef {
 323     display: none; }
 324   #book-content #hrfn {
 325     clear: both; }
 326   #book-content .learning_objectives, #book-content .key_takeaways, #book-content .exercises, #book-content .qandaset, #book-content .callout {
 327     margin-bottom: 28px;
 328     clear: both; }
 329   #book-content .learning_objectives, #book-content .key_takeaways, #book-content .exercises, #book-content .qandaset {
 330     padding-bottom: 20px; }
 331     #book-content .learning_objectives .title, #book-content .key_takeaways .title, #book-content .exercises .title, #book-content .qandaset .title {
 332       font-size: 1.1em;
 333       text-transform: uppercase;
 334       text-align: center;
 335       letter-spacing: 0.125em;
 336       padding: 10px 0px 7px 0px;
 337       margin-bottom: 10px; }
 338     #book-content .learning_objectives ol, #book-content .learning_objectives ul, #book-content .learning_objectives p, #book-content .key_takeaways ol, #book-content .key_takeaways ul, #book-content .key_takeaways p, #book-content .exercises ol, #book-content .exercises ul, #book-content .exercises p, #book-content .qandaset ol, #book-content .qandaset ul, #book-content .qandaset p {
 339       font-size: 0.9em;
 340       font-family: 'Calibri2', Calibri, Arial, 'Trebuchet MS', sans-serif;
 341       margin: 10px 25px 0 20px; }
 342   #book-content .learning_objectives {
 343     background-color: #eae9dc; }
 344     #book-content .learning_objectives > .title {
 345       background-color: #d2d1c2; }
 346   #book-content .key_takeaways {
 347     background-color: #ecf9ea; }
 348     #book-content .key_takeaways > .title {
 349       color: #fff;
 350       background-color: #39892f; }
 351   #book-content .exercises, #book-content .qandaset {
 352     background-color: #e3eff7; }
 353     #book-content .exercises .title, #book-content .qandaset .title {
 354       background-color: #08629a;
 355       color: white; }
 356   #book-content .figure, #book-content .informalfigure {
 357     border-bottom: 1px solid #dddddd;
 358     margin-bottom: 30px;
 359     /* Figures Sizes and Placement */ }
 360     #book-content .figure p, #book-content .informalfigure p {
 361       font-style: italic;
 362       font-size: 0.8em; }
 363     #book-content .figure .title, #book-content .informalfigure .title {
 364       color: #BB9966;
 365       padding: 10px 10px 0 10px; }
 366       #book-content .figure .title .title-prefix, #book-content .informalfigure .title .title-prefix {
 367         color: black;
 368         padding: 0 5px 0 0; }
 369     #book-content .figure.small, #book-content .figure.medium, #book-content .informalfigure.small, #book-content .informalfigure.medium {
 370       clear: right;
 371       float: right;
 372       width: 160px;
 373       padding: 0 0 0 10px; }
 374     #book-content .figure.small img, #book-content .informalfigure.small img {
 375       max-width: 150px; }
 376     #book-content .figure.medium img, #book-content .informalfigure.medium img {
 377       max-width: 150px; }
 378     #book-content .figure.large img, #book-content .figure.full img, #book-content .figure.fullpage img, #book-content .informalfigure.large img, #book-content .informalfigure.full img, #book-content .informalfigure.fullpage img {
 379       max-width: 497px;
 380       max-height: 300px;
 381       display: block;
 382       margin-left: auto;
 383       margin-right: auto; }
 384     #book-content .figure.fullpage img, #book-content .informalfigure.fullpage img {
 385       max-height: none;
 386       width: 100%; }
 387   #book-content .callout {
 388     background-color: #f4f4f4;
 389     border: solid 3px #ccc;
 390     -moz-border-radius: 5px;
 391     -webkit-border-radius: 5px;
 392     border-radius: 5px;
 393     padding: 10px; }
 394     #book-content .callout .figure.small, #book-content .callout .informalfigure.small {
 395       float: none; }
 396     #book-content .callout .figure.medium, #book-content .callout .informalfigure.medium {
 397       float: none; }
 398     #book-content .callout .figure.large img, #book-content .callout .figure.full img, #book-content .callout .informalfigure.large img, #book-content .callout .informalfigure.full img {
 399       width: 100%; }
 400   #book-content #howto {
 401     margin-top: 10px; }
 402     #book-content #howto #howto-header {
 403       font-weight: bold; }
 404   #book-content .video embed, #book-content .mediaobject embed, #book-content .audio embed {
 405     height: 358px;
 406     width: 477px; }
 407   #book-content .video p, #book-content .mediaobject p, #book-content .audio p {
 408     font-style: italic;
 409     font-size: 0.85em; }
 410   #book-content .footnote ol, #book-content .footnote ul, #book-content .footnote p {
 411     font-family: 'Calibri2', Calibri, Arial, 'Trebuchet MS', sans-serif; }
 412   #book-content .qandaset {
 413     counter-reset: q-or-a; }
 414     #book-content .qandaset .qandaentry {
 415       display: block; }
 416       #book-content .qandaset .qandaentry .question, #book-content .qandaset .qandaentry .answer {
 417         counter-increment: q-or-a; }
 418         #book-content .qandaset .qandaentry .question p::before, #book-content .qandaset .qandaentry .answer p::before {
 419           content: counter(q-or-a) ". "; }
 420         #book-content .qandaset .qandaentry .question ol, #book-content .qandaset .qandaentry .answer ol {
 421           list-style-type: lower-alpha; }
 422   #book-content .next-button {
 423     float: right;
 424     Margin-bottom: 10px; }
 425
 426 .mini-page #book-main-right {
 427   display: none; }
 428 .mini-page #book-main {
 429   float: none;
 430   margin: 0 auto 0 auto;
 431   width: 100%; }
 432   .mini-page #book-main #supplements, .mini-page #book-main #search-supplements-options, .mini-page #book-main #options-bookmark {
 433     width: auto; }
 434   .mini-page #book-main #book-content, .mini-page #book-main #supps-sa, .mini-page #book-main #search-supp-close {
 435     margin-right: 40px; }
 436
 437 #book-main-upper, #book-main {
 438   margin-right: 9px; }
 439
 440 #book-main-upper {
 441   width: 590px;
 442   height: 9px;
 443   float: right;
 444   background-image: url("/images/bookhub/book-edge-upper.png");
 445   background-repeat: no-repeat;
 446   background-position: top right;
 447   margin-top: 10px; }
 448
 449 #book-main-right {
 450   background-image: url("/images/bookhub/book-edge-right.png");
 451   background-repeat: no-repeat;
 452   background-position: top right;
 453   position: absolute;
 454   width: 9px;
 455   height: 363px;
 456   right: 0px;
 457   margin-top: 19px; }
 458
 459 #book-main {
 460   padding: 10px 0px 0 0;
 461   -moz-box-shadow: 2px 2px 2px #efefef;
 462   -webkit-box-shadow: 2px 2px 2px #efefef;
 463   box-shadow: 2px 2px 2px #efefef; }
 464
 465 #book-navigation {
 466   padding: 26px 39px 5px 5px;
 467   border-right: 1px #dfdfdf solid;
 468   -moz-box-shadow: inset -3px 0 3px -1px #f0f0f0;
 469   -webkit-box-shadow: inset -3px 0 3px -1px #f0f0f0;
 470   box-shadow: inset -3px 0 3px -1px #f0f0f0;
 471   width: 320px;
 472   float: left; }
 473   #book-navigation .navigation-block {
 474     border-top: 2px #ddd solid;
 475     padding-top: 15px;
 476     margin-top: 15px; }
 477   #book-navigation #title-author #book-title {
 478     border-bottom: 0;
 479     margin-bottom: 5px; }
 480   #book-navigation #course-information #course-name {
 481     font-size: 20px;
 482     font-weight: bold;
 483     margin-top: 5px;
 484     margin-bottom: 5px;
 485     margin-left: 20px;
 486     margin-right: 20px; }
 487   #book-navigation #course-information li {
 488     list-style-type: none;
 489     margin-top: 5px;
 490     margin-bottom: 5px;
 491     margin-left: 20px;
 492     margin-right: 20px; }
 493   #book-navigation #course-information #switch-user-view a {
 494     color: #07903e; }
 495   #book-navigation #toc-container {
 496     margin-top: 20px; }
 497     #book-navigation #toc-container p {
 498       color: black;
 499       border: 1px #ddd solid;
 500       border-bottom: none;
 501       padding: 0 5px 0 5px;
 502       width: 142px;
 503       height: 33px;
 504       line-height: 33px;
 505       background: #fff;
 506       position: relative;
 507       text-align: center;
 508       -moz-border-radius: 3px 3px 0 0;
 509       -webkit-border-radius: 3px 3px 0 0;
 510       border-radius: 3px 3px 0 0; }
 511     #book-navigation #toc-container #toc-contents {
 512       border-top: 1px #ddd solid;
 513       overflow: auto;
 514       height: 300px;
 515       width: 100%;
 516       margin-top: -1px;
 517       background: #fff; }
 518       #book-navigation #toc-container #toc-contents ul#toc {
 519         padding-left: 2px;
 520         padding-right: 10px;
 521         list-style: none; }
 522         #book-navigation #toc-container #toc-contents ul#toc li.chapter, #book-navigation #toc-container #toc-contents ul#toc li.other {
 523           border-bottom: #ddd solid 1px; }
 524         #book-navigation #toc-container #toc-contents ul#toc li {
 525           padding: 5px 0 5px 0; }
 526           #book-navigation #toc-container #toc-contents ul#toc li .sections {
 527             display: none;
 528             padding-left: 10px;
 529             list-style: none; }
 530             #book-navigation #toc-container #toc-contents ul#toc li .sections li {
 531               padding: 3px 0 3px 0; }
 532               #book-navigation #toc-container #toc-contents ul#toc li .sections li.active a.section-link {
 533                 color: #333;
 534                 text-decoration: none;
 535                 cursor: default; }
 536           #book-navigation #toc-container #toc-contents ul#toc li.active .container a.chapter-link {
 537             color: #333;
 538             text-decoration: none;
 539             cursor: default; }
 540           #book-navigation #toc-container #toc-contents ul#toc li.active .container ul.sections {
 541             display: block; }
 542
 543 #search-results-container {
 544   display: none; }
 545
 546 #search-results {
 547   width: 100%; }
 548   #search-results em {
 549     font-weight: bold; }
 550
 551 .search-result dd {
 552   margin-bottom: 1.5em; }
 553   .search-result dd em {
 554     font-weight: bold;
 555     background-color: #AAFFFF; }
 556
 557 #study-aids #flashcards-contents #left {
 558   width: 73%;
 559   float: left; }
 560   #study-aids #flashcards-contents #left a {
 561     color: #fb8800; }
 562   #study-aids #flashcards-contents #left #viewer {
 563     min-height: 160px;
 564     -moz-box-shadow: 0px 0px 3px #999999;
 565     -webkit-box-shadow: 0px 0px 3px #999999;
 566     box-shadow: 0px 0px 3px #999999; }
 567     #study-aids #flashcards-contents #left #viewer #viewer-top {
 568       height: 25px;
 569       background: #eaf8ff;
 570       padding: 0 5px 0 5px; }
 571       #study-aids #flashcards-contents #left #viewer #viewer-top p {
 572         float: left; }
 573       #study-aids #flashcards-contents #left #viewer #viewer-top span#checkbox-master {
 574         float: right; }
 575     #study-aids #flashcards-contents #left #viewer #viewer-bottom {
 576       padding: 15px; }
 577   #study-aids #flashcards-contents #left #navigation {
 578     padding-top: 15px; }
 579     #study-aids #flashcards-contents #left #navigation .catalog-button {
 580       float: left; }
 581     #study-aids #flashcards-contents #left #navigation .nav-item {
 582       margin-left: 10px;
 583       top: 5px;
 584       position: relative; }
 585 #study-aids #flashcards-contents #right {
 586   width: 23%;
 587   float: right; }
 588   #study-aids #flashcards-contents #right ul {
 589     list-style-type: none;
 590     line-height: 1.5em;
 591     margin-bottom: 10px; }
 592     #study-aids #flashcards-contents #right ul li a {
 593       cursor: pointer; }
 594   #study-aids #flashcards-contents #right ul#change-view .inactive {
 595     cursor: default;
 596     color: #555; }
 597     #study-aids #flashcards-contents #right ul#change-view .inactive:hover {
 598       text-decoration: none; }
 599 #study-aids #quiz-contents {
 600   background: url() no-repeat scroll 0 0;
 601   float: left; }
 602   #study-aids #quiz-contents ul, #study-aids #quiz-contents ol {
 603     line-height: 1.6em;
 604     margin: 10px 0 10px 0; }
 605   #study-aids #quiz-contents #q-navigation {
 606     margin-bottom: 10px;
 607     margin-top: 10px; }
 608   #study-aids #quiz-contents #q-text, #study-aids #quiz-contents #q-feedback, #study-aids #quiz-contents .q-response {
 609     font-weight: bold; }
 610   #study-aids #quiz-contents #q-text {
 611     margin-top: 5px; }
 612   #study-aids #quiz-contents #q-submit, #study-aids #quiz-contents #q-next-display {
 613     float: left;
 614     margin-right: 10px; }
 615   #study-aids #quiz-contents #q-report {
 616     line-height: 24px; }
 617   #study-aids #quiz-contents .q-section {
 618     font-weight: bold; }
 619   #study-aids #quiz-contents .q-incorrect, #study-aids #quiz-contents .q-incorrect a {
 620     color: red; }
 621   #study-aids #quiz-contents .q-correct, #study-aids #quiz-contents .q-correct a {
 622     color: green; }
 623   #study-aids #quiz-contents .q-correct-marker {
 624     font-weight: bold; }
 625   #study-aids #quiz-contents .q-supplied-answer {
 626     font-weight: bold; }
 627   #study-aids #quiz-contents .q-report-row span {
 628     font-weight: bold; }
 629   #study-aids #quiz-contents ul li {
 630     list-style-type: none; }
 631
 632 /***** Dropdown Options and Bookmark Area *****/
 633 #main-content.mini-page #book-nav-toggle {
 634   background-position: -75px -24px; }
 635   #main-content.mini-page #book-nav-toggle:hover {
 636     background-position: -75px 0px; }
 637
 638 #options-bookmark {
 639   display: none;
 640   height: 32px;
 641   width: 500px;
 642   padding: 5px 0 0 0;
 643   margin: 0 45px 0 45px;
 644   border-bottom: 2px #ddd solid;
 645   -moz-box-shadow: 0 5px 4px white;
 646   -webkit-box-shadow: 0 5px 4px white;
 647   box-shadow: 0 5px 4px white;
 648   overflow: auto;
 649   position: relative; }
 650   #options-bookmark .reader-nav-icon {
 651     width: 24px;
 652     height: 24px;
 653     float: left;
 654     margin-right: 25px;
 655     /* Add sprite */
 656     background-image: url("/images/bookhub/top-navigation.png"); }
 657   #options-bookmark #settings-nav {
 658     background-position: 0px 0px; }
 659     #options-bookmark #settings-nav:hover, #options-bookmark #settings-nav.active {
 660       background-position: 0px -24px; }
 661   #options-bookmark #faq-nav {
 662     width: 19px;
 663     background-position: -24px 0px; }
 664     #options-bookmark #faq-nav:hover, #options-bookmark #faq-nav.active {
 665       background-position: -24px -24px; }
 666   #options-bookmark #share-nav {
 667     background-position: -48px 0px; }
 668     #options-bookmark #share-nav:hover, #options-bookmark #share-nav.active {
 669       background-position: -48px -24px; }
 670   #options-bookmark #book-nav-toggle {
 671     background-position: -75px 0px;
 672     width: 34px; }
 673     #options-bookmark #book-nav-toggle:hover {
 674       background-position: -75px -24px; }
 675   #options-bookmark #font-nav {
 676     background-image: url("/images/bookhub/font-size-btn.png");
 677     width: 32px;
 678     height: 20px; }
 679   #options-bookmark #bookmarks-old-reader {
 680     float: right;
 681     margin-top: 5px; }
 682     #options-bookmark #bookmarks-old-reader a {
 683       color: #07903e; }
 684   #options-bookmark .reader-nav-cont {
 685     display: none; }
 686   #options-bookmark #faq-cont {
 687     width: 370px; }
 688
 689 #main-content.large-font #font-nav {
 690   background-position: 0 -100%; }
 691 #main-content.huge-font #font-nav {
 692   background-position: 0 -200%; }
 693
 694 #faq-cont p {
 695   margin-bottom: 10px; }
 696   #faq-cont p.bold {
 697     margin: 0; }
 698
 699 /* Black bar for search and supplements/study-aids */
 700 #search-supp-container {
 701   display: none;
 702   background-color: white;
 703   -moz-box-shadow: 0 -5px 4px white, inset 0px 2px 3px #555555;
 704   -webkit-box-shadow: 0 -5px 4px white, inset 0px 2px 3px #555555;
 705   box-shadow: 0 -5px 4px white, inset 0px 2px 3px #555555; }
 706
 707 #search-supplements-bar {
 708   background: #777;
 709   height: 40px;
 710   width: auto;
 711   padding: 0 0 0 42px;
 712   position: relative; }
 713   #search-supplements-bar .tab {
 714     line-height: 43px;
 715     cursor: pointer;
 716     background: #fff;
 717     -moz-box-shadow: 0px 0px 5px #888888;
 718     -webkit-box-shadow: 0px 0px 5px #888888;
 719     box-shadow: 0px 0px 5px #888888;
 720     -moz-border-radius: 2px 2px 0 0;
 721     -webkit-border-radius: 2px 2px 0 0;
 722     border-radius: 2px 2px 0 0;
 723     float: right;
 724     border: #ccc;
 725     height: 43px;
 726     min-width: 100px;
 727     font-weight: bold;
 728     margin-top: -3px;
 729     padding: 0px 10px 0 10px;
 730     position: relative;
 731     color: #07903e;
 732     margin-right: 10px; }
 733     #search-supplements-bar .tab .tab-icon {
 734       margin-top: 12px;
 735       float: left;
 736       margin-right: 5px;
 737       height: 19px;
 738       width: 19px;
 739       background-image: url("/images/bookhub/study-aids-tab.png"); }
 740     #search-supplements-bar .tab.active .tab-icon {
 741       background-position: 0 100%; }
 742   #search-supplements-bar #search-supp-close {
 743     width: 45px;
 744     height: 100%;
 745     float: right;
 746     visibility: hidden;
 747     color: white; }
 748     #search-supplements-bar #search-supp-close #search-close {
 749       display: none;
 750       margin-top: 11px; }
 751     #search-supplements-bar #search-supp-close #close-icon {
 752       float: right;
 753       margin: 8px 8px 0 0;
 754       cursor: pointer;
 755       width: 26px;
 756       height: 26px;
 757       background-image: url("/images/bookhub/search-close-icon.png");
 758       background-repeat: no-repeat; }
 759   #search-supplements-bar #study-aids-tab {
 760     margin-right: 0;
 761     padding-left: 15px;
 762     padding-right: 15px; }
 763   #search-supplements-bar #search-area {
 764     float: left;
 765     padding-top: 8px; }
 766     #search-supplements-bar #search-area .search-bar #search {
 767       width: 170px !important; }
 768   #search-supplements-bar.active, #search-supplements-bar.search {
 769     /*image: url("/images/bookhub/resize-handle.png");*/
 770     background-repeat: no-repeat;
 771     background-position: 0 0; }
 772     #search-supplements-bar.active #search-supp-close, #search-supplements-bar.search #search-supp-close {
 773       visibility: visible; }
 774   #search-supplements-bar.search .tab {
 775     display: none; }
 776   #search-supplements-bar.search #search-supp-close {
 777     width: 170px; }
 778   #search-supplements-bar.search #search-close {
 779     float: left;
 780     display: block !important; }
 781
 782 #sub-nav-bar {
 783   overflow: hidden;
 784   padding: 0 45px 0 45px;
 785   background: black;
 786   overflow: hidden;
 787   height: 40px;
 788   position: relative;
 789   display: none; }
 790   #sub-nav-bar > div {
 791     height: 100%; }
 792   #sub-nav-bar #search-sub-nav .search-bar {
 793     margin-top: 7px;
 794     float: left; }
 795   #sub-nav-bar #study-aids-sub-nav a {
 796     background-image: url("/images/bookhub/supplement-menu-gradient.png");
 797     background-repeat: repeat-x;
 798     color: white;
 799     text-decoration: none;
 800     padding: 10px 15px 0 15px;
 801     position: relative;
 802     overflow: hidden;
 803     float: left;
 804     margin-right: 1px;
 805     height: 100%; }
 806     #sub-nav-bar #study-aids-sub-nav a.active {
 807       background-image: url("/images/bookhub/supplement-menu-active-gradient.png");
 808       background-repeat: repeat-x; }
 809     #sub-nav-bar #study-aids-sub-nav a.center {
 810       margin: 0 1px 0 1px; }
 811
 812 #supps-sa {
 813   background: white;
 814   position: relative;
 815   overflow: auto;
 816   overflow-x: hidden;
 817   margin-right: 10px;
 818   height: 320px;
 819   display: none;
 820   padding: 20px 0 0 0; }
 821   #supps-sa .jspContainer {
 822     display: block !important;
 823     width: 100% !important; }
 824   #supps-sa .jspPane {
 825     width: 100% !important; }
 826   #supps-sa .supps-sa {
 827     padding: 0 45px 0 45px;
 828     display: none; }
 829   #supps-sa #supp-loader {
 830     display: none;
 831     min-height: 200px;
 832     height: 90% !important; }
 833   #supps-sa #search-results {
 834     position: absolute;
 835     width: 483px;
 836     margin-top: -4px;
 837     min-height: 95%;
 838     z-index: 10000;
 839     background-color: white; }
 840   #supps-sa #buy-it {
 841     display: none; }
 842   #supps-sa #supplements .supplement-show {
 843     border-top: 1px solid #DDD;
 844     width: 100%;
 845     *overflow: hidden;
 846     zoom: 1;
 847     padding-top: 20px;
 848     padding-bottom: 20px;
 849     overflow: hidden; }
 850     #supps-sa #supplements .supplement-show .supplement-left {
 851       float: left;
 852       width: 32%;
 853       height: 100%;
 854       min-height: 30px; }
 855     #supps-sa #supplements .supplement-show .supplement-right {
 856       width: 67%;
 857       float: right; }
 858   #supps-sa #buy-it-contents > p {
 859     line-height: 1.5em;
 860     margin-bottom: 10px; }
 861   #supps-sa #buy-it-contents .learn-more {
 862     padding-top: 5px;
 863     height: 29px; }
 864     #supps-sa #buy-it-contents .learn-more span {
 865       margin-left: 6px; }
 866     #supps-sa #buy-it-contents .learn-more #learn-more-link {
 867       padding-left: 6px; }
 868   #supps-sa #buy-it-contents .loginMessage {
 869     margin-top: 10px; }
 870   #supps-sa #buy-it-contents span {
 871     line-height: 28px; }
 872     #supps-sa #buy-it-contents span #get-it-now-button {
 873       float: left;
 874       margin-right: 10px; }
 875
 876 #new-features {
 877   height: 220px; }
 878   #new-features .left {
 879     float: left;
 880     width: 48%; }
 881   #new-features .right {
 882     display: block;
 883     width: 40%;
 884     float: right;
 885     height: 215px;
 886     background-repeat: no-repeat; }
 887   #new-features #online-feature .right {
 888     background-image: url("/images/bookhub/welcome/new_reader.png"); }
 889   #new-features #use-book-feature .right {
 890     background-image: url("/images/bookhub/welcome/use-book.png"); }
 891   #new-features #toc-feature .right {
 892     background-image: url("/images/bookhub/welcome/new_toc.png"); }
 893   #new-features #search-feature .right {
 894     background-image: url("/images/bookhub/welcome/new_search.png"); }
 895   #new-features #options-feature .right {
 896     background-image: url("/images/bookhub/welcome/options.png"); }
 897   #new-features #keyterm-feature .right {
 898     background-image: url("/images/bookhub/welcome/new_keyterms.png"); }
 899   #new-features #buy-content-feature .right {
 900     background-image: url("/images/bookhub/welcome/buy-book.png"); }
 901   #new-features #study-aids-feature .right {
 902     background-image: url("/images/bookhub/welcome/study-aids.png"); }
 903   #new-features #supplements-feature .right {
 904     background-image: url("/images/bookhub/welcome/supplements.png"); }
 905
 906 .fwk-tooltip.fwk-modal.ui-tooltip.fwk-tooltip-welcome h3 {
 907   color: #08629a; }
 908 .fwk-tooltip.fwk-modal.ui-tooltip.fwk-tooltip-welcome .ui-tooltip-content {
 909   padding-bottom: 0 !important;
 910   border: 0; }
 911 .fwk-tooltip.fwk-modal.ui-tooltip.fwk-tooltip-welcome .ui-tooltip-title {
 912   border-bottom: 2px #ddd solid !important; }